:root{
  --primary:#0b5ea8;--primary-dark:#06477f;--primary-soft:#eaf4ff;--accent:#12a3c0;
  --success:#0d9b69;--warning:#e89a05;--danger:#d8435c;--ink:#15263a;--muted:#72839a;
  --line:#e5edf5;--bg:#f4f7fb;--card:#fff;--shadow:0 16px 44px rgba(19,54,86,.13);
  --radius:18px;--sidebar:304px
}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Tahoma,Arial,sans-serif;background:var(--bg);color:var(--ink)}button,input,select,textarea{font:inherit}button{cursor:pointer;border:0}a{color:var(--primary);text-decoration:none}.hidden{display:none!important}
.login-screen{min-height:100vh;display:grid;place-items:center;position:relative;overflow:hidden;background:linear-gradient(135deg,#e7f4fc 0%,#f7fbff 60%,#e9f7fd 100%)}
.login-pattern{position:absolute;opacity:.55}.pattern-left{width:57vw;height:100vh;left:-18vw;top:0;background:#ffd941;clip-path:polygon(0 0,100% 35%,69% 100%,0 100%)}.pattern-right{right:-30px;top:0;width:335px;height:100%;background-image:radial-gradient(circle at 18px 18px,transparent 14px,#6dc6e5 15px,#6dc6e5 16px,transparent 17px);background-size:52px 52px;opacity:.34}
.login-shell{width:min(1440px,95vw);min-height:820px;background:#fff;box-shadow:0 25px 80px rgba(28,69,100,.2);border-radius:18px;display:grid;grid-template-columns:1.08fr .92fr;overflow:hidden;position:relative}
.login-promo{background:linear-gradient(145deg,#edf8ff 0%,#eff7fe 54%,#fff7c8 100%);padding:66px;display:flex;flex-direction:column;justify-content:space-between;position:relative}.promo-chip{display:inline-flex;background:#dff2ff;color:var(--primary);font-size:13px;font-weight:700;padding:8px 15px;border-radius:30px}.promo-top h2{font-size:34px;line-height:1.68;margin:24px 0 9px}.promo-top h2 b{color:var(--primary)}.promo-top p{font-size:15px;color:var(--muted);line-height:2.1;max-width:620px}.promo-visual{height:400px;position:relative}.visual-grid{position:absolute;inset:50px 40px 0;display:grid;grid-template-columns:repeat(4,1fr);gap:17px;transform:rotate(-3deg);opacity:.42}.visual-grid span{background:rgba(255,255,255,.75);border-radius:18px}.visual-card{position:absolute;background:#fff;border-radius:16px;box-shadow:0 17px 38px rgba(20,72,112,.15)}.card-main{width:390px;height:265px;right:88px;top:64px;padding:22px}.mini-head{display:flex;gap:7px;margin-bottom:20px}.mini-head span{width:34px;height:9px;border-radius:7px;background:#32b4d6}.mini-row{display:flex;align-items:center;gap:12px;margin:18px 0}.mini-row i{height:10px;width:10px;border-radius:50%;background:#18a778}.mini-row b{height:9px;width:167px;border-radius:9px;background:#e3eef7}.mini-row em{height:9px;width:67px;border-radius:9px;background:#f8d470}.card-alert,.card-task{padding:17px 19px;display:grid;grid-template-columns:38px 1fr;gap:3px 7px;align-items:center;font-size:27px}.card-alert{left:22px;top:103px}.card-task{right:28px;bottom:10px}.visual-card strong{font-size:20px}.visual-card small{grid-column:2;color:var(--muted);font-size:11px}.promo-footer{display:flex;justify-content:center;gap:8px}.promo-footer span{width:28px;height:4px;border-radius:8px;background:#a2d5e9}.promo-footer .active{background:#1aabd2;width:44px}
.login-panel{padding:48px 66px;display:flex;flex-direction:column;position:relative}.login-toolbar{display:flex;justify-content:flex-end}.lang-button,.pill-button{background:var(--primary-soft);color:var(--primary);border-radius:11px;padding:9px 15px;font-weight:700}.brand{display:flex;align-items:center;gap:13px}.brand-mark{width:54px;height:54px;background:linear-gradient(135deg,var(--primary),var(--accent));border-radius:17px;display:grid;place-items:center;color:#fff;box-shadow:0 8px 18px rgba(11,94,168,.22)}.brand-mark span{font-weight:800;font-size:26px}.brand h1{margin:0;font-size:26px}.brand p{margin:1px 0 0;color:var(--muted);font-size:10px;letter-spacing:2.2px}.brand-login{justify-content:center;margin:64px 0 56px}.login-copy h3{font-size:28px;margin:0 0 10px}.login-copy p{font-size:14px;color:var(--muted);margin:0 0 28px}.login-form{display:grid;gap:20px}.login-form label>span{display:block;font-size:13px;font-weight:700;margin-bottom:9px}.login-form input,.form-control{width:100%;border:1px solid #dbe6ef;background:#fbfdff;border-radius:10px;padding:14px 15px;outline:0;transition:.2s}.login-form input:focus,.form-control:focus{border-color:#6ebce5;box-shadow:0 0 0 3px #e0f4ff}.password-wrap{position:relative}.password-wrap button{position:absolute;left:10px;top:8px;background:transparent;color:#78a9c9;font-size:22px}.login-options{display:flex;justify-content:space-between;align-items:center;font-size:12px}.check{display:flex!important;gap:6px;align-items:center}.check input{width:auto}.primary-button{background:linear-gradient(135deg,var(--primary),#0b82bd);color:#fff;border-radius:10px;padding:13px 17px;font-weight:700;box-shadow:0 7px 15px rgba(11,94,168,.18)}.login-button{display:flex;justify-content:center;gap:9px;font-size:14px;padding:15px}.form-error{font-size:12px;color:var(--danger);margin:0}.login-help{margin-top:22px;background:#f3f9fe;border:1px solid #d8eafa;color:#56758e;padding:12px 13px;border-radius:11px;display:flex;gap:7px;font-size:11px;line-height:1.8}.login-footer{margin-top:auto;text-align:center;color:#8796a7;font-size:11px;padding-top:28px}
.app-screen{display:flex;min-height:100vh}.sidebar{width:var(--sidebar);background:#fff;border-inline-end:1px solid var(--line);display:flex;flex-direction:column;flex:none;position:sticky;top:0;height:100vh;z-index:30;transition:.25s}.sidebar-brand{padding:21px 18px;border-bottom:1px solid var(--line)}.sidebar-brand .brand-mark{width:47px;height:47px}.sidebar-brand .brand-mark span{font-size:22px}.sidebar-brand h1{font-size:21px}.nav{padding:13px 10px;overflow:auto;flex:1}.nav-section{font-size:11px;color:#93a3b4;padding:17px 11px 8px;font-weight:700;letter-spacing:.2px}.nav-item{width:100%;display:flex;align-items:center;gap:12px;text-align:start;padding:12px 12px;border-radius:12px;background:transparent;color:#53677c;font-size:13px;margin-bottom:3px;transition:.2s}.nav-item:hover{background:#f3f8fc;color:var(--primary)}.nav-item.active{background:linear-gradient(135deg,#e7f4ff,#f4faff);color:var(--primary);font-weight:700;box-shadow:inset -3px 0 0 var(--primary)}html[dir=ltr] .nav-item.active{box-shadow:inset 3px 0 0 var(--primary)}.nav-icon{width:28px;height:28px;display:grid;place-items:center;background:#f1f6fa;border-radius:9px;flex:none}.nav-item.active .nav-icon{background:#d7ecff}.nav-icon svg{width:16px;height:16px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.nav-badge{margin-inline-start:auto;background:var(--danger);color:#fff;border-radius:16px;min-width:20px;height:20px;display:grid;place-items:center;font-size:10px;padding:0 5px}.sidebar-footer{padding:13px;border-top:1px solid var(--line);display:flex;align-items:center;gap:8px}.profile-mini{display:flex;align-items:center;gap:8px;min-width:0}.profile-mini strong{font-size:11px;display:block}.profile-mini small{font-size:9px;color:var(--muted)}.avatar{width:35px;height:35px;border-radius:11px;display:grid;place-items:center;background:linear-gradient(135deg,var(--primary),var(--accent));color:#fff;font-size:12px;font-weight:700}.logout-button{margin-inline-start:auto;background:#fff0f2;color:var(--danger);border-radius:9px;padding:8px 10px}
.app-main{flex:1;min-width:0}.topbar{height:82px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 29px;position:sticky;top:0;z-index:15}.topbar-start{display:flex;align-items:center;gap:15px}.topbar h2{font-size:20px;margin:0}.topbar p{margin:3px 0 0;color:var(--muted);font-size:11px}.topbar-actions{display:flex;align-items:center;gap:10px}.global-search{width:260px;background:#f5f9fd;border-radius:11px;display:flex;align-items:center;padding:0 11px;color:#8da1b4}.global-search input{border:0;outline:0;background:transparent;padding:10px;width:100%;font-size:12px}.icon-button{width:40px;height:40px;border-radius:10px;background:#f4f8fc;color:#5e748a;position:relative}.notification-button b{position:absolute;top:-5px;right:-5px;background:var(--danger);color:#fff;width:19px;height:19px;border-radius:50%;display:grid;place-items:center;font-size:9px}.profile-button{display:flex;gap:7px;align-items:center;background:transparent;font-size:12px;font-weight:700;color:#394b5d}.menu-button{display:none}.content{padding:25px;max-width:1850px;margin:auto}.page-head{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:18px}.page-head h3{margin:0;font-size:19px}.page-head p{font-size:12px;color:var(--muted);margin:4px 0 0}.actions{display:flex;gap:8px;flex-wrap:wrap}.secondary-button,.danger-button,.ghost-button{padding:10px 14px;border-radius:9px;font-size:12px;font-weight:700}.secondary-button{background:#eaf5ff;color:var(--primary)}.danger-button{background:#fff0f2;color:var(--danger)}.ghost-button{background:#f4f7fb;color:#627588}
.grid{display:grid;gap:16px}.split-grid{grid-template-columns:1fr 1fr}.kpi-grid{grid-template-columns:repeat(4,1fr)}.kpi-card,.card,.entity-card,.report-card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:0 6px 18px rgba(34,77,112,.045)}.kpi-card{padding:18px;display:flex;justify-content:space-between;align-items:center}.kpi-card h4{font-size:11px;color:var(--muted);margin:0}.kpi-card b{display:block;font-size:27px;margin-top:7px}.kpi-card small{font-size:10px;color:var(--success)}.kpi-icon{width:49px;height:49px;border-radius:16px;display:grid;place-items:center;font-size:22px;background:#eaf5ff}.kpi-card.warning .kpi-icon{background:#fff6dd}.kpi-card.danger .kpi-icon{background:#ffedf0}.kpi-card.success .kpi-icon{background:#e5fbf3}.dashboard-grid{grid-template-columns:1.4fr 1fr;margin-top:16px}.card{padding:17px}.card-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:15px}.card-title h4{margin:0;font-size:14px}.card-title small{color:var(--muted);font-size:10px}.chart-bars{display:flex;align-items:end;height:180px;gap:17px;padding:9px 4px}.chart-col{flex:1;height:100%;display:flex;justify-content:end;align-items:center;flex-direction:column;gap:7px}.chart-bar{width:68%;background:linear-gradient(180deg,#42badd,#0d72af);border-radius:6px 6px 2px 2px;min-height:12px}.chart-col span{font-size:10px;color:var(--muted)}.ring-wrap{display:flex;align-items:center;gap:24px}.ring{width:160px;height:160px;border-radius:50%;background:conic-gradient(var(--primary) 0 63%,#14a9bc 63% 82%,#f2a623 82% 94%,#e5eef5 94% 100%);display:grid;place-items:center}.ring:after{content:"";width:112px;height:112px;background:#fff;border-radius:50%}.legend{display:grid;gap:11px}.legend span{font-size:11px;color:var(--muted)}.legend i{display:inline-block;width:9px;height:9px;border-radius:50%;margin-inline-end:7px;background:var(--primary)}.legend span:nth-child(2) i{background:#14a9bc}.legend span:nth-child(3) i{background:#f2a623}.legend span:nth-child(4) i{background:#e5eef5}
.table-card{margin-top:16px;padding:0;overflow:hidden}.table-toolbar{padding:15px 16px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);gap:8px}.table-toolbar h4{margin:0;font-size:14px}.table-filters{display:flex;gap:7px;flex-wrap:wrap}.table-filters input,.table-filters select{border:1px solid var(--line);background:#fff;border-radius:8px;padding:8px 10px;font-size:11px;outline:0}table{width:100%;border-collapse:collapse}th,td{padding:12px 13px;text-align:start;border-bottom:1px solid #eef3f7;font-size:11px;white-space:nowrap}th{background:#f8fbfd;color:#6f8195;font-weight:700}tr:hover td{background:#fbfdff}.status{display:inline-flex;padding:4px 8px;border-radius:20px;font-size:10px;font-weight:700}.status.success{background:#e7f9f1;color:#087a55}.status.warning{background:#fff4d5;color:#ac6c00}.status.danger{background:#ffecee;color:#bd3149}.status.info{background:#e9f5ff;color:#0965a7}.action-link{background:transparent;color:var(--primary);padding:4px 5px;font-weight:700}.progress{height:7px;background:#e9eff4;border-radius:9px;overflow:hidden;min-width:90px}.progress span{height:100%;display:block;background:var(--success);border-radius:9px}.alert-list{display:grid;gap:9px}.alert-item{display:flex;gap:10px;align-items:start;padding:10px;border:1px solid var(--line);border-radius:12px}.alert-item .alert-icon{width:35px;height:35px;border-radius:10px;display:grid;place-items:center;background:#fff3d8}.alert-item strong{display:block;font-size:12px}.alert-item p{margin:3px 0 0;color:var(--muted);font-size:10px}.alert-item time{margin-inline-start:auto;font-size:9px;color:#a0afbe}.section-tabs{display:flex;gap:6px;overflow-x:auto;margin-bottom:14px}.tab{padding:9px 13px;background:#fff;border:1px solid var(--line);border-radius:9px;font-size:11px;color:#64778b}.tab.active{background:var(--primary);color:#fff;border-color:var(--primary)}
.cards-toolbar{padding:14px 0;display:flex;justify-content:space-between;gap:10px;align-items:center}.cards-toolbar .table-filters{flex:1}.view-switch{display:flex;gap:4px;background:#eef4f9;border-radius:9px;padding:3px}.view-switch button{background:transparent;color:#6f8195;border-radius:7px;padding:7px 9px}.view-switch button.active{background:#fff;color:var(--primary);box-shadow:0 2px 7px rgba(34,77,112,.09)}.entity-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.entity-card{overflow:hidden;transition:.2s}.entity-card:hover{transform:translateY(-3px);box-shadow:0 15px 28px rgba(34,77,112,.1)}.entity-card-head{padding:15px;display:flex;align-items:flex-start;gap:10px;border-bottom:1px solid var(--line);background:linear-gradient(135deg,#fff,#fbfdff)}.entity-avatar{width:43px;height:43px;border-radius:13px;display:grid;place-items:center;background:#eaf5ff;color:var(--primary);font-size:16px;font-weight:800;flex:none}.entity-title{min-width:0;flex:1}.entity-title h4{margin:0;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.entity-title p{margin:5px 0 0;color:var(--muted);font-size:10px}.entity-card-body{padding:13px 15px}.meta-grid{display:grid;grid-template-columns:1fr 1fr;gap:11px 14px}.meta-item small{display:block;color:#91a0af;font-size:9px;margin-bottom:4px}.meta-item b{display:block;font-size:11px;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.entity-card-foot{display:flex;align-items:center;justify-content:space-between;padding:11px 15px;border-top:1px solid var(--line);background:#fcfdff}.file-complete{display:flex;align-items:center;gap:7px;font-size:10px;color:var(--muted)}.file-complete .progress{width:86px}.card-actions{display:flex;gap:4px}.mini-button{padding:6px 8px;border-radius:7px;background:#eef7ff;color:var(--primary);font-size:10px;font-weight:700}.mini-button.archive{background:#f4f1ff;color:#6a51ae}.document-strip{display:flex;gap:5px;flex-wrap:wrap;margin-top:12px}.doc-pill{border-radius:15px;padding:5px 7px;font-size:9px;background:#eff8f4;color:#137857}.doc-pill.warning{background:#fff5dc;color:#9c6800}.doc-pill.danger{background:#ffedf0;color:#b62e47}
.upload-zone{border:2px dashed #c6dcea;border-radius:16px;padding:30px;text-align:center;background:#fbfdff}.upload-zone input{display:none}.upload-zone b{display:block;margin:8px}.upload-zone p{font-size:11px;color:var(--muted);margin:0}.upload-icon{font-size:34px}.settings-grid{grid-template-columns:1fr 1fr}.setting-group{display:grid;gap:12px}.field label{font-size:11px;font-weight:700;display:block;margin-bottom:6px}.field small{font-size:10px;color:var(--muted);display:block;margin-top:5px}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}.notice{background:#ecf7ff;border:1px solid #cde9fa;color:#346886;padding:12px;border-radius:10px;font-size:11px;line-height:1.9}.modal-backdrop{position:fixed;inset:0;background:rgba(12,30,48,.45);z-index:50;display:grid;place-items:center;padding:16px}.modal{width:min(880px,96vw);max-height:90vh;overflow:auto;background:#fff;border-radius:17px;box-shadow:var(--shadow)}.modal.wide{width:min(1120px,97vw)}.modal-head,.modal-foot{padding:16px 18px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.modal-foot{border-bottom:0;border-top:1px solid var(--line);justify-content:flex-end;gap:8px}.modal-head h3{margin:0;font-size:16px}.modal-close{background:#f2f6f9;border-radius:8px;padding:6px 10px}.modal-body{padding:18px}.modal-body .field{margin-bottom:12px}.toast-root{position:fixed;bottom:18px;left:18px;z-index:100;display:grid;gap:8px}.toast{background:#17354d;color:#fff;padding:11px 14px;border-radius:10px;font-size:12px;box-shadow:var(--shadow);animation:pop .25s ease}.dashboard-welcome{background:linear-gradient(120deg,#075c9b,#149ab8);color:#fff;border-radius:17px;padding:20px 22px;margin-bottom:16px;display:flex;justify-content:space-between;align-items:center;overflow:hidden;position:relative}.dashboard-welcome:after{content:"";position:absolute;width:240px;height:240px;border:40px solid rgba(255,255,255,.08);border-radius:50%;left:-60px;top:-85px}.dashboard-welcome h3{margin:0;font-size:19px}.dashboard-welcome p{font-size:12px;margin:6px 0 0;color:#d8f2ff}.welcome-icon{font-size:42px;z-index:1}.expiry{font-weight:700}.expiry.urgent{color:var(--danger)}.expiry.soon{color:#ae7200}.kanban{grid-template-columns:repeat(4,1fr)}.kanban-col{background:#f4f8fb;border-radius:13px;padding:11px;min-height:260px}.kanban-col h4{font-size:12px;margin:0 0 10px;display:flex;justify-content:space-between}.task-card{background:#fff;border:1px solid var(--line);border-radius:10px;padding:11px;margin-bottom:8px;cursor:pointer}.task-card:hover{box-shadow:0 7px 16px rgba(34,77,112,.08)}.task-card strong{font-size:11px;display:block}.task-card p{font-size:10px;color:var(--muted);line-height:1.6}.task-meta{font-size:9px;display:flex;justify-content:space-between;color:#789}.badge{background:#eef6fb;color:#4a708c;border-radius:20px;padding:3px 7px;font-size:9px}.channel-grid{grid-template-columns:repeat(4,1fr)}.channel-card{padding:13px;border:1px solid var(--line);border-radius:12px;display:flex;align-items:center;gap:8px}.channel-card strong{font-size:11px}.channel-card small{display:block;color:var(--muted);font-size:9px}.switch{margin-inline-start:auto;width:35px;height:20px;border-radius:20px;background:#dce6ed;position:relative}.switch:after{content:"";position:absolute;width:15px;height:15px;border-radius:50%;background:#fff;top:2.5px;right:3px;box-shadow:0 1px 4px #9ba}.switch.on{background:var(--success)}.switch.on:after{right:17px}
.profile-hero{display:flex;align-items:center;gap:14px;padding:14px;border-radius:14px;background:linear-gradient(135deg,#eef8ff,#fbfdff);border:1px solid #dcecf9}.profile-hero .entity-avatar{width:58px;height:58px;font-size:20px}.profile-hero h4{margin:0;font-size:15px}.profile-hero p{margin:5px 0 0;font-size:11px;color:var(--muted)}.profile-tabs{display:flex;gap:6px;flex-wrap:wrap;margin:16px 0 13px}.profile-tabs button{padding:8px 11px;border-radius:8px;background:#f3f7fa;color:#637589;font-size:11px}.profile-tabs button.active{background:var(--primary);color:#fff}.info-sections{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.info-section{padding:13px;border:1px solid var(--line);border-radius:12px}.info-section h5{margin:0 0 10px;font-size:12px;color:var(--primary)}.info-list{display:grid;gap:8px}.info-line{display:flex;justify-content:space-between;gap:12px;font-size:11px}.info-line span{color:var(--muted)}.timeline{display:grid;gap:11px;margin-top:12px}.timeline-item{position:relative;padding-inline-start:21px}.timeline-item:before{content:"";position:absolute;inset-inline-start:2px;top:4px;width:9px;height:9px;border-radius:50%;background:var(--primary)}.timeline-item:after{content:"";position:absolute;inset-inline-start:6px;top:15px;bottom:-12px;width:1px;background:#dbe8f2}.timeline-item:last-child:after{display:none}.timeline-item strong{font-size:11px;display:block}.timeline-item p{font-size:10px;color:var(--muted);margin:4px 0 0;line-height:1.7}.timeline-item time{font-size:9px;color:#9aa8b5}.report-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.report-card{padding:15px}.report-card-head{display:flex;justify-content:space-between;align-items:center}.report-icon{width:42px;height:42px;border-radius:13px;background:#eaf5ff;display:grid;place-items:center;font-size:19px}.report-card h4{font-size:13px;margin:12px 0 5px}.report-card p{font-size:10px;color:var(--muted);line-height:1.7;margin:0}.report-card-foot{margin-top:13px;display:flex;justify-content:space-between;align-items:center}.report-bars{display:flex;align-items:end;gap:5px;height:74px;padding:5px 0}.report-bars span{display:block;width:17px;border-radius:5px 5px 2px 2px;background:linear-gradient(180deg,#45b9d8,#1474ad)}.archive-toolbar{display:flex;justify-content:space-between;gap:8px;align-items:center;margin-bottom:12px}.activity-table td{white-space:normal}.activity-badge{padding:4px 7px;border-radius:13px;background:#f0f5f9;color:#547087;font-size:9px}.task-followup{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin:14px 0}.task-step{padding:10px;border-radius:10px;background:#f4f8fb;border:1px solid var(--line);text-align:center;font-size:10px;color:#718296}.task-step.done{background:#e7f8f1;color:#107555;border-color:#caebdd}.task-step.current{background:#e9f5ff;color:var(--primary);border-color:#cce5fa}.task-step b{display:block;margin-bottom:4px}.quick-summary{display:flex;gap:7px;flex-wrap:wrap;margin-top:10px}.summary-chip{padding:6px 8px;border-radius:10px;background:#f4f8fb;font-size:10px;color:#627588}.vehicle-plate{display:inline-flex;padding:5px 9px;border:1px solid #cfdae5;border-radius:7px;background:#fff;font-size:12px;font-weight:800;letter-spacing:.6px}.section-note{color:var(--muted);font-size:11px;line-height:1.8}.empty-state{text-align:center;padding:24px;color:var(--muted);font-size:12px}
@keyframes pop{from{transform:translateY(9px);opacity:0}to{transform:translateY(0);opacity:1}}
@media(max-width:1350px){.entity-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.login-shell{width:min(1260px,95vw);min-height:760px}.login-promo{padding:52px}.card-main{right:50px}.report-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:1050px){.login-shell{grid-template-columns:1fr;min-height:auto;width:min(660px,94vw)}.login-promo{display:none}.login-panel{min-height:720px}.kpi-grid{grid-template-columns:repeat(2,1fr)}.dashboard-grid,.settings-grid{grid-template-columns:1fr}.channel-grid{grid-template-columns:repeat(2,1fr)}.kanban{grid-template-columns:repeat(2,1fr)}}
@media(max-width:900px){.sidebar{position:fixed;right:calc(var(--sidebar) * -1);box-shadow:var(--shadow)}html[dir=ltr] .sidebar{left:calc(var(--sidebar) * -1);right:auto}.sidebar.open{right:0}html[dir=ltr] .sidebar.open{left:0;right:auto}.menu-button{display:inline-grid;place-items:center}.global-search,.profile-button span{display:none}.topbar{padding:0 15px}.content{padding:15px}.entity-grid{grid-template-columns:1fr}.table-card{overflow-x:auto}.table-toolbar{min-width:700px}.dashboard-welcome{padding:14px}.dashboard-welcome h3{font-size:15px}.channel-grid{grid-template-columns:1fr}.info-sections{grid-template-columns:1fr}.report-grid{grid-template-columns:1fr}.split-grid{grid-template-columns:1fr}}
@media(max-width:560px){.login-panel{padding:28px 23px;min-height:670px}.brand-login{margin:55px 0 48px}.kpi-grid{grid-template-columns:1fr}.field-row{grid-template-columns:1fr}.topbar-actions{gap:5px}.kanban{grid-template-columns:1fr}.task-followup{grid-template-columns:repeat(2,1fr)}.meta-grid{grid-template-columns:1fr 1fr}.page-head{align-items:flex-start;flex-direction:column}}

/* MASAR 360 v5 premium visual enhancements */
:root{--sidebar:342px}
.login-shell{width:min(1580px,96vw);min-height:880px;border-radius:22px}.login-panel{padding:58px 78px}.brand-login{margin:74px 0 64px}.brand-login .brand-mark{width:68px;height:68px;border-radius:21px}.brand-login .brand-mark span{font-size:32px}.brand-login h1{font-size:32px}.login-copy h3{font-size:32px}.login-copy p{font-size:15px}.login-form{gap:22px}.login-form input{padding:16px 16px;font-size:14px}.login-button{padding:17px;font-size:15px}.login-promo{padding:76px}.promo-top h2{font-size:39px}.promo-top p{font-size:16px}.sidebar-brand{padding:24px 20px}.sidebar-brand .brand-mark{width:54px;height:54px}.sidebar-brand h1{font-size:23px}.nav{padding:16px 12px}.nav-section{font-size:12px;padding:19px 12px 9px}.nav-item{gap:13px;padding:13px 13px;border-radius:13px;font-size:14px;margin-bottom:4px}.nav-icon{width:34px;height:34px;border-radius:10px}.nav-icon svg{width:19px;height:19px}.sidebar-footer{padding:15px}.profile-mini strong{font-size:12px}.profile-mini small{font-size:10px}.topbar{height:86px}.content{padding:27px}.compact-kpis{margin-bottom:16px}.compact-kpis .kpi-card{padding:16px}.elevated-tabs{padding:5px;background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:0 5px 14px rgba(34,77,112,.04);margin-bottom:13px}.cards-toolbar.card{padding:12px 14px;margin-bottom:14px;display:flex;justify-content:space-between;align-items:center;gap:10px}.flex-filters{display:flex;gap:8px;flex-wrap:wrap}.flex-filters input{min-width:270px}.entity-grid.employee-grid,.entity-grid.vehicle-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.entity-card{transition:.2s}.entity-card:hover{transform:translateY(-3px);box-shadow:0 15px 27px rgba(34,77,112,.10)}.employee-topline{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:12px}.employee-topline span{font-size:9px;color:#587087;background:#f1f7fb;border-radius:20px;padding:5px 7px}.expanded-meta{gap:12px 14px}.expanded-meta .meta-item small{font-size:9px}.expanded-meta .meta-item b{font-size:10.5px}.vehicle-avatar{background:linear-gradient(135deg,#e7f5ff,#eafcf6)}.profile-modal-head small{display:block;font-size:10px;color:var(--muted);margin-top:5px}.profile-hero.detailed{justify-content:flex-start}.profile-hero-copy{flex:1;min-width:0}.large-avatar{width:68px!important;height:68px!important;font-size:23px!important}.profile-tabs-large button{padding:9px 13px}.profile-dashboard{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.profile-dashboard .span-two{grid-column:1/-1}.archive-panel{background:#fbfdff}.task-card-title{display:flex;justify-content:space-between;gap:7px;align-items:flex-start}.task-progress,.detail-progress{display:flex;align-items:center;gap:7px;margin:10px 0 8px}.task-progress .progress{flex:1}.task-progress b{font-size:9px;color:var(--primary)}.improved-kanban .kanban-col{border:1px solid #e8eef4}.workflow-large .task-step{padding:13px 9px}.reports-hero{background:linear-gradient(120deg,#075c9b,#149ab8);color:#fff;border-radius:18px;padding:20px 22px;margin-bottom:16px;display:flex;justify-content:space-between;align-items:center;gap:16px;overflow:hidden}.reports-hero span{font-size:11px;color:#cbeeff}.reports-hero h3{font-size:20px;margin:7px 0}.reports-hero p{font-size:11px;line-height:1.9;color:#d8f2ff;margin:0}.reports-hero-chart{display:flex;align-items:end;gap:8px;height:92px;padding:8px 12px;min-width:230px}.reports-hero-chart span{display:block;width:23px;border-radius:7px 7px 3px 3px;background:rgba(255,255,255,.85);position:relative}.reports-hero-chart b{display:none}.modern-report-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.modern-report{position:relative;overflow:hidden}.modern-report:after{content:"";position:absolute;width:100px;height:100px;border-radius:50%;background:#f5fbff;right:-45px;top:-45px;z-index:0}.modern-report>*{position:relative;z-index:1}.report-spark{display:flex;align-items:end;gap:5px;height:45px;margin-top:12px}.report-spark span{width:11px;border-radius:4px 4px 2px 2px;background:linear-gradient(180deg,#5cc2dc,#1474ad)}.modern-report .ghost-button{padding:6px 8px;font-size:10px}.archive-card{overflow:auto}.archive-card table{min-width:900px}.inline-icon{display:inline-grid;place-items:center;width:20px;height:20px}
@media(max-width:1500px){.entity-grid.employee-grid,.entity-grid.vehicle-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.login-shell{width:min(1360px,95vw);min-height:790px}.login-promo{padding:58px}.login-panel{padding:48px 62px}}
@media(max-width:1050px){.login-shell{width:min(690px,94vw);min-height:auto}.login-panel{min-height:750px}.profile-dashboard{grid-template-columns:1fr}.modern-report-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:900px){.entity-grid.employee-grid,.entity-grid.vehicle-grid{grid-template-columns:1fr}.reports-hero{align-items:flex-start;flex-direction:column}.reports-hero-chart{width:100%;min-width:0}.modern-report-grid{grid-template-columns:1fr}.cards-toolbar.card{align-items:flex-start;flex-direction:column}.flex-filters input{min-width:100%}}
@media(max-width:560px){.login-panel{padding:28px 24px;min-height:690px}.brand-login{margin:58px 0 48px}.brand-login .brand-mark{width:58px;height:58px}.brand-login h1{font-size:27px}.login-copy h3{font-size:26px}}

/* MASAR 360 v5 premium interface */
:root{--sidebar:372px;--surface:#f7fafe;--surface-2:#eef6fc;--ink-strong:#10273d;--teal:#12a5a1;--gold:#f5b942}
body{background:linear-gradient(180deg,#f5f9fd,#eef4fa)}
.login-shell{width:min(1680px,97vw);min-height:920px;border-radius:30px;border:1px solid rgba(255,255,255,.7);box-shadow:0 32px 95px rgba(22,69,103,.22)}
.login-promo{background:linear-gradient(145deg,#e9f7ff 0%,#edf8ff 52%,#fff7c9 100%);padding:82px}.login-panel{padding:68px 88px}.brand-login{margin:88px 0 72px}.login-copy h3{font-size:35px}.login-copy p{font-size:15px}.login-form input{padding:18px 17px;border-radius:14px}.login-button{padding:18px;border-radius:14px}.login-help{margin-top:24px;border-radius:14px;padding:15px}.demo-hint{margin-top:11px;border:1px dashed #c8dfef;background:#fafdff;border-radius:12px;padding:11px 13px;color:#647c90;font-size:10px;line-height:1.9}.demo-hint code{color:var(--primary);font-weight:700;background:#edf7ff;padding:2px 5px;border-radius:5px}
.sidebar{background:linear-gradient(180deg,#ffffff,#fbfdff);box-shadow:7px 0 28px rgba(39,75,106,.04)}.sidebar-brand{padding:25px 20px 22px}.nav{padding:17px 12px 20px}.nav-section{font-size:10px;color:#98a7b4;letter-spacing:.5px;text-transform:uppercase;padding:20px 13px 7px}.nav-wrap.featured{margin:6px 0 5px;padding:5px;border-radius:17px;background:linear-gradient(135deg,#f1f9ff,#f8fcff);border:1px solid #e0effa}.nav-wrap.featured>.nav-item{background:linear-gradient(135deg,#0874b7,#0aa4bd);color:#fff;font-weight:800;box-shadow:0 8px 18px rgba(8,116,183,.18)}.nav-wrap.featured>.nav-item .nav-icon{background:rgba(255,255,255,.18);color:#fff}.nav-wrap.featured>.nav-item.active{box-shadow:0 9px 21px rgba(8,116,183,.22)}.nav-children{padding:7px 8px 1px}.sub-nav-item{padding:10px 10px;font-size:12px;margin:2px 0}.sub-nav-item .nav-icon{width:28px;height:28px}.nav-item.active{background:#e8f5ff;color:#056aab;box-shadow:inset -3px 0 0 #0a8ec4}.sidebar-footer{background:#fbfdff}.content{padding:30px;max-width:1900px}.topbar{height:90px;padding:0 32px;background:rgba(255,255,255,.94);backdrop-filter:blur(9px)}
.premium-welcome{padding:27px 29px;border-radius:22px;background:linear-gradient(120deg,#075f9d 0%,#0c88b4 58%,#11a8b6 100%);box-shadow:0 17px 34px rgba(4,100,151,.18);position:relative;overflow:hidden}.premium-welcome:after{content:"";position:absolute;width:330px;height:330px;border-radius:50%;background:rgba(255,255,255,.09);left:-80px;top:-160px}.premium-welcome .hero-chip{display:inline-flex;background:rgba(255,255,255,.17);padding:6px 10px;border-radius:20px;color:#dbf8ff;font-size:10px;font-weight:700;letter-spacing:.4px}.premium-welcome h3{margin:12px 0 6px;color:#fff;font-size:23px}.premium-welcome p{max-width:900px;color:#d7f6ff;font-size:12px;line-height:2}.welcome-logo{position:relative;z-index:1;width:102px;height:102px;border-radius:30px;background:rgba(255,255,255,.15);display:grid;place-items:center;color:#fff}.welcome-logo svg{width:54px;height:54px;fill:none;stroke:currentColor;stroke-width:1.3}.welcome-logo b{position:absolute;bottom:10px;right:12px;font-size:17px;color:#fff}.workflow-overview{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}.workflow-overview div{border:1px solid #edf2f6;border-radius:14px;padding:15px;background:#fbfdff}.workflow-overview span{font-size:10px;color:var(--muted);display:block}.workflow-overview b{font-size:29px;margin:7px 0 9px;display:block}.workflow-overview i{display:block;height:5px;border-radius:10px;background:linear-gradient(90deg,var(--primary),var(--accent))}.readiness-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.readiness-grid div{background:#f8fbfd;border-radius:14px;padding:16px;text-align:center;border:1px solid #edf2f6}.readiness-grid b{display:block;color:var(--primary);font-size:25px;margin-bottom:6px}.readiness-grid span{font-size:10px;color:var(--muted)}
.department-hero{display:flex;align-items:center;gap:20px;border-radius:22px;padding:26px 28px;margin-bottom:17px;position:relative;overflow:hidden;color:#fff;box-shadow:0 14px 32px rgba(29,93,132,.14)}.department-hero:after{content:"";position:absolute;width:240px;height:240px;border-radius:50%;background:rgba(255,255,255,.1);left:-60px;top:-110px}.hr-hero{background:linear-gradient(120deg,#086aaf,#0b9eac)}.fleet-hero{background:linear-gradient(120deg,#164f85,#117d98)}.department-logo{width:76px;height:76px;border-radius:24px;background:rgba(255,255,255,.17);display:grid;place-items:center;flex:none;position:relative;z-index:1}.department-logo svg{width:39px;height:39px;fill:none;stroke:#fff;stroke-width:1.7}.department-logo.small{width:58px;height:58px;border-radius:18px;background:linear-gradient(135deg,#086faf,#0aa6b6)}.department-logo.small svg{width:31px;height:31px}.department-hero span,.developer-hero section>span{font-size:10px;font-weight:800;letter-spacing:1.1px;color:#c9f2ff}.department-hero h3{font-size:22px;margin:7px 0}.department-hero p{font-size:11px;line-height:2;color:#dcf8ff;max-width:920px;margin:0}.hub-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.hub-tile{display:flex;text-align:start;gap:14px;align-items:center;background:#fff;border:1px solid var(--line);padding:18px;border-radius:18px;box-shadow:0 6px 18px rgba(30,75,112,.04);transition:.2s;color:inherit}.hub-tile:hover{transform:translateY(-4px);box-shadow:0 16px 30px rgba(30,75,112,.10);border-color:#cde7f8}.hub-icon{width:52px;height:52px;border-radius:16px;background:#eaf7ff;color:#0877b2;display:grid;place-items:center;flex:none}.hub-icon svg{width:27px;height:27px;fill:none;stroke:currentColor;stroke-width:1.7}.hub-tile h4{margin:0 0 7px;font-size:14px}.hub-tile p{font-size:10px;color:var(--muted);line-height:1.75;margin:0}.hub-tile>b{margin-inline-start:auto;color:var(--primary);background:#eef8ff;border-radius:14px;padding:5px 8px;font-size:11px}.department-settings-banner{display:flex;align-items:center;gap:15px;padding:18px;background:#fff;border:1px solid var(--line);border-radius:19px;margin-bottom:14px}.department-settings-banner h3{font-size:17px;margin:0 0 5px}.department-settings-banner p{font-size:11px;color:var(--muted);margin:0;line-height:1.8}.settings-hub{margin-top:16px}
.employee-card-v5,.vehicle-card-v5{border-top:3px solid #e3f3ff}.employee-card-v5:hover,.vehicle-card-v5:hover{border-top-color:var(--primary)}.profile-banner{display:flex;align-items:center;gap:15px;background:linear-gradient(135deg,#ffffff,#f6fbff);border:1px solid var(--line);padding:18px;border-radius:19px;margin-bottom:13px}.profile-banner-copy{flex:1}.profile-banner h3{font-size:17px;margin:0}.profile-banner p{font-size:11px;color:var(--muted);margin:5px 0}.profile-tabs{display:flex;gap:6px;flex-wrap:wrap;background:#fff;border:1px solid var(--line);padding:6px;border-radius:14px;margin:0 0 13px}.profile-tabs button{border-radius:10px;padding:10px 13px;background:#f5f8fb;color:#60758b;font-size:11px;font-weight:700}.profile-tabs button.active{background:linear-gradient(135deg,var(--primary),#0a94b9);color:#fff;box-shadow:0 5px 11px rgba(7,103,168,.16)}.document-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.document-cards>div{display:flex;align-items:center;gap:10px;border:1px solid var(--line);background:#fbfdff;border-radius:13px;padding:12px}.document-cards svg{width:22px;height:22px;fill:none;stroke:var(--primary);stroke-width:1.7}.document-cards div div{flex:1}.document-cards b,.document-cards small{display:block}.document-cards b{font-size:11px}.document-cards small{color:var(--muted);font-size:9px;margin-top:4px}.employee-workflow-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.employee-workflow-strip div{padding:13px;border-radius:13px;background:#f7fbfd;text-align:center;border:1px solid #e9f1f6}.employee-workflow-strip b{display:block;font-size:24px;color:var(--primary)}.employee-workflow-strip span{font-size:10px;color:var(--muted)}.employee-task-list{display:grid;gap:9px}.task-row-card{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:13px;border:1px solid var(--line);border-radius:13px;background:#fff}.task-row-card p{font-size:10px;color:var(--muted);line-height:1.7;margin:5px 0}.task-row-card small{font-size:9px;color:#8ca0b2}.task-row-side{min-width:180px}.task-row-side>span{font-size:10px;color:var(--primary);font-weight:700}.task-row-side b{font-size:10px;color:var(--primary);display:block;margin:5px 0}.access-card{display:flex;gap:13px;align-items:center;background:#f7fbff;padding:15px;border:1px solid #e0edf7;border-radius:14px;margin-bottom:11px}.access-card svg{width:34px;height:34px;stroke:var(--primary);fill:none;stroke-width:1.7}.access-card small,.access-card b{display:block}.access-card small{font-size:10px;color:var(--muted);margin:3px 0}.access-card b{font-size:14px}.actions-row{margin-top:12px}.check-list{display:grid;gap:10px;margin:0;padding:0;list-style:none}.check-list li{font-size:11px;color:#5f7488;line-height:1.7;padding-inline-start:21px;position:relative}.check-list li:before{content:'✓';position:absolute;inset-inline-start:0;top:0;color:var(--success);font-weight:800}.assignment-card{display:flex;align-items:center;gap:12px;padding:14px;background:#f7fbff;border:1px solid #e2eef6;border-radius:14px}.assignment-card svg{width:26px;height:26px;stroke:var(--primary);fill:none}.assignment-card div{flex:1}.assignment-card b,.assignment-card small{display:block}.assignment-card small{font-size:10px;color:var(--muted);margin-top:5px}.medical-avatar{background:linear-gradient(135deg,#e7fbf3,#effffb);color:#0c9b6a}.policy-card .entity-card-foot{margin-top:14px}.import-card{text-align:center;padding:34px;margin-bottom:16px;background:linear-gradient(145deg,#fff,#f5fbff)}.import-icon{width:70px;height:70px;display:grid;place-items:center;margin:0 auto 12px;border-radius:22px;background:#e9f7ff;color:var(--primary)}.import-icon svg{width:34px;height:34px;fill:none;stroke:currentColor;stroke-width:1.7}.import-card h3{font-size:17px}.import-card p{font-size:11px;max-width:720px;margin:0 auto 17px;color:var(--muted);line-height:1.9}.file-picker{display:inline-flex}.file-picker input{display:none}.small{padding:8px 11px;font-size:10px}.full{width:100%;margin-top:9px}
.report-category-tabs{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin:0 0 15px}.report-category-tabs button{display:flex;gap:9px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:14px;padding:13px;color:#5d7285;font-size:11px;text-align:start}.report-category-tabs button.active{background:linear-gradient(135deg,#e9f7ff,#f6fcff);border-color:#bcdff3;color:var(--primary);box-shadow:0 6px 13px rgba(30,103,152,.08)}.report-category-tabs span{width:30px;height:30px;border-radius:9px;background:#edf7fd;display:grid;place-items:center}.report-category-tabs svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.7}
.developer-hero{display:flex;gap:18px;align-items:center;background:linear-gradient(120deg,#132d48,#0b5f85);border-radius:21px;color:#fff;padding:24px;margin-bottom:16px;overflow:hidden}.developer-hero>div{width:72px;height:72px;border-radius:22px;background:rgba(255,255,255,.13);display:grid;place-items:center}.developer-hero svg{width:36px;height:36px;fill:none;stroke:#fff;stroke-width:1.6}.developer-hero h3{font-size:20px;margin:8px 0 5px}.developer-hero p{font-size:11px;line-height:1.9;color:#d6edf6;margin:0}.developer-grid{margin-top:16px}.feature-flags{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.feature-flag{display:flex;justify-content:space-between;gap:7px;padding:11px;border-radius:11px;text-align:start;background:#f6f9fb;color:#6e8090}.feature-flag.on{background:#ebfaf4;color:#0b8b61}.feature-flag span,.feature-flag b{font-size:10px}.integration-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}.integration-grid>div{padding:13px;background:#f7fbfd;border:1px solid #e6eff5;border-radius:12px}.integration-grid span,.integration-grid b{display:block;font-size:10px}.integration-grid b{color:var(--primary);margin-top:6px}
.soft-card{background:#fbfdff}.toast{animation:pop .25s ease}.entity-card{animation:pop .24s ease}.modal{max-width:860px}.modal-body{max-height:72vh;overflow:auto}.modal h4{font-size:12px}.modal small{color:var(--muted)}
@media(max-width:1450px){:root{--sidebar:345px}.hub-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.document-cards{grid-template-columns:repeat(2,1fr)}.integration-grid{grid-template-columns:repeat(2,1fr)}.login-shell{min-height:820px}.login-panel{padding:52px 64px}.login-promo{padding:62px}}
@media(max-width:1050px){.hub-grid{grid-template-columns:1fr}.workflow-overview,.readiness-grid,.employee-workflow-strip{grid-template-columns:repeat(2,1fr)}.document-cards{grid-template-columns:1fr}.report-category-tabs{grid-template-columns:repeat(2,1fr)}.feature-flags{grid-template-columns:1fr}.integration-grid{grid-template-columns:1fr}}
@media(max-width:680px){.department-hero,.developer-hero,.profile-banner{align-items:flex-start;flex-direction:column}.department-logo{width:60px;height:60px}.task-row-card{align-items:flex-start;flex-direction:column}.task-row-side{min-width:100%;width:100%}.report-category-tabs{grid-template-columns:1fr}.workflow-overview,.readiness-grid,.employee-workflow-strip{grid-template-columns:1fr}.login-panel{padding:28px 22px}.login-shell{border-radius:18px;min-height:710px}.brand-login{margin:54px 0 43px}.login-copy h3{font-size:27px}}


/* MASAR 360 v6 — visual design management */
.sidebar{background:var(--sidebar-bg,#fff)}
.topbar{background:var(--card,#fff)}
.primary-button{background:linear-gradient(135deg,var(--primary),var(--accent))}
html[data-sidebar-tone="custom"] .sidebar{color:#fff;border-inline-end-color:rgba(255,255,255,.10)}
html[data-sidebar-tone="custom"] .sidebar-brand,html[data-sidebar-tone="custom"] .sidebar-footer{border-color:rgba(255,255,255,.12)}
html[data-sidebar-tone="custom"] .sidebar-brand h1,html[data-sidebar-tone="custom"] .profile-mini strong{color:#fff}
html[data-sidebar-tone="custom"] .sidebar-brand p,html[data-sidebar-tone="custom"] .profile-mini small,html[data-sidebar-tone="custom"] .nav-section{color:rgba(255,255,255,.63)}
html[data-sidebar-tone="custom"] .nav-item{color:rgba(255,255,255,.76)}
html[data-sidebar-tone="custom"] .nav-item:hover{background:rgba(255,255,255,.09);color:#fff}
html[data-sidebar-tone="custom"] .nav-item.active{background:rgba(255,255,255,.16);color:#fff;box-shadow:inset -3px 0 0 var(--accent)}
html[dir=ltr][data-sidebar-tone="custom"] .nav-item.active{box-shadow:inset 3px 0 0 var(--accent)}
html[data-sidebar-tone="custom"] .nav-icon{background:rgba(255,255,255,.09)}
html[data-sidebar-tone="custom"] .nav-item.active .nav-icon{background:rgba(255,255,255,.18)}
html[data-shadow="flat"] .card,html[data-shadow="flat"] .kpi-card,html[data-shadow="flat"] .entity-card,html[data-shadow="flat"] .report-card,html[data-shadow="flat"] .hub-tile{box-shadow:none}
html[data-shadow="strong"] .card,html[data-shadow="strong"] .kpi-card,html[data-shadow="strong"] .entity-card,html[data-shadow="strong"] .report-card,html[data-shadow="strong"] .hub-tile{box-shadow:0 15px 32px rgba(25,64,96,.14)}
html[data-density="compact"] .content{padding:18px}html[data-density="compact"] .card{padding:13px}html[data-density="compact"] .nav-item{padding:9px 11px}html[data-density="compact"] .entity-card{padding:13px}
html[data-density="spacious"] .content{padding:32px}html[data-density="spacious"] .card{padding:22px}html[data-density="spacious"] .nav-item{padding:15px 13px}html[data-density="spacious"] .entity-card{padding:20px}
.design-hero{display:flex;gap:18px;align-items:center;padding:25px 27px;border-radius:23px;margin-bottom:16px;color:#fff;background:linear-gradient(120deg,var(--primary-dark),var(--primary),var(--accent));position:relative;overflow:hidden;box-shadow:0 16px 35px rgba(29,83,124,.16)}.design-hero:after{content:"";position:absolute;width:260px;height:260px;border-radius:50%;background:rgba(255,255,255,.09);inset-inline-end:-75px;top:-125px}.design-hero-icon{width:76px;height:76px;display:grid;place-items:center;border-radius:24px;background:rgba(255,255,255,.17);flex:none}.design-hero svg{width:40px;height:40px;stroke:#fff;fill:none;stroke-width:1.55}.design-hero span{font-size:10px;letter-spacing:1px;color:#d9f8ff;font-weight:800}.design-hero h3{font-size:21px;margin:7px 0}.design-hero p{font-size:11px;color:#e2f9ff;line-height:1.9;max-width:960px;margin:0}.design-section{margin-bottom:16px}.design-presets{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.design-preset{text-align:start;padding:14px;border-radius:15px;border:1px solid var(--line);background:#fbfdff;transition:.2s;color:var(--ink);position:relative}.design-preset:hover{transform:translateY(-3px);border-color:#c8dfed;box-shadow:0 9px 18px rgba(32,79,112,.08)}.design-preset.selected{border-color:var(--primary);background:linear-gradient(145deg,var(--primary-soft),#fff);box-shadow:0 7px 18px rgba(32,79,112,.10)}.preset-swatches{display:flex;gap:0;margin-bottom:12px}.preset-swatches i{height:19px;width:29px;border-radius:0}.preset-swatches i:first-child{border-radius:7px 0 0 7px}.preset-swatches i:last-child{border-radius:0 7px 7px 0}.design-preset strong,.design-preset small{display:block}.design-preset strong{font-size:12px}.design-preset small{font-size:9px;line-height:1.7;color:var(--muted);min-height:31px;margin:5px 0}.design-preset b{display:inline-flex;font-size:9px;color:var(--primary);background:var(--primary-soft);border-radius:20px;padding:5px 8px}.design-main-grid{display:grid;grid-template-columns:1.35fr .65fr;gap:16px}.design-color-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:9px}.design-color-field{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 11px;border-radius:12px;background:#f8fbfd;border:1px solid #e7eef4}.design-color-field span{min-width:0}.design-color-field b,.design-color-field em{display:block}.design-color-field b{font-size:10px}.design-color-field em{font-size:9px;color:var(--muted);font-style:normal;margin-top:4px;letter-spacing:.4px}.design-color-field input{width:42px;height:36px;border:0;border-radius:9px;padding:0;background:transparent;flex:none}.design-controls{display:grid;gap:15px}.design-controls label>span{display:flex;justify-content:space-between;font-size:11px;font-weight:700;margin-bottom:8px}.design-controls label b{color:var(--primary)}.design-controls input[type=range]{width:100%;accent-color:var(--primary)}.design-controls select{padding:10px 12px;font-size:11px}.preview-grid{grid-template-columns:1.18fr .82fr}.design-preview{display:grid;grid-template-columns:110px 1fr;min-height:245px;border-radius:17px;overflow:hidden;border:1px solid var(--line);background:var(--bg)}.design-preview aside{padding:15px 11px;background:var(--sidebar-bg);display:grid;align-content:start;gap:9px}.preview-logo{width:33px;height:33px;border-radius:10px;display:grid;place-items:center;background:linear-gradient(135deg,var(--primary),var(--accent));color:#fff;font-size:13px;font-weight:800;margin-bottom:8px}.design-preview aside i{height:21px;border-radius:7px;background:rgba(135,158,178,.15)}.design-preview aside i.active{background:var(--primary-soft);border-inline-start:3px solid var(--primary)}.design-preview main{padding:14px}.design-preview header{display:flex;justify-content:space-between;border-radius:10px;background:var(--card);padding:10px;margin-bottom:12px}.design-preview header span,.design-preview header b,.design-preview section strong,.design-preview section small,.design-preview article h5,.design-preview article p{display:block;border-radius:10px;background:#dce6ef}.design-preview header span{width:105px;height:9px}.design-preview header b{width:35px;height:9px;background:var(--primary-soft)}.design-preview section{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.design-preview section div,.design-preview article{padding:12px;background:var(--card);border-radius:11px;border:1px solid var(--line)}.design-preview section strong{height:17px;width:34px;background:var(--primary)}.design-preview section small{height:7px;width:70%;margin-top:8px}.design-preview article{margin-top:10px}.design-preview article h5{height:9px;width:32%;margin:0 0 13px;background:var(--ink)}.design-preview article p{height:7px;margin:7px 0;width:100%}.design-preview article p:last-child{width:72%}.brand-assets{display:grid;gap:10px;margin-bottom:12px}.brand-assets label{display:flex;align-items:center;gap:11px;border:1px dashed #cbdce8;background:#fbfdff;padding:12px;border-radius:13px;cursor:pointer}.brand-assets label:hover{border-color:var(--primary);background:var(--primary-soft)}.brand-assets input{display:none}.asset-icon{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:var(--primary-soft);color:var(--primary)}.asset-icon svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.7}.brand-assets b,.brand-assets small{display:block}.brand-assets b{font-size:11px}.brand-assets small{font-size:9px;color:var(--muted);margin-top:5px}
@media(max-width:1350px){.design-presets{grid-template-columns:repeat(3,1fr)}.design-main-grid{grid-template-columns:1fr}.preview-grid{grid-template-columns:1fr}}
@media(max-width:850px){.design-presets{grid-template-columns:repeat(2,1fr)}.design-color-grid{grid-template-columns:1fr}.design-hero{align-items:flex-start;flex-direction:column}}
@media(max-width:500px){.design-presets{grid-template-columns:1fr}.design-preview{grid-template-columns:82px 1fr}}
/* MASAR 360 v16 stabilization */
.nav-children{display:none}.nav-wrap.v16-open>.nav-children{display:block}.v16-nav-arrow{margin-inline-start:auto;font-style:normal}.sub-nav-item{color:#38617a!important;opacity:1!important}.sub-nav-item:hover,.sub-nav-item.active{color:#023b63!important;background:#d9f4f5!important}
.v16-dashboard-hero{display:flex;justify-content:space-between;gap:18px;background:linear-gradient(135deg,#073c61,#078778);color:#fff;border-radius:22px;padding:24px;margin-bottom:18px}.v16-dashboard-hero small{opacity:.8}.v16-dashboard-hero h3{font-size:28px;margin:8px 0}.v16-metric-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:14px}.v16-metric{background:#fff;border:1px solid #dbe7ef;border-radius:18px;padding:16px;min-height:105px}.v16-metric b{display:block;font-size:29px;color:#063b61;margin-top:8px}.v16-metric.warning{border-color:#f4c66d;background:#fffbf2}.v16-metric.danger{border-color:#f2a9b5;background:#fff7f8}.v16-metric.accent{border-color:#9bd9d2;background:#f3fffd}.v16-chart-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:14px;margin-top:16px}.v16-chart{background:#fff;border:1px solid #dbe7ef;border-radius:18px;padding:16px}.v16-chart-row{display:grid;grid-template-columns:85px 1fr 35px;gap:8px;align-items:center;margin:12px 0}.v16-chart-row i{height:9px;background:#edf3f7;border-radius:9px;overflow:hidden}.v16-chart-row em{display:block;height:100%;background:linear-gradient(90deg,#14b9aa,#168ddd);border-radius:9px}.v16-gov-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:14px;margin-bottom:16px}.v16-gov-card{display:flex;align-items:center;gap:14px;background:#fff;border:1px solid #d8e6ef;border-radius:18px;padding:16px}.v16-gov-card p{font-size:12px;color:#72839a}.v16-gov-logo{max-width:72px;max-height:46px;object-fit:contain}.v16-file input{display:none}.v16-panel{margin-top:14px}.v16-empty{text-align:center;padding:34px;color:#7a8ca2;display:grid;gap:5px}.v16-table-wrap{overflow:auto}.v16-table{min-width:720px;width:100%;border-collapse:collapse}.v16-table th,.v16-table td{padding:11px;border-bottom:1px solid #e4edf3;text-align:start;vertical-align:middle}.v16-badge{display:inline-block;border-radius:99px;padding:4px 9px;background:#edf3f7;font-size:12px}.v16-badge.approved,.v16-badge.active,.v16-badge.authorized{background:#d9f7ec;color:#087856}.v16-badge.preview,.v16-badge.under_review,.v16-badge.needs_review{background:#fff4d2;color:#9b6500}.v16-settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.v16-wide{grid-column:1/-1}.v16-presets{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:8px}.v16-presets button{border:1px solid #d6e4ed;background:#fff;padding:12px;border-radius:12px}.v16-presets button.active{border-color:#0ba59e;background:#ecfffc}.v16-presets small{display:block;color:#087856}.v16-brand-files,.v16-photo-grid,.v16-report-buttons{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px}.v16-brand-files label,.v16-photo-grid>div{padding:14px;border:1px dashed #b7d5e5;border-radius:12px}.v16-about{display:flex;align-items:center;gap:22px;max-width:900px}.v16-about img{width:190px}.v16-about span,.v16-about b{display:block;margin-top:12px}.v16-ai{max-width:950px}.v16-ai-messages{min-height:280px;display:grid;align-content:start;gap:10px;padding:12px;background:#f6fafc;border-radius:16px}.v16-ai-messages>div{padding:12px;border-radius:12px;max-width:82%}.v16-ai-messages .assistant{background:#fff;border:1px solid #dbe7ef}.v16-ai-messages .user{background:#0a8bb5;color:#fff;margin-inline-start:auto}.v16-ai-compose{display:flex;gap:8px;margin-top:12px}.v16-vehicle-alerts{display:flex;gap:8px;flex-wrap:wrap;margin:10px 0}.v16-vehicle-alerts span{background:#fff0dc;color:#94560a;padding:7px 11px;border-radius:99px}.v16-info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px}.v16-info-grid>div{padding:12px;background:#f7fafc;border-radius:12px}.v16-info-grid small,.v16-info-grid b{display:block}.v16-section-checks{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;max-height:230px;overflow:auto;padding:10px;background:#f7fafc;border-radius:12px}@media(max-width:760px){.v16-settings-grid{grid-template-columns:1fr}.v16-dashboard-hero{display:block}.v16-dashboard-hero h3{font-size:22px}}

/* v16 login readability stabilization */
.login-promo .promo-top h2{color:#f7fbff;text-shadow:0 2px 10px rgba(0,0,0,.18)}
.login-promo .promo-top h2 b{color:#2aa8ff;text-shadow:none}
.login-promo .promo-top p{color:#b8d5e9}
.login-promo .promo-chip{background:rgba(8,164,179,.18);border:1px solid rgba(23,207,188,.42);color:#e9ffff}
.nav-children .sub-nav-item{color:#355b74;font-weight:700}
.nav-children .sub-nav-item:hover{color:#075f94;background:#eef8fd}
.nav-children .sub-nav-item.active{color:#064d7f;background:#dff3ff}
.v16-report-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:14px}.v16-report-grid .card{padding:16px}.v16-report-grid h4{margin:0 0 8px}.v16-report-grid p{font-size:11px;color:#718397;min-height:18px}
.v16-brand-preview{display:flex;align-items:center;gap:14px;padding:12px;border:1px solid var(--line);border-radius:14px;background:var(--bg)}.v16-brand-logo-preview{width:70px;height:70px;border-radius:16px;background:#fff;border:1px solid var(--line);display:grid;place-items:center;overflow:hidden;flex:none}.v16-brand-logo-preview img{width:100%;height:100%;object-fit:contain;padding:7px}.v16-brand-logo-preview span{font-size:10px;color:var(--muted);text-align:center;padding:8px}.v16-brand-preview b,.v16-brand-preview small{display:block}.v16-brand-preview small{color:var(--muted);margin:4px 0 10px}.v16-brand-preview i{display:inline-block;width:32px;height:10px;border-radius:99px;margin-inline-end:5px;border:1px solid rgba(0,0,0,.08)}.v16-color-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:10px}.v16-color-field{display:grid;grid-template-columns:1fr auto 48px;align-items:center;gap:10px;padding:11px;border:1px solid var(--line);border-radius:12px;background:#fbfdff}.v16-color-field span{font-size:12px;font-weight:800;color:var(--ink)}.v16-color-field b{font-size:10px;color:var(--muted);font-family:Consolas,monospace}.v16-color-field input{width:46px;height:36px;padding:0;border:0;background:transparent}.v16-brand-controls{display:grid;gap:12px}.v16-brand-controls label{display:grid;gap:7px;font-size:12px;font-weight:800}.v16-brand-controls b{color:var(--primary);font-size:11px}.v16-brand-controls input[type=range]{width:100%;accent-color:var(--primary)}.v16-brand-files label{display:grid;gap:7px;min-height:132px;background:#fbfdff;cursor:pointer}.v16-brand-files label:hover{border-color:var(--primary);background:var(--primary-soft)}.v16-brand-files label>div{height:58px;border-radius:10px;background:#fff;border:1px solid #e4edf3;display:grid;place-items:center;overflow:hidden}.v16-brand-files img{max-width:100%;max-height:100%;object-fit:contain}.v16-brand-files span{font-size:10px;color:var(--muted);text-align:center}.v16-brand-files b{font-size:12px}.v16-brand-files small{font-size:10px;color:var(--muted)}.v16-brand-files input{display:none}
.v16-vehicle-card{border:1px solid #e5edf5!important;border-radius:22px!important;background:linear-gradient(180deg,#fff,#fbfdff)!important;box-shadow:0 14px 34px rgba(15,23,42,.055)!important;overflow:hidden!important}.v16-vehicle-card:hover{transform:translateY(-4px)!important;box-shadow:0 22px 46px rgba(15,23,42,.09)!important;border-color:color-mix(in srgb,var(--primary) 24%,#e5edf5)!important}.v16-vehicle-card-head{display:grid;grid-template-columns:64px minmax(0,1fr) auto;gap:13px;align-items:start;padding:17px 17px 14px;background:linear-gradient(135deg,color-mix(in srgb,var(--primary) 9%,#fff),#fff);border-bottom:1px solid #edf2f7}.v16-vehicle-icon{width:58px;height:58px;border-radius:18px;display:grid;place-items:center;color:#fff;background:linear-gradient(135deg,var(--primary),var(--accent));box-shadow:0 14px 26px rgba(15,23,42,.14)}.v16-vehicle-icon svg{width:30px;height:30px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.v16-vehicle-main{min-width:0}.v16-vehicle-type{display:inline-flex;max-width:100%;font-size:11px;font-weight:900;color:var(--primary);background:var(--primary-soft);border:1px solid color-mix(in srgb,var(--primary) 16%,#e5edf5);border-radius:999px;padding:4px 9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.v16-vehicle-plate{margin:9px 0 3px!important;display:inline-flex;align-items:center;justify-content:center;min-width:112px;border:2px solid #cbd5e1;border-radius:10px;background:#fff;color:var(--ink);font-size:19px!important;font-weight:950!important;letter-spacing:.02em;padding:6px 12px;box-shadow:inset 0 -3px 0 #f1f5f9}.v16-vehicle-main p{margin:3px 0 0;color:var(--muted);font-size:12px;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.v16-vehicle-tags{display:flex;gap:7px;flex-wrap:wrap;padding:12px 17px 0}.v16-vehicle-tags span{max-width:100%;font-size:10px;font-weight:800;color:#475569;background:#f8fafc;border:1px solid #e2e8f0;border-radius:999px;padding:5px 9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.v16-vehicle-data{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:13px 17px}.v16-vehicle-data>div{min-width:0;background:#f8fafc;border:1px solid #e8eef5;border-radius:14px;padding:11px}.v16-vehicle-data small,.v16-vehicle-data b{display:block}.v16-vehicle-data small{color:var(--muted);font-size:10px;font-weight:900;margin-bottom:5px}.v16-vehicle-data b{font-size:13px;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.v16-vehicle-docs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;padding:0 17px 15px}.v16-vehicle-doc{min-width:0;border-radius:14px;padding:10px;background:#f0fdf4;border:1px solid #bbf7d0;color:#166534}.v16-vehicle-doc.soon{background:#fffbeb;border-color:#fde68a;color:#92400e}.v16-vehicle-doc.urgent{background:#fff1f2;border-color:#fecdd3;color:#9f1239}.v16-vehicle-doc small,.v16-vehicle-doc b{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.v16-vehicle-doc small{font-size:10px;font-weight:900;opacity:.82}.v16-vehicle-doc b{font-size:11px;margin-top:4px}.v16-vehicle-card-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 17px;background:#fff;border-top:1px solid #edf2f7}.v16-vehicle-progress{display:grid;grid-template-columns:auto minmax(78px,130px) auto;gap:8px;align-items:center;color:var(--muted);font-size:10px;font-weight:900}.v16-vehicle-progress i{display:block;height:8px;background:#eef2f7;border-radius:999px;overflow:hidden}.v16-vehicle-progress em{display:block;height:100%;background:linear-gradient(90deg,var(--primary),var(--accent));border-radius:999px}.v16-vehicle-progress b{color:var(--primary)}@media(max-width:640px){.v16-vehicle-card-head{grid-template-columns:52px minmax(0,1fr)}.v16-vehicle-card-head>.status{grid-column:1/-1;justify-self:start}.v16-vehicle-icon{width:50px;height:50px}.v16-vehicle-data,.v16-vehicle-docs{grid-template-columns:1fr}.v16-vehicle-card-foot{align-items:flex-start;flex-direction:column}.v16-vehicle-progress{width:100%;grid-template-columns:auto 1fr auto}}


/* ====================================================================
   MASAR 360 v16.1.4 - Contrast & legibility hardening (BUG-002, BUG-004)
   Appended last so it overrides earlier rules. Raises text contrast,
   font size and input clarity across the whole UI and the login screen.
   ==================================================================== */
:root{
  --primary:#0a5499;
  --primary-dark:#063e72;
  --accent:#0e90ad;
  --ink:#0f2236;
  --ink-strong:#0a1b2e;
  --muted:#4d6075;
  --line:#d7e2ee;
}
html,body{font-family:"Segoe UI","Helvetica Neue",Tahoma,Arial,sans-serif;font-size:14.5px;line-height:1.6;color:var(--ink);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
.nav-item{color:#33485e;font-size:14px}
.nav-section{color:#56697d}
.profile-mini small,.kpi-card h4,.card-title small,.topbar p,.page-head p,.entity-title p,.meta-item small,.chart-col span,.legend span,.alert-item p,.field small,.visual-card small,.promo-top p{color:var(--muted)}
.meta-item small,.entity-title p{color:#566b80}
th{background:#eef4fa;color:#3c4f64;font-size:12.5px}
td{font-size:12.5px;color:#23364a}
.kpi-card h4{font-size:12px;color:#46586c}
.kpi-card b{color:var(--ink-strong)}
.global-search{color:#566b80}
.global-search input{font-size:13px}
.status.info{background:#e3f1ff;color:#0a5499}
.status.success{background:#e2f7ee;color:#06724f}
.status.warning{background:#fff1cf;color:#9a6000}
.status.danger{background:#ffe5e9;color:#b32741}
.login-copy h3{color:var(--ink-strong)}
.login-copy p{color:#3f566d;font-size:14.5px}
.login-form label>span{font-size:13.5px;color:#1f3247}
.login-form input,.form-control{font-size:15px;border:1px solid #c4d4e3;background:#fff;color:var(--ink)}
.login-form input::placeholder,.form-control::placeholder{color:#8094a8}
.login-form input:focus,.form-control:focus{border-color:var(--primary);box-shadow:0 0 0 3px rgba(10,84,153,.16)}
.login-footer{color:#56697d}
.login-help{color:#3a5167;background:#eef6fd;border-color:#cfe5f7}
.promo-chip{background:#d3ecfb;color:var(--primary-dark)}
.promo-top h2{color:var(--ink-strong)}
.password-wrap button{color:#4a6e8a}
@media(max-width:560px){
  html,body{font-size:15px}
  .login-panel{padding:26px 20px}
  .login-copy h3{font-size:24px}
  .login-form input,.form-control{font-size:16px;padding:14px}
  .login-button{padding:16px;font-size:16px}
  .nav-item{font-size:15px;padding:13px 12px}
  td,th{font-size:13px;white-space:normal}
  .topbar h2{font-size:17px}
}

/* MASAR 360 readability pass for Arabic screens and import centers */
:root{
  --readable-font:"IBM Plex Sans Arabic","Noto Sans Arabic","Segoe UI",Tahoma,Arial,sans-serif;
  --text-strong:#07192d;
  --text-readable:#17283d;
}
html,body,button,input,select,textarea,table{
  font-family:var(--readable-font)!important;
  letter-spacing:0!important;
}
body{font-size:15.5px;line-height:1.75;color:var(--text-readable)}
.content{font-size:15px}
.topbar h2,.page-head h3,.card-title h4,.card h4{color:var(--text-strong);font-weight:900}
.page-head h3{font-size:22px;line-height:1.45}
.page-head p,.topbar p{font-size:13.5px;line-height:1.8;color:#42546a}
.nav-item{font-size:14.5px;font-weight:800;color:#263b52}
.nav-section{font-size:12px;font-weight:900;color:#42546a}
.mini-button,.secondary-button,.primary-button,.danger-button,.ghost-button{
  font-size:13px;
  font-weight:900;
  line-height:1.35;
  min-height:36px;
}
.v16-gov-grid{grid-template-columns:repeat(auto-fit,minmax(290px,1fr));gap:16px}
.v16-gov-card{
  align-items:center;
  padding:18px;
  border-color:#cdddeb;
  box-shadow:0 10px 24px rgba(15,35,56,.055);
}
.v16-gov-card b{font-size:16px;color:var(--text-strong);font-weight:950}
.v16-gov-card small{font-size:12px;color:#52657a;font-weight:900}
.v16-gov-card p{font-size:13.5px;line-height:1.8;color:#394c63;margin:6px 0 0}
.v16-gov-logo{max-width:82px;max-height:54px}
.v16-panel,.v16-table-wrap,.card{color:var(--text-readable)}
.v16-table-wrap{
  border:1px solid #dce7f1;
  border-radius:14px;
  background:#fff;
}
.v16-table{min-width:850px}
.v16-table th,.v16-table td,th,td{
  font-size:14px!important;
  line-height:1.7!important;
  color:#182a3f!important;
  padding:13px 14px!important;
}
.v16-table th,th{
  color:#26394f!important;
  background:#f2f6fb!important;
  font-weight:950!important;
}
.v16-table td{font-weight:700}
.v16-table td small,.v16-table td span{font-size:13px}
.v16-file-name{
  min-width:230px;
  max-width:420px;
  white-space:normal!important;
  overflow-wrap:anywhere;
  word-break:break-word;
  font-weight:950!important;
  color:#0f2d4a!important;
}
.v16-badge,.status,.badge{
  font-size:12.5px!important;
  font-weight:950!important;
  padding:6px 10px!important;
}
.v16-empty{
  font-size:15px;
  color:#41536a;
  line-height:1.8;
}
.v16-empty b{font-size:16px;color:#17283d}
.v16-empty small{font-size:13.5px;color:#52657a}
@media(max-width:760px){
  body{font-size:15.5px}
  .content{padding:16px}
  .page-head{align-items:flex-start;flex-direction:column}
  .v16-gov-grid{grid-template-columns:1fr}
  .v16-table{min-width:720px}
  .v16-table th,.v16-table td,th,td{font-size:13.5px!important}
}
.pi-filters{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin-bottom:10px}.pi-filters label{display:grid;gap:5px;font-size:12px;color:#52657a}.pi-filter-chips{display:flex;flex-wrap:wrap;gap:7px;margin:8px 0 14px}.pi-filter-chips button,.pi-filter-chips span{border:0;border-radius:999px;background:#e9f5f3;color:#14665d;padding:6px 10px;font:inherit}.pi-kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px}.pi-kpi{display:grid;text-align:start;gap:5px;border:1px solid #dbe7ef;border-radius:16px;background:#fff;padding:16px;color:#16324f;cursor:pointer}.pi-kpi b{font-size:27px;color:#087f72}.pi-kpi small{color:#71849a}.pi-charts{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:14px;margin-top:16px}.pi-chart>button{width:100%;border:0;background:transparent;display:grid;grid-template-columns:minmax(100px,1fr) 2fr auto;align-items:center;gap:8px;padding:8px;text-align:start;color:#30465d;border-radius:8px}.pi-chart>button:hover,.pi-chart>button:focus-visible{background:#f3faf8;outline:2px solid #37a899}.pi-chart i{height:9px;background:#e7edf2;border-radius:9px;overflow:hidden}.pi-chart em{display:block;height:100%;background:#178f82;border-radius:9px}.pi-chart small{grid-column:1/-1;color:#71849a}.pi-updated{text-align:center;color:#71849a;padding:16px}.pi-skeleton{height:420px;border-radius:18px;background:linear-gradient(90deg,#edf2f6 25%,#f8fafb 50%,#edf2f6 75%);background-size:200% 100%;animation:pi-shimmer 1.2s linear infinite}.pi-contract header{display:flex;justify-content:space-between;gap:12px}.pi-contract-summary{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin:14px 0}.pi-contract-summary span{display:grid;color:#71849a}.pi-contract-summary b{color:#16324f}.pi-review{display:grid;grid-template-columns:minmax(280px,42%) 1fr;gap:16px;max-height:72vh;overflow:auto}.pi-review iframe{width:100%;min-height:68vh;border:1px solid #dbe7ef;border-radius:12px}.pi-review-grid{display:grid;grid-template-columns:repeat(2,minmax(180px,1fr));gap:10px}.pi-review-field{display:grid;gap:4px}.pi-review-field details{font-size:11px;color:#52657a}.pi-review-field blockquote{margin:5px 0;padding:7px;border-inline-start:3px solid #37a899;background:#f7fafc}.pi-warning{color:#a76200}.pi-updated{font-size:12px}@keyframes pi-shimmer{to{background-position:-200% 0}}@media(prefers-reduced-motion:reduce){.pi-skeleton{animation:none}.pi-chart em{transition:none}}@media(max-width:760px){.pi-charts{grid-template-columns:1fr}.pi-review{grid-template-columns:1fr}.pi-review iframe{min-height:42vh}.pi-review-grid{grid-template-columns:1fr}.pi-contract-summary{grid-template-columns:1fr}}

.contract-low-confidence{border-color:var(--warning);box-shadow:0 0 0 2px color-mix(in srgb,var(--warning) 18%,transparent)}.pi-field-uncertain{padding:8px;border:1px solid color-mix(in srgb,var(--warning) 55%,var(--line));border-radius:10px;background:color-mix(in srgb,var(--warning) 7%,var(--card))}.pi-field-uncertain>span{color:#9b6500;font-weight:800}

/* P17 -- mobile-first login redesign. Additive, scoped to .login-* selectors only.
   Genuine mobile-first treatment (full-bleed, safe-area-aware, touch-sized, keyboard-safe)
   rather than a further-scaled-down desktop card. Desktop/tablet rules above (>640px)
   are unchanged; this block only overrides behavior under 640px, plus one
   unconditional safe-area rule that resolves to 0 padding on non-notched devices. */
.login-screen{padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom);padding-inline-start:env(safe-area-inset-left);padding-inline-end:env(safe-area-inset-right)}
.field-msg{display:block;min-height:16px;font-size:11.5px;color:var(--danger);margin-top:5px;line-height:1.5}
.field-msg:empty{margin-top:0}
.login-form input.invalid{border-color:var(--danger)!important;box-shadow:0 0 0 3px rgba(208,54,79,.12)!important}

@media(max-width:640px){
  html,body{overflow-x:hidden}
  .login-screen{
    min-height:100vh;
    min-height:100svh; /* dynamic viewport height: shrinks correctly when the mobile keyboard opens, unlike vh */
    display:block;
    place-items:unset;
    overflow-y:auto;
    overflow-x:hidden;
    padding:0;
  }
  .login-pattern{display:none}
  .login-shell{
    width:100%;
    min-height:100vh;
    min-height:100svh;
    border-radius:0;
    box-shadow:none;
    display:block;
    grid-template-columns:none;
  }
  .login-promo{display:none}
  .login-panel{
    width:100%;
    min-height:100svh;
    padding:max(20px,env(safe-area-inset-top)) 20px calc(24px + env(safe-area-inset-bottom));
    display:flex;
    flex-direction:column;
    justify-content:center;
    box-sizing:border-box;
  }
  .brand-login{margin:24px 0 28px}
  .brand-login .brand-mark{width:52px;height:52px;border-radius:16px}
  .brand-login h1{font-size:22px}
  .login-copy h3{font-size:21px;margin:0 0 8px}
  .login-copy p{font-size:13px}
  .login-form{gap:16px}
  /* 16px input font-size prevents iOS Safari's automatic zoom-on-focus, which otherwise
     disrupts the layout and hides fields behind the keyboard on iPhones. */
  .login-form input,.login-form .form-control{font-size:16px;padding:14px 14px;min-height:48px}
  .login-form label>span{font-size:13px;margin-bottom:8px}
  .password-wrap button{min-width:44px;min-height:44px;display:grid;place-items:center;top:2px}
  .login-options{flex-wrap:wrap;gap:10px;font-size:12.5px}
  .check{min-height:44px}
  .primary-button.login-button{min-height:50px;font-size:15px;padding:15px}
  .login-help{font-size:11.5px;padding:12px}
  .login-footer{padding-top:20px;font-size:10.5px}
  .login-toolbar{justify-content:flex-end}
  .lang-button{min-height:40px;min-width:40px;display:grid;place-items:center}
}

/* P17 -- touch-target sizing also applies through the existing tablet breakpoint
   (matches the pre-existing @media(max-width:1050px) rule that already hides
   .login-promo and collapses to one column) -- tablets are touch devices too,
   not just phones. Layout stays the existing single-column card at this width;
   only touch-target sizing is corrected here. */
@media(max-width:1050px) and (min-width:641px){
  .login-form input,.login-form .form-control{min-height:46px}
  .password-wrap button{min-width:44px;min-height:44px;display:grid;place-items:center}
  .primary-button.login-button{min-height:46px}
  .check{min-height:40px}
}

/* P19.1 -- mobile login: tighten vertical rhythm so the submit button and error
   message stay reachable with less/no scrolling, especially with the on-screen
   keyboard open. Measured before this fix: total content height was 1027px on a
   360x800 viewport (vs 800px available), pushing the submit button out of view
   without scrolling even before the keyboard opens. Same selectors as P17's block
   above, later in source order so these values win; desktop/tablet untouched. */
@media(max-width:640px){
  .brand-login{margin:12px 0 14px}
  .login-copy{margin-bottom:2px}
  .login-copy h3{font-size:19px;margin:0 0 4px}
  .login-copy p{font-size:12.5px;margin:0 0 2px}
  .login-form{gap:12px}
  .login-help{margin-top:12px;padding:10px}
  .login-footer{padding-top:10px}
  .demo-hint{margin-top:6px;padding:9px 11px}
}

/* P19.1 -- second pass: trim the least-essential elements (help/footer copy) further,
   never the form fields themselves (touch-target sizing must stay >=44px). */
@media(max-width:640px){
  .login-toolbar{margin-bottom:-4px}
  .login-help{font-size:10.5px;line-height:1.5;padding:8px 9px;margin-top:10px}
  .login-footer{padding-top:8px;font-size:9.5px}
}

/* P20.1B (4/4): unified employee header photo + pending-approval badge. */
.v16-emp-avatar{position:relative;overflow:visible}
.v16-emp-avatar img{width:100%;height:100%;object-fit:cover;border-radius:13px}
.v16-avatar-upload{position:absolute;bottom:-6px;inset-inline-end:-6px;width:22px;height:22px;border-radius:50%;background:var(--primary);color:#fff;display:grid;place-items:center;font-size:11px;cursor:pointer;box-shadow:0 2px 6px rgba(0,0,0,.2)}
.v16-avatar-upload:before{content:'✎'}
.v16-avatar-upload input{display:none}
.v16-photo-pending{margin-top:8px;display:flex;align-items:center;gap:8px;flex-wrap:wrap;background:#fff8e6;border:1px solid #f3d98a;border-radius:10px;padding:6px 10px}
.v16-photo-pending small{color:#8a6d1f;font-weight:700}

/* P20.3A: organization documents (وثائق المنشأة) toolbar, status badges, mobile cards.
   Table and cards are both always rendered; only CSS visibility toggles between them
   at the breakpoint -- matches the P20.2B fix pattern (never hide-with-no-fallback). */
.v16-doc-toolbar{display:flex;flex-wrap:wrap;gap:10px;align-items:end;margin-bottom:14px}
.v16-doc-toolbar input,.v16-doc-toolbar select{min-width:150px}
.v16-doc-toolbar label{display:grid;gap:4px;font-size:11px;color:#6f8195;font-weight:700}
.v16-doc-status{display:inline-block;border-radius:99px;padding:5px 11px;font-size:12px;font-weight:800}
.v16-doc-status.active{background:#d9f7ec;color:#087856}
.v16-doc-status.warning{background:#fff4d2;color:#9b6500}
.v16-doc-status.danger{background:#ffe3e8;color:#b3223f}
.v16-doc-status.archived{background:#eef1f5;color:#56677d}
.v16-doc-actions-cell{display:flex;flex-wrap:wrap;gap:6px}
.v16-doc-pagination{display:flex;justify-content:center;align-items:center;gap:14px;padding:16px 0 4px;color:#52657a;font-size:13px}
.v16-doc-cards{display:none;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:14px}
.v16-doc-card{background:#fff;border:1px solid #dbe7ef;border-radius:16px;padding:14px}
.v16-doc-card-head{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:10px}
.v16-doc-card-head b{font-size:14px;color:#16324f}
.v16-doc-card-body{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:12px}
.v16-doc-card-body div{display:grid;gap:2px}
.v16-doc-card-body small{color:#7a8ca2;font-size:11px}
.v16-doc-card-body span{font-size:13px;font-weight:700;color:#16324f}
.v16-doc-card-actions{display:flex;flex-wrap:wrap;gap:6px}
@media(max-width:760px){
  .v16-doc-table{display:none}
  .v16-doc-cards{display:grid}
  .v16-doc-toolbar{flex-direction:column;align-items:stretch}
  .v16-doc-toolbar input,.v16-doc-toolbar select{min-width:0;width:100%}
}