:root{--brand:#0d2b5c;--accent:#d4a017;--bg:#f4f7fb;--text:#172033;--danger:#b42318;--ok:#067647}*{box-sizing:border-box}body{margin:0;font-family:Tahoma,Arial,sans-serif;background:var(--bg);color:var(--text);direction:rtl}.topbar{background:var(--brand);color:#fff;padding:14px 22px;display:flex;align-items:center;justify-content:space-between;gap:15px;position:sticky;top:0;z-index:10}.brand{font-weight:700;font-size:18px}.nav a{color:#fff;text-decoration:none;margin:0 7px}.container{max-width:1250px;margin:24px auto;padding:0 15px}.card{background:#fff;border-radius:16px;padding:20px;box-shadow:0 6px 22px rgba(16,24,40,.07);margin-bottom:18px}.grid{display:grid;grid-template-columns:repeat(12,1fr);gap:14px}.col-12{grid-column:span 12}.col-6{grid-column:span 6}.col-4{grid-column:span 4}.col-3{grid-column:span 3}label{display:block;font-weight:700;margin-bottom:6px}input,select,textarea{width:100%;padding:11px;border:1px solid #cfd6e4;border-radius:10px;background:#fff;font:inherit}textarea{min-height:90px}.btn{display:inline-block;border:0;border-radius:10px;padding:10px 15px;text-decoration:none;cursor:pointer;font-weight:700;background:var(--brand);color:#fff}.btn.secondary{background:#667085}.btn.success{background:var(--ok)}.btn.danger{background:var(--danger)}.btn.light{background:#eef2f8;color:var(--brand)}table{width:100%;border-collapse:collapse}th,td{padding:11px;border-bottom:1px solid #e7ebf1;text-align:right;vertical-align:top}th{background:#f8fafc}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.stat{background:#fff;border-radius:14px;padding:18px;border-right:5px solid var(--accent)}.stat b{font-size:26px;display:block}.alert{padding:12px 14px;border-radius:10px;margin-bottom:14px;background:#ecfdf3;color:#05603a}.alert.error{background:#fef3f2;color:#912018}.section-title{border-right:4px solid var(--accent);padding-right:10px;margin:6px 0 15px}.badge{display:inline-block;padding:5px 9px;border-radius:999px;background:#eef2f8;font-size:12px}.photos{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.photos img{width:100%;height:160px;object-fit:cover;border-radius:10px}.login{max-width:430px;margin:8vh auto}.small{font-size:12px;color:#667085}.actions{display:flex;gap:8px;flex-wrap:wrap}@media(max-width:800px){.col-6,.col-4,.col-3{grid-column:span 12}.stats{grid-template-columns:1fr 1fr}.photos{grid-template-columns:1fr 1fr}.topbar{align-items:flex-start;flex-direction:column}}@media print{.topbar,.no-print,.btn{display:none!important}.container{max-width:none;margin:0;padding:0}.card{box-shadow:none;border:1px solid #ddd;break-inside:avoid}body{background:#fff}.photos img{height:120px}}
.camera-box{border:1px dashed #98a2b3;border-radius:12px;padding:14px;background:#f8fafc}.camera-box input{margin-top:8px}.preview-photos{margin-top:16px}.preview-photos img{border:2px solid #fff;box-shadow:0 3px 12px rgba(16,24,40,.15)}
.site-map{height:380px;width:100%;border-radius:14px;margin-top:14px;border:1px solid #cfd6e4;direction:ltr}.user-chip{background:rgba(255,255,255,.12);padding:5px 9px;border-radius:20px;font-size:12px}.qty-low{color:var(--danger);font-weight:700}.check-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.check{padding:12px;background:#f8fafc;border-radius:10px}.check input{width:auto}.document-head{display:flex;justify-content:space-between;gap:20px;background:var(--brand);color:white;padding:22px;border-radius:16px;margin-bottom:18px}.signature-line{border-top:1px solid #333;padding-top:8px;margin-top:45px}
/* Application shell and collapsible right sidebar */
.sidebar{position:fixed;right:0;top:0;bottom:0;width:270px;background:linear-gradient(180deg,#0d2b5c 0%,#091f43 100%);color:#fff;z-index:100;display:flex;flex-direction:column;transition:width .25s ease,transform .25s ease;box-shadow:-8px 0 30px rgba(13,43,92,.14)}
.app-shell{margin-right:270px;min-height:100vh;transition:margin-right .25s ease}.sidebar-head{height:76px;padding:14px;display:flex;align-items:center;gap:10px;border-bottom:1px solid rgba(255,255,255,.1)}.brand-mark{width:42px;height:42px;border-radius:12px;background:var(--accent);color:#102a56;display:grid;place-items:center;font-weight:900;flex:none}.brand-copy{display:flex;flex-direction:column;white-space:nowrap;overflow:hidden}.brand-copy small{color:#c7d5ec;margin-top:3px}.sidebar-toggle{margin-right:auto;background:rgba(255,255,255,.1);color:#fff;border:0;border-radius:8px;width:34px;height:34px;cursor:pointer;flex:none}.side-nav{padding:14px 10px;overflow:auto;flex:1}.side-nav a{display:flex;align-items:center;gap:12px;color:#dce6f7;text-decoration:none;padding:12px;border-radius:10px;margin:3px 0;white-space:nowrap;overflow:hidden}.side-nav a:hover,.side-nav a.active{background:rgba(255,255,255,.12);color:#fff}.side-nav a.active{border-right:3px solid var(--accent)}.nav-icon{font-size:20px;width:26px;text-align:center;flex:none}.nav-section{font-size:11px;color:#8fa6c9;padding:18px 12px 5px;white-space:nowrap}.sidebar-user{padding:13px;display:flex;align-items:center;gap:10px;border-top:1px solid rgba(255,255,255,.1)}.avatar{width:36px;height:36px;display:grid;place-items:center;background:#fff;color:var(--brand);border-radius:50%;font-weight:800;flex:none}.user-copy{display:flex;flex-direction:column;min-width:0;flex:1}.user-copy b,.user-copy small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-copy small{color:#b8c8e0}.sidebar-user>a{color:#fff;text-decoration:none;font-size:22px}.mobile-top{display:none}
.sidebar-collapsed .sidebar{width:82px}.sidebar-collapsed .app-shell{margin-right:82px}.sidebar-collapsed .brand-copy,.sidebar-collapsed .nav-label,.sidebar-collapsed .nav-section,.sidebar-collapsed .user-copy,.sidebar-collapsed .sidebar-user>a{display:none}.sidebar-collapsed .sidebar-head{justify-content:center;flex-wrap:wrap;height:104px}.sidebar-collapsed .sidebar-toggle{margin:0}.sidebar-collapsed .side-nav a{justify-content:center}.sidebar-collapsed .side-nav a.active{border-right:0;background:rgba(255,255,255,.16)}
.dashboard-hero{background:linear-gradient(135deg,#0d2b5c,#17539a);color:#fff;border-radius:20px;padding:25px;margin-bottom:18px;display:flex;justify-content:space-between;align-items:center;gap:20px}.dashboard-hero h1{margin:0 0 6px}.dashboard-hero p{margin:0;color:#d6e3f5}.dashboard-hero .btn{background:var(--accent);color:#172033}.stat small{color:#667085}.stat.warn{border-right-color:#f79009}.stat.danger{border-right-color:#d92d20}.stat.ok{border-right-color:#12b76a}.dashboard-grid{display:grid;grid-template-columns:2fr 1fr;gap:18px}.map-dashboard{height:470px}.work-type{display:inline-block;border-radius:8px;padding:4px 8px;background:#eef4ff;color:#175cd3;font-size:12px}
@media(max-width:800px){.sidebar{transform:translateX(100%);width:270px}.app-shell,.sidebar-collapsed .app-shell{margin-right:0}.sidebar-collapsed .sidebar{width:270px}.sidebar-collapsed .brand-copy,.sidebar-collapsed .nav-label,.sidebar-collapsed .nav-section,.sidebar-collapsed .user-copy,.sidebar-collapsed .sidebar-user>a{display:flex}.sidebar-open .sidebar{transform:translateX(0)}.sidebar-overlay{display:none;position:fixed;inset:0;background:rgba(0,0,0,.45);z-index:90}.sidebar-open .sidebar-overlay{display:block}.mobile-top{height:58px;background:#fff;display:flex;align-items:center;gap:12px;padding:0 14px;position:sticky;top:0;z-index:50;box-shadow:0 2px 10px rgba(16,24,40,.08)}.mobile-top button{border:0;background:#eef2f8;border-radius:8px;padding:8px 11px}.mobile-top span{font-size:12px;color:#667085;margin-right:auto}.dashboard-grid{grid-template-columns:1fr}.dashboard-hero{align-items:flex-start;flex-direction:column}.map-dashboard{height:360px}}
@media print{.sidebar,.mobile-top,.sidebar-overlay{display:none!important}.app-shell{margin:0!important}}
.form-builder{margin-top:16px;display:grid;gap:9px}.builder-field{display:grid;grid-template-columns:34px 1fr 1.2fr 1fr 1.4fr auto;gap:8px;align-items:center;padding:10px;background:#f8fafc;border:1px solid #e4e7ec;border-radius:12px}.builder-field:hover{border-color:#84adff}.drag-handle{font-size:24px;cursor:grab;color:#667085}.project-hero{background:linear-gradient(135deg,#0d2b5c,#17539a);color:#fff;border-radius:20px;padding:24px;display:flex;justify-content:space-between;align-items:center}.project-hero h1{margin:8px 0}.project-hero p{margin:0;color:#d6e3f5}.project-progress{width:115px;height:115px;border:8px solid rgba(255,255,255,.25);border-top-color:var(--accent);border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center}.project-progress b{font-size:27px}.project-progress span{font-size:11px}.progress-bar{height:9px;background:#dce4ef;border-radius:20px;overflow:hidden;margin:12px 4px 20px}.progress-bar span{display:block;height:100%;background:linear-gradient(90deg,#12b76a,#d4a017)}.project-layout{display:grid;grid-template-columns:minmax(0,2fr) minmax(270px,1fr);gap:18px}.timeline{position:relative}.timeline-item{display:grid;grid-template-columns:24px 1fr;gap:12px;padding:8px 0 24px;position:relative}.timeline-item:before{content:"";position:absolute;right:11px;top:28px;bottom:-3px;width:2px;background:#e4e7ec}.timeline-item:last-child:before{display:none}.timeline-dot{width:18px;height:18px;border-radius:50%;background:var(--accent);border:4px solid #fff;box-shadow:0 0 0 2px var(--accent);margin-top:5px}.timeline-item h3{margin:8px 0}.timeline-item small{color:#667085}.file-chip{display:inline-block;background:#eef4ff;color:#175cd3;padding:5px 9px;border-radius:8px;text-decoration:none;margin:8px 4px}.team-row{display:flex;align-items:center;gap:9px;border-bottom:1px solid #eee;padding:9px 0}.team-row>div:nth-child(2){display:flex;flex-direction:column;flex:1}.team-row small{color:#667085}.team-row>a{font-size:11px;color:#067647}.task-row{border:1px solid #e4e7ec;border-radius:10px;padding:9px;margin:8px 0;display:grid;gap:5px}.task-row small{color:#667085}.task-row.done{opacity:.6;text-decoration:line-through}details summary{cursor:pointer;padding:10px 0;color:var(--brand)}
@media(max-width:1000px){.builder-field{grid-template-columns:30px 1fr 1fr}.builder-field .b-options{grid-column:2/4}.project-layout{grid-template-columns:1fr}}
@media(max-width:600px){.builder-field{grid-template-columns:28px 1fr}.builder-field input,.builder-field button{grid-column:2}.project-hero{align-items:flex-start}.project-progress{width:85px;height:85px}.project-progress b{font-size:20px}}
.report-gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:18px 0}.photo-card{margin:0;background:#fff;border:1px solid #e4e7ec;border-radius:14px;overflow:hidden;break-inside:avoid}.photo-card img{width:100%;height:240px;object-fit:cover;display:block}.photo-card figcaption{padding:12px}.photo-card figcaption p{margin:8px 0}.print-only{display:none}.report-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.report-cards a{background:#fff;border-radius:16px;padding:22px;text-decoration:none;color:var(--text);box-shadow:0 6px 22px rgba(16,24,40,.07);border-right:5px solid var(--accent);display:flex;flex-direction:column;gap:8px}.report-cards a b{font-size:18px;color:var(--brand)}.report-cards a span{color:#667085;line-height:1.7}.report-cover{background:linear-gradient(135deg,#0d2b5c,#17539a);color:#fff;border-radius:20px;padding:50px 35px;margin-bottom:22px;text-align:center}.report-cover h1{font-size:34px}.report-cover>div{display:flex;justify-content:center;gap:25px;margin-top:30px}.report-section{background:#fff;padding:22px;border-radius:14px;margin:16px 0;break-inside:auto}.report-section>h2{border-bottom:3px solid var(--accent);padding-bottom:9px;color:var(--brand)}.signature-box{border-top:1px solid #333;margin-top:55px;padding-top:10px;min-height:80px}.secondary-stats .stat{padding:14px}.secondary-stats .stat b{font-size:22px}
@media(max-width:900px){.report-gallery,.report-cards{grid-template-columns:1fr 1fr}}@media(max-width:600px){.report-gallery,.report-cards{grid-template-columns:1fr}.photo-card img{height:220px}}
@media print{.print-only{display:block}.report-gallery{grid-template-columns:repeat(2,1fr)}.photo-card img{height:190px}.report-cover{border-radius:0;min-height:220px}.report-section{box-shadow:none;border:0;padding:10px 0}.report-section table{font-size:11px}}
.work-section-hidden{display:none!important}
.print-brand{display:none}.print-brand img{max-height:52px;max-width:140px}.print-brand>div{display:flex;flex-direction:column}.print-brand>span{margin-right:auto;font-weight:700}
@page{size:A4;margin:14mm 11mm}
@media print{.print-brand{display:flex!important;align-items:center;gap:14px;border-bottom:2px solid #0d2b5c;padding-bottom:10px;margin-bottom:14px}thead{display:table-header-group}tfoot{display:table-footer-group}tr,img,figure{break-inside:avoid}a{color:#000;text-decoration:none}.card{padding:10px;margin-bottom:10px;border-radius:0}.document-head{background:#fff!important;color:#000!important;border:2px solid #0d2b5c}.asset-status,.badge,.work-type{border:1px solid #777;background:#fff!important;color:#000!important}.asset-table{min-width:0;font-size:9px}.asset-table th,.asset-table td{padding:5px}.container{width:100%}}
.asset-table{min-width:1500px}.asset-status{display:inline-block;padding:6px 9px;border-radius:999px;font-size:12px;white-space:nowrap}.status-available{background:#ecfdf3;color:#067647}.status-reserved{background:#fffaeb;color:#b54708}.status-installed{background:#eef4ff;color:#175cd3}.status-maintenance{background:#fef3f2;color:#b42318}.status-sold{background:#f2f4f7;color:#344054}.status-returned{background:#f4f3ff;color:#5925dc}.status-scrapped{background:#fef3f2;color:#7a271a}.projects-board{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.project-card{background:#fff;border-radius:16px;padding:19px;box-shadow:0 6px 22px rgba(16,24,40,.07);border-top:4px solid var(--brand)}.project-card h3{font-size:19px;margin:14px 0 7px}.project-card>p{color:#667085;min-height:42px}.mini-progress{height:7px;border-radius:10px;background:#eaecf0;overflow:hidden;margin:13px 0}.mini-progress span{display:block;height:100%;background:#12b76a}.project-meta{display:grid;grid-template-columns:1fr 1fr;gap:8px;font-size:12px;margin-bottom:15px}.project-meta span{background:#f8fafc;padding:8px;border-radius:8px}.project-field{grid-template-columns:34px 1fr 1fr 110px 1fr 1fr auto}
@media(max-width:1100px){.projects-board{grid-template-columns:1fr 1fr}.project-field{grid-template-columns:30px 1fr 1fr}.project-field input,.project-field select{min-width:0}}@media(max-width:650px){.projects-board{grid-template-columns:1fr}.project-meta{grid-template-columns:1fr}.project-field{grid-template-columns:28px 1fr}.project-field>*{grid-column:2}}

/* Field operations 2.0 */
:root{--brand:#073466;--accent:#10b8b1;--sky:#1479d1;--orange:#ff8a34}
body{background:linear-gradient(135deg,#f8fbff,#eef5fb);min-height:100vh}
.sidebar{background:linear-gradient(180deg,#073466 0%,#075087 62%,#062a53 100%)}
.brand-mark{background:linear-gradient(135deg,#12c9c1,#1685de);color:white}
.card,.stat,.project-card{border:1px solid rgba(7,52,102,.07);box-shadow:0 8px 28px rgba(7,52,102,.08)}
.stat:nth-child(4n+1){border-right-color:var(--sky)}.stat:nth-child(4n+2){border-right-color:#12b8ad}.stat:nth-child(4n+3){border-right-color:#7656d6}.stat:nth-child(4n){border-right-color:var(--orange)}
.btn{background:linear-gradient(135deg,#07559b,#0878c9);box-shadow:0 3px 10px rgba(7,84,154,.15)}
.btn.success{background:linear-gradient(135deg,#09a79f,#13c0b7)}.btn.light{background:#edf6ff;color:#075295;box-shadow:none}
.document-head,.project-hero,.dashboard-hero,.report-cover{background:linear-gradient(135deg,#073466,#0969ab 70%,#09a9ac)}
.sync-badge{position:fixed;left:18px;bottom:18px;z-index:150;padding:9px 13px;border-radius:999px;color:#fff;background:#667085;box-shadow:0 5px 18px #0003;font-size:12px}.sync-badge.online{background:#079455}.sync-badge.offline{background:#b54708}.sync-badge.pending{background:#175cd3}
.workflow-steps{display:grid;grid-template-columns:repeat(8,1fr);gap:8px;margin:18px 0}.workflow-step{padding:14px 8px;text-align:center;border-radius:12px;background:#e9eff6;color:#486079;position:relative;font-size:12px}.workflow-step.current{background:#0a6cb2;color:#fff;box-shadow:0 5px 18px #0a6cb244}.workflow-step.done{background:#d5f6ef;color:#067647}.workflow-step b{display:block;font-size:18px;margin-bottom:5px}
#signaturePad{width:100%;height:240px;border:2px dashed #91a8c2;border-radius:14px;background:#fff;touch-action:none}.signature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.signature-card{border:1px solid #dce6f0;border-radius:14px;padding:15px;background:#fff}.signature-card img{width:100%;height:130px;object-fit:contain;border-bottom:1px solid #e7edf3}
.qr-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.qr-label{text-align:center;border:2px solid #073466;border-radius:14px;padding:15px;background:#fff;break-inside:avoid}.qr-label canvas,.qr-label img{max-width:180px}.qr-label h3{color:#073466}.qr-label .serial{font-family:monospace;font-size:16px;font-weight:700}
pre{white-space:pre-wrap;word-break:break-word;max-width:480px;font-size:11px}
@media(max-width:900px){.workflow-steps{grid-template-columns:repeat(4,1fr)}.signature-grid,.qr-grid{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.container{padding:0 10px;margin:12px auto}.card{padding:15px;border-radius:14px}.stats{gap:9px}.stat{padding:13px}.stat b{font-size:21px}.workflow-steps{grid-template-columns:1fr 1fr}.signature-grid,.qr-grid{grid-template-columns:1fr}.actions .btn{flex:1;text-align:center;min-height:44px}.document-head{padding:18px;align-items:flex-start;flex-direction:column}.document-head h1{font-size:22px;margin-top:0}input,select,textarea{font-size:16px}}
@media print{.sync-badge{display:none}.qr-grid{grid-template-columns:repeat(3,1fr)}.qr-label{padding:8px}.signature-grid{grid-template-columns:repeat(3,1fr)}}

/* Precision UI matching the supplied field-system reference */
html{font-size:13px}body{font-family:"Segoe UI",Tahoma,Arial,sans-serif;color:#082b57;background:#f4f8fc;line-height:1.45}
.sidebar{width:230px;background:linear-gradient(180deg,#052f5f 0%,#07518b 65%,#063768 100%);box-shadow:-2px 0 18px rgba(4,42,82,.16)}
.app-shell{margin-right:230px}.sidebar-head{height:68px;padding:10px 14px;background:#062b59}.brand-mark{width:38px;height:38px;border-radius:10px}.brand-copy b{font-size:13px}.brand-copy small{font-size:9px}.side-nav{padding:12px 9px}.side-nav a{padding:10px 12px;margin:2px 0;border-radius:8px;font-size:12px;font-weight:650}.nav-icon{font-size:17px;width:22px}.nav-section{padding:13px 11px 4px;font-size:9px}.sidebar-user{padding:10px}.avatar{width:32px;height:32px;font-size:12px}
.mobile-top{display:flex;height:68px;background:linear-gradient(90deg,#062c5c,#073c73);color:#fff;padding:0 22px;box-shadow:none}.mobile-top button{background:transparent;color:#fff;font-size:19px}.mobile-top b{font-size:17px}.mobile-top span{font-size:13px;color:#fff;margin-right:auto}
.container{max-width:1480px;margin:0 auto;padding:18px 22px 35px}.card{border-radius:10px;padding:14px;margin-bottom:12px;box-shadow:0 2px 9px rgba(7,52,102,.07);border:1px solid #e0e8f1}.grid{gap:10px}
h1{font-size:22px;margin:5px 0 12px}h2{font-size:17px}h3{font-size:14px}.section-title{font-size:14px;border-right:0;padding-right:0;color:#0755a5;margin:2px 0 12px}
label{font-size:10px;margin-bottom:4px;color:#173f70}input,select,textarea{padding:8px 9px;border-radius:6px;border-color:#d7e1ec;font-size:11px;color:#12385f;min-height:35px}textarea{min-height:70px}.btn{border-radius:6px;padding:8px 13px;font-size:11px;box-shadow:none}
.stats{gap:12px}.stat{border-radius:10px;padding:14px 16px;border-right:0;border-top:1px solid #e3eaf2;min-height:100px;position:relative}.stat b{font-size:24px;color:#052f66}.stat small{font-size:10px}.badge,.asset-status,.work-type{font-size:9px;padding:4px 8px;border-radius:6px}
table{font-size:10px}th,td{padding:8px 9px;border-color:#e6edf4}th{background:#f8fbfe;color:#173f70;font-size:9px;white-space:nowrap}
.document-head,.project-hero,.dashboard-hero{border-radius:10px;padding:17px 20px;margin-bottom:12px}.document-head h1,.project-hero h1,.dashboard-hero h1{font-size:20px}.actions{gap:6px}
.report-cards{gap:11px}.report-cards a{border-radius:10px;padding:15px;border-right:3px solid #08aaa5;box-shadow:0 2px 9px rgba(7,52,102,.07)}.report-cards a b{font-size:13px}.report-cards a span{font-size:10px}
.projects-board{gap:11px}.project-card{border-radius:10px;padding:14px}.project-card h3{font-size:14px;margin:10px 0 5px}.project-card>p{font-size:10px;min-height:30px}.project-meta{font-size:9px}
.site-map{height:285px;border-radius:8px}.photos img{height:125px;border-radius:7px}.camera-box{padding:10px;border-radius:8px}.check{padding:8px;border-radius:6px;font-size:10px}
.project-progress{width:85px;height:85px;border-width:6px}.project-progress b{font-size:20px}.timeline-item h3{font-size:13px}.timeline-item p{font-size:11px}
.mobile-bottom{display:none}.sidebar-collapsed .sidebar{width:68px}.sidebar-collapsed .app-shell{margin-right:68px}
@media(max-width:800px){
 html{font-size:12px}body{padding-bottom:64px}.sidebar{width:250px}.app-shell,.sidebar-collapsed .app-shell{margin-right:0}.mobile-top{height:58px;padding:0 12px}.mobile-top b{font-size:14px}.mobile-top span{font-size:10px}.container{padding:11px 9px 22px}
 .card{padding:12px;margin-bottom:9px;border-radius:9px}.grid{gap:8px}.stats{gap:7px}.stat{padding:10px;min-height:78px}.stat b{font-size:19px}.stat small{font-size:8px}
 h1{font-size:18px}h2{font-size:15px}.document-head,.project-hero,.dashboard-hero{padding:14px;border-radius:9px}.document-head h1,.project-hero h1,.dashboard-hero h1{font-size:17px}
 input,select,textarea{padding:9px 8px;min-height:39px;font-size:12px}.btn{min-height:39px;padding:8px 10px;font-size:10px}
 .mobile-bottom{position:fixed;display:grid;grid-template-columns:repeat(5,1fr);right:0;left:0;bottom:0;height:60px;background:#fff;border-top:1px solid #dce5ef;z-index:140;padding:4px 5px env(safe-area-inset-bottom);box-shadow:0 -4px 15px rgba(7,52,102,.08)}
 .mobile-bottom a{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:1px;color:#244d78;text-decoration:none;font-size:8px}.mobile-bottom a span{font-size:17px;color:#075cac}.mobile-bottom .mobile-add{transform:translateY(-10px);background:linear-gradient(135deg,#0eb7ad,#078ac3);color:#fff;border-radius:22px;height:48px;box-shadow:0 5px 13px #078ac344}.mobile-bottom .mobile-add span{color:#fff}
 .sync-badge{bottom:67px;left:8px;padding:6px 9px;font-size:8px}.site-map{height:220px}.photos img{height:105px}
}
@media print{html{font-size:11px}.mobile-bottom,.mobile-top{display:none!important}.container{padding:0}.card{border-radius:0}}

/* Desktop management screens */
.page-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:0 0 14px;padding:0 3px}.page-heading h1{margin:3px 0;font-size:21px;color:#082e61}.page-heading p{margin:0;color:#6b7f96;font-size:10px}.page-heading>div>small{color:#2867ae;font-size:9px;font-weight:700}
.executive-stats{margin-bottom:13px}.executive-stats .stat{padding-right:72px}.stat-icon{position:absolute;right:17px;top:24px;width:42px;height:42px;border-radius:10px;display:grid;place-items:center;font-size:23px;background:#eef5ff;color:#0864d7}.stat-icon.green{background:#e8f8f4;color:#009d84}.stat-icon.orange{background:#fff4e9;color:#ef7e19}.stat-icon.violet{background:#f2ecff;color:#7348d3}.stat-icon.cyan{background:#e8f8f8;color:#00a9aa}.executive-stats .stat em{display:block;color:#00a78e;font-size:8px;font-style:normal;margin-top:8px}
.analytics-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.chart-card{min-height:270px}.chart-card:first-child{grid-column:span 2}.chart-card h3{margin:0 0 18px;color:#113b70}.line-bars{height:205px;display:flex;align-items:flex-end;justify-content:space-around;border-bottom:1px solid #dfe8f1;padding:15px 10px 0;background:repeating-linear-gradient(to top,transparent 0,transparent 49px,#edf2f7 50px)}.line-col{height:100%;flex:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:4px}.line-col i{display:block;width:18px;max-height:155px;border-radius:5px 5px 0 0;background:linear-gradient(#0874db,#11b5b0)}.line-col b{font-size:9px}.line-col span{font-size:8px;margin-bottom:-18px}
.bar-chart{display:grid;gap:12px}.bar-chart>div{display:grid;grid-template-columns:80px 1fr 25px;align-items:center;gap:7px;font-size:9px}.bar-chart i{height:9px;background:#edf2f7;border-radius:5px;overflow:hidden}.bar-chart i b{height:100%;display:block;border-radius:5px;background:linear-gradient(90deg,#086bd3,#0ab5b0)}
.donut-wrap{display:flex;align-items:center;justify-content:center;gap:28px;min-height:190px}.donut{--value:60;width:135px;height:135px;border-radius:50%;background:conic-gradient(#0870d8 calc(var(--value)*1%),#0eb6ae 0 78%,#f59a34 0 90%,#e9eef5 0);display:grid;place-content:center;position:relative}.donut:after{content:"";position:absolute;inset:22px;border-radius:50%;background:#fff}.donut b,.donut small{position:relative;z-index:1;text-align:center}.donut b{font-size:20px}.donut small{font-size:8px}.status-donut{background:conic-gradient(#0ab497 calc(var(--value)*1%),#0874da 0 82%,#f59a34 0 93%,#ee5f68 0)}
.chart-legend{list-style:none;padding:0;margin:0;display:grid;gap:10px;font-size:9px;min-width:125px}.chart-legend li{display:grid;grid-template-columns:10px 1fr auto;align-items:center;gap:6px}.chart-legend i{width:8px;height:8px;border-radius:50%;background:#0870d8}.chart-legend .c1{background:#0eb6ae}.chart-legend .c2{background:#f59a34}.chart-legend .c3{background:#e95e67}.chart-legend .c4{background:#7348d3}
.card-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.card-head h3{margin:0}.card-head a{font-size:9px;color:#0869c9;text-decoration:none}.table-action,.table-actions a{display:inline-grid;place-items:center;width:27px;height:27px;border-radius:5px;background:#eef5ff;color:#086bd3;text-decoration:none}.table-actions{white-space:nowrap}.table-actions a{margin:0 2px}.data-card{padding:0;overflow:auto}.data-card table small{display:block;color:#70859c;margin-top:3px}.filter-bar{display:grid;grid-template-columns:minmax(300px,1fr) 160px 160px auto auto;gap:8px;align-items:end}.filter-bar input,.filter-bar select{height:37px}
.form-steps{display:grid;grid-template-columns:repeat(6,1fr);position:relative;margin:6px 25px 17px}.form-steps:before{content:"";position:absolute;right:8%;left:8%;top:14px;height:1px;background:#cbd8e5}.form-steps div{position:relative;display:flex;flex-direction:column;align-items:center;gap:5px;color:#526d89;font-size:9px}.form-steps b{width:29px;height:29px;border-radius:50%;background:#fff;border:1px solid #bfcddd;display:grid;place-items:center;z-index:1}.form-steps .active{color:#00a699;font-weight:700}.form-steps .active b{background:#08aaa3;color:#fff;border-color:#08aaa3}.survey-heading{margin-top:0}
.status-completed,.status-ready{background:#e6f7f1;color:#087f69}.status-draft{background:#edf1f5;color:#53677d}.status-conditional{background:#fff2df;color:#c66a09}.status-blocked{background:#ffeaec;color:#ca3442}
@media(min-width:801px){.survey-heading+.form-steps+form>.card{box-shadow:0 2px 7px rgba(7,52,102,.055)}.survey-heading+.form-steps+form>.card>.section-title{border-bottom:1px solid #e7edf4;padding-bottom:9px}}
@media(max-width:1100px){.analytics-grid{grid-template-columns:1fr 1fr}.chart-card:first-child{grid-column:span 2}.filter-bar{grid-template-columns:1fr 1fr 1fr}.filter-bar input{grid-column:span 3}}
@media(max-width:800px){.page-heading{align-items:flex-start}.analytics-grid{grid-template-columns:1fr}.chart-card:first-child{grid-column:span 1}.executive-stats .stat{padding-right:55px}.stat-icon{right:10px;top:18px;width:34px;height:34px;font-size:18px}.filter-bar{grid-template-columns:1fr}.filter-bar input{grid-column:auto}.form-steps{grid-template-columns:repeat(3,1fr);row-gap:12px}.form-steps:before{display:none}.donut-wrap{gap:15px}}
.clients-layout{display:grid;grid-template-columns:minmax(0,2fr) minmax(240px,.8fr);gap:12px}.client-summary article{display:grid;grid-template-columns:34px 1fr auto;gap:8px;align-items:center;padding:10px 0;border-bottom:1px solid #e8eef4}.client-summary article small{display:block;font-size:8px;color:#71869b}.client-summary article a{font-size:8px;color:#0870d3;text-decoration:none}.client-logo{width:32px;height:32px;border-radius:8px;background:#eaf3ff;color:#0867c9;display:grid;place-items:center;font-weight:800}dialog{border:0;border-radius:12px;padding:0;width:min(480px,92vw);box-shadow:0 18px 60px #052c5f44}dialog::backdrop{background:#062c5f88}.dialog-card{padding:20px;display:grid;gap:10px}
@media(max-width:1000px){.clients-layout{grid-template-columns:1fr}.client-summary{display:none}}

/* User identity and formal project closure */
.avatar-img{object-fit:cover;border:2px solid rgba(255,255,255,.7)}.top-profile{margin-right:12px;display:grid;grid-template-columns:34px auto;grid-template-rows:1fr 1fr;column-gap:8px;color:#fff;text-decoration:none;align-items:center;border-right:1px solid #ffffff2b;padding-right:14px;min-width:150px}.top-profile img,.top-profile i{grid-row:1/3;width:34px;height:34px;border-radius:50%;object-fit:cover;background:#fff;color:#073466;display:grid;place-items:center;font-style:normal;font-weight:800}.top-profile strong{font-size:10px;align-self:end}.top-profile small{font-size:8px;color:#c9d9ec;align-self:start}.profile-layout{display:grid;grid-template-columns:280px 1fr;gap:14px}.profile-preview{text-align:center}.profile-preview img,.profile-placeholder{width:130px;height:130px;border-radius:50%;object-fit:cover;margin:10px auto;border:5px solid #e9f2fb}.profile-placeholder{display:grid;place-items:center;background:#0869c9;color:#fff;font-size:42px}.profile-preview h2{margin-bottom:4px}.profile-preview p{color:#71859b}
.closure-callout{display:flex;align-items:center;justify-content:space-between;gap:15px;background:linear-gradient(90deg,#e9f8f6,#f8fbfe);border:1px solid #bfe8e1;border-radius:9px;padding:11px 14px;margin:0 0 12px}.closure-callout div{display:flex;flex-direction:column}.closure-callout b{font-size:12px;color:#087f72}.closure-callout span{font-size:9px;color:#627b91}.closure-callout.is-closed{background:#eaf8f1}
.closure-kpis{display:grid;grid-template-columns:repeat(5,1fr);background:#fff;border:1px solid #dfe8f1;border-radius:9px;margin-bottom:12px;padding:12px}.closure-kpis>div{text-align:center;border-left:1px solid #e2e9f1;display:grid;gap:5px;place-items:center}.closure-kpis>div:last-child{border-left:0}.closure-kpis small{font-size:8px;color:#607891}.closure-kpis b{font-size:13px;color:#073b7a}.closure-kpis i{display:block;width:80%;height:5px;background:#e4edf3;border-radius:5px}.closure-kpis i span{display:block;width:100%;height:100%;background:#0daf9e;border-radius:5px}
.closure-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.detail-list{display:grid;grid-template-columns:145px 1fr;margin:0}.detail-list dt,.detail-list dd{padding:8px;border-bottom:1px solid #e7edf3;margin:0}.detail-list dt{font-size:9px;color:#647c94}.detail-list dd{font-size:10px;font-weight:700}.final-checks{display:grid;grid-template-columns:1fr 1fr;gap:8px}.final-checks label{background:#f7fbfd;padding:9px;border-radius:6px}.final-checks input{width:auto;min-height:0;accent-color:#09aa98}.closure-actions{position:sticky;bottom:0;z-index:20;background:#fff;border:1px solid #dce5ee;padding:10px 15px;display:grid;grid-template-columns:1fr 1fr 1.4fr;gap:35px;box-shadow:0 -5px 20px #062c5f14}.closure-success{text-align:center;padding:28px}.success-check{width:58px;height:58px;border-radius:50%;background:#0bad98;color:#fff;display:grid;place-items:center;font-size:30px;margin:auto}.closure-success h2{color:#087b70}.final-signature{text-align:center}.final-signature img{width:100%;height:170px;object-fit:contain}.final-signature p{font-weight:700}
.report-toolbar{display:flex;gap:8px;margin-bottom:12px}.closure-document{width:210mm;min-height:277mm;margin:0 auto 20px;background:#fff;padding:14mm 15mm;box-shadow:0 4px 20px #052c5f1c;color:#172f4d}.closure-document>header{display:grid;grid-template-columns:70px 1fr 160px;align-items:center;border-bottom:3px solid #073c75;padding-bottom:12px}.closure-document>header img{max-width:60px;max-height:55px}.doc-logo{width:55px;height:55px;border-radius:12px;background:#073c75;color:#fff;display:grid;place-items:center;font-weight:900;font-size:20px}.closure-document>header h1{font-size:18px;margin:0}.closure-document>header p{font-size:8px;margin:2px 0}.doc-number{display:grid;gap:3px;text-align:left}.doc-number small{font-size:7px;color:#71859a}.doc-number b{font-size:10px}.doc-title{text-align:center;margin:22px 0;border:1px solid #9fb4c9;padding:11px}.doc-title h2{margin:0;color:#073c75}.doc-title p{margin:3px 0 0;font-size:8px;letter-spacing:1px}.closure-document section{margin:18px 0}.closure-document section h3{background:#eef5fb;color:#073c75;padding:8px;border-right:4px solid #0cad9f}.document-fields{display:grid;grid-template-columns:1fr 1fr;gap:0;border:1px solid #d7e1ea}.document-fields>div{padding:9px;border-bottom:1px solid #dfe6ed}.document-fields>div:nth-child(odd){border-left:1px solid #dfe6ed}.document-fields small{display:block;color:#6c8195;font-size:8px}.document-fields b{font-size:10px}.legal-text{font-size:10px;line-height:2;text-align:justify}.notes-box{border:1px solid #d7e1ea;padding:10px;margin-top:10px;min-height:65px}.notes-box small{color:#6c8195}.signed-block{display:grid;grid-template-columns:1fr 1fr;gap:30px;border:1px solid #d7e1ea;padding:15px}.signed-block>div{text-align:center}.signed-block img{height:110px;max-width:100%;object-fit:contain}.signed-block b,.signed-block small{display:block}.signed-block dl{display:grid;grid-template-columns:1fr 1fr;font-size:8px}.signed-block dt,.signed-block dd{padding:7px;border-bottom:1px solid #e2e8ef;margin:0}.closure-document>footer{display:flex;justify-content:space-between;border-top:1px solid #aebdcb;padding-top:8px;margin-top:25px;font-size:7px}.certificate-title{margin-top:35px}.certificate-seal{width:95px;height:95px;border:4px double #0bad98;border-radius:50%;display:grid;place-items:center;color:#0bad98;font-size:55px;margin:28px auto}.certificate-text{text-align:center;font-size:13px;line-height:2}.project-certificate-name{text-align:center;font-size:25px;color:#073c75;border-bottom:1px solid #0bad98;padding-bottom:12px;margin:20px}.certificate-data{display:grid;grid-template-columns:1fr 1fr;border:1px solid #d7e1ea;margin-top:30px}.certificate-data div{padding:14px;text-align:center;border-bottom:1px solid #d7e1ea}.certificate-data small,.certificate-data b{display:block}.certificate-data small{font-size:8px;color:#71859a}.certificate-signatures{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:65px}.certificate-signatures>div{border-top:1px solid #28445e;text-align:center;padding-top:8px}.certificate-signatures span,.certificate-signatures b{display:block;font-size:9px}.certificate-signatures img{height:65px;max-width:100%;object-fit:contain;margin-top:-65px}.digital-sign{position:relative}
@media(max-width:900px){.top-profile strong,.top-profile small{display:none}.top-profile{min-width:40px;grid-template-columns:34px;padding-right:7px}.profile-layout,.closure-grid{grid-template-columns:1fr}.closure-kpis{grid-template-columns:1fr 1fr}.closure-kpis>div{border:0;border-bottom:1px solid #e2e9f1;padding:7px}.final-checks{grid-template-columns:1fr}.closure-actions{grid-template-columns:1fr;gap:7px}.closure-document{width:100%;min-height:0;padding:15px}.signed-block{grid-template-columns:1fr}.certificate-signatures{gap:8px}}
@media print{.report-toolbar,.closure-callout{display:none!important}.closure-document{box-shadow:none;width:100%;min-height:0;margin:0;padding:0}.closure-document>header{margin-top:0}.closure-document section{break-inside:avoid}.certificate-title{margin-top:20px}}

/* Universal electronic approvals */
.signature-layout{display:grid;grid-template-columns:minmax(0,2fr) minmax(260px,.75fr);gap:14px}.signature-controls{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;margin-top:10px}.signature-controls span{font-size:9px;color:#168374}.signature-info ul{padding-right:18px;font-size:9px;line-height:2;color:#5c738a}.signed-chip{display:block;padding:8px;margin:6px 0;border-radius:6px;background:#e9f7f3;color:#087d6c;text-decoration:none;font-size:9px}
.signature-certificate{width:210mm;min-height:277mm;margin:0 auto 20px;background:#fff;padding:15mm;box-shadow:0 4px 20px #052c5f1c}.signature-certificate>header{display:grid;grid-template-columns:65px 1fr 170px;align-items:center;border-bottom:3px solid #073c75;padding-bottom:12px}.signature-certificate header h1{font-size:17px;margin:0}.signature-certificate header p,.signature-certificate header small{font-size:8px}.signature-certificate header>div:last-child{text-align:left;display:grid}.esign-seal{width:80px;height:80px;border:4px double #0ca895;color:#0ca895;border-radius:50%;display:grid;place-items:center;font-size:46px;margin:25px auto 10px}.signature-certificate>h2{text-align:center;color:#073c75}.esign-statement{margin:22px 0;border:1px solid #d8e2eb;padding:13px}.esign-statement h3{color:#073c75}.esign-statement p{font-size:10px;line-height:2}.esign-proof{display:grid;grid-template-columns:1fr 1.4fr;gap:25px;border:1px solid #d8e2eb;padding:15px;margin-top:20px}.esign-proof>div:first-child{text-align:center}.esign-proof img{width:100%;height:110px;object-fit:contain}.esign-proof b,.esign-proof small{display:block}.esign-proof code{font-size:8px;word-break:break-all;background:#f2f5f8;padding:8px;display:block;margin:8px 0}.esign-proof p{font-size:8px;color:#687e93}.signature-certificate>footer{display:flex;justify-content:space-between;border-top:1px solid #aebdcb;padding-top:8px;margin-top:30px;font-size:7px}
@media(max-width:900px){.signature-layout{grid-template-columns:1fr}.signature-controls{grid-template-columns:1fr}.signature-certificate{width:100%;min-height:0;padding:15px}.esign-proof{grid-template-columns:1fr}}
@media print{.signature-certificate{box-shadow:none;width:100%;min-height:0;margin:0;padding:0}.signature-certificate section{break-inside:avoid}}
.expense-item{display:grid;grid-template-columns:1.5fr .6fr .6fr .8fr 1fr .8fr;gap:6px;margin-bottom:6px}.expense-item input,.expense-item select{min-width:0}
@media(max-width:800px){.expense-item{grid-template-columns:1fr 1fr}.expense-item>*{min-width:0}}

/* Expenses UI reference redesign - presentation only */
:root{--primary:#1464E8;--primary-dark:#063A75;--sidebar:#062C57;--sidebar-dark:#031E3D;--success:#16A36A;--warning:#F59E0B;--danger:#E5484D;--info:#3B82F6;--purple:#7C3AED;--background:#F4F7FB;--surface:#FFFFFF;--border:#E3EAF3;--text:#102A43;--muted:#6B7C93}
.expenses-module{background:var(--background);color:var(--text)}.expenses-module .sidebar{width:260px;background:linear-gradient(180deg,var(--sidebar-dark),var(--sidebar));box-shadow:none}.expenses-module .app-shell{margin-right:260px}.expenses-module .mobile-top{height:68px;background:#fff;color:var(--text);border-bottom:1px solid var(--border);box-shadow:0 1px 5px #062c5710}.expenses-module .mobile-top button{color:var(--text)}.expenses-module .mobile-top span{color:var(--muted)}.expenses-module .top-profile{color:var(--text);border-color:var(--border)}.expenses-module .top-profile small{color:var(--muted)}.expenses-module .container{padding:16px 20px 35px}.expenses-module .page-heading{background:transparent;margin-bottom:12px}.expenses-module .page-heading h1{font-size:19px}.expenses-module .card{border:1px solid var(--border);border-radius:10px;box-shadow:0 3px 12px rgba(14,52,89,.045)}
.expenses-module .executive-stats{grid-template-columns:repeat(4,1fr);gap:12px}.expenses-module .executive-stats .stat{min-height:103px;padding:16px 70px 13px 15px;border-radius:9px;overflow:hidden;transition:.2s}.expenses-module .executive-stats .stat:hover{transform:translateY(-2px);box-shadow:0 7px 20px #0d3d7020}.expenses-module .executive-stats .stat:nth-child(1){background:linear-gradient(135deg,#fff8ed,#fff)}.expenses-module .executive-stats .stat:nth-child(2){background:linear-gradient(135deg,#eff6ff,#fff)}.expenses-module .executive-stats .stat:nth-child(3){background:linear-gradient(135deg,#edfbf4,#fff)}.expenses-module .executive-stats .stat:nth-child(4){background:linear-gradient(135deg,#f7f1ff,#fff)}.expenses-module .executive-stats .stat b{font-size:22px}.expenses-module .executive-stats .stat b:after{content:" ر.س";font-size:8px;font-weight:500;margin-right:4px;color:var(--muted)}
.expense-visual-grid{display:grid;grid-template-columns:1.35fr 1fr 1fr;gap:12px;margin:12px 0}.expense-visual-grid>.card{margin:0;min-height:255px}.expense-visual-grid .card-head span,.expense-visual-grid .card-head a{font-size:8px;color:var(--primary);text-decoration:none}.expense-bars{display:grid;gap:14px;padding:8px}.expense-bars>div{display:grid;grid-template-columns:90px 1fr 55px;gap:8px;align-items:center;font-size:9px}.expense-bars i{height:9px;background:#edf2f7;border-radius:10px;overflow:hidden}.expense-bars i b{height:100%;display:block;background:var(--bar);border-radius:10px}.expense-bars strong{text-align:left}.expense-donut-card{display:grid;grid-template-columns:1.2fr 1fr;align-items:center}.expense-donut-card .card-head{grid-column:1/3}.expense-ring{--paid:0;width:138px;height:138px;border-radius:50%;background:conic-gradient(var(--success) calc(var(--paid)*1%),#e7edf4 0);display:grid;place-items:center;margin:auto;position:relative}.expense-ring:after{content:"";position:absolute;inset:22px;border-radius:50%;background:#fff}.expense-ring>div{z-index:1;text-align:center}.expense-ring b,.expense-ring small{display:block}.expense-ring b{font-size:16px}.expense-ring small{font-size:8px;color:var(--muted)}.expense-donut-card ul{list-style:none;padding:0;margin:0;display:grid;gap:14px;font-size:8px}.expense-donut-card li{display:grid;grid-template-columns:9px 1fr auto;gap:5px}.expense-donut-card li i{width:8px;height:8px;border-radius:50%}.expense-donut-card li i.green{background:var(--success)}.expense-donut-card li i.red{background:var(--danger)}
.latest-expenses>a{display:grid;grid-template-columns:1fr auto 70px;gap:8px;align-items:center;text-decoration:none;color:var(--text);border-bottom:1px solid var(--border);padding:11px 4px}.latest-expenses>a div{display:grid}.latest-expenses>a small{font-size:7px;color:var(--muted)}.latest-expenses>a strong{font-size:10px}.latest-expenses>a>span{font-size:7px;padding:4px;border-radius:5px;text-align:center;background:color-mix(in srgb,var(--state) 12%,white);color:var(--state)}
.expense-table-card{overflow:visible!important;padding:0!important;scroll-margin-top:20px}.expense-table-toolbar{display:grid;grid-template-columns:1fr minmax(260px,.8fr) 150px;gap:10px;align-items:center;padding:14px;border-bottom:1px solid var(--border)}.expense-table-toolbar h3{margin:0}.expense-table-toolbar small{font-size:8px;color:var(--muted)}.expense-search{position:relative}.expense-search span{position:absolute;right:10px;top:7px}.expense-search input{padding-right:30px}.expense-table-card>table{display:block;overflow:auto;max-height:430px}.expense-table-card thead{position:sticky;top:0;z-index:2}.expense-table-card tbody tr{transition:.15s}.expense-table-card tbody tr:hover{background:#f7faff}.expense-table-card td:nth-child(n+5):nth-child(-n+8){font-variant-numeric:tabular-nums;text-align:center}.expense-table-card td:nth-child(7){color:var(--primary)}.expense-table-card td:nth-child(8){color:var(--danger)}.expense-table-card .badge{background:#eef3f8;color:#52677e}
.expense-table-card .expense-status-approved,.expense-table-card .expense-status-paid{background:#e8f8f0;color:#118054}.expense-table-card .expense-status-submitted{background:#eaf3ff;color:#1464e8}.expense-table-card .expense-status-partially_approved{background:#edf6ff;color:#3280d7}.expense-table-card .expense-status-needs_changes,.expense-table-card .expense-status-pending_payment{background:#fff4df;color:#c87508}.expense-table-card .expense-status-partially_paid{background:#f3ecff;color:#7040c8}.expense-table-card .expense-status-rejected{background:#ffebed;color:#c93c44}.expense-table-card .expense-status-closed{background:#e8eef5;color:#173b63}
.expense-quick-actions{display:grid;grid-template-columns:repeat(6,1fr);gap:10px;margin-top:14px}.expense-quick-actions button,.expense-quick-actions a{min-height:125px;border:1px solid var(--border);border-radius:9px;background:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;color:var(--text);text-decoration:none;cursor:pointer;font:inherit}.expense-quick-actions button:hover,.expense-quick-actions a:hover{box-shadow:0 8px 22px #0c43731a;transform:translateY(-2px)}.expense-quick-actions i{font-style:normal;font-size:31px}.expense-quick-actions i.blue{color:var(--primary)}.expense-quick-actions i.orange{color:var(--warning)}.expense-quick-actions i.cyan{color:#0891b2}.expense-quick-actions i.navy{color:var(--primary-dark)}.expense-quick-actions i.purple{color:var(--purple)}.expense-quick-actions i.green{color:var(--success)}.expense-quick-actions b{font-size:10px}
.expenses-module dialog{width:min(920px,94vw);max-height:92vh;overflow:auto;border-radius:12px}.expenses-module .dialog-card{padding:22px;gap:11px}.expenses-module .dialog-card>.card-head{position:sticky;top:-22px;background:#fff;padding:12px 0;z-index:3;border-bottom:1px solid var(--border)}.expenses-module .dialog-card label{font-size:10px}.receipt-field>input{position:absolute;width:1px;height:1px;opacity:0}.receipt-upload-zone{border:2px dashed #aac5e6;border-radius:8px;padding:16px;text-align:center;display:grid;place-items:center;gap:5px;background:#f7fbff;cursor:pointer}.receipt-upload-zone>i{font-style:normal;font-size:27px}.receipt-upload-zone>small{font-size:7px;color:var(--muted)}.receipt-previews{display:flex;gap:6px;margin-top:8px}.receipt-previews img,.receipt-previews span{width:58px;height:58px;border-radius:6px;object-fit:cover;border:1px solid var(--border);display:grid;place-items:center}.expense-item{padding:8px;border:1px solid var(--border);border-radius:7px;background:#fbfdff}
.expense-detail-head{display:grid;grid-template-columns:1fr 180px;align-items:center;background:#fff;border:1px solid var(--border);border-radius:10px;padding:17px;margin-bottom:12px}.expense-detail-head h2{margin:6px 0 3px}.expense-detail-head p{font-size:9px;color:var(--muted)}.expense-detail-head>div:last-child{text-align:center;border-right:1px solid var(--border)}.expense-detail-head small,.expense-detail-head b{display:block}.expense-amounts{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:12px}.expense-amounts>div{background:#fff;border:1px solid var(--border);border-radius:9px;padding:15px}.expense-amounts small,.expense-amounts b{display:block}.expense-amounts small{font-size:8px;color:var(--muted)}.expense-amounts b{font-size:19px;margin-top:8px}.expense-amounts em{font-size:8px;font-style:normal}.expense-amounts .approved{border-top:3px solid var(--success)}.expense-amounts .approved b{color:var(--success)}.expense-amounts .paid{border-top:3px solid var(--primary)}.expense-amounts .paid b{color:var(--primary)}.expense-amounts .remaining{border-top:3px solid var(--danger)}.expense-amounts .remaining b{color:var(--danger)}.expense-amounts .total{border-top:3px solid var(--warning)}.expense-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.expense-gallery{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.expense-gallery a{border:1px solid var(--border);border-radius:8px;overflow:hidden;text-decoration:none;color:var(--text)}.expense-gallery img,.pdf-thumb{width:100%;height:125px;object-fit:cover}.pdf-thumb{display:grid;place-items:center;background:#f1f5f9;color:var(--danger);font-size:22px;font-weight:800}.expense-gallery span{font-size:7px;padding:7px;display:block}.status-timeline>div{position:relative;padding:0 20px 18px 0;border-right:2px solid #dbe5ef}.status-timeline i{position:absolute;right:-6px;width:10px;height:10px;border-radius:50%;background:var(--primary)}.status-timeline b,.status-timeline small{display:block}.status-timeline small{font-size:7px;color:var(--muted)}
.statement-filter{display:grid;grid-template-columns:1fr 180px 180px auto;align-items:end;gap:10px}.statement-profile{display:grid;grid-template-columns:55px 1fr auto;align-items:center}.statement-profile .client-logo{width:48px;height:48px;border-radius:50%}.statement-profile h2{margin:0}.statement-profile p{font-size:8px;color:var(--muted)}
@media(max-width:1199px){.expenses-module .sidebar{width:220px}.expenses-module .app-shell{margin-right:220px}.expense-visual-grid{grid-template-columns:1fr 1fr}.latest-expenses{grid-column:1/3}.expense-quick-actions{grid-template-columns:repeat(3,1fr)}}
@media(max-width:800px){.expenses-module{font-size:14px}.expenses-module .sidebar{width:260px}.expenses-module .app-shell{margin-right:0}.expenses-module .executive-stats{grid-template-columns:1fr 1fr}.expenses-module .executive-stats .stat{padding:13px 52px 10px 8px;min-height:88px}.expense-visual-grid{grid-template-columns:1fr}.latest-expenses{grid-column:auto}.expense-table-toolbar{grid-template-columns:1fr}.expense-table-card table{min-width:900px}.expense-quick-actions{grid-template-columns:1fr 1fr}.expense-quick-actions button,.expense-quick-actions a{min-height:100px}.expense-detail-head{grid-template-columns:1fr}.expense-detail-head>div:last-child{border:0;border-top:1px solid var(--border);padding-top:8px}.expense-amounts{grid-template-columns:1fr 1fr}.expense-detail-grid{grid-template-columns:1fr}.expense-gallery{grid-template-columns:1fr 1fr}.statement-filter{grid-template-columns:1fr}.expense-donut-card{grid-template-columns:1fr 1fr}.expenses-module dialog{width:96vw}.expenses-module input,.expenses-module select,.expenses-module textarea{font-size:14px;min-height:44px}.expenses-module label,.expenses-module .btn{font-size:14px}.expenses-module .btn,.expenses-module button{min-height:44px}}
@media(max-width:450px){.expenses-module .executive-stats{grid-template-columns:1fr}.expense-amounts{grid-template-columns:1fr}.expense-quick-actions{grid-template-columns:1fr 1fr}.expense-bars>div{grid-template-columns:75px 1fr 45px}}
@media print{.expense-quick-actions,.expense-table-toolbar{display:none!important}.expenses-module .mobile-top{display:none!important}.expenses-module .app-shell{margin:0}.expense-visual-grid{grid-template-columns:1fr 1fr}.latest-expenses{display:none}.expense-table-card table{max-height:none}}
/* Navigation shell v2 */
:root{--nav-width:286px;--nav-mini:76px;--nav-bg:#062b52;--nav-bg-2:#031f3d;--nav-accent:#08a7a5;--nav-line:rgba(255,255,255,.1)}
.nav-v2{width:var(--nav-width);background:linear-gradient(180deg,var(--nav-bg),var(--nav-bg-2));display:flex;flex-direction:column;overflow:hidden}
.nav-v2 .sidebar-head{flex:0 0 auto;padding:14px 13px;border-bottom:1px solid var(--nav-line)}
.nav-v2 .brand-mark{overflow:hidden}.nav-v2 .brand-mark img{width:100%;height:100%;object-fit:contain}
.nav-tools{display:flex;gap:7px;padding:10px 12px;border-bottom:1px solid var(--nav-line)}
.nav-search{display:flex;align-items:center;gap:8px;flex:1;background:rgba(255,255,255,.09);border:1px solid var(--nav-line);border-radius:9px;padding:0 10px;color:#fff}
.nav-search input{min-width:0;width:100%;height:34px;border:0!important;background:transparent!important;color:#fff!important;padding:0!important;box-shadow:none!important;font-size:12px}
.nav-search input::placeholder{color:#b7cbe0}.nav-pin{width:36px;border:1px solid var(--nav-line);border-radius:9px;background:transparent;color:#fff;cursor:pointer}
.nav-v2 .side-nav{flex:1;overflow-y:auto;overflow-x:hidden;padding:8px;scrollbar-width:thin;scrollbar-color:#2f628c transparent}
.nav-group{margin:2px 0}.nav-group-toggle{width:100%;display:flex;align-items:center;gap:10px;min-height:42px;padding:8px 10px;border:0;border-radius:9px;background:transparent;color:#eaf4ff;font-family:inherit;font-weight:700;cursor:pointer;text-align:right}
.nav-group-toggle:hover,.nav-group.open>.nav-group-toggle{background:rgba(255,255,255,.08)}
.nav-group-toggle>b{font-size:11px;margin-inline-start:auto;transition:.2s}.nav-group.open>.nav-group-toggle>b{transform:rotate(180deg)}
.nav-group-items{display:none;padding:2px 14px 5px 0}.nav-group.open>.nav-group-items{display:block}
.nav-group-items>a{position:relative;display:flex!important;align-items:center;gap:9px;min-height:36px;margin:2px 0;padding:7px 9px!important;border-radius:8px!important;color:#c9dbed!important;font-size:12px!important;border-right:2px solid transparent}
.nav-group-items>a:hover{background:rgba(255,255,255,.07)!important;color:#fff!important}.nav-group-items>a.active{background:linear-gradient(90deg,#0876cc,#08a7a5)!important;color:#fff!important;border-right-color:#fff}
.nav-icon{flex:0 0 22px;text-align:center;font-style:normal}.nav-label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.nav-badge{min-width:20px;height:20px;padding:0 5px;border-radius:10px;background:#ef4444;color:#fff;font:700 10px/20px Arial;text-align:center;margin-inline-start:auto}
.dev-tag{font-style:normal;font-size:8px;background:#f59e0b;color:#fff;border-radius:8px;padding:2px 5px;margin-inline-start:auto;white-space:nowrap}
.favorite-toggle{display:none;border:0;background:none;color:#7d9ab7;margin-inline-start:auto;padding:2px;cursor:pointer}.nav-group-items>a:hover .favorite-toggle,.favorite-toggle.on{display:block}.favorite-toggle.on{color:#ffd45b}
.nav-empty{padding:25px 10px;text-align:center;color:#b7cbe0;font-size:12px}.nav-quick{border-bottom:1px solid var(--nav-line);padding-bottom:5px;margin-bottom:6px}
.app-topbar{position:sticky;top:0;z-index:40;height:70px;background:#fff;border-bottom:1px solid #e2e8f0;display:flex;align-items:center;gap:16px;padding:0 24px;box-shadow:0 2px 10px rgba(15,43,76,.05)}
.top-icon{display:none;border:0;background:#edf4fb;color:#073466;border-radius:8px;width:40px;height:40px}.top-title{display:flex;flex-direction:column;min-width:190px}.top-title b{color:#092d58;font-size:16px}.top-title small{color:#7890a8}
.global-search{display:flex;align-items:center;gap:8px;max-width:430px;flex:1;margin:auto;background:#f4f7fb;border:1px solid #dce5ef;border-radius:10px;padding:0 12px}.global-search input{border:0!important;background:transparent!important;box-shadow:none!important;height:38px!important}
.top-actions{display:flex;align-items:center;gap:9px}.top-action{position:relative;display:grid;place-items:center;width:38px;height:38px;border:1px solid #dce5ef;border-radius:9px;text-decoration:none;color:#0a4784}.top-action i{position:absolute;top:-7px;left:-7px;background:#ef4444;color:#fff;border-radius:10px;min-width:18px;height:18px;font:700 9px/18px Arial;text-align:center}
.connection-state{color:#10b981;font-size:14px}.connection-state.offline{color:#f59e0b}.app-topbar .top-profile{display:grid;grid-template-columns:38px auto;grid-template-rows:auto auto;column-gap:8px;align-items:center;text-decoration:none;color:#0a315e}.app-topbar .top-profile img,.app-topbar .top-profile>i{grid-row:1/3;width:38px;height:38px;border-radius:50%;object-fit:cover;display:grid;place-items:center;background:#dcecff;font-style:normal}.app-topbar .top-profile small{font-size:10px;color:#7890a8}
.page-context{display:flex;justify-content:space-between;align-items:flex-end;margin:0 0 14px;padding:2px 2px 10px;border-bottom:1px solid #e7edf3}.breadcrumbs{display:flex;gap:8px;align-items:center;font-size:11px}.breadcrumbs a{text-decoration:none;color:#1871c9}.page-context p{margin:5px 0 0;color:#6d8298;font-size:12px}
.module-placeholder{text-align:center;padding:60px 30px!important}.module-placeholder>span{display:inline-block;background:#fff3d3;color:#9a6500;border-radius:15px;padding:5px 13px;font-size:11px}.module-placeholder h1{margin:15px 0 8px}.module-placeholder p{color:#64788e}
.icon-field{max-width:70px;text-align:center}
body.sidebar-collapsed .nav-v2{width:var(--nav-mini)}body.sidebar-collapsed .nav-v2 .brand-copy,body.sidebar-collapsed .nav-v2 .nav-search,body.sidebar-collapsed .nav-v2 .nav-label,body.sidebar-collapsed .nav-v2 .nav-group-toggle>b,body.sidebar-collapsed .nav-v2 .nav-badge,body.sidebar-collapsed .nav-v2 .dev-tag,body.sidebar-collapsed .nav-v2 .favorite-toggle,body.sidebar-collapsed .nav-v2 .user-copy,body.sidebar-collapsed .nav-v2 .sidebar-user>a{display:none!important}
body.sidebar-collapsed .nav-v2 .nav-group-items{display:none!important}body.sidebar-collapsed .nav-v2 .nav-group-toggle{justify-content:center}body.sidebar-collapsed .app-shell{margin-right:var(--nav-mini)}
body.sidebar-floating .nav-v2{box-shadow:-8px 0 25px rgba(0,0,0,.2)}body.sidebar-floating .app-shell{margin-right:0}
@media(max-width:900px){.app-topbar{height:58px;padding:0 12px}.top-icon{display:block}.global-search,.top-title small,.top-actions .top-profile strong,.top-actions .top-profile small{display:none}.top-title{min-width:0;flex:1}.app-topbar .top-profile{display:block}.nav-v2{width:286px!important}.page-context{padding-top:5px}.breadcrumbs{font-size:10px}}
@media(max-width:560px){.top-action{width:34px;height:34px}.top-actions{gap:4px}.page-context p{display:none}.page-context{margin-bottom:9px}}
@media(prefers-color-scheme:dark){body.theme-auto{--surface:#10233b}.theme-auto .app-topbar{background:#0c223a;border-color:#263e58}.theme-auto .top-title b{color:#fff}.theme-auto .global-search{background:#132b45;border-color:#2c4560}.theme-auto .page-context{border-color:#263e58}}
@media print{.sidebar,.app-topbar,.mobile-bottom,.sidebar-overlay,.page-context{display:none!important}.app-shell{margin:0!important}.container{padding:0!important}}

/* Layout correction, themes, internal communication */
@media(min-width:901px){
 body:not(.sidebar-collapsed):not(.sidebar-floating)>.app-shell{margin-right:var(--nav-width)!important;width:calc(100% - var(--nav-width))}
 body.sidebar-collapsed:not(.sidebar-floating)>.app-shell{margin-right:var(--nav-mini)!important;width:calc(100% - var(--nav-mini))}
 body.sidebar-floating>.app-shell{margin-right:0!important;width:100%}
 .expenses-module:not(.sidebar-collapsed):not(.sidebar-floating)>.app-shell{margin-right:var(--nav-width)!important;width:calc(100% - var(--nav-width))}
}
.app-shell{min-width:0;overflow-x:hidden}.container{width:100%;max-width:1480px}.app-topbar{background:#fff}.btn,.side-nav a.active{transition:background .2s,color .2s,transform .2s}.btn:hover{transform:translateY(-1px)}

/* Compact, readable navigation and data-control screens */
.nav-v2 .sidebar-tools{position:sticky;top:0;z-index:3;background:var(--nav-bg);padding:8px;border-bottom:1px solid rgba(255,255,255,.08)}
.nav-v2 .nav-group{border-bottom:1px solid rgba(255,255,255,.055);padding-bottom:2px}
.nav-v2 .nav-group-toggle{font-size:12px;letter-spacing:0;min-height:39px}
.nav-v2 .nav-group-items{padding-inline-start:7px;padding-inline-end:18px}
.nav-v2 .nav-group-items>a{min-height:33px;font-size:11.5px!important}
.nav-v2 .nav-group-items>a small{font-size:9px}
.data-tile{height:100%;border-top:3px solid var(--accent)}.data-tile h3{margin-top:0}.data-tile .actions{margin-top:14px}
.import-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;list-style:none;counter-reset:steps;padding:0}
.import-steps li{position:relative;padding:12px 42px 12px 10px;background:#f5f8fc;border:1px solid #e2e9f2;border-radius:9px}
.import-steps li:before{counter-increment:steps;content:counter(steps);position:absolute;right:10px;top:10px;width:24px;height:24px;border-radius:50%;display:grid;place-items:center;background:var(--accent);color:#fff;font-weight:800}
.table-wrap small{display:block;color:var(--muted);margin-top:4px}.empty-state{text-align:center;padding:45px}.sticky-actions{position:sticky;bottom:12px;z-index:4;background:#fff;padding:10px;border:1px solid #e4ebf3;border-radius:10px;box-shadow:0 6px 20px #09254b1a}
@media(max-width:900px){.import-steps{grid-template-columns:1fr}}
.work-card{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:10px;padding:11px 12px;margin:8px 0;border:1px solid #e2e9f2;border-radius:10px;background:#fff}.work-card>div{display:flex;flex-direction:column;gap:3px;min-width:0}.work-card small,.work-card span{color:var(--muted);font-size:10px}.work-card.priority-urgent{border-right:4px solid var(--danger)}.work-card.priority-high{border-right:4px solid var(--warning)}
.checklist-row{display:grid;grid-template-columns:minmax(190px,1fr) minmax(100px,220px) 60px auto;gap:12px;align-items:center;padding:12px 0;border-bottom:1px solid #e7edf5}.checklist-row>div:first-child{display:flex;flex-direction:column}.mini-progress{height:7px;background:#e8eef6;border-radius:9px;overflow:hidden}.mini-progress span{display:block;height:100%;background:var(--accent)}.required-mark{display:inline-block;color:var(--danger);margin-inline-start:8px}.check-table select{min-width:115px}
.report-sheet h3{color:var(--brand);border-bottom:1px solid #e3eaf3;padding-bottom:7px}.photo-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.photo-grid figure{margin:0;border:1px solid #e3eaf3;border-radius:8px;overflow:hidden}.photo-grid img{width:100%;height:160px;object-fit:cover}.photo-grid figcaption{padding:7px;font-size:10px;color:var(--muted)}
@media(max-width:800px){.work-card{grid-template-columns:1fr auto}.work-card>a{grid-column:1/3}.checklist-row{grid-template-columns:1fr auto}.checklist-row .mini-progress{grid-column:1/3}.photo-grid{grid-template-columns:1fr 1fr}.check-table{min-width:760px}}
.review-pop{width:310px;padding:10px}.review-pop textarea{min-height:85px}.severity{display:inline-flex;padding:4px 9px;border-radius:20px;font-size:10px;font-weight:800}.severity.low{background:#e7f7ef;color:#118252}.severity.medium{background:#fff5d9;color:#a66600}.severity.high{background:#ffe9d8;color:#c35400}.severity.critical{background:#ffe1e4;color:#c92536}.issue-critical{background:#fff7f7}
.asset-line{display:grid;grid-template-columns:110px 1fr auto;gap:10px;padding:9px 0;border-bottom:1px solid #e7edf4}.asset-line em{font-style:normal;color:var(--success)}
.schedule-board{display:grid;grid-template-columns:repeat(7,minmax(160px,1fr));gap:8px;overflow:auto;padding-bottom:10px}.schedule-day{min-height:420px;background:#f5f8fc;border:1px solid #dfe7f1;border-radius:11px;padding:8px}.schedule-day.today{border:2px solid var(--accent);background:#f1fffd}.schedule-day>header{display:flex;justify-content:space-between;border-bottom:1px solid #dfe7f1;padding:5px 3px 9px;margin-bottom:8px}.schedule-day>header span{font-size:9px;color:var(--muted)}.schedule-item{display:flex;flex-direction:column;gap:3px;background:#fff;border-right:3px solid var(--primary);box-shadow:0 2px 8px #09254b0d;border-radius:8px;padding:8px;margin:6px 0}.schedule-item time{font-size:9px;color:var(--primary);font-weight:800}.schedule-item small{font-size:9px;color:var(--muted)}.schedule-item.type-installation{border-color:var(--success)}.schedule-item.type-maintenance{border-color:var(--warning)}.schedule-item.type-testing{border-color:var(--purple)}.day-add{width:100%;height:34px;border:1px dashed #9db1c8;background:transparent;color:var(--primary);border-radius:8px;cursor:pointer}
@media(max-width:1000px){.schedule-board{grid-template-columns:repeat(7,190px)}}

/* Simple mode: keep everyday work visible and move advanced modules out of the way */
body.simple-nav .side-nav>.nav-group:not([data-group="favorites"]):not([data-group="recent"]):not([data-group="home"]):not([data-group="project_center"]):not([data-group="field_execution"]):not([data-group="supply"]):not([data-group="communication"]){display:none}
body.simple-nav #simpleNavToggle{background:var(--accent);border-color:var(--accent);color:#fff}
.nav-tools{display:flex;gap:6px}.nav-tools .nav-pin{flex:0 0 34px}.nav-v2 .side-nav{padding-top:5px}

/* Unified desktop surface */
body{background:linear-gradient(180deg,#f7f9fc,#f2f6fb);color:var(--text)}.container{max-width:1540px;padding:16px 20px 35px}.card,.ops-panel{border:1px solid #e2e9f2;box-shadow:0 3px 13px rgba(9,37,75,.045);border-radius:11px}input,select,textarea{border-color:#dbe4ef!important;background:#fff}input:focus,select:focus,textarea:focus{border-color:var(--accent)!important;box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 13%,transparent)!important}.btn{border-radius:8px;font-weight:750}.table-wrap table thead th,.data-card table thead th{position:sticky;top:0;background:#f5f8fc;z-index:1}.table-wrap tbody tr:hover,.data-card tbody tr:hover{background:#f7fbff}
.ops-hero{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px 24px;margin-bottom:13px;border-radius:14px;background:linear-gradient(120deg,var(--brand),#0a568e 66%,var(--accent));color:#fff;overflow:hidden;position:relative}.ops-hero:after{content:"";position:absolute;left:-50px;bottom:-90px;width:240px;height:240px;border:35px solid rgba(255,255,255,.07);border-radius:50%}.ops-hero h1{font-size:23px;margin:3px 0}.ops-hero p{margin:0;color:#dcecff}.ops-hero small{color:#a8d3ed}.ops-hero-actions{display:flex;gap:7px;position:relative;z-index:1}
.ops-kpis{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin-bottom:12px}.ops-kpis>a{display:flex;align-items:center;gap:12px;padding:14px;background:#fff;border:1px solid #e1e9f2;border-radius:11px;color:var(--text);text-decoration:none;min-height:82px;transition:.2s}.ops-kpis>a:hover{transform:translateY(-2px);box-shadow:0 8px 22px #09254b16}.ops-kpis i{width:42px;height:42px;border-radius:10px;display:grid;place-items:center;font-style:normal;font-size:21px;background:#edf5ff;color:#1769d2}.ops-kpis i.red{background:#fff0f1;color:#d83245}.ops-kpis i.green{background:#eaf9f3;color:#159768}.ops-kpis i.orange{background:#fff5e8;color:#e57a12}.ops-kpis i.purple{background:#f3efff;color:#7450d3}.ops-kpis div{display:flex;flex-direction:column}.ops-kpis b{font-size:20px;line-height:1}.ops-kpis span{font-weight:700;margin-top:5px}.ops-kpis small{font-size:9px;color:#d83245;margin-top:3px}
.ops-layout{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:12px}.ops-layout main,.ops-layout aside{display:flex;flex-direction:column;gap:12px}.ops-panel{background:#fff;padding:15px}.ops-panel>header{display:flex;align-items:start;justify-content:space-between;border-bottom:1px solid #e8eef5;padding-bottom:10px;margin-bottom:9px}.ops-panel h2{margin:0;color:#0b376b}.ops-panel header p{margin:3px 0 0;color:var(--muted);font-size:10px}.ops-panel header>a{font-size:10px;text-decoration:none;color:var(--primary)}
.today-flow article{display:grid;grid-template-columns:52px 14px 1fr auto;align-items:center;gap:8px;padding:10px 2px;border-bottom:1px solid #edf1f6}.today-flow time{font-weight:800;color:var(--primary)}.flow-dot{width:9px;height:9px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 4px #e5f8f6}.today-flow article>div{display:flex;flex-direction:column}.today-flow small{color:var(--muted)}.today-flow em{font-style:normal;background:#edf5ff;color:#1769d2;border-radius:16px;padding:4px 8px;font-size:9px}
.project-tiles{display:grid;grid-template-columns:repeat(2,1fr);gap:9px}.project-tiles article{border:1px solid #e4eaf2;border-radius:10px;padding:12px}.project-tile-head,.project-tiles footer{display:flex;align-items:center;gap:9px}.project-tile-head{justify-content:space-between;color:var(--primary);font-size:9px}.project-tile-head em{font-style:normal;background:#f0f4f8;padding:3px 7px;border-radius:12px}.project-tiles h3{margin:8px 0 3px}.project-tiles p{margin:0;color:var(--muted);font-size:9px}.project-meter{height:6px;background:#e9eef5;border-radius:10px;overflow:hidden;margin:11px 0}.project-meter span{display:block;height:100%;background:linear-gradient(90deg,var(--primary),var(--accent))}.project-tiles footer{font-size:9px}.project-tiles footer a{margin-inline-start:auto;color:var(--primary);text-decoration:none}.project-tiles footer a+a{margin-inline-start:0}
.issues-panel>article{display:grid;grid-template-columns:auto 1fr auto;gap:8px;align-items:center;padding:10px 0;border-bottom:1px solid #edf1f6}.issues-panel article>div{display:flex;flex-direction:column;min-width:0}.issues-panel article b,.issues-panel article small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.issues-panel article small,.issues-panel article time{font-size:9px;color:var(--muted)}.quick-panel>div{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.quick-panel a{display:flex;flex-direction:column;align-items:center;gap:5px;padding:11px 5px;background:#f6f9fc;border:1px solid #e6edf5;border-radius:9px;text-decoration:none;color:var(--text);font-size:9px}.quick-panel i{font-style:normal;font-size:19px;color:var(--primary)}.ops-empty{text-align:center;padding:25px;color:var(--muted)}.ops-empty>*{display:block;margin:5px}
@media(max-width:1100px){.ops-kpis{grid-template-columns:repeat(3,1fr)}.ops-layout{grid-template-columns:1fr}.project-tiles{grid-template-columns:repeat(2,1fr)}}@media(max-width:700px){.ops-hero{align-items:flex-start;flex-direction:column}.ops-hero-actions{flex-wrap:wrap}.ops-kpis{grid-template-columns:1fr 1fr}.project-tiles{grid-template-columns:1fr}.container{padding:10px}.quick-panel>div{grid-template-columns:repeat(3,1fr)}}
.sales-order-form{width:min(1180px,96vw);max-height:94vh;overflow:auto}.sales-item{display:grid;grid-template-columns:110px minmax(150px,1.1fr) minmax(170px,1.4fr) 90px 80px 85px minmax(120px,1fr) 38px;gap:6px;align-items:center;padding:8px;background:#f7f9fc;border:1px solid #e2e9f2;border-radius:8px;margin:6px 0}.sales-item input{min-width:0}.sales-item .btn{padding:6px}.record-danger-zone{border-color:#f4c6cb;background:#fff8f8}
@media(max-width:1000px){.sales-item{grid-template-columns:1fr 1fr}.sales-item>*{min-width:0}}

/* Curated sidebar hierarchy */
.nav-v2 .nav-group{margin:3px 0;border-bottom:0}.nav-v2 .nav-group+.nav-group{margin-top:5px}.nav-v2 .nav-group-toggle{min-height:40px;padding:8px 9px;color:#f0f7ff}.nav-v2 .nav-group-toggle .nav-icon{width:28px;height:28px;border-radius:7px;background:rgba(255,255,255,.07);display:grid;place-items:center;font-size:15px}.nav-v2 .nav-group.open>.nav-group-toggle{background:rgba(255,255,255,.09);box-shadow:inset -3px 0 0 var(--accent)}.nav-v2 .nav-group-items{margin:3px 13px 6px 0;padding:2px 8px 3px 0;border-right:1px solid rgba(255,255,255,.13)}.nav-v2 .nav-group-items>a{min-height:32px;margin:1px 0;padding:6px 8px!important;font-weight:600}.nav-v2 .nav-group-items>a .nav-icon{font-size:13px;width:20px;color:#91b7d8}.nav-v2 .nav-group-items>a.active .nav-icon{color:#fff}.nav-v2 .nav-quick{margin-bottom:7px;padding-bottom:6px;border-bottom:1px solid rgba(255,255,255,.1)}.simple-nav .nav-v2:after{content:"القائمة المبسطة";position:absolute;left:10px;bottom:63px;padding:3px 7px;border-radius:10px;background:var(--accent);color:#fff;font-size:8px}
.theme-color-grid{display:grid;grid-template-columns:repeat(6,minmax(120px,1fr));gap:12px;margin:12px 0 20px}.theme-color-grid label{padding:12px;border:1px solid #dfe7ef;border-radius:10px;background:#f8fafc}.theme-color-grid input[type=color]{height:48px;padding:3px;cursor:pointer}
.messages-layout{display:grid;grid-template-columns:330px minmax(0,1fr);gap:14px}.messages-layout>.card:first-child{align-self:start;position:sticky;top:85px}.message-list{display:flex;flex-direction:column;gap:8px}.message-item{display:grid;grid-template-columns:42px minmax(0,1fr);gap:12px;padding:14px;border:1px solid #e2e9f1;border-radius:11px;background:#fff}.message-item.unread,.notification-item.unread{border-right:4px solid var(--accent);background:color-mix(in srgb,var(--accent) 6%,#fff)}.message-avatar{width:40px;height:40px;display:grid;place-items:center;border-radius:50%;background:color-mix(in srgb,var(--brand) 12%,#fff);color:var(--brand);font-weight:800}.message-meta{display:flex;justify-content:space-between;gap:12px}.message-meta time{color:#7a8fa4;font-size:10px;white-space:nowrap}.message-item h3{margin:5px 0;font-size:13px}.message-item p{margin:5px 0;line-height:1.8;color:#526a81}.notification-feed{display:flex;flex-direction:column;gap:8px}.notification-item{display:grid;grid-template-columns:42px minmax(0,1fr) auto;align-items:start;gap:12px;margin-bottom:0}.notification-icon{width:40px;height:40px;display:grid;place-items:center;background:#eaf3ff;color:var(--brand);border-radius:10px;font-size:18px}.module-project-search{max-width:520px;margin:12px 0}
body.theme-dark{--bg:#091625!important;--text:#e9f1f8!important;background:var(--bg);color:var(--text)}body.theme-dark .app-topbar,body.theme-dark .card,body.theme-dark .message-item{background:#10243a;color:#e9f1f8;border-color:#294159}body.theme-dark input,body.theme-dark select,body.theme-dark textarea,body.theme-dark th{background:#142b43;color:#fff;border-color:#34506b}body.theme-dark td{border-color:#294159}body.theme-dark .page-context{border-color:#294159}body.theme-dark .top-title b,body.theme-dark .app-topbar a{color:#e9f1f8}
@media(prefers-color-scheme:dark){body.theme-auto{--bg:#091625!important;--text:#e9f1f8!important;background:var(--bg);color:var(--text)}body.theme-auto .app-topbar,body.theme-auto .card,body.theme-auto .message-item{background:#10243a;color:#e9f1f8;border-color:#294159}body.theme-auto input,body.theme-auto select,body.theme-auto textarea,body.theme-auto th{background:#142b43;color:#fff;border-color:#34506b}}
@media(max-width:900px){body>.app-shell{margin-right:0!important;width:100%!important}.messages-layout{grid-template-columns:1fr}.messages-layout>.card:first-child{position:static}.theme-color-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.notification-item{grid-template-columns:36px minmax(0,1fr)}.notification-item>.no-print{grid-column:2}.message-meta{flex-direction:column;gap:2px}.theme-color-grid{grid-template-columns:1fr 1fr}}

.top-action{font-family:inherit;cursor:pointer;background:#fff}.live-panel{position:fixed;z-index:160;top:62px;left:18px;width:min(390px,calc(100vw - 28px));max-height:72vh;background:#fff;border:1px solid #dce6ef;border-radius:13px;box-shadow:0 18px 50px rgba(4,35,68,.24);overflow:hidden}.live-panel-head{display:flex;justify-content:space-between;align-items:center;padding:13px 15px;background:var(--brand);color:#fff}.live-panel-head button{border:0;background:rgba(255,255,255,.14);color:#fff;width:28px;height:28px;border-radius:7px;font-size:19px;cursor:pointer}.live-panel-body{max-height:55vh;overflow:auto;padding:7px}.live-row{display:flex;flex-direction:column;gap:4px;padding:11px;border-bottom:1px solid #e9eef3;color:#173b61;text-decoration:none;border-radius:8px}.live-row:hover{background:#f2f7fb}.live-row.unread{border-right:3px solid var(--accent)}.live-row.automatic{background:#fff9e8;border-right:3px solid #f59e0b;margin-bottom:5px}.live-row span,.live-row small{color:#667f97;font-size:11px;line-height:1.5}.live-panel-all{display:block;text-align:center;padding:11px;color:var(--brand);font-weight:800;text-decoration:none;background:#f4f8fb}.live-empty,.live-loading{text-align:center;padding:28px;color:#7890a7}
.theme-presets{display:flex;gap:8px;flex-wrap:wrap;margin:10px 0}.theme-presets button{border:1px solid #d7e2ec;background:#fff;color:#294c70;border-radius:9px;padding:8px 12px;cursor:pointer;font:inherit;font-weight:700}.theme-presets button:hover{border-color:var(--accent);color:var(--brand)}.theme-preview{display:grid;grid-template-columns:90px 1fr;min-height:105px;border:1px solid #dbe5ee;border-radius:12px;overflow:hidden;margin:0 0 16px;background:var(--bg);color:var(--text)}.theme-preview>span{background:linear-gradient(180deg,var(--nav-bg),var(--brand))}.theme-preview>div{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:6px;padding:14px}.theme-preview small{color:#70879d}.theme-preview button{border:0;border-radius:7px;background:var(--accent);color:#fff;padding:7px 13px}
body.theme-dark .live-panel,body.theme-dark .top-action{background:#10243a;color:#e9f1f8;border-color:#294159}body.theme-dark .live-row{color:#e9f1f8;border-color:#294159}body.theme-dark .live-row:hover{background:#18314b}body.theme-dark .live-row.automatic{background:#3b3017}
@media(max-width:900px){.live-panel{top:55px;left:8px}.app-topbar .top-actions .connection-state{display:none}.app-topbar .top-actions .top-action{display:grid}.theme-presets{display:grid;grid-template-columns:1fr 1fr}}

.order-hero{display:grid;grid-template-columns:1fr 1fr 180px;align-items:center;gap:20px;background:linear-gradient(135deg,#fff,#f3f8fd)}.order-hero>div{display:flex;flex-direction:column;gap:5px}.order-hero h1{margin:3px 0;color:var(--brand)}.order-hero figure{margin:0;text-align:center}.order-hero canvas{max-width:145px;height:auto!important}.order-hero figcaption{font-size:10px;color:#647b92}.order-steps{display:grid;grid-template-columns:repeat(5,1fr);gap:4px;margin:0 0 14px}.order-steps>div{position:relative;text-align:center;color:#8b9caf;padding:8px}.order-steps>div:before{content:"";position:absolute;top:22px;right:-50%;width:100%;height:3px;background:#d9e2eb;z-index:0}.order-steps>div:first-child:before{display:none}.order-steps i{position:relative;z-index:1;display:grid;place-items:center;width:30px;height:30px;margin:0 auto 6px;border-radius:50%;background:#d9e2eb;color:#fff;font-style:normal}.order-steps .done{color:var(--brand)}.order-steps .done i,.order-steps .done:before{background:var(--accent)}.order-action{display:grid;grid-template-columns:220px minmax(220px,1fr) auto;gap:10px}.timeline{border-right:2px solid #dce5ed;margin-right:10px;padding-right:20px}.timeline>div{position:relative;padding:0 0 16px}.timeline>div:before{content:"";position:absolute;right:-27px;top:3px;width:12px;height:12px;border-radius:50%;background:var(--accent);border:3px solid #fff}.timeline small,.timeline p{display:block;color:#73879b;margin:4px 0}.delivery-document{max-width:1050px;margin:auto}.order-info-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.order-info-grid>div{display:flex;flex-direction:column;gap:5px;border-left:1px solid #e1e8ef}.signature-pad{display:block;width:100%;height:220px;border:2px dashed #9eb2c5;border-radius:11px;background:#fff;touch-action:none}.receipt-signature{display:grid;grid-template-columns:1fr 360px;align-items:center;gap:20px}.receipt-signature>div{display:flex;flex-direction:column;gap:8px}.receipt-signature img{width:100%;max-height:190px;object-fit:contain;border:1px solid #dfe6ed;border-radius:10px;background:#fff}
@media(max-width:800px){.order-hero{grid-template-columns:1fr 120px}.order-hero>div:nth-child(2){grid-column:1/3}.order-steps{overflow:auto;grid-template-columns:repeat(5,110px)}.order-action{grid-template-columns:1fr}.order-info-grid{grid-template-columns:1fr 1fr}.receipt-signature{grid-template-columns:1fr}.receipt-signature img{max-width:420px}}
@media print{.order-hero{box-shadow:none;border:1px solid #ccd7e1}.order-steps{break-inside:avoid}.delivery-document .card{break-inside:avoid}.receipt-signature{grid-template-columns:1fr 320px}}

.order-toolbar{display:flex;justify-content:space-between;gap:15px;align-items:center}.order-toolbar form{display:grid;grid-template-columns:minmax(240px,1fr) 190px auto auto;gap:8px;flex:1}.order-toolbar>div{display:flex;gap:8px}.mini-progress{width:90px;height:6px;background:#e5ebf1;border-radius:5px;overflow:hidden}.mini-progress i{display:block;height:100%;background:linear-gradient(90deg,var(--brand),var(--accent))}.qr-scanner-card{max-width:720px;margin:auto}.qr-scanner-card video{display:block;width:100%;max-height:430px;background:#071a2e;border-radius:12px;margin:15px 0}.badge.danger,.order-status-rejected{background:#fee2e2;color:#a91c1c}.order-status-delivered{background:#dcfce7;color:#08703e}.order-status-preparing,.order-status-ready{background:#fff2cf;color:#9a6200}
.nameplate-layout{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:14px}.nameplate-layout aside>.card{position:sticky;top:85px}.nameplate-detail dl{display:grid;grid-template-columns:90px 1fr;gap:8px;margin:15px 0}.nameplate-detail dt{color:#71869a}.nameplate-detail dd{margin:0;font-weight:700}.nameplate-detail form{display:flex;flex-direction:column;gap:8px;margin-top:12px}.selected-row{background:color-mix(in srgb,var(--accent) 8%,#fff)}.nameplate-print-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.nameplate-label{min-height:150px;margin:0;padding:10px;border:2px solid #193e65;border-radius:5px;background:var(--plate-bg,#fff);color:var(--plate-text,#073466);display:grid;grid-template-columns:90px 1fr;align-items:center;gap:10px;break-inside:avoid}.nameplate-label canvas{width:88px!important;height:88px!important}.nameplate-label figcaption{display:flex;flex-direction:column;text-align:center;gap:3px}.nameplate-label figcaption b{font-size:15px}.nameplate-label figcaption strong{font:700 12px monospace}.nameplate-label figcaption span{font-size:10px}
@media(max-width:900px){.order-toolbar{align-items:stretch;flex-direction:column}.order-toolbar form{grid-template-columns:1fr 1fr}.nameplate-layout{grid-template-columns:1fr}.nameplate-layout aside>.card{position:static}.nameplate-print-grid{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.order-toolbar form{grid-template-columns:1fr}.nameplate-print-grid{grid-template-columns:1fr}}
@media print{.nameplate-print-grid{grid-template-columns:repeat(3,1fr);gap:5mm}.nameplate-label{min-height:38mm;box-shadow:none}.nameplate-layout{display:none}}

.template-builder-layout{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:14px}.field-options{display:flex;gap:14px;flex-wrap:wrap;padding:12px;background:#f5f8fb;border-radius:10px}.field-options b{width:100%}.field-options label{font-weight:500}.field-options input{width:auto}.plate-spec-preview{display:grid;grid-template-columns:80px minmax(0,1fr);min-height:150px;margin:15px 0;border:1px solid #d9e3ec;border-radius:12px;overflow:hidden;background:#eef4f8}.plate-spec-preview>i{background:linear-gradient(160deg,var(--brand),var(--accent))}.plate-spec-preview>div{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;margin:18px;border:2px solid currentColor;border-radius:5px}.plate-spec-preview em{position:absolute;inset:6px;display:flex;justify-content:space-between;white-space:pre;font-style:normal}.template-card{border:1px solid #dde6ee;border-radius:11px;margin-bottom:10px;overflow:hidden}.template-card>div{padding:15px;display:flex;flex-direction:column}.template-card dl{display:grid;grid-template-columns:75px 1fr;gap:5px;padding:10px;margin:0}.template-card dd{margin:0;font-weight:700}.template-card>small{display:block;padding:0 10px 10px;color:#778ca0}
.np-project-hero{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:12px;padding:18px;margin-bottom:12px;background:linear-gradient(135deg,var(--brand),color-mix(in srgb,var(--brand) 70%,var(--accent)));color:#fff;border-radius:13px}.np-project-hero>div{display:flex;flex-direction:column;gap:5px}.np-project-hero h1{margin:2px 0}.np-project-hero p{margin:0}.np-project-hero .progress{height:8px;background:rgba(255,255,255,.25);border-radius:5px;overflow:hidden}.np-project-hero .progress i{display:block;height:100%;background:var(--accent)}.np-request-grid{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:14px}.np-request-grid aside>.card{position:sticky;top:85px}.file-list{display:flex;flex-direction:column;gap:7px;margin-top:12px}.file-list a{display:flex;flex-direction:column;padding:9px;border:1px solid #e0e7ee;border-radius:8px;text-decoration:none;color:var(--brand)}.file-list span,.file-list small{font-size:10px;color:#71869a}.np-summary{display:grid;grid-template-columns:100px 1fr;gap:8px}.np-summary dd{margin:0;font-weight:700}
@media(max-width:1000px){.template-builder-layout,.np-request-grid{grid-template-columns:1fr}.np-request-grid aside>.card{position:static}.np-project-hero{grid-template-columns:1fr 1fr}.np-project-hero>div:last-child{grid-column:1/3}}
@media(max-width:600px){.np-project-hero{grid-template-columns:1fr}.np-project-hero>div:last-child{grid-column:auto}}
@media print{.np-request-grid{grid-template-columns:1fr}.np-request-grid aside{display:block}.np-project-hero{box-shadow:none}.file-list a{break-inside:avoid}}

.sample-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.sample-card{display:flex;flex-direction:column;gap:10px}.sample-card>div{display:flex;justify-content:space-between}.sample-card img{height:100px;object-fit:contain;border:1px solid #e0e7ee}.public-approval,.public-package{max-width:850px;margin:4vh auto;padding:12px}.sample-preview{display:block;max-width:100%;max-height:520px;object-fit:contain;margin:15px auto;border:1px solid #dce5ee;border-radius:10px}.public-package dl{display:grid;grid-template-columns:100px 1fr;gap:8px}.public-package dd{margin:0;font-weight:700}
.production-gates{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin:0 0 14px}.production-gates>div{display:flex;align-items:center;gap:8px;padding:12px;background:#e9eff5;color:#71859a;border-radius:10px}.production-gates b{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#cad6e1}.production-gates .done{background:#dcfce7;color:#08703e}.production-gates .done b{background:#10a86b;color:#fff}.production-grid{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(320px,.7fr);gap:14px}.job-card dl{display:grid;grid-template-columns:repeat(4,auto 1fr);gap:6px}.job-card dd{margin:0;font-weight:800}.job-results{display:grid;grid-template-columns:1.2fr repeat(3,1fr) auto;gap:7px}.qc-checklist{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin:10px 0}.qc-checklist label{padding:8px;background:#f4f7fa;border-radius:7px;font-weight:500}.qc-checklist input,.package-items input{width:auto}.qc-result{display:flex;flex-direction:column;padding:9px;margin-top:8px;border-right:4px solid #ef4444;background:#fff1f2;border-radius:7px}.qc-result.passed{border-color:#10b981;background:#ecfdf5}.package-items{max-height:220px;overflow:auto;display:grid;grid-template-columns:1fr 1fr;gap:5px;padding:8px;border:1px solid #dce5ed;border-radius:8px}.package-items label{font-weight:500}.package-row{display:flex;align-items:center;gap:12px;border-top:1px solid #e0e7ee;padding:10px 0}.package-row canvas{width:75px!important;height:75px!important}.package-row>div{display:flex;flex-direction:column}
@media(max-width:1000px){.sample-grid{grid-template-columns:1fr 1fr}.production-grid{grid-template-columns:1fr}.job-results{grid-template-columns:1fr 1fr}.production-gates{overflow:auto;grid-template-columns:repeat(4,170px)}}
@media(max-width:600px){.sample-grid{grid-template-columns:1fr}.qc-checklist,.package-items{grid-template-columns:1fr}.job-card dl{grid-template-columns:auto 1fr}.production-gates{grid-template-columns:repeat(4,145px)}}
@media print{.production-grid{grid-template-columns:1fr}.job-card{break-inside:avoid}.production-grid aside{display:none}}

.planning-toolbar{display:flex;justify-content:space-between;align-items:start}.planning-toolbar>form,.planning-toolbar details form{display:flex;gap:8px;flex-wrap:wrap}.machine-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.machine-load{width:100%;margin:8px 0}.schedule-form{display:grid;grid-template-columns:repeat(2,minmax(140px,1fr));gap:6px;min-width:360px}.reprint-candidate{display:grid;grid-template-columns:minmax(220px,1fr) 150px 180px minmax(180px,1fr) auto;gap:8px;align-items:center;padding:10px 0;border-top:1px solid #e1e7ee}.reprint-candidate>div{display:flex;flex-direction:column}.report-dashboard-grid{display:grid;grid-template-columns:1.3fr .7fr;gap:14px}.report-bar{display:grid;grid-template-columns:170px 1fr 45px;align-items:center;gap:9px;margin:11px 0}.report-bar>i{display:block;height:10px;background:#e7edf3;border-radius:6px;overflow:hidden}.report-bar>i b{display:block;height:100%;background:linear-gradient(90deg,var(--brand),var(--accent))}.report-bar em{font-style:normal}.quality-kpi{display:flex;flex-direction:column;padding:13px;margin-bottom:9px;border-right:5px solid #ef4444;background:#fff1f2;border-radius:8px}.quality-kpi.passed{border-color:#10b981;background:#ecfdf5}.late-row{background:#fff5f5;color:#981b1b}
@media(max-width:1000px){.machine-cards{grid-template-columns:1fr 1fr}.reprint-candidate{grid-template-columns:1fr 1fr}.report-dashboard-grid{grid-template-columns:1fr}}
@media(max-width:600px){.planning-toolbar{flex-direction:column;gap:10px}.machine-cards,.reprint-candidate{grid-template-columns:1fr}.report-bar{grid-template-columns:110px 1fr 35px}.schedule-form{min-width:0;grid-template-columns:1fr}}
@media print{.machine-cards{grid-template-columns:repeat(3,1fr)}.report-dashboard-grid{grid-template-columns:1.3fr .7fr}}

/* Login and WhatsApp verification */
.auth-page{margin:0;min-height:100vh;background:#eef3fa;font-family:Tahoma,Arial,sans-serif;overflow-x:hidden}.auth-shell{min-height:100vh;display:grid;grid-template-columns:1fr 1.05fr;direction:ltr}.auth-brand{direction:rtl;position:relative;display:grid;place-items:center;overflow:hidden;background:radial-gradient(circle at 82% 5%,#125ed8 0,transparent 36%),linear-gradient(145deg,#07264f 0%,#083b82 53%,#0c59cd 100%);color:#fff}.auth-brand:before,.auth-brand:after{content:"";position:absolute;border:1px solid rgba(69,164,255,.22);border-radius:50%;width:620px;height:620px}.auth-brand:before{right:-300px;top:-380px}.auth-brand:after{left:-300px;bottom:-430px}.auth-brand-content{text-align:center;position:relative;z-index:1;max-width:620px;padding:35px}.auth-logo{width:105px;height:105px;object-fit:contain;margin-bottom:10px;filter:drop-shadow(0 8px 20px rgba(0,0,0,.2))}.auth-drop{width:100px;height:100px;margin:0 auto 12px;border-radius:34px 34px 50% 50%;display:grid;place-items:center;background:linear-gradient(145deg,#38bdf8,#0b6cf2);color:#dff7ff;font-size:45px;box-shadow:0 15px 45px #001b4d88}.auth-brand h1{font-size:31px;margin:0}.auth-brand p{font-size:17px;color:#19b8ff;margin:6px 0 28px}.auth-divider{display:flex;align-items:center;justify-content:center;gap:13px;margin:8px auto 30px;width:300px;color:#1b9eff}.auth-divider i{height:1px;flex:1;background:linear-gradient(90deg,transparent,#1b9eff)}.auth-divider i:last-child{background:linear-gradient(90deg,#1b9eff,transparent)}.auth-brand h2{font-size:34px;margin:0 0 15px}.auth-brand strong{font-size:17px;font-weight:400;color:#e2efff}
.auth-form-side{direction:rtl;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:45px;background:linear-gradient(135deg,#f7faff,#fff)}.auth-card{width:min(510px,100%);background:#fff;padding:38px 42px 35px;border:1px solid #e4ebf4;border-radius:18px;box-shadow:0 14px 42px rgba(10,48,95,.11);text-align:center}.auth-lock{width:72px;height:72px;border-radius:50%;display:grid;place-items:center;margin:0 auto 22px;background:#eaf3ff;color:#0d6df0;font-size:31px}.auth-card>h1{margin:0 0 8px;font-size:30px;color:#0a2752}.auth-card>p{margin:0 0 28px;color:#73839b}.auth-form{text-align:right}.auth-form>label{display:block;font-size:12px;font-weight:800;color:#193760;margin:16px 0 7px}.auth-input{display:flex;align-items:center;border:1px solid #d5e0ee;border-radius:9px;background:#fff;overflow:hidden;transition:.2s}.auth-input:focus-within{border-color:#176ff2;box-shadow:0 0 0 3px #176ff214}.auth-input>span{width:46px;color:#71839c;text-align:center}.auth-input input{height:48px;flex:1;border:0!important;box-shadow:none!important;padding:0 4px!important}.auth-input button{width:45px;height:48px;border:0;background:transparent;color:#66809e;cursor:pointer}.auth-options{display:flex;justify-content:space-between;align-items:center;margin:16px 0;color:#62758f;font-size:10px}.auth-options .check{margin:0}.auth-submit{width:100%;height:51px;border:0;border-radius:8px;background:linear-gradient(90deg,#0865ea,#0b73f4);color:#fff;font:800 16px inherit;cursor:pointer;box-shadow:0 8px 18px #0865ea31}.auth-submit:hover{filter:brightness(1.05)}.otp-input{height:68px!important;text-align:center;direction:ltr;font-size:28px!important;letter-spacing:12px;font-weight:800;border:2px solid #cddced!important;margin-bottom:18px}.auth-cancel button{border:0;background:none;color:#176fe9;margin-top:16px;cursor:pointer}.auth-support{position:absolute;bottom:38px;display:flex;gap:18px;align-items:center;color:#657993;border-top:1px solid #dbe4ef;padding-top:18px;width:min(590px,80%);justify-content:center}.auth-support span+span{border-right:1px solid #cdd8e6;padding-right:18px}
.security-card{text-align:center}.security-icon{width:65px;height:65px;display:grid;place-items:center;border-radius:18px;background:#eaf3ff;color:#1471ee;font-size:28px;margin:0 auto 13px}.security-card dl{display:grid;grid-template-columns:1fr 1fr;text-align:right;border:1px solid #e2e9f2;border-radius:9px;overflow:hidden}.security-card dt,.security-card dd{margin:0;padding:9px;border-bottom:1px solid #edf1f6}.security-switch{display:flex;align-items:center;gap:10px;margin:15px 0}.security-switch input{display:none}.security-switch span{width:42px;height:23px;border-radius:20px;background:#cbd5e1;position:relative}.security-switch span:after{content:"";position:absolute;width:17px;height:17px;border-radius:50%;background:#fff;right:3px;top:3px;transition:.2s}.security-switch input:checked+span{background:var(--success)}.security-switch input:checked+span:after{right:22px}.security-note{margin-top:17px;padding:12px;border-radius:8px;background:#fff7e7;color:#8a5a00;font-size:10px}
@media(max-width:900px){.auth-shell{grid-template-columns:1fr}.auth-brand{min-height:280px}.auth-brand-content{padding:25px}.auth-logo,.auth-drop{width:70px;height:70px}.auth-brand h1{font-size:24px}.auth-brand h2{font-size:24px}.auth-brand p,.auth-brand strong{font-size:13px}.auth-divider{margin:5px auto 15px}.auth-form-side{padding:25px 14px 100px}.auth-card{padding:28px 22px}.auth-support{bottom:25px;flex-wrap:wrap}.auth-support span+span{border:0;padding:0}}@media(max-width:520px){.auth-brand{display:none}.auth-form-side{min-height:100vh}.auth-card>h1{font-size:25px}.auth-support{font-size:9px}}

/* Full-width sales order editor */
dialog#salesForm{width:min(1240px,calc(100vw - 40px));max-width:none;max-height:calc(100vh - 30px);padding:0;overflow:hidden}
dialog#salesForm .sales-order-form{width:100%;max-width:none;max-height:calc(100vh - 30px);overflow:auto;padding:20px 24px;margin:0}
dialog#salesForm .sales-order-form>.card-head{position:sticky;top:-20px;z-index:5;margin:-20px -24px 16px;padding:16px 24px;background:#fff;border-bottom:1px solid #dfe7ef}
dialog#salesForm .sales-item{grid-template-columns:100px minmax(140px,1fr) minmax(170px,1.25fr) 85px 75px 80px minmax(120px,.8fr) 36px}
@media(max-width:900px){dialog#salesForm{width:calc(100vw - 16px)}dialog#salesForm .sales-item{grid-template-columns:1fr 1fr}dialog#salesForm .sales-item>*{min-width:0}}
.compact{display:flex;align-items:end;gap:12px}.compact label{min-width:120px}.compact select{max-width:760px}.floating-form{min-width:520px;max-width:900px;padding:14px;margin-top:8px;background:#f7f9fc;border:1px solid #dce5ed;border-radius:10px;box-shadow:0 12px 30px #092f5d20}.inline-form{display:flex;align-items:center;gap:6px}.inline-form select{min-width:105px}.progress{height:7px;margin-top:7px;background:#e3ebf2;border-radius:8px;overflow:hidden}.progress i{display:block;height:100%;background:linear-gradient(90deg,var(--accent),var(--success));border-radius:inherit}
@media(max-width:700px){.compact{display:block}.floating-form{min-width:0}.inline-form{flex-wrap:wrap}}

/* Unified visual system — Cairo, desktop first */
:root{--font-ui:"Cairo",Tahoma,Arial,sans-serif;--radius-sm:8px;--radius-md:12px;--shadow-card:0 4px 16px rgba(10,48,88,.055);--line:#e2eaf2;--muted:#6c8197}
html{font-size:13px}
body,button,input,select,textarea{font-family:var(--font-ui)!important}
body{font-weight:500;letter-spacing:0;color:#102f52}
.app-topbar{height:64px;padding:0 20px;border-bottom-color:var(--line);box-shadow:0 2px 10px rgba(10,44,82,.04)}
.top-title b{font-size:15px;font-weight:800}.top-title small,.app-topbar .top-profile small{font-size:9px}
.global-search{height:38px;max-width:485px;border-radius:9px}
.container{max-width:1540px;padding:18px 22px 38px}
.page-context{min-height:35px;margin-bottom:16px;padding-bottom:10px}
.page-head,.page-heading{align-items:center;margin:0 0 16px}.page-head h1,.page-heading h1{font-size:22px;font-weight:800;line-height:1.35;margin:0 0 5px;color:#082d5d}.page-head p,.page-heading p{font-size:11px;line-height:1.75;color:var(--muted);margin:0}
.card,.stat,.project-card,.ops-panel{border:1px solid var(--line);border-radius:var(--radius-md);box-shadow:var(--shadow-card);background:#fff}
.card{padding:16px;margin-bottom:14px}.card>.card-head:first-child{margin:-2px 0 13px;padding-bottom:10px;border-bottom:1px solid #edf1f5}.card-head h2{font-weight:800;margin:0}
.grid{gap:12px;align-items:start}.grid>div{min-width:0}.col-2{grid-column:span 2}.col-5{grid-column:span 5}.col-7{grid-column:span 7}.col-8{grid-column:span 8}.col-9{grid-column:span 9}.col-10{grid-column:span 10}
label{font-size:10px;font-weight:700;color:#244a72;margin-bottom:5px}
input,select,textarea{min-height:38px;padding:8px 10px;border:1px solid #d8e2ed!important;border-radius:var(--radius-sm);font-size:11px;line-height:1.55;background:#fff;transition:border-color .18s,box-shadow .18s}
textarea{min-height:82px;resize:vertical}
input:focus,select:focus,textarea:focus{outline:0;border-color:var(--accent)!important;box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 12%,transparent)!important}
.btn{min-height:36px;padding:8px 14px;border-radius:8px;font-size:11px;font-weight:800;line-height:1.5;display:inline-flex;align-items:center;justify-content:center;gap:6px}
.actions{align-items:center;gap:8px}
.table-wrap{width:100%;overflow:auto;border:1px solid #e5ebf2;border-radius:10px}
.table-wrap table{min-width:760px;background:#fff}.table-wrap th,.table-wrap td{padding:10px 11px;font-size:10px;line-height:1.65}.table-wrap th{font-weight:800;color:#284c72;background:#f6f9fc}.table-wrap tbody tr:last-child td{border-bottom:0}
.stats{grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px}.stat{min-height:92px;padding:14px 16px}.stat span{font-size:10px;color:#557089}.stat b{font-size:23px;font-weight:800;margin-top:6px}
.badge,.work-type{font-size:9px;font-weight:700;padding:5px 9px}
.tabs{display:flex;align-items:center;gap:7px;overflow:auto;padding-bottom:5px;margin-bottom:10px}.tabs .btn{white-space:nowrap}
.section-title{font-size:14px;font-weight:800;margin:0 0 14px;padding:0 10px 8px 0;border-right:3px solid var(--accent);border-bottom:1px solid #edf1f5}
.sidebar,.side-nav,.nav-group-toggle,.nav-group-items>a,.sidebar-user{font-family:var(--font-ui)!important}
.sidebar{width:244px}.app-shell{margin-right:244px}.sidebar-head{height:66px}.side-nav{padding:9px 8px}.nav-v2 .nav-group-toggle{min-height:38px;font-size:11px}.nav-v2 .nav-group-items>a{min-height:31px;font-size:10px}.nav-search input{font-size:10px!important}
.sidebar-collapsed .sidebar{width:74px}.sidebar-collapsed .app-shell{margin-right:74px}
dialog{border-radius:14px!important;box-shadow:0 24px 70px rgba(4,31,61,.28)!important}dialog .dialog-card{font-family:var(--font-ui)}

/* The daily report used to inherit the global map and create a very tall empty row. */
body[data-page-key="daily_reports"] form.card{max-width:1280px;margin-inline:auto}
body[data-page-key="daily_reports"] form.card>.grid{grid-auto-flow:row;align-items:start}
body[data-page-key="daily_reports"] form.card .site-map{display:none!important}
body[data-page-key="daily_reports"] form.card textarea{min-height:95px}
body[data-page-key="daily_reports"] form.card>.actions{margin-top:15px;padding-top:14px;border-top:1px solid #e8eef4;justify-content:flex-start}

@media(max-width:1100px){.container{padding:15px}.sidebar{width:225px}.app-shell{margin-right:225px}.stats{grid-template-columns:repeat(3,1fr)}}
@media(max-width:900px){body>.app-shell{margin-right:0!important}.container{padding:12px 10px 28px}.stats{grid-template-columns:1fr 1fr}.page-head,.page-heading{align-items:flex-start}.card{padding:13px}.table-wrap th,.table-wrap td{padding:9px}.sidebar{width:286px}}
@media(max-width:800px){.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-10,.col-12{grid-column:span 12}}
@media(max-width:560px){html{font-size:12px}.app-topbar{height:56px;padding:0 9px}.page-head h1,.page-heading h1{font-size:19px}.grid{gap:9px}.col-6,.col-4,.col-3,.col-2{grid-column:span 12}.stats{gap:8px}.stat{min-height:82px;padding:12px}.btn{min-height:39px}.actions{width:100%}.actions>.btn{flex:1}.card{border-radius:10px}}
@media print{body,button,input,select,textarea{font-family:"Cairo",Tahoma,Arial,sans-serif!important}.card{box-shadow:none!important}.table-wrap{overflow:visible;border:0}.table-wrap table{min-width:0}.container{max-width:none}}

/* Project control center */
.project-command-center{margin:0 0 14px}.project-kpis{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin-bottom:10px}.project-kpis article{min-height:92px;padding:13px 15px;border:1px solid #e0e8f1;border-radius:11px;background:linear-gradient(145deg,#fff,#f7fafe);box-shadow:0 3px 12px #0a315814;display:flex;flex-direction:column}.project-kpis span{font-size:10px;color:#587089}.project-kpis b{font-size:24px;color:var(--brand);line-height:1.4}.project-kpis small{color:#7a8fa4}.project-kpis .has-alert{border-color:#fecaca;background:#fff8f8}.project-kpis .has-alert b{color:#c32626}.project-quick-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.project-quick-grid a{min-height:78px;padding:13px 15px;border:1px solid #dfe8f1;border-radius:11px;background:#fff;color:#123b66;text-decoration:none;display:flex;flex-direction:column;justify-content:center;transition:.18s}.project-quick-grid a:hover{border-color:var(--accent);transform:translateY(-1px);box-shadow:0 6px 18px #07346618}.project-quick-grid a b{font-size:12px;font-weight:800}.project-quick-grid a span{font-size:9px;color:#71869a;margin-top:5px}.project-quick-grid a.primary{background:linear-gradient(135deg,var(--brand),#0a72bb);color:#fff;border-color:transparent}.project-quick-grid a.primary span{color:#d7ebff}
.project-hero~.card.actions{padding:10px;gap:6px}.project-hero~.card.actions .btn{font-size:10px;min-height:33px}
@media(max-width:1100px){.project-kpis{grid-template-columns:repeat(3,1fr)}.project-quick-grid{grid-template-columns:1fr 1fr}}
@media(max-width:650px){.project-kpis{grid-template-columns:1fr 1fr}.project-quick-grid{grid-template-columns:1fr}.project-kpis article{min-height:80px}}

/* Portals and infographic project catalogue */
.portal-hero{min-height:145px;margin-bottom:14px;padding:25px 28px;border-radius:15px;color:#fff;display:flex;align-items:center;justify-content:space-between;background:linear-gradient(135deg,#062d5c,#075e9e 65%,#08a3a6);overflow:hidden;position:relative}.portal-hero:after{content:"";position:absolute;width:330px;height:330px;border:1px solid #ffffff22;border-radius:50%;left:-100px;top:-180px}.portal-hero h1{font-size:28px;color:#fff;margin:5px 0}.portal-hero p{margin:0;color:#d9ecff}.portal-hero small{color:#9ddcff}.portal-hero-mark{font-size:70px;color:#63dff1;opacity:.85}.portal-hero .btn{position:relative;z-index:2}
.portal-kpis{display:grid;grid-template-columns:repeat(5,1fr);gap:11px;margin-bottom:14px}.portal-kpis>article{min-height:112px;padding:15px;border:1px solid #e1e9f1;background:#fff;border-radius:12px;box-shadow:var(--shadow-card);display:grid;grid-template-columns:auto 1fr;column-gap:11px;align-content:center}.portal-kpis article>i{grid-row:1/4;width:42px;height:42px;display:grid;place-items:center;border-radius:12px;background:#eaf3ff;color:#1374d5;font-style:normal;font-size:19px}.portal-kpis span{font-size:10px;color:#566e87}.portal-kpis article>b{font-size:24px;color:#082f61}.portal-kpis small{font-size:9px;color:#8495a7}.portal-kpis .danger{border-color:#fecaca}.portal-kpis .danger b{color:#dc2626}.ring-kpi{display:flex!important;align-items:center!important;justify-content:center!important;gap:12px}.ring-kpi>div,.project-ring{--p:0;width:66px;height:66px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(#1674dd calc(var(--p)*1%),#e7edf4 0);position:relative;flex:none}.ring-kpi>div:after,.project-ring:after{content:"";position:absolute;inset:7px;border-radius:50%;background:#fff}.ring-kpi>div b,.project-ring>*{z-index:1}.ring-kpi>div b,.project-ring b{font-size:14px;color:#0a386b}.project-ring span{font-size:8px;color:#7890a7}.project-ring.large{width:112px;height:112px}.project-ring.large:after{inset:10px}.project-ring.xl{width:135px;height:135px;margin:15px auto}.project-ring.xl:after{inset:12px}.project-ring.xl b{font-size:25px}
.portal-dashboard{display:grid;grid-template-columns:minmax(0,1fr) 350px;gap:14px}.portal-dashboard aside{min-width:0}.card-head>a{color:#1474cd;text-decoration:none;font-size:10px}.client-project-list{display:grid;gap:9px}.client-project-list>article{display:grid;grid-template-columns:72px minmax(220px,1fr) auto auto;align-items:center;gap:14px;padding:12px;border:1px solid #e2e9f1;border-radius:11px}.client-project-list h3{margin:5px 0;font-size:13px}.client-project-list p,.client-project-list small{margin:0;color:#71869b;font-size:9px}.project-card-stats{display:flex;gap:8px}.project-card-stats span{padding:8px 10px;border-right:1px solid #e5ebf2;font-size:9px;display:flex;flex-direction:column}.portal-feed{display:grid;gap:3px}.portal-feed article{display:grid;grid-template-columns:34px 1fr;gap:9px;padding:10px 0;border-bottom:1px solid #edf1f5}.portal-feed article>i{width:31px;height:31px;display:grid;place-items:center;border-radius:50%;background:#dcfce7;color:#079455;font-style:normal}.portal-feed article div{display:flex;flex-direction:column}.portal-feed span,.portal-feed small{font-size:9px;color:#788da2}.portal-feed.detailed p{color:#526b83;line-height:1.8}.portal-contact{background:linear-gradient(145deg,#f4f9ff,#fff)}.portal-docs{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.portal-docs a{padding:10px;border:1px solid #e0e8f0;border-radius:9px;text-decoration:none;color:#17456f;display:flex;flex-direction:column}.portal-docs i{font-style:normal;color:#e43b3b;font-size:9px}.portal-docs b{font-size:10px}.portal-docs span{font-size:8px;color:#8193a5}.client-project-hero{padding:22px 25px;margin-bottom:14px;background:#fff;border:1px solid #e0e8f1;border-radius:14px;display:flex;align-items:center;justify-content:space-between}.client-project-hero h1{font-size:26px}.compact-kpis{grid-template-columns:repeat(4,1fr)}.compact-kpis .name{font-size:14px}.progress-infographic{padding:35px 15px 15px}.progress-line{height:8px;background:#e5ebf2;border-radius:9px;position:relative}.progress-line i{display:block;width:calc(var(--p)*1%);height:100%;border-radius:inherit;background:linear-gradient(90deg,#10b981,#1877dd)}.stage-labels{display:grid;grid-template-columns:repeat(6,1fr);margin-top:12px;text-align:center;font-size:9px;color:#8697a8}.stage-labels .done{color:#07865c;font-weight:800}
.employee-project-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.employee-project-grid article{display:grid;grid-template-columns:70px 1fr;gap:11px;padding:12px;border:1px solid #e1e8f0;border-radius:11px}.employee-project-grid article>a{grid-column:1/3}.employee-project-grid h3{margin:5px 0}.employee-project-grid p,.employee-project-grid small{font-size:9px;color:#71869b}.employee-task{display:flex;flex-direction:column;padding:10px;border-bottom:1px solid #e7edf3;text-decoration:none;color:#173f68}.employee-task span,.employee-task small{font-size:9px;color:#758a9f}
.projects-page-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.projects-page-head h1{font-size:27px;margin:4px 0}.projects-page-head small{color:#2c70b6}.projects-page-head p{color:#6e8398}.projects-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:12px}.projects-kpis article{min-height:132px;padding:18px;border:1px solid #dfe7ef;border-radius:13px;background:#fff;box-shadow:var(--shadow-card);display:flex;align-items:center;gap:14px;position:relative;overflow:hidden}.projects-kpis article>i{width:52px;height:52px;border-radius:14px;background:#eaf3ff;color:#1b73d0;display:grid;place-items:center;font-size:23px;font-style:normal}.projects-kpis span{display:block;font-size:10px}.projects-kpis b{font-size:26px}.projects-kpis small{display:block;color:#7b8fa3}.spark{position:absolute;bottom:12px;right:18px;left:18px;height:18px;background:linear-gradient(165deg,transparent 45%,#4a96ef 47% 51%,transparent 53%),linear-gradient(195deg,transparent 45%,#4a96ef 47% 51%,transparent 53%);opacity:.55}.spark.orange{filter:hue-rotate(150deg)}.project-insights{display:grid;grid-template-columns:1fr 1.25fr .75fr;gap:12px}.project-insights>.card{min-height:220px}.donut-insight{width:135px;height:135px;margin:10px auto;border-radius:50%;display:grid;place-items:center;background:conic-gradient(#1676dd 0 calc(var(--a)*1%),#f59e0b 0 calc((var(--a) + var(--b))*1%),#10b981 0);position:relative}.donut-insight:after{content:"";position:absolute;inset:28px;border-radius:50%;background:#fff}.donut-insight>div{z-index:1;text-align:center}.donut-insight b{display:block;font-size:22px}.insight-legend{display:flex;justify-content:center;gap:12px;font-size:9px}.insight-legend i{display:inline-block;width:7px;height:7px;border-radius:50%;margin-left:4px}.blue{background:#1676dd}.orange{background:#f59e0b}.green{background:#10b981}.type-bars>div{display:grid;grid-template-columns:130px 1fr 25px;gap:8px;align-items:center;margin:12px 0;font-size:9px}.type-bars i{height:10px;background:#e9eef4;border-radius:8px;overflow:hidden}.type-bars i b{display:block;height:100%;background:linear-gradient(90deg,#14a9a3,#1676dd)}.type-bars em{font-style:normal}.progress-summary{text-align:center}.progress-summary p{font-size:9px;color:#72869a}.projects-filter{display:grid;grid-template-columns:minmax(250px,1fr) repeat(3,180px) auto;gap:8px}.projects-showcase{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.showcase-card{background:#fff;border:1px solid #dfe7ef;border-radius:13px;box-shadow:var(--shadow-card);overflow:hidden}.showcase-card header,.showcase-card footer{display:flex;gap:7px;align-items:center;padding:12px}.showcase-card header{justify-content:space-between}.showcase-body{display:grid;grid-template-columns:72px 1fr;gap:12px;padding:5px 14px 14px}.showcase-body h3{margin:5px 0;font-size:14px}.showcase-body p,.showcase-body small{font-size:9px;color:#70859a}.showcase-meta{display:grid;grid-template-columns:repeat(3,1fr);border-block:1px solid #e8edf3}.showcase-meta span{padding:9px 7px;text-align:center;font-size:8px;color:#71869a}.showcase-meta span+span{border-right:1px solid #e8edf3}.showcase-meta b{display:block;color:#173f69;font-size:10px}.showcase-meta .danger b{color:#dc2626}.showcase-card footer .btn{flex:1;padding-inline:7px}
@media(max-width:1200px){.portal-kpis{grid-template-columns:repeat(3,1fr)}.projects-showcase{grid-template-columns:1fr 1fr}.projects-kpis{grid-template-columns:1fr 1fr}.project-insights{grid-template-columns:1fr 1fr}.progress-summary{grid-column:1/3}.projects-filter{grid-template-columns:1fr 1fr 1fr}.projects-filter input{grid-column:1/3}.portal-dashboard{grid-template-columns:1fr 300px}}
@media(max-width:850px){.portal-dashboard{grid-template-columns:1fr}.client-project-list>article{grid-template-columns:70px 1fr}.client-project-list .project-card-stats,.client-project-list>a{grid-column:1/3}.employee-project-grid{grid-template-columns:1fr}.projects-showcase{grid-template-columns:1fr}.project-insights{grid-template-columns:1fr}.progress-summary{grid-column:auto}.projects-filter{grid-template-columns:1fr}.projects-filter input{grid-column:auto}}
@media(max-width:600px){.portal-kpis,.compact-kpis,.projects-kpis{grid-template-columns:1fr 1fr}.portal-hero{padding:20px}.portal-hero h1{font-size:22px}.portal-hero-mark{display:none}.project-card-stats{display:none}.project-quick-grid{grid-template-columns:1fr}.projects-page-head{align-items:flex-start;flex-direction:column}.projects-kpis article{min-height:105px;padding:12px}.projects-kpis article>i{width:38px;height:38px}.portal-docs{grid-template-columns:1fr}.stage-labels{overflow:auto;grid-template-columns:repeat(6,80px)}}

/* Customer administration */
.clients-search{display:grid;grid-template-columns:minmax(280px,1fr) auto auto;gap:8px}.client-catalog{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.client-catalog-card{background:#fff;border:1px solid #dfe7ef;border-radius:13px;box-shadow:var(--shadow-card);overflow:hidden}.client-catalog-card header{display:grid;grid-template-columns:55px 1fr auto;gap:11px;align-items:center;padding:15px}.client-logo{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(145deg,#ddecff,#edf7ff);color:#126bc3;font-weight:800}.client-logo.large{width:52px;height:52px;font-size:19px}.client-logo.xl{width:78px;height:78px;border-radius:20px;font-size:28px}.client-catalog-card h2{font-size:14px;margin:0}.client-catalog-card p{font-size:9px;color:#72879c;margin:4px 0}.client-contact{display:grid;grid-template-columns:1fr 1fr;padding:0 15px 13px;gap:8px}.client-contact span{font-size:8px;color:#8395a7}.client-contact b{display:block;color:#183f68;font-size:9px;overflow:hidden;text-overflow:ellipsis}.client-numbers{display:grid;grid-template-columns:repeat(3,1fr);border-block:1px solid #e8edf3}.client-numbers span{padding:10px;text-align:center;font-size:9px;color:#71869a}.client-numbers span+span{border-right:1px solid #e8edf3}.client-numbers b{font-size:15px;color:#0b3a6e}.client-catalog-card footer{display:flex;gap:6px;padding:11px}.client-catalog-card footer .btn{flex:1;padding-inline:6px;font-size:9px}.client-profile-hero{display:flex;align-items:center;gap:17px;padding:20px 23px;margin-bottom:13px;background:linear-gradient(135deg,#fff,#f3f8fd);border:1px solid #dfe8f1;border-radius:14px}.client-profile-hero>div:nth-child(2){flex:1}.client-profile-hero h1{font-size:25px;margin:3px 0}.client-profile-hero p{font-size:10px;color:#6c8298}.client-admin-tabs{display:flex;gap:7px;position:sticky;top:70px;z-index:9;padding:8px;margin-bottom:12px;border:1px solid #e0e8f0;border-radius:10px;background:#ffffffee;backdrop-filter:blur(8px)}.client-admin-tabs a{padding:7px 12px;border-radius:7px;color:#174b7c;text-decoration:none;font-size:10px;font-weight:800}.client-admin-tabs a:hover{background:#eaf4ff}.portal-admin{scroll-margin-top:125px}.portal-user-list{display:grid;gap:7px}.portal-user-list article{display:grid;grid-template-columns:40px 1fr auto;align-items:center;gap:10px;padding:10px;border:1px solid #e2e9f1;border-radius:9px}.portal-user-list article>div:nth-child(2){display:flex;flex-direction:column}.portal-user-list span{font-size:9px;color:#758a9f}.portal-admin details{padding:9px;border:1px solid #e2e9f1;border-radius:9px;margin-bottom:8px}.portal-admin details form{display:grid;gap:7px}
@media(max-width:1100px){.client-catalog{grid-template-columns:1fr 1fr}}
@media(max-width:700px){.client-catalog{grid-template-columns:1fr}.clients-search{grid-template-columns:1fr}.client-profile-hero{align-items:flex-start;flex-wrap:wrap}.client-profile-hero .actions{width:100%}.client-admin-tabs{overflow:auto}.client-admin-tabs a{white-space:nowrap}}

/* Management dashboard and employee workspace */
.command-hero,.employee-hero{min-height:125px;margin-bottom:12px;padding:22px 25px;border-radius:14px;background:linear-gradient(125deg,#062d5c,#075f9d 68%,#09a7a7);color:#fff;display:flex;align-items:center;justify-content:space-between;position:relative;overflow:hidden}.command-hero:after,.employee-hero:after{content:"";position:absolute;left:-80px;top:-170px;width:360px;height:360px;border:1px solid #ffffff22;border-radius:50%}.command-hero h1,.employee-hero h1{font-size:25px;color:#fff;margin:4px 0}.command-hero p,.employee-hero p{margin:0;color:#d8ebff}.command-hero small,.employee-hero small{color:#9cd9f2}.command-hero .actions,.employee-hero-actions{position:relative;z-index:2;display:flex;gap:8px}
.command-kpis,.employee-kpis{display:grid;grid-template-columns:repeat(6,1fr);gap:10px;margin-bottom:12px}.command-kpis>a,.command-kpis>article,.employee-kpis>a,.employee-kpis>article{min-height:94px;padding:13px;background:#fff;border:1px solid #e0e8f1;border-radius:11px;box-shadow:var(--shadow-card);display:flex;align-items:center;gap:11px;text-decoration:none;color:#163b62}.command-kpis i,.employee-kpis i{width:43px;height:43px;border-radius:11px;display:grid;place-items:center;font-style:normal;font-size:20px;background:#eaf3ff;color:#1374d5}.command-kpis i.orange,.employee-kpis i.orange{background:#fff2e7;color:#f47a19}.command-kpis i.red{background:#fff0f1;color:#dc3545}.command-kpis i.green,.employee-kpis i.green{background:#eaf9f3;color:#079669}.command-kpis i.purple,.employee-kpis i.purple{background:#f1edff;color:#7657d5}.employee-kpis i.cyan{background:#e7fbfb;color:#079b9d}.command-kpis a>div,.employee-kpis a>div{display:flex;flex-direction:column}.command-kpis span,.employee-kpis span{font-size:9px;color:#61788f}.command-kpis b,.employee-kpis b{font-size:22px;color:#0a386b}.command-kpis small,.employee-kpis small{font-size:8px;color:#8092a4}.command-ring,.employee-average{justify-content:center!important;flex-direction:column;gap:5px!important}.command-ring .project-ring,.employee-average .project-ring{width:58px;height:58px}.command-grid{display:grid;grid-template-columns:minmax(0,1fr) 335px;gap:12px}.command-grid>main,.command-grid>aside{display:flex;flex-direction:column;gap:12px}.command-grid .card{margin-bottom:0}.dashboard-type-chart{height:190px;display:flex;align-items:flex-end;justify-content:space-around;gap:12px;padding:18px 10px 0}.dashboard-type-chart>div{height:100%;flex:1;display:grid;grid-template-rows:28px 1fr 22px;text-align:center;font-size:8px}.dashboard-type-chart i{width:32px;height:100%;margin:auto;border-radius:6px 6px 0 0;background:#edf2f7;display:flex;align-items:flex-end;overflow:hidden}.dashboard-type-chart i b{width:100%;border-radius:6px 6px 0 0;background:linear-gradient(180deg,#1c7ce4,#08aaa7)}.dashboard-type-chart em{font-style:normal;font-weight:800;color:#16436f}.dashboard-projects{display:grid;grid-template-columns:1fr 1fr;gap:8px}.dashboard-projects article{display:grid;grid-template-columns:66px 1fr auto;gap:10px;align-items:center;padding:10px;border:1px solid #e2e9f1;border-radius:10px}.dashboard-projects h3{font-size:11px;margin:4px 0}.dashboard-projects p{font-size:8px;color:#72869a}.dashboard-project-meta{display:flex;flex-direction:column;font-size:8px;color:#647b91}.dashboard-agenda article{display:grid;grid-template-columns:42px 12px 1fr;gap:6px;align-items:center;padding:8px 0}.dashboard-agenda time{font-size:10px;font-weight:800}.dashboard-agenda i{width:9px;height:9px;border-radius:50%;background:#1476d5;position:relative}.dashboard-agenda i:after{content:"";position:absolute;top:9px;right:4px;width:1px;height:34px;background:#dce5ed}.dashboard-agenda article:last-child i:after{display:none}.dashboard-agenda div{display:flex;flex-direction:column}.dashboard-agenda span{font-size:8px;color:#71869b}.dashboard-alerts>a{display:grid;grid-template-columns:auto 1fr auto;gap:7px;align-items:center;padding:9px 0;border-bottom:1px solid #edf1f5;text-decoration:none;color:#183f68}.dashboard-alerts div{display:flex;flex-direction:column}.dashboard-alerts small,.dashboard-alerts time{font-size:8px;color:#788da1}.quick-command>div{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.quick-command a{padding:9px 4px;border:1px solid #e4ebf2;border-radius:8px;text-align:center;text-decoration:none;color:#17466f;display:flex;flex-direction:column}.quick-command i{font-style:normal;font-size:18px;color:#1475d0}.quick-command span{font-size:8px}.map-command{margin-top:12px}.map-command .site-map{height:300px}
.employee-actions{display:grid;grid-template-columns:repeat(6,1fr);gap:8px;margin-bottom:12px}.employee-actions a{min-height:76px;padding:10px;border:1px solid #e0e8f1;border-radius:10px;background:#fff;color:#16436d;text-decoration:none;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px}.employee-actions i{font-style:normal;font-size:21px;color:#1475d0}.employee-actions span{font-size:9px;font-weight:800}.employee-layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:12px}.employee-layout>main,.employee-layout>aside{display:flex;flex-direction:column;gap:12px}.employee-project-showcase{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.employee-project-showcase>article{border:1px solid #e1e8f0;border-radius:10px;overflow:hidden}.employee-project-showcase header,.employee-project-showcase footer{padding:9px 10px;display:flex;gap:6px;align-items:center;justify-content:space-between}.employee-project-showcase>article>div{display:grid;grid-template-columns:65px 1fr;gap:10px;padding:5px 10px 10px}.employee-project-showcase h3{font-size:11px;margin:4px 0}.employee-project-showcase p,.employee-project-showcase small{font-size:8px;color:#71869a}.employee-project-showcase footer{border-top:1px solid #e8edf3;font-size:8px}.employee-project-showcase footer .btn{margin-right:auto;min-height:29px;padding:5px 8px}.employee-task-table>a{display:grid;grid-template-columns:8px 1fr auto;gap:10px;align-items:center;padding:10px;border-bottom:1px solid #e9eef3;text-decoration:none;color:#173f68}.employee-task-table>a>i{width:7px;height:28px;border-radius:5px;background:#3b82f6}.employee-task-table i.urgent{background:#ef4444}.employee-task-table i.high{background:#f59e0b}.employee-task-table a>div{display:flex;flex-direction:column}.employee-task-table span,.employee-task-table em{font-size:8px;color:#758a9f;font-style:normal}.employee-task-table .late{background:#fff7f7}.employee-agenda article{display:grid;grid-template-columns:64px 12px 1fr;gap:7px;align-items:center;padding:9px 0}.employee-agenda time{display:flex;flex-direction:column}.employee-agenda time span,.employee-agenda small{font-size:8px;color:#71869a}.employee-agenda>article>i{width:9px;height:9px;border-radius:50%;background:#0aa7a3}.employee-agenda div{display:flex;flex-direction:column}.employee-side-item{display:flex;flex-direction:column;padding:10px;border-bottom:1px solid #e8edf3;text-decoration:none;color:#174168}.employee-side-item span,.employee-side-item small{font-size:8px;color:#758a9f;line-height:1.6}
@media(max-width:1250px){.command-kpis,.employee-kpis{grid-template-columns:repeat(3,1fr)}.employee-project-showcase{grid-template-columns:1fr 1fr}}
@media(max-width:950px){.command-grid,.employee-layout{grid-template-columns:1fr}.employee-actions{grid-template-columns:repeat(3,1fr)}}
@media(max-width:700px){.command-hero,.employee-hero{align-items:flex-start;flex-direction:column}.command-kpis,.employee-kpis{grid-template-columns:1fr 1fr}.dashboard-projects,.employee-project-showcase{grid-template-columns:1fr}.employee-actions{grid-template-columns:1fr 1fr}.dashboard-type-chart{overflow:auto;justify-content:flex-start}.dashboard-type-chart>div{min-width:75px}}

/* Work teams and scoped project access */
.team-layout{display:grid;grid-template-columns:270px minmax(0,1fr);gap:13px;align-items:start}.team-directory{padding:10px;position:sticky;top:78px}.team-directory h2{padding:5px 8px 12px}.team-directory>a{display:grid;grid-template-columns:40px 1fr;gap:9px;align-items:center;padding:10px;border-radius:10px;text-decoration:none;color:#173f68}.team-directory>a:hover,.team-directory>a.active{background:#eaf4ff;color:#096bc8}.team-directory a>div:last-child{display:flex;flex-direction:column;min-width:0}.team-directory span,.team-directory small{font-size:8px;color:#72879c}.team-symbol{width:38px;height:38px;border-radius:11px;background:linear-gradient(145deg,#d9eaff,#e9fbfb);display:grid;place-items:center;font-weight:900;color:#086ec8}.team-hero{min-height:120px;padding:20px 23px;margin-bottom:12px;border-radius:14px;background:linear-gradient(125deg,#072e5b,#07659d 65%,#0aa7a7);color:#fff;display:flex;align-items:center;justify-content:space-between}.team-hero h1{margin:4px 0;color:#fff;font-size:24px}.team-hero p{margin:0;color:#d7eafa}.team-hero>div>span{font-size:9px;color:#9ed9ef}.team-hero-stats{display:flex;gap:8px}.team-hero-stats span{min-width:90px;padding:12px;text-align:center;border:1px solid #ffffff33;border-radius:10px;background:#ffffff12}.team-hero-stats b{display:block;font-size:21px}.team-members{display:grid;gap:7px}.team-members>article{display:grid;grid-template-columns:38px 1fr auto;gap:9px;align-items:center;padding:9px;border:1px solid #e1e9f1;border-radius:9px}.team-members article>div:nth-child(2){display:flex;flex-direction:column}.team-members span,.team-members small{font-size:8px;color:#758a9f}.team-projects{display:grid;gap:8px}.team-projects>article{display:grid;grid-template-columns:62px minmax(0,1fr) auto auto;gap:10px;align-items:center;padding:10px;border:1px solid #e0e8f0;border-radius:10px}.team-projects .project-ring{width:56px;height:56px}.team-projects h3{font-size:12px;margin:4px 0}.team-projects p{margin:0;font-size:8px;color:#758a9f}.floating-form.team-member-form{min-width:310px;display:grid;gap:7px;padding:10px;background:#fff;border:1px solid #dfe8f1;border-radius:10px;box-shadow:0 12px 30px #0a315122}.employee-team-block{padding:9px 0;border-bottom:1px solid #e7edf3}.employee-team-block header{display:flex;justify-content:space-between}.employee-team-block header span{font-size:8px;color:#768b9f}.employee-team-people{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:7px}.employee-team-people article{display:flex;gap:7px;align-items:center}.employee-team-people article>div:last-child{display:flex;flex-direction:column}.employee-team-people small{font-size:8px;color:#788da2}
@media(max-width:950px){.team-layout{grid-template-columns:1fr}.team-directory{position:static;display:grid;grid-template-columns:1fr 1fr}.team-directory h2{grid-column:1/-1}.team-projects>article{grid-template-columns:55px 1fr}.team-projects>article .btn,.team-projects>article form{grid-row:2}.team-hero{align-items:flex-start;gap:15px;flex-direction:column}}
@media(max-width:600px){.team-directory{grid-template-columns:1fr}.team-hero-stats{width:100%}.team-hero-stats span{flex:1}.employee-team-people{grid-template-columns:1fr}}
.showcase-card footer .project-delete-form{margin:0;display:flex}.showcase-card footer .project-delete-form .btn{white-space:nowrap}.showcase-card footer .project-delete-form .danger{background:#fff1f1;color:#c62828;border:1px solid #fecaca}.showcase-card footer .project-delete-form .danger:hover{background:#c62828;color:#fff}

/* System overview and completion audit */
.overview-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.overview-head h1{font-size:27px;margin:4px 0}.overview-head small{color:#1675d1}.overview-head p{margin:0;color:#6e8398}.overview-kpis{display:grid;grid-template-columns:repeat(6,1fr);gap:10px;margin-bottom:12px}.overview-kpis article{min-height:105px;padding:15px;border:1px solid #e0e8f0;border-radius:12px;background:#fff;box-shadow:var(--shadow-card);display:flex;flex-direction:column;justify-content:center}.overview-kpis span{font-size:9px;color:#667d93}.overview-kpis b{font-size:24px;color:#0a3a6f}.overview-kpis small{font-size:8px;color:#8193a5}.overview-grid{display:grid;grid-template-columns:1.05fr 1fr 1fr;gap:11px}.overview-grid>.card{margin-bottom:12px}.health-list{display:grid;grid-template-columns:1fr 1fr;gap:7px}.health-list>div{display:flex;justify-content:space-between;padding:10px;border-radius:9px;background:#edf9f3;color:#087852}.health-list>div.needs{background:#fff5eb;color:#b45309}.health-list span{font-size:9px}.health-list b{font-size:14px}.overview-bars>div{display:grid;grid-template-columns:115px 1fr 25px;gap:8px;align-items:center;margin:10px 0;font-size:8px}.overview-bars i{height:9px;border-radius:9px;background:#e8eef4;overflow:hidden}.overview-bars i b{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#216fde,#58a6ff)}.overview-bars.teal i b{background:linear-gradient(90deg,#08a79f,#36c5be)}.overview-bars em{font-style:normal;font-weight:800}.feature-audit{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.feature-audit article{display:grid;grid-template-columns:36px 1fr auto;gap:9px;align-items:center;padding:11px;border:1px solid #e0e8ef;border-radius:10px}.feature-audit article>i{width:33px;height:33px;border-radius:9px;display:grid;place-items:center;background:#eaf9f2;color:#078755;font-style:normal;font-size:16px}.feature-audit article>div{display:flex;flex-direction:column}.feature-audit span{font-size:8px;color:#71869a}.feature-audit em{font-size:8px;font-style:normal;color:#078755}.feature-audit .setup>i{background:#fff4e6;color:#d97706}.feature-audit .setup em{color:#d97706}.feature-audit .planned>i{background:#eef2f6;color:#64748b}.feature-audit .planned em{color:#64748b}.overview-grid.lower{grid-template-columns:1.25fr .8fr .65fr}.recommendation-list{display:grid;gap:7px}.recommendation-list a{display:grid;grid-template-columns:58px 1fr 20px;gap:8px;align-items:center;padding:10px;border:1px solid #e3eaf1;border-radius:9px;text-decoration:none;color:#17436e}.recommendation-list span{padding:4px;border-radius:8px;background:#fff1e7;color:#c25d08;text-align:center;font-size:8px}.recommendation-list span.عالية{background:#fff0f1;color:#c62828}.recommendation-list span.جيدة{background:#eaf9f2;color:#078755}.recommendation-list i{font-style:normal}.compact-table th,.compact-table td{padding:8px;font-size:9px}.report-directory{display:flex;flex-direction:column}.report-directory a{padding:9px;border-bottom:1px solid #e7edf3;color:#166bbb;text-decoration:none;font-size:9px}.overview-print-footer{text-align:center;padding:13px;color:#70859a;font-size:8px}.overview-head+.alert{margin-top:10px}
@media(max-width:1200px){.overview-kpis{grid-template-columns:repeat(3,1fr)}.overview-grid,.overview-grid.lower{grid-template-columns:1fr 1fr}.overview-grid>.card:first-child{grid-column:1/-1}.feature-audit{grid-template-columns:1fr 1fr}}
@media(max-width:750px){.overview-head{align-items:flex-start;flex-direction:column;gap:10px}.overview-kpis,.overview-grid,.overview-grid.lower,.feature-audit{grid-template-columns:1fr}.overview-grid>.card:first-child{grid-column:auto}.health-list{grid-template-columns:1fr}}
@media print{.overview-kpis{grid-template-columns:repeat(3,1fr)}.overview-grid,.overview-grid.lower{grid-template-columns:1fr 1fr}.feature-audit{grid-template-columns:1fr 1fr}.overview-head{margin-top:0}.overview-print-footer{display:block}.recommendation-list a{break-inside:avoid}}

/* Employee custody and GPS attendance */
.custody-head,.attendance-head{align-items:center}.custody-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:12px}.custody-kpis article{min-height:92px;padding:14px;border:1px solid #dfe8f1;border-radius:11px;background:#fff;box-shadow:var(--shadow-card);display:flex;flex-direction:column;justify-content:center}.custody-kpis span{font-size:9px;color:#687f96}.custody-kpis b{font-size:23px;color:#0a396c}.custody-kpis small{font-size:8px;color:#8294a5}.custody-kpis .danger{border-color:#fecaca;background:#fff7f7}.custody-kpis .danger b{color:#c62828}.custody-items{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:12px}.custody-items article{display:flex;flex-direction:column;padding:10px;border:1px solid #e1e9f1;border-radius:9px}.custody-items small{font-size:8px;color:#758b9f}.row-overdue{background:#fff6f6}.attendance-status{min-height:75px;margin-bottom:11px;padding:14px 18px;border:1px solid #dfe8f0;border-radius:12px;background:#fff;display:flex;align-items:center;justify-content:space-between}.attendance-status>div:first-child{display:grid;grid-template-columns:15px 1fr;column-gap:8px}.attendance-status i{grid-row:1/3;width:11px;height:11px;border-radius:50%;margin-top:5px;background:#94a3b8}.attendance-status b{font-size:12px}.attendance-status span{font-size:8px;color:#758a9e}.attendance-status.online{background:#effbf6;border-color:#bcebd7}.attendance-status.online i{background:#0aaa73;box-shadow:0 0 0 5px #0aaa7320}.attendance-status>div:last-child{font-size:9px;color:#39718e}.attendance-filter{display:grid;grid-template-columns:180px 180px minmax(200px,1fr) auto;gap:8px;align-items:end}.attendance-filter label{font-size:8px}.gps-confirm{padding:13px;margin-bottom:10px;border-radius:9px;background:#eaf5ff;color:#1268b7;text-align:center}.attendance-form .gps-submit:disabled{opacity:.45;cursor:not-allowed}.badge.warning{background:#fff4e5;color:#b35b08}.badge.success{background:#e9f9f2;color:#078353}
@media(max-width:900px){.custody-kpis{grid-template-columns:1fr 1fr}.custody-items{grid-template-columns:1fr 1fr}.attendance-filter{grid-template-columns:1fr 1fr}.attendance-status{align-items:flex-start;flex-direction:column;gap:9px}}
@media(max-width:550px){.custody-kpis,.custody-items,.attendance-filter{grid-template-columns:1fr}}
@media print{.custody-kpis{grid-template-columns:repeat(4,1fr)}.attendance-status{min-height:auto}.row-overdue{background:#fff!important}}

/* QA/QC — RFI, Submittals and Punch List */
.quality-hero{min-height:125px;margin-bottom:11px;padding:20px 23px;border-radius:14px;background:linear-gradient(125deg,#072e5b,#0a6096 70%,#0ba69f);color:#fff;display:flex;justify-content:space-between;align-items:center}.quality-hero h1{margin:4px 0;color:#fff;font-size:25px}.quality-hero small,.quality-hero p{color:#d5ebf8}.quality-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin-bottom:10px}.quality-kpis article{padding:13px 15px;border:1px solid #e0e8f0;border-radius:10px;background:#fff}.quality-kpis span{display:block;font-size:9px;color:#70869b}.quality-kpis b{font-size:22px;color:#0a396d}.quality-tabs{display:flex;gap:6px;padding:7px;margin-bottom:10px;background:#fff;border:1px solid #e0e8f0;border-radius:10px}.quality-tabs a{padding:9px 14px;border-radius:8px;text-decoration:none;color:#17466f;font-size:9px;font-weight:800}.quality-tabs a.active{background:#0c73cf;color:#fff}.quality-tabs b{display:inline-grid;place-items:center;min-width:19px;height:19px;margin-right:5px;border-radius:10px;background:#ffffff28}.quality-projects{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.quality-projects>a{padding:16px;border:1px solid #dfe8f0;border-radius:12px;background:#fff;text-decoration:none;color:#153f69;box-shadow:var(--shadow-card)}.quality-projects span,.quality-projects p{font-size:8px;color:#73889c}.quality-projects h2{font-size:14px}.quality-projects footer{display:flex;justify-content:space-between;margin-top:12px;padding-top:9px;border-top:1px solid #e8edf3;font-size:8px}.quality-list{display:grid;gap:8px}.quality-list>article{padding:13px;border:1px solid #dfe7ef;border-radius:10px}.quality-list article>header{display:flex;justify-content:space-between}.quality-list p{line-height:1.8}.quality-meta{display:flex;gap:15px;padding:8px;background:#f5f8fb;border-radius:8px;font-size:8px;color:#60788f}.quality-list blockquote,.punch-grid blockquote{margin:9px 0;padding:10px;border-right:3px solid #0aa49f;background:#effaf8;font-size:9px}.quality-list blockquote small{display:block;color:#73889c}.quality-list details{margin-top:8px}.quality-list details form{display:grid;grid-template-columns:1fr 180px auto;gap:7px}.punch-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.punch-grid>article{padding:12px;border:1px solid #dfe8f0;border-radius:11px;background:#fff}.punch-grid>article.verified{border-color:#bce9d5;background:#f4fcf8}.punch-grid article>header,.punch-grid article>footer{display:flex;justify-content:space-between;font-size:8px;color:#71869a}.punch-grid h3{font-size:11px}.punch-grid p{font-size:9px;line-height:1.7}.punch-photos{display:grid;grid-template-columns:1fr 1fr;gap:6px}.punch-photos figure{margin:0;position:relative}.punch-photos img{width:100%;height:115px;object-fit:cover;border-radius:8px}.punch-photos figcaption{position:absolute;right:5px;bottom:5px;padding:3px 7px;border-radius:6px;background:#062c55d9;color:#fff;font-size:7px}.punch-grid details{margin-top:9px}.punch-grid details form{display:grid;gap:7px}
@media(max-width:1000px){.quality-projects,.punch-grid{grid-template-columns:1fr 1fr}.quality-list details form{grid-template-columns:1fr}}
@media(max-width:650px){.quality-hero{align-items:flex-start;flex-direction:column}.quality-kpis{grid-template-columns:1fr 1fr}.quality-projects,.punch-grid{grid-template-columns:1fr}.quality-tabs{overflow:auto}.quality-tabs a{white-space:nowrap}.quality-meta{flex-direction:column;gap:4px}}
@media print{.quality-kpis{grid-template-columns:repeat(4,1fr)}.punch-grid{grid-template-columns:1fr 1fr}.quality-list>article,.punch-grid>article{break-inside:avoid}}

/* Global search, smart alerts and backup validation */
.search-hero,.alerts-hero{min-height:135px;margin-bottom:13px;padding:22px 25px;border-radius:14px;background:linear-gradient(125deg,#062d5b,#0869a5 70%,#0aa8a0);color:#fff;display:flex;align-items:center;justify-content:space-between}.search-hero h1,.alerts-hero h1{font-size:26px;color:#fff;margin:4px 0}.search-hero small,.search-hero p,.alerts-hero small,.alerts-hero p{color:#d7eaf8}.search-hero form{width:min(520px,48%);display:flex;gap:7px;padding:8px;background:#ffffff20;border:1px solid #ffffff30;border-radius:12px}.search-hero input{background:#fff;border:0;min-height:44px}.search-summary{padding:10px 14px;margin-bottom:10px;border-radius:9px;background:#eaf4ff;color:#155fa4}.search-results{display:grid;grid-template-columns:1fr 1fr;gap:10px}.search-results>.card{margin-bottom:0}.search-results section>a{display:grid;grid-template-columns:38px 1fr auto;gap:9px;align-items:center;padding:10px;border-bottom:1px solid #e7edf3;text-decoration:none;color:#173f68}.search-results section>a>i{width:35px;height:35px;border-radius:9px;background:#eaf4ff;color:#126bc3;display:grid;place-items:center;font-style:normal;font-weight:800}.search-results section>a>div{display:flex;flex-direction:column}.search-results span,.search-results small{font-size:8px;color:#758a9f}.search-results em{font-size:8px;font-style:normal;color:#1471c9}.search-help{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.search-help article{min-height:145px;padding:20px;border:1px solid #dfe8f0;border-radius:12px;background:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.search-help i{font-style:normal;font-size:30px;color:#1473cf}.search-help span{font-size:9px;color:#71869a}.alert-kpis{display:grid;grid-template-columns:repeat(7,1fr);gap:8px;margin-bottom:10px}.alert-kpis article{padding:12px;border:1px solid #e0e8f0;border-radius:10px;background:#fff}.alert-kpis span{display:block;font-size:8px;color:#71869a}.alert-kpis b{font-size:21px;color:#0b396b}.smart-alert-list{display:grid;gap:5px}.smart-alert-list>a{display:grid;grid-template-columns:38px 1fr auto;gap:9px;align-items:center;padding:10px;border:1px solid #e5ebf1;border-radius:9px;text-decoration:none;color:#173f68}.smart-alert-list i{width:34px;height:34px;border-radius:9px;background:#fff0f1;color:#cc2733;display:grid;place-items:center;font-style:normal;font-weight:900}.smart-alert-list i.warranty{background:#fff5e6;color:#c46b0a}.smart-alert-list i.stale{background:#eaf4ff;color:#176fc1}.smart-alert-list a>div{display:flex;flex-direction:column}.smart-alert-list span,.smart-alert-list em{font-size:8px;color:#74899d;font-style:normal}.backup-check-layout{display:grid;grid-template-columns:1fr 1fr;gap:11px}.backup-check-layout .card{margin-bottom:12px}.backup-check-layout form{display:grid;gap:9px}.restore-safety{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:14px}.restore-safety b{grid-column:1/-1}.restore-safety span{padding:8px;border-radius:8px;background:#edf9f4;color:#087c56;font-size:8px}.backup-result{border-top:4px solid #0aa06e}.backup-result.invalid{border-color:#d92d3a}.backup-file-row{display:grid;grid-template-columns:1fr auto auto;gap:10px;padding:10px;border-bottom:1px solid #e6edf3}.backup-file-row span,.backup-file-row small{font-size:8px;color:#73889c}.restore-policy ol{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;counter-reset:restore;list-style:none;padding:0}.restore-policy li{padding:12px;border:1px solid #e0e8f0;border-radius:9px;font-size:9px}.restore-policy li:before{counter-increment:restore;content:counter(restore);display:grid;place-items:center;width:27px;height:27px;margin-bottom:7px;border-radius:50%;background:#0c70c9;color:#fff;font-weight:800}
@media(max-width:1000px){.alert-kpis{grid-template-columns:repeat(4,1fr)}.search-results{grid-template-columns:1fr}.restore-policy ol{grid-template-columns:1fr 1fr 1fr}}
@media(max-width:700px){.search-hero,.alerts-hero{align-items:flex-start;flex-direction:column}.search-hero form{width:100%}.search-help,.backup-check-layout{grid-template-columns:1fr}.alert-kpis{grid-template-columns:1fr 1fr}.restore-policy ol{grid-template-columns:1fr}.restore-safety{grid-template-columns:1fr}.restore-safety b{grid-column:auto}}

/* 2026 final desktop polish — compact professional navigation */
:root{--nav-width:252px;--nav-mini:72px;--surface:#fff;--surface-soft:#f7f9fc;--line-strong:#d7e1ec;--focus-ring:0 0 0 3px color-mix(in srgb,var(--accent) 16%,transparent)}
html{scroll-behavior:smooth}body{letter-spacing:0;background:#f3f6fa}.sidebar.nav-v2{width:var(--nav-width);background:linear-gradient(180deg,color-mix(in srgb,var(--nav-bg) 92%,#071e38),var(--nav-bg-2));border-left:1px solid rgba(255,255,255,.07);box-shadow:-5px 0 24px rgba(4,30,59,.12)}body:not(.sidebar-collapsed):not(.sidebar-floating)>.app-shell{margin-right:var(--nav-width)!important;width:calc(100% - var(--nav-width))!important}.nav-v2 .sidebar-head{height:70px;padding:10px 12px;background:linear-gradient(90deg,rgba(255,255,255,.035),transparent)}.nav-v2 .brand-mark{width:41px;height:41px;border-radius:11px;border:1px solid rgba(255,255,255,.18);box-shadow:0 6px 16px rgba(0,0,0,.14)}.nav-v2 .brand-copy b{font-size:12px;max-width:138px;overflow:hidden;text-overflow:ellipsis}.nav-v2 .brand-copy small{font-size:8px;opacity:.78}.nav-v2 .sidebar-toggle{width:32px;height:32px;border:1px solid rgba(255,255,255,.12)}.nav-tools{padding:9px 9px 6px;position:relative;background:rgba(0,0,0,.06)}.nav-search{height:37px;border-radius:9px;background:rgba(255,255,255,.095);border-color:rgba(255,255,255,.13)}.nav-search:focus-within{background:#fff;border-color:#fff}.nav-v2 .side-nav{padding:6px 7px 12px}.nav-v2 .nav-group{margin:2px 0}.nav-v2 .nav-group-toggle{min-height:39px;padding:6px 8px;border-radius:8px;font-size:10.5px;font-weight:750}.nav-v2 .nav-group-toggle .nav-icon{width:27px;height:27px;border-radius:7px;font-size:14px}.nav-v2 .nav-group-toggle>b{opacity:.65}.nav-v2 .nav-group.open>.nav-group-toggle{background:linear-gradient(90deg,rgba(255,255,255,.12),rgba(255,255,255,.055));box-shadow:inset -2px 0 0 var(--accent)}.nav-v2 .nav-group-items{margin:2px 12px 5px 0;padding:2px 7px 2px 0}.nav-v2 .nav-group-items>a{min-height:31px!important;padding:5px 7px!important;font-size:9.5px!important;border-radius:7px!important}.nav-v2 .nav-group-items>a.active{background:linear-gradient(100deg,color-mix(in srgb,var(--accent) 82%,#0875cc),var(--accent))!important;box-shadow:0 5px 14px color-mix(in srgb,var(--accent) 22%,transparent)}.nav-v2 .nav-group-items>a .nav-icon{font-size:12px;width:18px}.nav-v2 .favorite-toggle{font-size:11px}.nav-v2 .nav-badge{min-width:19px;height:19px;font-size:8px}.nav-v2 .sidebar-user{min-height:62px;padding:9px 10px;background:rgba(0,0,0,.12)}.nav-v2 .sidebar-user .avatar{width:34px;height:34px}.nav-v2 .sidebar-user b{font-size:10px}.nav-v2 .sidebar-user small{font-size:8px}.nav-v2 .sidebar-user>a{font-size:16px;opacity:.8}
.app-topbar{height:66px;padding:0 20px;gap:13px;background:rgba(255,255,255,.96);backdrop-filter:blur(12px);border-bottom:1px solid #e2e9f1;box-shadow:0 2px 12px rgba(9,40,75,.045)}.top-title{min-width:190px}.top-title b{font-size:13px}.top-title small{font-size:8px}.global-search{height:40px;max-width:520px;border-radius:10px;background:#f5f8fc;border-color:#dde6ef}.global-search:focus-within{background:#fff;border-color:var(--accent);box-shadow:var(--focus-ring)}.global-search input{font-size:10px!important}.global-search kbd{padding:2px 6px;border:1px solid #d7e0e9;border-bottom-width:2px;border-radius:5px;background:#fff;color:#71859a;font:8px var(--font-ui);white-space:nowrap}.top-actions{gap:6px}.top-action{width:35px;height:35px;border-radius:9px!important;border-color:#dfe7ef!important;color:#17466f}.top-action:hover{background:#eaf4ff;transform:translateY(-1px)}.quick-launch-button{background:linear-gradient(145deg,var(--accent),color-mix(in srgb,var(--accent) 70%,#0872cc))!important;color:#fff!important;border:0!important;font-size:19px}.app-topbar .top-profile{min-width:150px;padding:4px 7px;border-radius:10px}.app-topbar .top-profile:hover{background:#f4f8fc}.app-topbar .top-profile img,.app-topbar .top-profile>i{width:34px;height:34px}.app-topbar .top-profile strong{font-size:9px}.app-topbar .top-profile small{font-size:7px}
.container{max-width:1600px;padding:14px 18px 36px}.page-context{min-height:38px;margin-bottom:12px;padding:0 2px 9px}.breadcrumbs{font-size:9px}.page-context p{font-size:9px}.page-head,.page-heading{margin-bottom:12px}.page-head h1,.page-heading h1{font-size:22px;line-height:1.35}.page-head p,.page-heading p{font-size:9px;line-height:1.8}.card,.ops-panel{border-radius:10px;padding:13px;border-color:#e0e7ef;box-shadow:0 3px 12px rgba(9,39,74,.04)}.card:hover{border-color:#d8e2ec}.card h2{font-size:12px}.card-head{min-height:33px}.card-head p{font-size:8px}.btn{min-height:34px;padding:7px 12px;border-radius:7px;font-size:9px;box-shadow:none}.btn:hover{transform:translateY(-1px);filter:saturate(1.08)}label{font-size:9px;margin-bottom:4px}input,select,textarea{min-height:36px;padding:8px 10px;border-radius:7px;font-size:10px!important}textarea{min-height:78px}.grid{gap:9px}table{font-size:9px}th,td{padding:8px 9px}th{font-size:8px;color:#516a82;background:#f5f8fb}.table-wrap{border:1px solid #e3eaf1;border-radius:9px;overflow:auto}.table-wrap table{margin:0}.table-wrap tbody tr:last-child td{border-bottom:0}.table-wrap tbody tr{transition:background .15s}.badge,.work-type{padding:3px 7px;font-size:7.5px}.empty-state{padding:28px!important;color:#7a8ea2}.alert{padding:9px 12px;border-radius:8px;font-size:9px}dialog{border:0!important;border-radius:13px!important;padding:0!important;max-height:90vh;overflow:auto}dialog::backdrop{background:rgba(4,25,49,.55);backdrop-filter:blur(3px)}dialog .dialog-card{width:min(620px,92vw);padding:18px!important;margin:0!important;border:0!important;box-shadow:none!important}details>summary{cursor:pointer}.actions{gap:6px}
.quick-launcher{width:min(760px,92vw);background:#fff}.quick-launcher-head{display:flex;align-items:center;justify-content:space-between;padding:18px 20px 10px}.quick-launcher-head h2{margin:2px 0;font-size:19px}.quick-launcher-head small{color:#1472ca}.quick-launcher-search{display:flex;align-items:center;gap:7px;margin:0 20px 12px;padding:0 11px;border:1px solid #dce5ee;border-radius:9px}.quick-launcher-search input{border:0!important;box-shadow:none!important}.quick-launcher-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;padding:0 20px 20px}.quick-launcher-grid>a{min-height:112px;padding:13px;border:1px solid #e0e8f0;border-radius:10px;text-decoration:none;color:#173f68;display:flex;flex-direction:column;justify-content:center;transition:.18s}.quick-launcher-grid>a:hover{border-color:var(--accent);background:#f4fbfb;transform:translateY(-2px);box-shadow:0 7px 18px rgba(9,47,82,.08)}.quick-launcher-grid i{font-style:normal;font-size:22px;color:var(--accent)}.quick-launcher-grid b{font-size:10px;margin:5px 0 2px}.quick-launcher-grid span{font-size:8px;color:#74899d}
body.sidebar-collapsed .nav-v2{width:var(--nav-mini)}body.sidebar-collapsed:not(.sidebar-floating)>.app-shell{margin-right:var(--nav-mini)!important;width:calc(100% - var(--nav-mini))!important}body.sidebar-collapsed .nav-v2 .sidebar-head{height:70px;flex-wrap:nowrap}body.sidebar-collapsed .nav-v2 .brand-mark{display:none}body.sidebar-collapsed .nav-v2 .nav-tools{padding:8px 5px}body.sidebar-collapsed .nav-v2 .nav-pin{display:none}body.sidebar-collapsed .nav-v2 .nav-group-toggle{padding:5px;justify-content:center}body.sidebar-collapsed .nav-v2 .nav-group-toggle .nav-icon{width:34px;height:34px}body.sidebar-collapsed .nav-v2 .sidebar-user{justify-content:center}
@media(max-width:1100px){:root{--nav-width:224px}.top-title{min-width:145px}.global-search{max-width:390px}.quick-launcher-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:900px){body>.app-shell{width:100%!important}.sidebar.nav-v2{width:286px!important}.app-topbar{height:58px;padding:0 10px}.quick-launch-button{display:grid!important}.global-search kbd{display:none}.container{padding:11px 9px 28px}.quick-launcher-grid{grid-template-columns:1fr 1fr}.page-head h1,.page-heading h1{font-size:19px}}

/* Sidebar directory: every business area is a separate visual section */
.nav-v2 .side-nav{display:flex;flex-direction:column;gap:6px;padding:8px 8px 14px;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.28) transparent}
.nav-directory-head{display:flex;align-items:center;justify-content:space-between;padding:3px 8px 7px;color:#fff;border-bottom:1px solid rgba(255,255,255,.12);margin-bottom:1px}
.nav-directory-head span{font-size:10px;font-weight:800}.nav-directory-head small{font-size:8px;color:rgba(255,255,255,.62);background:rgba(255,255,255,.08);padding:3px 7px;border-radius:999px}
.nav-v2 .nav-group{margin:0;border:1px solid rgba(255,255,255,.085);border-radius:10px;background:rgba(255,255,255,.025);overflow:hidden;flex:0 0 auto;transition:background .18s,border-color .18s,box-shadow .18s}
.nav-v2 .nav-group:hover{border-color:rgba(255,255,255,.15)}
.nav-v2 .nav-group.open{background:rgba(255,255,255,.065);border-color:color-mix(in srgb,var(--accent) 45%,rgba(255,255,255,.14));box-shadow:inset -3px 0 0 var(--accent),0 5px 14px rgba(0,0,0,.08)}
.nav-v2 .nav-group:not(.nav-quick){border-inline-start:3px solid var(--group-accent,var(--accent))}.nav-v2 .nav-group:not(.nav-quick)>.nav-group-toggle .nav-icon{background:color-mix(in srgb,var(--group-accent,var(--accent)) 24%,transparent);color:color-mix(in srgb,var(--group-accent,var(--accent)) 65%,#fff)}
.nav-v2 .nav-group.open{border-color:color-mix(in srgb,var(--group-accent,var(--accent)) 55%,rgba(255,255,255,.16));box-shadow:inset -3px 0 0 var(--group-accent,var(--accent)),0 5px 14px rgba(0,0,0,.08)}
.nav-v2 .nav-group-items>a.active{background:linear-gradient(100deg,color-mix(in srgb,var(--group-accent,var(--accent)) 80%,#075ea7),var(--group-accent,var(--accent)))!important}
.nav-v2 .nav-group-toggle{width:100%;margin:0!important;border-radius:9px!important;min-height:42px!important;padding:6px 8px!important}
.nav-v2 .nav-group.open>.nav-group-toggle{background:rgba(255,255,255,.055)!important;box-shadow:none!important}
.nav-v2 .nav-group-toggle .nav-label{flex:1;text-align:right;overflow:hidden;text-overflow:ellipsis}
.nav-v2 .nav-group-count{min-width:20px;height:20px;padding:0 5px;border-radius:7px;display:grid;place-items:center;background:rgba(255,255,255,.09);color:rgba(255,255,255,.72);font-size:8px;font-style:normal}
.nav-v2 .nav-group-toggle>b{width:15px;text-align:center;transition:transform .18s;opacity:.65}.nav-v2 .nav-group.open>.nav-group-toggle>b{transform:rotate(180deg);opacity:1}
.nav-v2 .nav-group-items{margin:0!important;padding:4px 8px 7px!important;border:0!important;background:rgba(0,0,0,.07)}
.nav-v2 .nav-group-items>a{position:relative;margin:2px 0!important;padding:6px 8px!important;border-radius:7px!important;border:1px solid transparent}
.nav-v2 .nav-group-items>a:hover{background:rgba(255,255,255,.08)!important;border-color:rgba(255,255,255,.07)}
.nav-v2 .nav-group-items>a.active{border-color:rgba(255,255,255,.2)!important;font-weight:800!important}
.nav-v2 .nav-quick{border-style:dashed;background:rgba(255,255,255,.018)}
body.sidebar-collapsed .nav-directory-head,body.sidebar-collapsed .nav-v2 .nav-group-count{display:none!important}
body.sidebar-collapsed .nav-v2 .side-nav{gap:5px;padding-inline:6px}body.sidebar-collapsed .nav-v2 .nav-group{border-color:transparent;background:transparent;overflow:visible}
body.sidebar-collapsed .nav-v2 .nav-group.open{box-shadow:none}body.sidebar-collapsed .nav-v2 .nav-group-toggle{min-height:43px!important}
@media(max-width:900px){.nav-directory-head{padding-top:6px}.nav-v2 .side-nav{gap:7px}.nav-v2 .nav-group-toggle{min-height:46px!important}.nav-v2 .nav-group-items>a{min-height:38px!important;font-size:11px!important}}
body.has-page-heading .page-context{display:none!important}body.has-page-heading .container{padding-top:14px}
.business-template-picker{grid-template-columns:minmax(230px,1.2fr) minmax(210px,1fr) minmax(210px,1fr) auto!important;align-items:end!important}.business-template-picker label{display:flex;flex-direction:column;gap:4px;margin:0}.business-template-picker select{width:100%}.business-template-picker button:disabled{opacity:.55;cursor:not-allowed}.business-template-note{margin-top:-6px;margin-bottom:10px;border-inline-start:4px solid #0aa69f!important;background:#eafaf6!important;color:#08715d!important}@media(max-width:850px){.business-template-picker{grid-template-columns:1fr 1fr!important}.business-template-picker>div{grid-column:1/-1}}@media(max-width:520px){.business-template-picker{grid-template-columns:1fr!important}}
.specialized-template-fields{margin-top:13px;padding:13px;border:1px solid #d8e7ef;border-radius:12px;background:linear-gradient(135deg,#f7fbff,#f3fcfa)}.specialized-template-fields>header{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.specialized-template-fields h3{margin:2px 0;color:#093e6c;font-size:14px}.specialized-template-fields small{color:#0a8c88;font-size:8px}.specialized-template-fields>header>span{padding:4px 8px;border-radius:99px;background:#e1f5f1;color:#08796e;font-size:8px}.specialized-field-group{padding:10px 0;border-top:1px solid #e2ebf1}.specialized-field-group>b{display:block;margin-bottom:7px;color:#256083;font-size:9px}.specialized-field-group>div{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.specialized-field-group label{display:flex;flex-direction:column;gap:4px}.specialized-field-group label.wide{grid-column:span 2}.specialized-field-group input,.specialized-field-group select,.specialized-field-group textarea{width:100%}@media(max-width:800px){.specialized-field-group>div{grid-template-columns:1fr 1fr}}@media(max-width:520px){.specialized-field-group>div{grid-template-columns:1fr}.specialized-field-group label.wide{grid-column:auto}}

/* Project portfolio by type */
.projects-page-head.typed-project-head{min-height:150px;padding:24px 27px!important;background:linear-gradient(115deg,#072f5b,#096a9e 70%,#0aafa6)!important;color:#fff;border:0!important;box-shadow:0 12px 32px rgba(7,55,98,.16)!important}
.typed-project-head:before{display:none!important}.typed-project-head h1,.typed-project-head p,.typed-project-head small{color:#fff!important}.typed-project-head h1{font-size:25px!important}.typed-project-head p{max-width:720px;color:#dcedf8!important}.type-head-meta{display:flex;gap:6px;flex-wrap:wrap;margin-top:12px}.type-head-meta span{padding:5px 9px;border:1px solid rgba(255,255,255,.18);border-radius:999px;background:rgba(255,255,255,.1);font-size:8px;color:#fff}
.project-type-switcher{display:flex;align-items:center;gap:7px;overflow:auto;margin:0 0 12px;padding:9px;border:1px solid #dce7ef;border-radius:12px;background:#fff;box-shadow:0 5px 16px rgba(8,55,96,.05);scrollbar-width:thin}
.project-type-switcher a{flex:0 0 auto;display:flex;align-items:center;gap:6px;min-height:34px;padding:6px 12px;border:1px solid #e0e9f1;border-radius:8px;background:#f7fafd;color:#315b7e;text-decoration:none;font-size:8px;font-weight:750}.project-type-switcher a:hover{border-color:#8bc4e3;background:#fff}.project-type-switcher a.active{border-color:transparent;background:linear-gradient(135deg,#0969ad,#09a9a3);color:#fff;box-shadow:0 5px 13px rgba(8,126,160,.18)}.project-type-switcher i{font-style:normal;font-size:7px}
.typed-project-head+.project-type-switcher+.projects-kpis article{border-top:3px solid #0aa6a1!important}.projects-filter{grid-template-columns:minmax(210px,1.5fr) repeat(4,minmax(130px,1fr)) auto!important}.projects-showcase .empty-state{grid-column:1/-1;min-height:180px;display:grid;place-content:center;font-size:11px}
@media(max-width:1050px){.projects-filter{grid-template-columns:1fr 1fr 1fr!important}.typed-project-head{align-items:flex-start!important}}
@media(max-width:650px){.projects-page-head.typed-project-head{padding:18px!important}.typed-project-head h1{font-size:20px!important}.type-head-meta{display:none}.project-type-switcher{margin-inline:-2px}.projects-filter{grid-template-columns:1fr!important}}
@media(max-width:520px){.quick-launcher-grid{grid-template-columns:1fr}.quick-launcher-grid>a{min-height:82px}.quick-launcher{width:95vw}.top-actions .quick-launch-button{display:grid!important}.card{padding:11px}th,td{padding:7px}.global-search{display:none}}

/* Installable field application */
.pwa-install-action{background:#eefaf8!important;color:#078c82!important;border-color:#bce9e4!important;font-size:18px}.pwa-install-action.ready{display:grid!important;animation:pwa-pulse 2.4s infinite}@keyframes pwa-pulse{50%{box-shadow:0 0 0 7px rgba(8,167,165,0)}}
.pwa-toast{position:fixed;z-index:99999;right:calc(var(--nav-width) + 18px);bottom:18px;max-width:390px;padding:11px 13px;border:1px solid #cbdbe8;border-radius:10px;background:#082f59;color:#fff;box-shadow:0 12px 35px #062b5240;display:flex;align-items:center;gap:12px;transform:translateY(30px);opacity:0;transition:.2s}.pwa-toast.show{transform:none;opacity:1}.pwa-toast span{font-size:9px;line-height:1.7}.pwa-toast button{border:0;border-radius:6px;background:#0bb2a7;color:#fff;padding:7px 10px;font-family:inherit;font-size:8px;white-space:nowrap}
.install-hero{min-height:260px;margin-bottom:12px;padding:28px 34px;border-radius:16px;background:radial-gradient(circle at 15% 20%,#0a70cf55,transparent 35%),linear-gradient(125deg,#05284e,#073f78 65%,#069b9a);color:#fff;display:grid;grid-template-columns:1fr 250px;align-items:center;gap:30px;overflow:hidden}.install-hero-copy{max-width:720px}.install-eyebrow{font-size:8px;letter-spacing:2px;color:#72e2db}.install-hero h1{margin:5px 0 7px;color:#fff;font-size:29px}.install-hero p{max-width:660px;color:#d6e9f5;font-size:10px;line-height:2}.install-main-button{background:#0bb2a7!important;border-color:#0bb2a7!important}.install-device{width:210px;min-height:210px;justify-self:center;padding:23px;border:1px solid #ffffff25;border-radius:25px;background:#ffffff12;box-shadow:inset 0 1px #ffffff22,0 20px 40px #031e3b55;display:flex;align-items:center;flex-direction:column;text-align:center}.install-device img{width:78px;height:78px;border-radius:20px;box-shadow:0 10px 25px #001b3555}.install-device b{font-size:17px;margin-top:11px}.install-device small{font-size:8px;color:#c5e3f2}.install-device div{display:flex;gap:5px;margin-top:14px}.install-device span{padding:4px 7px;border-radius:10px;background:#ffffff13;font-size:7px;color:#d9f4f2}
.install-status-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin-bottom:11px}.install-status-grid article{min-height:82px;padding:13px;border:1px solid #e0e8f0;border-radius:11px;background:#fff;display:flex;align-items:center;gap:11px;box-shadow:var(--shadow-card)}.install-status-grid i{width:41px;height:41px;border-radius:11px;background:#eaf4ff;color:#0b70ca;display:grid;place-items:center;font-style:normal;font-size:18px}.install-status-grid div{display:flex;flex-direction:column}.install-status-grid small{font-size:8px;color:#72879a}.install-status-grid b{font-size:10px;color:#123e68}.install-layout{display:grid;grid-template-columns:1fr 1fr;gap:11px}.install-steps ol{list-style:none;padding:0;counter-reset:install}.install-steps li{position:relative;min-height:59px;padding:9px 48px 9px 8px;border-bottom:1px solid #e8edf3;display:flex;flex-direction:column;justify-content:center}.install-steps li:before{counter-increment:install;content:counter(install);position:absolute;right:5px;width:31px;height:31px;border-radius:50%;background:#eaf4ff;color:#096cc3;display:grid;place-items:center;font-size:10px;font-weight:800}.install-steps li b{font-size:9px}.install-steps li span{font-size:8px;color:#71869a}.install-note{padding:10px;border-radius:8px;background:#fff7e8;color:#945500;font-size:8px}.install-capabilities>div:last-child{display:grid;grid-template-columns:repeat(6,1fr);gap:8px}.install-capabilities article{min-height:120px;padding:14px;border:1px solid #e2e9f0;border-radius:10px;display:flex;flex-direction:column}.install-capabilities i{font-style:normal;font-size:21px;color:#079d96}.install-capabilities b{font-size:9px;margin:7px 0 3px}.install-capabilities span{font-size:8px;line-height:1.7;color:#73889c}
body.is-offline .connection-state{color:#ef8a17!important}.pwa-standalone .pwa-install-action{display:none!important}
.pwa-admin-monitor{margin-bottom:12px}.pwa-admin-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin-bottom:12px}.pwa-admin-kpis article{padding:14px;border:1px solid #dce7f1;border-radius:11px;background:linear-gradient(145deg,#fff,#f5f9fd);display:flex;flex-direction:column}.pwa-admin-kpis span{font-size:9px;color:#61778d}.pwa-admin-kpis b{font-size:25px;color:#0868b9}.pwa-admin-kpis small{font-size:8px;color:#8496a7}.pwa-admin-monitor table{min-width:700px}
@media(max-width:1000px){.install-capabilities>div:last-child{grid-template-columns:repeat(3,1fr)}.install-status-grid{grid-template-columns:1fr 1fr}.install-hero{grid-template-columns:1fr 190px}}
@media(max-width:700px){.install-hero{padding:22px;grid-template-columns:1fr}.install-device{display:none}.install-hero h1{font-size:23px}.install-layout{grid-template-columns:1fr}.install-capabilities>div:last-child{grid-template-columns:1fr 1fr}.pwa-toast{right:10px;left:10px;bottom:12px;max-width:none}}
@media(max-width:700px){.pwa-admin-kpis{grid-template-columns:1fr 1fr}}
.panel-center-hero{padding:24px 28px;margin-bottom:12px;border-radius:15px;background:linear-gradient(120deg,#062d57,#07508a 65%,#0aa8a2);color:#fff;display:flex;align-items:center;justify-content:space-between;gap:20px}.panel-center-hero span{font-size:8px;letter-spacing:2px;color:#7ee8df}.panel-center-hero h1{margin:4px 0;color:#fff;font-size:25px}.panel-center-hero p{margin:0;color:#d9eaf5;font-size:9px}.panel-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:12px}.panel-kpis article{padding:15px;border:1px solid #dce6ef;border-radius:11px;background:#fff;box-shadow:var(--shadow-card);display:flex;flex-direction:column}.panel-kpis span{font-size:8px;color:#678097}.panel-kpis b{font-size:24px;color:#0a4c85}.panel-kpis small{font-size:8px;color:#8799aa}.panel-board{display:grid;grid-template-columns:repeat(3,1fr);gap:11px}.panel-job-card{padding:15px;border:1px solid #dde7f0;border-radius:12px;background:#fff;box-shadow:0 5px 20px #0b31520b}.panel-job-card header{display:flex;justify-content:space-between;align-items:center}.panel-job-card header>div{display:flex;gap:5px;align-items:center}.panel-job-card header>b{font-size:10px;color:#0a5da4}.panel-job-card h3{margin:12px 0 3px;font-size:14px}.panel-job-card>p{min-height:24px;font-size:8px;color:#73889b}.panel-spec-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:4px}.panel-spec-strip span{padding:6px 3px;border-radius:6px;background:#edf5fc;color:#275d89;text-align:center;font-size:8px}.panel-card-meta{display:grid;grid-template-columns:1fr 1fr;gap:5px;margin:10px 0}.panel-card-meta span{padding:6px;border:1px solid #e5ebf1;border-radius:6px;font-size:8px;color:#72869a}.panel-card-meta b{color:#153f67}.panel-create-modal{max-width:1050px}.panel-workshop-head{padding:18px 23px;margin-bottom:10px;border:1px solid #dce6ef;border-radius:13px;background:linear-gradient(120deg,#fff,#f3f8fc);display:flex;justify-content:space-between;align-items:center}.panel-workshop-head h1{margin:5px 0;font-size:23px}.panel-workshop-head p{font-size:9px;color:#6d8297}.panel-progress-ring{--p:0;width:88px;height:88px;border-radius:50%;background:conic-gradient(#0aaa76 calc(var(--p)*1%),#e5edf4 0);display:grid;place-content:center;text-align:center;position:relative}.panel-progress-ring:before{content:"";position:absolute;inset:8px;border-radius:50%;background:#fff}.panel-progress-ring b,.panel-progress-ring small{position:relative}.panel-progress-ring b{font-size:17px}.panel-progress-ring small{font-size:7px;color:#71859a}.panel-workshop-tabs{position:sticky;top:70px;z-index:20;margin-bottom:10px;padding:7px;border:1px solid #dce6ef;border-radius:10px;background:#fff;display:flex;gap:5px;overflow:auto}.panel-workshop-tabs a{padding:8px 12px;border-radius:7px;background:#eff6fc;color:#155b93;font-size:8px;white-space:nowrap}.drawing-register{display:grid;gap:6px}.drawing-register article{display:grid;grid-template-columns:48px 1fr auto auto;gap:8px;align-items:center;padding:8px;border:1px solid #e0e8f0;border-radius:8px}.drawing-sheet-no{height:38px;border-radius:7px;background:#0d67b4;color:#fff;display:grid;place-items:center;font-weight:800}.drawing-register article>div:nth-child(2){display:flex;flex-direction:column}.drawing-register small{font-size:8px;color:#788b9e}.panel-check-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:7px}.panel-check-grid label{min-height:46px;padding:8px;border:1px solid #e0e8f0;border-radius:8px;display:grid;grid-template-columns:18px 28px 1fr;gap:7px;align-items:center}.panel-check-grid label:has(input:checked){background:#edfbf6;border-color:#afe5d1}.panel-check-grid span{width:25px;height:25px;border-radius:50%;background:#eaf3fb;color:#1268ad;display:grid;place-items:center;font-size:8px}.panel-check-grid b{font-size:8px}
@media(max-width:1000px){.panel-board{grid-template-columns:1fr 1fr}.panel-kpis{grid-template-columns:1fr 1fr}}@media(max-width:700px){.panel-center-hero{align-items:flex-start;flex-direction:column}.panel-board{grid-template-columns:1fr}.panel-check-grid{grid-template-columns:1fr}.panel-workshop-tabs{top:58px}}
.panel-readiness{display:grid;grid-template-columns:repeat(4,minmax(120px,1fr)) auto;gap:8px;margin:0 0 10px}.panel-readiness article{min-height:70px;padding:11px 13px;border:1px solid #dce7f0;border-radius:10px;background:linear-gradient(145deg,#fff,#f6fafd);display:flex;flex-direction:column;justify-content:center}.panel-readiness span,.panel-readiness small{font-size:8px;color:#71869a}.panel-readiness b{margin:2px 0;font-size:17px;color:#0a5794}.panel-readiness-actions{display:flex;flex-direction:column;gap:6px;justify-content:center}.panel-readiness-actions .btn{margin:0;white-space:nowrap}@media(max-width:1050px){.panel-readiness{grid-template-columns:repeat(2,1fr)}.panel-readiness-actions{grid-column:1/-1;flex-direction:row}}@media(max-width:600px){.panel-readiness{grid-template-columns:1fr 1fr}.panel-readiness article{min-height:64px}.panel-readiness-actions{grid-column:1/-1}}
.panel-stage-filter,.panel-engineering-tools{display:flex;gap:6px;align-items:center;overflow:auto;padding:7px 0 12px}.panel-stage-filter button{flex:0 0 auto;padding:8px 11px;border:1px solid #d9e5ee;border-radius:8px;background:#f5f9fc;color:#285b85;font:inherit;cursor:pointer}.panel-stage-filter button b{display:inline-grid;min-width:20px;height:20px;padding:0 5px;margin-inline-start:4px;border-radius:10px;background:#e3eef8;place-items:center}.panel-stage-filter button.is-active{border-color:#087bb8;background:#087bb8;color:#fff}.panel-stage-filter button.is-active b{background:#fff;color:#087bb8}.panel-engineering-tools{justify-content:flex-end;margin:-2px 0 8px}.drawing-register article{grid-template-columns:48px minmax(150px,1fr) repeat(3,auto)}@media(max-width:700px){.panel-engineering-tools{justify-content:flex-start}.drawing-register article{grid-template-columns:42px 1fr}.drawing-register article>a,.drawing-register article>button{grid-row:2}}
.panel-ops-hero{padding:22px 25px;margin-bottom:10px;border-radius:14px;background:linear-gradient(120deg,#062e59,#096397 68%,#0aa8a2);color:#fff;display:flex;align-items:center;justify-content:space-between;gap:18px}.panel-ops-hero small{font-size:8px;letter-spacing:1.5px;color:#8de8e2}.panel-ops-hero h1{margin:4px 0;color:#fff;font-size:24px}.panel-ops-hero p{margin:0;color:#dcecf7;font-size:9px}.panel-ops-hero form{min-width:310px}.panel-ops-hero label{color:#fff}.panel-ops-hero select{background:#fff}.panel-ops-kpis{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin-bottom:10px}.panel-ops-kpis article{padding:13px;border:1px solid #dce6ef;border-radius:10px;background:#fff;box-shadow:var(--shadow-card);display:flex;flex-direction:column}.panel-ops-kpis span,.panel-ops-kpis small{font-size:8px;color:#71869a}.panel-ops-kpis b{font-size:21px;color:#0a5794}.panel-map-layout{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:10px}.panel-map-layout>div{height:450px;border-radius:11px;border:1px solid #dce6ef}.panel-map-layout aside{max-height:450px;overflow:auto;padding:10px;border:1px solid #dce6ef;border-radius:11px;background:#f8fbfd}.panel-map-layout aside>a{display:flex;flex-direction:column;padding:9px;margin-top:6px;border-radius:8px;background:#fff;border:1px solid #e0e9f1}.panel-map-layout aside small{font-size:7px;color:#73899b}.panel-map-marker span{width:34px;height:34px;border:3px solid #fff;border-radius:50% 50% 50% 6px;box-shadow:0 3px 12px #062b5266;color:#fff;display:grid;place-items:center;transform:rotate(-45deg)}.panel-map-marker span::first-letter{transform:rotate(45deg)}.mini-input{width:80px!important}.shortage-alert{margin-top:10px;padding:10px;border-radius:8px;background:#fff4e5;color:#9a5700;display:flex;justify-content:space-between;align-items:center}.wire-label-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.wire-label-grid article{padding:13px;border:2px dashed #aac2d7;border-radius:8px;text-align:center;background:#fff}.wire-label-grid b{display:block;font-size:18px;color:#082f59}.wire-label-grid span,.wire-label-grid small{display:block;font-size:8px}.quality-board,.shipment-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.quality-board article,.shipment-grid article{padding:13px;border:1px solid #dde7ef;border-radius:10px;background:#fff}.quality-board article{border-inline-start:4px solid #f4a51c}.quality-board .severity-high{border-inline-start-color:#ef6a46}.quality-board .severity-critical{border-inline-start-color:#dc3545}.quality-board header,.shipment-grid header{display:flex;justify-content:space-between;gap:8px}.quality-board p,.shipment-grid p{font-size:8px;color:#6e8395}.resolution{margin-top:8px;padding:7px;border-radius:6px;background:#e9f9f2;color:#0a7d55}.shipment-grid dl{display:grid;grid-template-columns:auto 1fr;gap:4px;font-size:8px}.shipment-grid dd{margin:0;font-weight:700}@media(max-width:1000px){.panel-ops-kpis{grid-template-columns:repeat(3,1fr)}.wire-label-grid{grid-template-columns:repeat(2,1fr)}.quality-board,.shipment-grid{grid-template-columns:1fr 1fr}}@media(max-width:700px){.panel-ops-hero{align-items:flex-start;flex-direction:column}.panel-ops-hero form{min-width:100%;width:100%}.panel-ops-kpis{grid-template-columns:1fr 1fr}.panel-map-layout{grid-template-columns:1fr}.panel-map-layout>div{height:360px}.quality-board,.shipment-grid{grid-template-columns:1fr}}
@media print{.wire-label-grid{grid-template-columns:repeat(4,1fr)}.wire-label-grid article{break-inside:avoid}.panel-map-layout aside{display:none}.panel-map-layout{grid-template-columns:1fr}}
.panel-qr-row{display:flex;align-items:center;gap:8px;margin:7px 0 12px;padding:8px;border-radius:8px;background:#fff;border:1px solid #dce7ef}.panel-qr{width:74px;height:74px;flex:0 0 74px}.panel-qr img,.panel-qr canvas{width:74px!important;height:74px!important}.panel-qr-row>span{display:flex;flex-direction:column;min-width:0}.panel-qr-row b{font-size:8px;word-break:break-all}.panel-qr-row small{font-size:7px;color:#71869a}
.excavation-hero{padding:23px 26px;margin-bottom:10px;border-radius:14px;background:linear-gradient(120deg,#3f2919,#8b542b 62%,#db8b2c);color:#fff;display:flex;align-items:center;justify-content:space-between;gap:18px}.excavation-hero small{font-size:8px;letter-spacing:1.5px;color:#ffdda5}.excavation-hero h1{margin:4px 0;color:#fff;font-size:24px}.excavation-hero p{margin:0;color:#fff2dc;font-size:9px}.excavation-hero form{min-width:320px}.excavation-hero label{color:#fff}.excavation-hero select{background:#fff}.excavation-kpis{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin-bottom:10px}.excavation-kpis article{padding:13px;border:1px solid #e5ddd5;border-radius:10px;background:#fff;display:flex;flex-direction:column;box-shadow:var(--shadow-card)}.excavation-kpis span,.excavation-kpis small{font-size:8px;color:#7e756c}.excavation-kpis b{font-size:21px;color:#855025}.excavation-map-layout{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:10px}.excavation-map-layout>div{height:470px;border:1px solid #dfE6ed;border-radius:11px}.excavation-map-layout aside{max-height:470px;overflow:auto;padding:11px;border:1px solid #e1e7ec;border-radius:11px;background:#f9fbfc}.excavation-map-layout aside>a{display:flex;flex-direction:column;padding:8px;margin-top:6px;border:1px solid #e2e8ed;border-radius:8px;background:#fff}.excavation-map-layout aside small{font-size:7px;color:#778898}.map-legend{display:grid;grid-template-columns:1fr 1fr;gap:5px;margin:8px 0}.map-legend span{font-size:7px}.map-legend i{display:inline-block;width:9px;height:9px;border-radius:50%;margin-inline-end:4px}.map-legend .planned{background:#8a9aaa}.map-legend .working{background:#f59b20}.map-legend .stopped{background:#df4655}.map-legend .done{background:#0a9f62}.excavation-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.excavation-cards>article{padding:14px;border:1px solid #e0e7ed;border-radius:11px;background:#fff}.excavation-cards header{display:flex;justify-content:space-between;align-items:center}.excavation-cards header>div{display:flex;gap:5px;align-items:center}.excavation-cards header span{padding:4px 7px;border-radius:12px;background:#fff1dd;color:#95560c;font-size:7px}.excavation-cards header strong{font-size:18px;color:#875122}.excavation-cards h3{margin:10px 0 3px}.excavation-cards p,.excavation-cards>article>small{font-size:8px;color:#718292}.excavation-measures{display:grid;grid-template-columns:1fr 1fr;gap:5px;margin:10px 0}.excavation-measures span{padding:7px;border-radius:7px;background:#f5f8fa;font-size:7px}.excavation-measures b{display:block;color:#654326;font-size:9px}.segment-update{display:grid;grid-template-columns:1fr 75px auto;gap:5px;margin-top:9px}.equipment-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.equipment-grid article{padding:12px;border:1px solid #dfe7ed;border-radius:10px;background:#fff}.equipment-grid header{display:flex;justify-content:space-between}.equipment-grid p{font-size:8px;color:#718292}.equipment-grid article>div{display:flex;justify-content:space-between;align-items:end}.quantity-preview{display:flex;gap:8px;margin:10px 0}.quantity-preview span{flex:1;padding:10px;border-radius:8px;background:#fff4e4;color:#81501e}.quantity-preview b{display:block;font-size:17px}.wide-modal{max-width:1100px!important}@media(max-width:1050px){.excavation-kpis{grid-template-columns:repeat(3,1fr)}.excavation-cards{grid-template-columns:1fr 1fr}.equipment-grid{grid-template-columns:1fr 1fr}}@media(max-width:700px){.excavation-hero{align-items:flex-start;flex-direction:column}.excavation-hero form{min-width:100%;width:100%}.excavation-kpis{grid-template-columns:1fr 1fr}.excavation-map-layout{grid-template-columns:1fr}.excavation-map-layout>div{height:370px}.excavation-cards,.equipment-grid{grid-template-columns:1fr}.segment-update{grid-template-columns:1fr}.quantity-preview{flex-direction:column}}
.panel-workshop-tabs .engineering-tab{background:#076bb8;color:#fff}.panel-engineering-hero{padding:20px 24px;margin-bottom:10px;border-radius:14px;background:linear-gradient(115deg,#06284d,#064c85);color:#fff;display:flex;justify-content:space-between;align-items:center}.panel-engineering-hero a{color:#79e3dc;font-size:8px}.panel-engineering-hero>div>small{display:block;margin-top:7px;color:#72d9d5;font-size:7px;letter-spacing:1.6px}.panel-engineering-hero h1{margin:3px 0;color:#fff;font-size:23px}.panel-engineering-hero p{margin:0;color:#d1e5f3;font-size:8px}.io-summary{display:flex;gap:7px}.io-summary span{width:55px;height:55px;border:1px solid #ffffff24;border-radius:9px;background:#ffffff10;display:flex;align-items:center;justify-content:center;flex-direction:column}.io-summary b{font-size:17px}.io-summary small{font-size:7px;color:#9dd9ef}.engineering-table{min-width:1250px}.io-badge{display:inline-grid;min-width:32px;padding:4px;border-radius:6px;text-align:center;font-weight:800}.io-di{background:#e9f4ff;color:#1266b0}.io-do{background:#eafaf3;color:#07855c}.io-ai{background:#fff3e6;color:#b45b00}.io-ao{background:#f2ebff;color:#7240b5}.io-com{background:#e8fafa;color:#087d80}.revision-timeline{display:grid;gap:7px}.revision-timeline article{display:grid;grid-template-columns:55px 1fr auto;gap:10px;align-items:center;padding:9px;border:1px solid #dde7ef;border-radius:8px}.revision-timeline article>b{height:38px;border-radius:7px;background:#0a65ad;color:#fff;display:grid;place-items:center}.revision-timeline article>div{display:flex;flex-direction:column}.revision-timeline small{font-size:8px;color:#72869a}@media(max-width:700px){.panel-engineering-hero{align-items:flex-start;flex-direction:column;gap:15px}.io-summary{width:100%;overflow:auto}}

/* Final unified dialogs and keyboard shortcuts */
body.dialog-open{overflow:hidden}.app-dialog{width:min(680px,calc(100vw - 32px))!important;max-width:calc(100vw - 32px)!important;max-height:calc(100dvh - 32px)!important;margin:auto!important;padding:0!important;border:1px solid rgba(214,225,236,.9)!important;border-radius:16px!important;background:#fff!important;overflow:hidden!important;box-shadow:0 28px 90px rgba(3,29,58,.32)!important}.app-dialog.dialog-wide{width:min(980px,calc(100vw - 32px))!important}.app-dialog[open]{animation:dialog-enter .2s ease-out}.app-dialog::backdrop{background:rgba(4,25,49,.62)!important;backdrop-filter:blur(5px) saturate(.8)!important;animation:backdrop-enter .18s ease-out}@keyframes dialog-enter{from{opacity:0;transform:translateY(14px) scale(.985)}to{opacity:1;transform:none}}@keyframes backdrop-enter{from{opacity:0}to{opacity:1}}
.app-dialog-content{width:100%!important;max-width:none!important;max-height:calc(100dvh - 34px)!important;margin:0!important;padding:0 20px 18px!important;overflow-y:auto!important;overflow-x:hidden!important;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#9bb0c4 transparent;display:grid;gap:10px}.app-dialog-content>*{min-width:0}.app-dialog-content>.grid{width:100%;min-width:0}.app-dialog-content>.grid>*{min-width:0}.app-dialog-content input,.app-dialog-content select,.app-dialog-content textarea{max-width:100%;min-width:0}.app-dialog-content textarea{resize:vertical}.app-dialog-content .expense-item,.app-dialog-content .sales-item{max-width:100%;overflow-x:auto}
.app-dialog-head{position:sticky!important;z-index:20;top:0!important;min-height:66px!important;margin:0 -20px 8px!important;padding:14px 20px!important;border-bottom:1px solid #e4ebf2!important;background:rgba(255,255,255,.97)!important;backdrop-filter:blur(10px);display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px}.app-dialog-head:before{content:'';position:absolute;right:20px;bottom:-1px;width:54px;height:2px;border-radius:4px;background:linear-gradient(90deg,var(--accent),#0875cf)}.app-dialog-head h1,.app-dialog-head h2,.app-dialog-head h3{margin:0!important;font-size:16px!important;color:#0b315b}.app-dialog-head small,.app-dialog-head p{margin:2px 0 0;font-size:8px;color:#74899d}.dialog-close,.app-dialog-head>button.btn.light{flex:0 0 34px!important;width:34px!important;height:34px!important;min-height:34px!important;padding:0!important;border:1px solid #dfe7ef!important;border-radius:9px!important;background:#f3f7fb!important;color:#17466f!important;font-size:19px!important;line-height:1!important;display:grid!important;place-items:center!important}.dialog-close:hover,.app-dialog-head>button.btn.light:hover{background:#feecec!important;border-color:#fecaca!important;color:#c42b2b!important;transform:none!important}
.app-dialog-actions{position:sticky!important;z-index:15;bottom:-18px;margin:8px -20px -18px!important;padding:12px 20px 14px!important;border-top:1px solid #e1e9f1!important;background:rgba(255,255,255,.97)!important;backdrop-filter:blur(10px);box-shadow:0 -8px 18px rgba(8,43,77,.045)}button.app-dialog-actions{width:calc(100% + 40px)!important;border-radius:0!important;min-height:48px!important}.app-dialog-actions.actions{display:flex!important;justify-content:flex-start}.app-dialog-actions.actions>.btn{min-width:130px}.app-dialog-content label{color:#294e72;font-weight:750}.app-dialog-content input:focus,.app-dialog-content select:focus,.app-dialog-content textarea:focus{border-color:var(--accent);box-shadow:var(--focus-ring);outline:0}.app-dialog-content .grid{gap:10px}.app-dialog-content hr{width:100%;border:0;border-top:1px solid #e8edf2}
.shortcut-help{display:flex;gap:14px;padding:0 20px 12px;color:#71869a;font-size:8px}.shortcut-help span{display:flex;align-items:center;gap:4px}.shortcut-help kbd{min-width:22px;padding:3px 5px;border:1px solid #dbe4ed;border-bottom-width:2px;border-radius:5px;background:#f7f9fc;color:#315675;text-align:center;font:7px var(--font-ui)}.is-saving{opacity:.7;cursor:wait!important;pointer-events:none}
@media(max-width:700px){.app-dialog,.app-dialog.dialog-wide{width:calc(100vw - 14px)!important;max-width:calc(100vw - 14px)!important;max-height:calc(100dvh - 14px)!important;border-radius:13px!important}.app-dialog-content{max-height:calc(100dvh - 16px)!important;padding:0 13px 13px!important}.app-dialog-head{min-height:58px!important;margin:0 -13px 7px!important;padding:11px 13px!important}.app-dialog-head:before{right:13px}.app-dialog-head h1,.app-dialog-head h2,.app-dialog-head h3{font-size:14px!important}.app-dialog-actions{bottom:-13px;margin:7px -13px -13px!important;padding:10px 13px 12px!important}button.app-dialog-actions{width:calc(100% + 26px)!important}.app-dialog-content .col-2,.app-dialog-content .col-3,.app-dialog-content .col-4,.app-dialog-content .col-5,.app-dialog-content .col-6,.app-dialog-content .col-7,.app-dialog-content .col-8,.app-dialog-content .col-9,.app-dialog-content .col-10,.app-dialog-content .col-12{grid-column:span 12}.shortcut-help{overflow:auto;white-space:nowrap;padding:0 13px 10px}.quick-launcher-grid{max-height:62dvh;overflow:auto}}

/* Shipping operations center */
.shipping-hero{min-height:145px;margin-bottom:11px;padding:22px 25px;border-radius:14px;background:linear-gradient(125deg,#062c58,#0871a8 70%,#08a69e);color:#fff;display:flex;align-items:center;justify-content:space-between}.shipping-hero h1{margin:4px 0;color:#fff;font-size:25px}.shipping-hero p,.shipping-hero small{color:#d9edf7}.shipping-kpis{display:grid;grid-template-columns:repeat(5,1fr);gap:9px;margin-bottom:11px}.shipping-kpis article{min-height:89px;padding:13px 15px;border:1px solid #e0e8f0;border-radius:10px;background:#fff;box-shadow:var(--shadow-card);display:flex;flex-direction:column;justify-content:center}.shipping-kpis span{font-size:8px;color:#71869a}.shipping-kpis b{font-size:22px;color:#0b4072}.shipping-kpis .danger{border-color:#fed2d2;background:#fff8f8}.shipping-kpis .danger b{color:#c53030}.shipment-detail{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(280px,.55fr);gap:11px}.shipment-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:12px 0}.shipment-summary>div{min-height:64px;padding:10px;border:1px solid #e2eaf1;border-radius:8px;display:flex;flex-direction:column}.shipment-summary .wide{grid-column:1/-1}.shipment-summary small{font-size:8px;color:#71869a}.shipment-summary b{font-size:9px;color:#173f68}.shipment-update{display:grid;grid-template-columns:150px 1fr 1.3fr 1.5fr auto;gap:7px;margin-top:13px;padding-top:12px;border-top:1px solid #e6edf3}.shipment-timeline{display:grid}.shipment-timeline article{position:relative;display:grid;grid-template-columns:20px 1fr;gap:7px;padding:8px 0}.shipment-timeline article:not(:last-child):before{content:'';position:absolute;right:7px;top:25px;bottom:-7px;width:2px;background:#dce8f2}.shipment-timeline i{z-index:1;width:15px;height:15px;margin-top:2px;border:4px solid #d8f5ee;border-radius:50%;background:#0aa482}.shipment-timeline b{font-size:9px}.shipment-timeline p,.shipment-timeline small{margin:2px 0;font-size:8px;color:#74899d}.shipping-toolbar{display:flex;justify-content:flex-end;margin-bottom:9px}.shipping-toolbar input{max-width:420px}.copy-field{display:flex;gap:6px}.copy-field code{flex:1;padding:9px;border-radius:7px;background:#f3f6f9;direction:ltr;text-align:left;overflow:auto}.shipping-settings .card-head p{margin:2px 0;color:#71869a}
@media(max-width:1000px){.shipping-kpis{grid-template-columns:repeat(3,1fr)}.shipment-detail{grid-template-columns:1fr}.shipment-update{grid-template-columns:1fr 1fr}.shipment-update button{grid-column:1/-1}}
@media(max-width:650px){.shipping-hero{align-items:flex-start;flex-direction:column;gap:12px}.shipping-kpis{grid-template-columns:1fr 1fr}.shipment-summary{grid-template-columns:1fr 1fr}.shipment-update{grid-template-columns:1fr}.shipment-update button{grid-column:auto}.shipping-toolbar input{max-width:none}}

/* Keep primary dialog actions visible */
.app-dialog-content{padding-bottom:22px!important}.app-dialog-content>.app-dialog-actions{position:sticky!important;z-index:30;bottom:0!important;margin:8px 0 0!important;width:100%!important;min-height:46px!important;padding:10px 14px!important;border:1px solid #b8dedc!important;border-radius:9px!important;background:linear-gradient(100deg,#08a79e,#0878c9)!important;color:#fff!important;box-shadow:0 -8px 20px rgba(8,54,87,.11)!important}.app-dialog-content>.app-dialog-actions.actions{background:#fff!important;border-color:#dce6ee!important}.app-dialog-content>.app-dialog-actions.actions .btn{min-height:42px}.app-dialog-content>button.app-dialog-actions:hover{filter:brightness(1.04)}
.restore-hero{min-height:135px;margin-bottom:12px;padding:22px 25px;border-radius:14px;background:linear-gradient(125deg,#512027,#9d2d38 68%,#d65b45);color:#fff;display:flex;justify-content:space-between;align-items:center}.restore-hero h1{color:#fff;margin:4px 0}.restore-hero p,.restore-hero small{color:#ffe5e2}.restore-danger{border-top:4px solid #c93636}.restore-danger>p{padding:10px;border-radius:8px;background:#fff0f0;color:#9f2020}.restore-danger form{display:grid;gap:10px}.restore-confirm{padding:11px;border:1px solid #f2caca;border-radius:8px;background:#fff8f8}.restore-confirm input{width:auto;margin-left:7px}.restore-summary{display:grid;grid-template-columns:150px 1fr}.restore-summary dt,.restore-summary dd{margin:0;padding:9px;border-bottom:1px solid #e6edf3;font-size:9px}

/* Project creation workspace and project directory */
.survey-heading{position:relative;padding:18px 22px;border:1px solid #dce6ef;border-radius:13px;background:linear-gradient(110deg,#fff,#f5faff);box-shadow:var(--shadow-card)}.survey-heading:before{content:'';position:absolute;right:0;top:17px;bottom:17px;width:4px;border-radius:4px;background:linear-gradient(var(--accent),#0874cf)}.form-steps{position:sticky;z-index:40;top:66px;padding:10px 14px;margin-bottom:12px;border:1px solid #dfe8f0;border-radius:11px;background:rgba(255,255,255,.96);backdrop-filter:blur(9px);box-shadow:0 5px 18px rgba(10,45,78,.06)}.survey-workspace{display:grid;grid-template-columns:minmax(0,1fr) 270px;gap:12px;align-items:start}.survey-sections{min-width:0}.survey-section{position:relative;scroll-margin-top:135px;margin-bottom:10px!important;padding:17px!important}.survey-section>.section-title{display:flex;align-items:center;min-height:34px;margin:-2px 0 14px!important;padding:0 0 10px!important;border-right:0!important;border-bottom:1px solid #e8eef4;color:#0d3d6e;font-size:13px}.survey-section>.section-title:after{content:'';margin-right:auto;width:42px;height:3px;border-radius:4px;background:linear-gradient(90deg,var(--accent),#1779d0)}.survey-section label{color:#355a7b}.survey-section input,.survey-section select,.survey-section textarea{background:#fbfdff}.survey-section input:focus,.survey-section select:focus,.survey-section textarea:focus{background:#fff}.survey-live-summary{position:sticky;top:136px;padding:15px;border:1px solid #dce6ef;border-radius:12px;background:#fff;box-shadow:0 9px 28px rgba(8,43,76,.08)}.survey-summary-head{display:flex;align-items:center;gap:10px;padding-bottom:12px;border-bottom:1px solid #e6edf3}.survey-summary-head>i{width:39px;height:39px;border-radius:10px;background:linear-gradient(145deg,#e6f4ff,#dcfaf6);color:#0875c8;display:grid;place-items:center;font-style:normal;font-size:18px}.survey-summary-head h2{margin:2px 0;font-size:12px}.survey-summary-head small{font-size:7px;color:#73889c}.survey-completion{padding:12px 0}.survey-completion>div{display:flex;justify-content:space-between;align-items:center}.survey-completion b{color:#078f85}.survey-completion span{font-size:8px;color:#71869a}.survey-completion>i{display:block;height:6px;margin-top:7px;border-radius:7px;background:#e7eef4;overflow:hidden}.survey-completion>i>b{display:block;height:100%;background:linear-gradient(90deg,#08a79e,#1478cf);transition:width .25s}.survey-live-summary dl{display:grid;grid-template-columns:82px 1fr;margin:0}.survey-live-summary dt,.survey-live-summary dd{min-width:0;margin:0;padding:7px 2px;border-bottom:1px solid #edf1f5;font-size:8px}.survey-live-summary dt{color:#71869a}.survey-live-summary dd{font-weight:750;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.survey-section-nav{display:grid;gap:3px;margin-top:10px;max-height:235px;overflow:auto}.survey-section-nav a{display:grid;grid-template-columns:24px 1fr;gap:7px;align-items:center;padding:6px;border-radius:7px;color:#315978;text-decoration:none;font-size:8px}.survey-section-nav a b{width:22px;height:22px;border-radius:7px;background:#edf4fa;display:grid;place-items:center}.survey-section-nav a.active{background:#eaf8f6;color:#087f78;font-weight:800}.survey-section-nav a.active b{background:#0aa49c;color:#fff}.survey-summary-actions{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:12px;padding-top:11px;border-top:1px solid #e6edf3}.survey-summary-actions .btn{padding-inline:7px}.project-view-tools{display:flex;justify-content:flex-end;gap:6px;margin:-3px 0 10px}.project-view-tools button,.project-view-tools select{min-height:34px;border:1px solid #dce5ee;border-radius:7px;background:#fff;color:#315978;font-family:inherit;font-size:9px}.project-view-tools button{width:36px;cursor:pointer}.project-view-tools button.active{background:#0d70ca;color:#fff;border-color:#0d70ca}.project-view-tools select{width:155px;padding:5px 8px}.projects-showcase.list-view{grid-template-columns:1fr}.projects-showcase.list-view .showcase-card{display:grid;grid-template-columns:minmax(190px,.75fr) minmax(280px,1.5fr) 280px auto;align-items:center}.projects-showcase.list-view .showcase-card header{height:100%;align-content:center;flex-direction:column;justify-content:center;border-left:1px solid #e6edf3}.projects-showcase.list-view .showcase-body{padding:11px 14px}.projects-showcase.list-view .showcase-meta{border:0}.projects-showcase.list-view footer{flex-wrap:wrap}
@media(max-width:1100px){.survey-workspace{grid-template-columns:1fr}.survey-live-summary{position:relative;top:auto;order:-1}.survey-section-nav{grid-template-columns:repeat(4,1fr);max-height:none}.survey-live-summary dl{grid-template-columns:repeat(4,auto 1fr)}.projects-showcase.list-view .showcase-card{grid-template-columns:1fr 1.5fr}.projects-showcase.list-view .showcase-meta,.projects-showcase.list-view footer{grid-column:1/-1}.projects-showcase.list-view .showcase-card header{border-left:0}}
@media(max-width:700px){.form-steps{top:58px;overflow:auto;grid-template-columns:repeat(6,100px)}.survey-heading{padding:14px}.survey-heading .actions{margin-top:8px}.survey-live-summary dl{grid-template-columns:75px 1fr}.survey-section-nav{display:none}.survey-section{padding:13px!important}.survey-summary-actions{grid-template-columns:1fr}.projects-showcase.list-view .showcase-card{display:block}}

/* Horizontal project wizard */
.survey-workspace.wizard-mode{display:block}.wizard-mode .survey-sections{width:100%}.survey-top-summary{display:grid;grid-template-columns:190px 1fr 180px;gap:15px;align-items:center;margin-bottom:11px;padding:12px 15px;border:1px solid #dce6ef;border-radius:11px;background:linear-gradient(105deg,#fff,#f5faff);box-shadow:var(--shadow-card)}.survey-summary-title{display:flex;align-items:center;gap:9px}.survey-summary-title i{width:38px;height:38px;border-radius:10px;background:linear-gradient(145deg,#e5f4ff,#dcfaf5);color:#0875c8;display:grid;place-items:center;font-style:normal;font-size:18px}.survey-summary-title h2{margin:1px 0;font-size:11px;color:#0c3b69}.survey-summary-title small{font-size:7px;color:#75899c}.survey-summary-facts{display:grid;grid-template-columns:repeat(6,1fr);min-width:0}.survey-summary-facts span{min-width:0;padding:2px 10px;border-right:1px solid #e1e9f0}.survey-summary-facts span:first-child{border-right:0}.survey-summary-facts small,.survey-summary-facts b{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.survey-summary-facts small{font-size:7px;color:#7a8ea1}.survey-summary-facts b{margin-top:3px;font-size:8px;color:#234d72}.survey-completion.compact{padding:0}.survey-completion.compact>b{font-size:15px}.survey-completion.compact>i{height:6px}.survey-completion.compact>small{display:block;margin-top:4px;font-size:7px;color:#75899c}.survey-wizard-controls{position:sticky;z-index:45;bottom:10px;display:grid;grid-template-columns:130px 1fr 130px;gap:8px;align-items:center;margin:12px 0;padding:10px;border:1px solid #d7e4ed;border-radius:11px;background:rgba(255,255,255,.97);backdrop-filter:blur(10px);box-shadow:0 9px 30px rgba(5,39,73,.14)}.survey-wizard-controls>div{text-align:center}.survey-wizard-controls span,.survey-wizard-controls small{display:block}.survey-wizard-controls span{font-size:9px;font-weight:800;color:#17476f}.survey-wizard-controls small{font-size:7px;color:#768b9e}.survey-wizard-controls .btn{min-height:39px}.survey-wizard-controls #wizardSave{grid-column:3}.form-steps>div{cursor:pointer}.form-steps>div.done b{background:#e5f8f1!important;border-color:#92dbc1!important;color:#07845d!important}.form-steps>div.done span{color:#07845d}.survey-section[hidden]{display:none!important}.wizard-mode .survey-section{animation:wizard-section-in .22s ease-out}@keyframes wizard-section-in{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:none}}
@media(max-width:1050px){.survey-top-summary{grid-template-columns:180px 1fr}.survey-completion.compact{grid-column:1/-1}.survey-summary-facts{grid-template-columns:repeat(3,1fr)}}
@media(max-width:700px){.survey-top-summary{grid-template-columns:1fr}.survey-summary-facts{grid-template-columns:1fr 1fr}.survey-summary-facts span{padding:6px;border-bottom:1px solid #e8eef3}.survey-wizard-controls{bottom:5px;grid-template-columns:1fr 1fr}.survey-wizard-controls>div{grid-column:1/-1;grid-row:1}.survey-wizard-controls #wizardPrevious{grid-column:1}.survey-wizard-controls #wizardNext,.survey-wizard-controls #wizardSave{grid-column:2}.survey-summary-title{justify-content:center}}
.form-template-picker{display:flex;align-items:center;gap:14px;margin:0 0 16px;padding:14px 16px;border:1px solid #d9e5f2;border-radius:16px;background:linear-gradient(135deg,#f7fbff,#fff)}.form-template-picker>div{margin-inline-end:auto}.form-template-picker b,.form-template-picker small{display:block}.form-template-picker small{color:#718096;margin-top:3px}.form-template-picker select{width:min(360px,100%)}.template-choice-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:18px}.template-choice{display:block;cursor:pointer}.template-choice input{position:absolute;opacity:0}.template-choice span{display:block;min-height:125px;padding:20px;border:2px solid #dce6f2;border-radius:18px;background:#fff;transition:.2s}.template-choice b,.template-choice small{display:block}.template-choice b{font-size:20px;color:var(--brand)}.template-choice small{margin-top:10px;line-height:1.8;color:#66758a}.template-choice input:checked+span{border-color:var(--accent);box-shadow:0 8px 28px rgba(8,167,165,.14);background:#f4fffe}.survey-template-admin>.btn{min-width:220px}@media(max-width:760px){.form-template-picker{align-items:stretch;flex-direction:column}.form-template-picker>div{margin:0}.form-template-picker select{width:100%}.template-choice-grid{grid-template-columns:1fr}}
.civil-detail-hero{padding:20px 24px;margin-bottom:9px;border-radius:14px;background:linear-gradient(120deg,#382618,#80502a 60%,#c47b27);color:#fff;display:flex;justify-content:space-between;align-items:center}.civil-detail-hero a,.civil-detail-hero small{color:#ffe0ac;font-size:8px}.civil-detail-hero h1{margin:5px 0;color:#fff;font-size:22px}.civil-detail-hero p{margin:0;color:#fff0db;font-size:8px}.civil-progress{width:82px;height:82px;border-radius:50%;border:8px solid #ffffff44;display:grid;place-content:center;text-align:center}.civil-progress b{font-size:18px}.civil-progress small{color:#fff}.civil-alerts{display:flex;gap:5px;overflow:auto;margin-bottom:9px}.civil-alerts span{flex:0 0 auto;padding:7px 9px;border-radius:7px;background:#fff0dc;color:#96560a;font-size:8px}.civil-alerts .ok{background:#e7f8f1;color:#087b56}.civil-route-layout{display:grid;grid-template-columns:minmax(0,1fr) 255px;gap:10px}.civil-route-layout>div{height:500px;border-radius:11px;border:1px solid #dce6ed}.civil-route-layout aside{padding:13px;border-radius:11px;background:#f7fafc;border:1px solid #dce6ed}.civil-route-layout li{margin-bottom:7px;font-size:8px}.route-metrics{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin:12px 0}.route-metrics span{padding:9px;border-radius:8px;background:#fff;border:1px solid #e1e8ee;font-size:7px}.route-metrics b{display:block;font-size:15px;color:#835127}.civil-photo-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.civil-photo-grid figure{margin:0;border:1px solid #dfe7ed;border-radius:10px;overflow:hidden;background:#fff}.civil-photo-grid img{width:100%;height:145px;object-fit:cover}.civil-photo-grid figcaption{padding:8px;display:flex;flex-direction:column}.civil-photo-grid figcaption span,.civil-photo-grid figcaption small{font-size:7px;color:#708394}.test-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.test-cards article{padding:12px;border:1px solid #dfe7ed;border-radius:10px;background:#fff;border-top:4px solid #e5a32c}.test-cards .result-pass{border-top-color:#0aa473}.test-cards .result-fail{border-top-color:#df4555}.test-cards header{display:flex;justify-content:space-between}.test-cards p,.test-cards small{display:block;font-size:7px;color:#718292}.hse-history{display:grid;gap:7px}.hse-history article{display:grid;grid-template-columns:1fr auto auto minmax(140px,2fr);gap:8px;align-items:center;padding:10px;border:1px solid #dfe7ed;border-radius:9px}.hse-history small{display:block;font-size:7px}.hse-history span{padding:4px 7px;border-radius:12px;background:#e9f7f1}.hse-history .risk-critical{background:#ffe4e7;color:#bd1f32}.handover-checks{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.handover-checks>label{min-height:52px;padding:9px;border:1px solid #dce6ed;border-radius:9px;display:grid;grid-template-columns:18px 25px 1fr;gap:6px;align-items:center}.handover-checks>label:has(input:checked){background:#eaf9f3;border-color:#9bdcc5}.handover-checks>div,.handover-checks>button{grid-column:1/-1}.check-tile{padding:9px;border:1px solid #dce6ed;border-radius:8px;background:#f8fbfd}@media(max-width:1000px){.civil-photo-grid,.test-cards{grid-template-columns:1fr 1fr}}@media(max-width:700px){.civil-detail-hero{align-items:flex-start}.civil-progress{width:65px;height:65px}.civil-route-layout{grid-template-columns:1fr}.civil-route-layout>div{height:380px}.civil-photo-grid,.test-cards{grid-template-columns:1fr}.hse-history article{grid-template-columns:1fr auto}.handover-checks{grid-template-columns:1fr}}