:root{--bg:#f5f7fb;--panel:#fff;--ink:#172033;--muted:#6d7788;--primary:#173b65;--accent:#1d6f8f;--line:#e2e7ef;--ok:#19794b;--warn:#a66b00;--bad:#b42318}
*{box-sizing:border-box}body{margin:0;font-family:Arial,sans-serif;background:var(--bg);color:var(--ink)}a{text-decoration:none;color:inherit}.topbar{height:72px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 24px;position:sticky;top:0;z-index:20}.brand{display:flex;gap:12px;align-items:center}.brand-mark{width:42px;height:42px;border-radius:12px;background:linear-gradient(135deg,var(--primary),var(--accent));color:#fff;display:grid;place-items:center;font-weight:bold;font-size:22px}.brand small,.user small{display:block;color:var(--muted);margin-top:3px}.user{display:flex;gap:12px;align-items:center}.user a{color:var(--bad)}.shell{display:grid;grid-template-columns:230px 1fr;min-height:calc(100vh - 72px)}.sidebar{background:#102d4c;padding:18px 12px}.nav-item{color:#dfe8f1;padding:12px 14px;border-radius:10px;display:flex;gap:10px;margin-bottom:5px;align-items:center}.nav-item:hover,.nav-item.active{background:#1d4c78;color:#fff}.content{padding:24px;min-width:0}.page-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:20px}.page-head h1{font-size:24px;margin:0}.page-head p{margin:5px 0 0;color:var(--muted)}.btn{border:0;border-radius:9px;padding:10px 15px;background:var(--primary);color:#fff;cursor:pointer;display:inline-block}.btn.secondary{background:#fff;color:var(--ink);border:1px solid var(--line)}.btn.danger{background:var(--bad)}.btn.small{padding:7px 10px;font-size:12px}.grid{display:grid;gap:16px}.kpis{grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:18px}.card{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:18px;box-shadow:0 4px 18px rgba(22,35,56,.04)}.kpi small{color:var(--muted)}.kpi strong{display:block;font-size:27px;margin-top:9px}.table-wrap{background:#fff;border:1px solid var(--line);border-radius:14px;overflow:auto}.table{width:100%;border-collapse:collapse;min-width:850px}.table th,.table td{padding:11px 12px;border-bottom:1px solid var(--line);text-align:right;font-size:13px}.table th{background:#f7f9fc;color:#4c596d;position:sticky;top:0}.badge{display:inline-block;padding:5px 8px;border-radius:999px;background:#eef2f7;font-size:12px}.badge.pass{background:#e7f6ee;color:var(--ok)}.badge.warning{background:#fff4d6;color:var(--warn)}.badge.fail{background:#fde8e7;color:var(--bad)}.form-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.field label{display:block;font-size:12px;color:#596579;margin-bottom:6px}.field input,.field select,.field textarea{width:100%;padding:10px 11px;border:1px solid #cfd7e3;border-radius:9px;background:#fff;font:inherit}.field textarea{min-height:82px}.span-2{grid-column:span 2}.span-3{grid-column:span 3}.section-title{margin:22px 0 10px;font-size:17px}.alert{padding:12px 15px;border-radius:10px;background:#e8f6ee;color:#16603d;margin-bottom:14px}.alert.error{background:#fde8e7;color:#8f1d14}.metric-row{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.metric-box{padding:12px;border:1px solid var(--line);border-radius:10px;background:#fbfcfe}.metric-box small{color:var(--muted);display:block}.metric-box b{font-size:18px}.actions{display:flex;gap:8px;flex-wrap:wrap}.searchbar{display:flex;gap:10px;margin-bottom:12px}.searchbar input,.searchbar select{padding:9px 10px;border:1px solid var(--line);border-radius:9px;background:#fff}.login{min-height:100vh;display:grid;place-items:center;padding:20px}.login-card{width:min(430px,100%);background:#fff;border:1px solid var(--line);border-radius:18px;padding:28px;box-shadow:0 20px 60px rgba(10,30,55,.12)}.login-card h1{margin-top:0}.muted{color:var(--muted)}.sample-row{display:grid;grid-template-columns:70px 1fr 1fr 1fr 46px;gap:8px;align-items:end;margin-bottom:8px}.sample-row input{padding:9px;border:1px solid var(--line);border-radius:8px;width:100%}.danger-text{color:var(--bad)}
@media(max-width:1000px){.shell{grid-template-columns:78px 1fr}.sidebar{padding:12px 8px}.nav-item{justify-content:center;font-size:0}.nav-item span{font-size:18px}.kpis{grid-template-columns:repeat(2,1fr)}.form-grid{grid-template-columns:1fr 1fr}.span-3{grid-column:span 2}}
@media(max-width:650px){.content{padding:14px}.topbar{padding:0 12px}.shell{display:block}.sidebar{display:flex;overflow:auto;padding:8px;position:sticky;top:72px;z-index:10}.nav-item{min-width:48px;margin:0 3px}.kpis,.form-grid,.metric-row{grid-template-columns:1fr}.span-2,.span-3{grid-column:span 1}.page-head{align-items:flex-start;flex-direction:column}.user small{display:none}}
@media print{.topbar,.sidebar,.no-print{display:none!important}.shell{display:block}.content{padding:0}.card,.table-wrap{box-shadow:none;border-color:#bbb}}

.permission-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.permission-group{border:1px solid var(--line);border-radius:12px;padding:14px;background:#fbfcfe}.permission-group h4{margin:0 0 10px}.perm-item{display:flex;align-items:center;gap:8px;padding:7px 0;font-size:13px}.perm-item input{width:auto}.role-chip{display:inline-block;padding:5px 9px;border-radius:999px;background:#eef3f8;color:#173b65;font-size:12px}.status-on{color:var(--ok);font-weight:700}.status-off{color:var(--bad);font-weight:700}.user-summary{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.subnav{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:14px}.subnav a{padding:8px 11px;border:1px solid var(--line);background:#fff;border-radius:9px}.subnav a.active{background:var(--primary);color:#fff;border-color:var(--primary)}
@media(max-width:650px){.permission-grid{grid-template-columns:1fr}}

/* V3 workflow */
.order-summary-grid{grid-template-columns:repeat(6,minmax(0,1fr));margin-bottom:16px}.summary-value{display:block;font-size:21px;margin:7px 0}.order-info-grid{grid-template-columns:1.4fr .8fr;margin-bottom:18px}.detail-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 18px}.detail-list>div{display:flex;justify-content:space-between;gap:12px;padding:9px 0;border-bottom:1px solid var(--line)}.detail-list span{color:var(--muted);font-size:12px}.note-box,.print-note{background:#f8fafc;border:1px solid var(--line);border-radius:10px;padding:12px;line-height:1.7}.section-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:24px 0 10px}.section-head h3{margin:0}.section-head p{margin:4px 0 0}.inline-form{display:inline}.closure-card{margin-top:24px;border-width:2px}.checklist-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-bottom:14px}.checklist{margin:0;padding-right:20px}.checklist li{margin:7px 0;line-height:1.6}.bad-list li{color:var(--bad)}.warn-list li{color:#8a6200}.ok-text{color:var(--ok)}.force-check{display:block;background:#fff4d6;border:1px solid #f2d27f;padding:11px;border-radius:10px;margin:12px 0}.calculated-box{padding:10px 11px;border:1px solid var(--line);border-radius:9px;background:#f8fafc;min-height:40px}.recipe-hint{background:#eef5fb;border:1px solid #cddff0;padding:10px 12px;border-radius:10px;margin-bottom:10px}.material-table select,.material-table input{min-width:130px;padding:8px;border:1px solid var(--line);border-radius:8px}.form-actions{margin-top:16px;justify-content:flex-end}.wrap-search{flex-wrap:wrap}.dashboard-two{grid-template-columns:1.6fr 1fr}.attention-item{display:block;padding:11px 0;border-bottom:1px solid var(--line);color:var(--ink)}.attention-item:last-child{border-bottom:0}.attention-item span,.attention-item small{display:block;margin-top:4px}.attention-item span{font-size:12px;color:var(--muted)}.attention-item small{font-size:12px;color:var(--bad)}

/* Final production report */
.print-toolbar{max-width:1120px;margin:0 auto 14px;display:flex;gap:8px;justify-content:flex-start}.print-document{position:relative;max-width:1120px;margin:auto;background:#fff;border:1px solid var(--line);padding:28px 32px;font-family:Arial,sans-serif;color:#111827}.print-head{display:flex;align-items:flex-start;justify-content:space-between;border-bottom:2px solid #1d3557;padding-bottom:14px}.print-head h1{margin:0;font-size:24px}.print-head p{margin:5px 0 0;color:#64748b}.report-title{text-align:left}.report-title b{display:block;font-size:20px}.report-title span{display:block;color:#64748b;margin-top:4px}.draft-watermark{border:1px dashed #b42318;color:#b42318;text-align:center;padding:8px;margin:14px 0;font-weight:700}.print-meta{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:14px}.print-meta>div,.print-grid>div,.approval-box>div{border:1px solid #d9e0e8;padding:9px 10px;min-height:54px}.print-meta span,.print-grid span,.approval-box span,.print-kpis span{display:block;font-size:11px;color:#64748b;margin-bottom:5px}.print-section{font-size:15px;margin:20px 0 8px;background:#eef2f7;padding:8px 10px;border-right:4px solid #1d3557}.print-grid{display:grid;grid-template-columns:repeat(4,1fr)}.print-grid .wide,.approval-box .wide{grid-column:span 2}.print-kpis{display:grid;grid-template-columns:repeat(6,1fr);gap:6px}.print-kpis>div{border:1px solid #d9e0e8;padding:10px}.print-kpis.compact{grid-template-columns:repeat(4,1fr);max-width:650px}.print-table{width:100%;border-collapse:collapse;font-size:11px}.print-table th,.print-table td{border:1px solid #cfd6df;padding:6px 7px;text-align:right}.print-table th{background:#f4f6f8}.approval-box{display:grid;grid-template-columns:repeat(3,1fr)}.signature-row{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;text-align:center;margin:36px 0 20px;line-height:1.8}.print-footer{border-top:1px solid #d9e0e8;padding-top:9px;text-align:center;color:#64748b;font-size:10px}

@media(max-width:1100px){.order-summary-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:750px){.order-summary-grid,.order-info-grid,.checklist-grid,.dashboard-two,.detail-list{grid-template-columns:1fr}.print-meta,.print-grid,.print-kpis,.print-kpis.compact,.approval-box{grid-template-columns:1fr 1fr}.print-grid .wide,.approval-box .wide{grid-column:span 2}.print-document{padding:18px}.section-head{align-items:flex-start;flex-direction:column}}
@media print{
 @page{size:A4 portrait;margin:10mm}
 body{background:#fff}.print-toolbar{display:none!important}.print-document{max-width:none;border:0;padding:0;margin:0;font-size:10px}.print-head h1{font-size:18px}.report-title b{font-size:16px}.print-section{margin:12px 0 5px}.print-table{font-size:8.5px}.print-table th,.print-table td{padding:4px}.print-meta>div,.print-grid>div,.approval-box>div{min-height:auto;padding:6px}.print-kpis>div{padding:6px}.signature-row{margin-top:25px;break-inside:avoid}.print-section,.print-head,.approval-box,.print-kpis{break-inside:avoid}.table-wrap{overflow:visible}.draft-watermark{margin:8px 0}
}
.resolve-form{margin-top:8px;min-width:260px;background:#fff;border:1px solid var(--line);border-radius:10px;padding:10px}.resolve-form textarea{width:100%;min-height:70px;border:1px solid var(--line);border-radius:8px;padding:8px;font:inherit;margin-bottom:8px}details>summary{list-style:none;cursor:pointer}details>summary::-webkit-details-marker{display:none}

/* V4 document archive + usability */
body{line-height:1.45}.btn{font-family:Arial,sans-serif;font-weight:600;transition:transform .12s ease,box-shadow .12s ease,background .12s ease}.btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px rgba(23,59,101,.12)}.field input:focus,.field select:focus,.field textarea:focus,.searchbar input:focus,.searchbar select:focus{outline:0;border-color:#6e97bc;box-shadow:0 0 0 3px rgba(29,111,143,.10)}
.table-sub{display:block;color:var(--muted);margin-top:4px;font-size:11px}.text-link{color:var(--accent);font-weight:700}.expiry-chip{display:block;width:max-content;margin-top:5px;padding:3px 7px;border-radius:999px;font-size:10px;background:#eef2f7;color:#596579}.expiry-chip.soon{background:#fff4d6;color:var(--warn)}.expiry-chip.expired{background:#fde8e7;color:var(--bad)}.expiry-chip.valid{background:#e7f6ee;color:var(--ok)}
.certificate-info-grid{grid-template-columns:1.35fr 1fr;margin-bottom:18px}.certificate-form h3{margin-top:0}.upload-choice-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.upload-choice{position:relative;display:flex;flex-direction:column;gap:5px;border:1.5px dashed #aebbc9;border-radius:14px;padding:18px;background:#fbfcfe;cursor:pointer;min-height:132px;justify-content:center}.upload-choice:hover{border-color:var(--accent);background:#f3f8fc}.upload-choice b{font-size:16px}.upload-choice small{color:var(--muted);line-height:1.5}.upload-choice input{position:absolute;inset:0;opacity:0;cursor:pointer}.upload-icon{font-size:25px;color:var(--primary)}.camera-choice{background:#f3f8fc;border-color:#9fbdd3}.upload-preview{margin-top:12px;border:1px solid var(--line);border-radius:10px;padding:10px;background:#fff;min-height:44px}.preview-file{display:flex;justify-content:space-between;gap:12px;padding:7px 3px;border-bottom:1px solid var(--line)}.preview-file:last-child{border-bottom:0}.preview-file small{color:var(--muted)}.existing-files{padding:12px;border:1px solid var(--line);border-radius:10px;margin-bottom:12px;background:#f8fafc}.file-chip-row{display:flex;gap:7px;flex-wrap:wrap;margin-top:8px}.file-chip{padding:6px 9px;background:#fff;border:1px solid var(--line);border-radius:8px;font-size:12px;color:var(--accent)}
.certificate-files-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.certificate-file-card{background:#fff;border:1px solid var(--line);border-radius:14px;overflow:hidden;min-width:0}.file-card-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px;border-bottom:1px solid var(--line)}.file-card-head small{display:block;color:var(--muted);margin-top:4px}.certificate-image{display:block;width:100%;height:520px;object-fit:contain;background:#eef2f6}.certificate-pdf{display:block;width:100%;height:520px;border:0;background:#eef2f6}.file-no-preview{height:220px;display:grid;place-content:center;text-align:center;gap:8px;background:#f7f9fc;color:#596579}.archive-zone{margin-top:22px;border-color:#f1c5c1;background:#fffafa}.certificate-kpis{margin-bottom:16px}
.order-jumpnav{position:sticky;top:82px;z-index:8;display:flex;gap:7px;overflow:auto;background:rgba(245,247,251,.94);backdrop-filter:blur(8px);padding:8px 0;margin:-7px 0 15px}.order-jumpnav a{white-space:nowrap;padding:7px 10px;border:1px solid var(--line);border-radius:999px;background:#fff;font-size:12px}.order-jumpnav a:hover{border-color:#9fb7cb;color:var(--primary)}.anchor-section{scroll-margin-top:135px}.quick-actions-card{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.quick-actions-card strong{margin-left:4px}
@media(max-width:900px){.certificate-info-grid,.certificate-files-grid{grid-template-columns:1fr}.certificate-image,.certificate-pdf{height:430px}}
@media(max-width:650px){.upload-choice-grid{grid-template-columns:1fr}.certificate-image,.certificate-pdf{height:360px}.file-card-head{align-items:flex-start;flex-direction:column}.order-jumpnav{top:128px}.certificate-kpis{grid-template-columns:repeat(2,1fr)}.preview-file{flex-direction:column;gap:2px}}
@media(max-width:650px){
  .sidebar .nav-item{font-size:10px!important;flex-direction:column;min-width:76px;gap:3px;padding:7px 6px;line-height:1.2;text-align:center}
  .sidebar .nav-item span{font-size:18px}
  .sidebar{scrollbar-width:thin}
  .brand small{display:none}.brand b{font-size:13px}.brand-mark{width:36px;height:36px;border-radius:10px}
}
.select-filter-input{width:100%;padding:9px 10px;margin-bottom:6px;border:1px solid #d6dee8;border-radius:9px;background:#f8fafc;font:inherit}.select-filter-input:focus{outline:0;border-color:#6e97bc;box-shadow:0 0 0 3px rgba(29,111,143,.10);background:#fff}
.camera-pages{display:grid;gap:8px}.camera-add{justify-self:start}.compact-camera{min-height:96px;padding:12px}.compact-camera .upload-icon{font-size:20px}

/* V5 parent/child navigation */
.brand-wrap{display:flex;align-items:center;gap:10px}.menu-toggle,.sidebar-close{display:none;border:0;background:transparent;font:inherit;cursor:pointer}.sidebar{width:auto;min-width:0}.sidebar-head{display:none;color:#fff;padding:6px 8px 14px;align-items:center;justify-content:space-between}.nav-root{font-weight:700}.nav-icon{width:22px;text-align:center;flex:0 0 22px}.nav-text{flex:1}.nav-group{margin:5px 0}.nav-parent{width:100%;border:0;background:transparent;color:#dfe8f1;padding:11px 13px;border-radius:10px;display:flex;align-items:center;gap:10px;font:inherit;cursor:pointer;text-align:right}.nav-parent:hover,.nav-group.active-group>.nav-parent{background:#173f68;color:#fff}.nav-arrow{font-size:13px;transition:transform .18s ease}.nav-group.open .nav-arrow{transform:rotate(180deg)}.nav-children{display:grid;grid-template-rows:0fr;transition:grid-template-rows .18s ease}.nav-children>*{overflow:hidden}.nav-group.open .nav-children{grid-template-rows:1fr}.nav-children:before{content:"";display:block;min-height:0}.nav-child{display:none;color:#bfcddd;margin:3px 10px 3px 14px;padding:9px 13px;border-radius:8px;font-size:13px;align-items:center;gap:9px;border-right:2px solid transparent}.nav-group.open .nav-child{display:flex}.nav-child:hover{background:#163b61;color:#fff}.nav-child.active{background:#1d4c78;color:#fff;border-right-color:#8fc4df}.child-dot{width:6px;height:6px;border-radius:50%;background:currentColor;opacity:.65}.sidebar-overlay{display:none}
@media(min-width:901px){.shell{grid-template-columns:250px minmax(0,1fr)}.sidebar{padding:16px 12px}.nav-item{font-size:14px}.nav-text{display:block}}
@media(max-width:900px){
 .shell{display:block;min-height:calc(100vh - 72px)}.content{padding:16px}.menu-toggle{display:grid;place-items:center;width:38px;height:38px;border:1px solid var(--line);border-radius:9px;background:#fff;font-size:20px}.sidebar-close{display:block;color:#fff;font-size:26px}.sidebar-head{display:flex}.sidebar{position:fixed!important;display:block!important;right:-292px;top:0;bottom:0;width:282px;z-index:60;padding:16px 12px;background:#102d4c;overflow-y:auto;transition:right .2s ease}.sidebar.is-open{right:0}.sidebar-overlay{position:fixed;inset:0;background:rgba(8,22,38,.42);z-index:55}.sidebar-overlay.is-open{display:block}.nav-item,.nav-parent{font-size:14px!important;flex-direction:row!important;justify-content:flex-start!important;min-width:0!important;gap:10px!important;padding:11px 13px!important;text-align:right!important}.nav-item span,.sidebar .nav-item span{font-size:inherit}.nav-icon{font-size:18px!important}.nav-child{font-size:13px}.brand small{display:block}.brand b{font-size:14px}.topbar{height:66px}.user small{display:none}
}

/* V5 spreadsheet-like final report */
.excel-report{max-width:1050px;margin:auto;background:#fff;border:1px solid #aeb6c2;padding:16px 18px;font-family:Arial,sans-serif;color:#111}.excel-title-table,.excel-info-table,.excel-data-table,.excel-sign-table{width:100%;border-collapse:collapse;table-layout:fixed}.excel-title-table td,.excel-info-table td,.excel-data-table th,.excel-data-table td,.excel-sign-table td{border:1px solid #7f8995;padding:6px 7px;vertical-align:middle}.excel-title-table td{text-align:center}.excel-company{font-size:20px;font-weight:700}.excel-report-title{font-size:18px;font-weight:700}.excel-subtitle{font-size:11px;color:#4b5563}.excel-info-table{margin-top:-1px}.excel-info-table .label{background:#e8edf3;font-weight:700;font-size:11px;width:16%}.excel-info-table .value{font-weight:700;font-size:12px}.excel-section{background:#dfe6ee!important;font-weight:700;text-align:center!important;font-size:12px}.excel-data-table{margin-top:-1px;font-size:11px}.excel-data-table th{background:#edf1f5;font-weight:700;text-align:center}.excel-data-table td{text-align:center}.excel-data-table td.text-right{text-align:right}.excel-data-table .total-row td{background:#f5f7f9;font-weight:700}.excel-data-table .danger-cell{background:#fde8e7;color:#8f1d14;font-weight:700}.excel-data-table .ok-cell{background:#e7f6ee;color:#16603d;font-weight:700}.excel-note-cell{min-height:54px;text-align:right!important;white-space:pre-wrap}.excel-sign-table{margin-top:12px}.excel-sign-table td{text-align:center;height:75px;vertical-align:top;font-size:11px}.excel-foot{font-size:9px;color:#667085;text-align:center;padding-top:7px}.report-mode-tabs{max-width:1050px;margin:0 auto 10px;display:flex;gap:6px;align-items:center}.report-mode-tabs a{padding:8px 12px;border:1px solid var(--line);border-radius:8px;background:#fff;font-size:12px}.report-mode-tabs a.active{background:var(--primary);color:#fff;border-color:var(--primary)}
@media print{.excel-report{max-width:none;border:0;padding:0}.excel-title-table td,.excel-info-table td,.excel-data-table th,.excel-data-table td,.excel-sign-table td{padding:4px 5px}.excel-company{font-size:16px}.excel-report-title{font-size:15px}.excel-data-table{font-size:9px}.excel-info-table .label{font-size:9px}.excel-info-table .value{font-size:10px}.excel-sign-table td{height:55px}.report-mode-tabs{display:none!important}}
.nav-children{display:block!important;max-height:0;overflow:hidden;transition:max-height .2s ease}.nav-group.open .nav-children{max-height:420px}.nav-children:before{display:none!important}
@media(max-width:900px){.sidebar .nav-item{font-size:14px!important;flex-direction:row!important;justify-content:flex-start!important;min-width:0!important;gap:10px!important;padding:11px 13px!important;line-height:1.35!important;text-align:right!important}.sidebar .nav-item .nav-icon{font-size:18px!important}.sidebar .nav-item .nav-text{font-size:14px!important}}

/* V6 - production report matched to the original Excel nature */
.legacy-report-toolbar{max-width:780px;margin:0 auto 10px;display:flex;gap:7px;align-items:center}.legacy-admin-link{font-size:11px;color:#64748b;margin-right:auto;text-decoration:underline}.legacy-sheet{width:min(760px,100%);margin:0 auto;background:#fff;padding:0;font-family:Arial,sans-serif;color:#000;direction:rtl}.legacy-grid{width:100%;border-collapse:collapse;table-layout:fixed;border:1px solid #000}.legacy-grid td{border:1px solid #000;padding:4px 6px;height:27px;vertical-align:middle;text-align:center;font-size:11px;font-weight:400}.legacy-grid .legacy-title-row td{height:34px;font-size:15px;font-weight:700}.legacy-grid .legacy-label{font-weight:700;background:#fff}.legacy-grid .legacy-value{font-weight:600}.legacy-grid .legacy-order-no{font-size:15px;font-weight:700}.legacy-grid .legacy-table-head td{font-weight:700;background:#f2f2f2;height:30px}.legacy-grid .legacy-material-name{text-align:right;font-weight:600}.legacy-grid .legacy-total td{font-weight:700;background:#f8f8f8}.legacy-grid .legacy-spacer td{height:9px;padding:0;border-left-color:#fff;border-right-color:#fff}.legacy-grid .legacy-note{text-align:right;vertical-align:top;white-space:normal;line-height:1.45;font-size:10px}.legacy-grid .legacy-tall-label{vertical-align:middle}.legacy-grid .legacy-plain-label{font-weight:700}.legacy-hdpe{width:min(900px,100%)}.legacy-hdpe-grid td{font-size:10.5px}.legacy-upvc{width:min(680px,100%)}
@media(max-width:720px){.legacy-report-toolbar{max-width:100%;flex-wrap:wrap}.legacy-sheet{overflow-x:auto}.legacy-grid{min-width:620px}.legacy-hdpe-grid{min-width:820px}}
@media print{
 @page{size:A4 portrait;margin:8mm}
 .legacy-report-toolbar{display:none!important}.legacy-sheet{width:100%;max-width:none;margin:0;padding:0}.legacy-grid{min-width:0!important;width:100%}.legacy-grid td{font-size:9.2px;padding:2.5px 4px;height:22px}.legacy-grid .legacy-title-row td{font-size:13px;height:28px}.legacy-grid .legacy-table-head td{height:24px}.legacy-grid .legacy-note{font-size:8.8px}.legacy-hdpe-grid td{font-size:8.7px}.legacy-grid .legacy-spacer td{height:6px}
}

/* V7 - calm, simple and operational UI */
:root{--bg:#f4f7f7;--panel:#ffffff;--ink:#26343b;--muted:#728087;--primary:#3d686b;--primary-dark:#31575a;--accent:#7b9c9d;--line:#dfe7e7;--soft:#edf4f3;--sidebar:#304b57;--sidebar-hover:#3b5d69;--ok:#34785b;--warn:#9a742e;--bad:#a9524b}
body{background:var(--bg);color:var(--ink);line-height:1.45}.topbar{height:68px;padding:0 22px;background:rgba(255,255,255,.97);border-bottom-color:#e4eaea;box-shadow:0 1px 8px rgba(34,57,63,.035)}.brand{gap:10px}.brand b{font-size:14px}.brand small{font-size:10.5px}.brand-mark,.brand-logo{width:40px;height:40px;border-radius:10px;display:grid;place-items:center;overflow:hidden;flex:0 0 40px}.brand-mark{background:var(--primary);font-size:20px}.brand-logo{background:#fff;border:1px solid var(--line);padding:3px}.brand-logo img{max-width:100%;max-height:100%;object-fit:contain}.shell{grid-template-columns:238px minmax(0,1fr);min-height:calc(100vh - 68px)}.sidebar{background:var(--sidebar);padding:14px 10px}.content{padding:22px 24px 48px;max-width:1660px;width:100%;margin:0 auto}.page-head{margin-bottom:16px}.page-head h1{font-size:22px;letter-spacing:-.2px}.page-head p{font-size:12.5px}.card{border-radius:11px;padding:16px;box-shadow:0 2px 10px rgba(33,57,63,.025)}.btn{border-radius:8px;padding:9px 14px;background:var(--primary);font-weight:700;font-size:13px;transition:.16s ease}.btn:hover{background:var(--primary-dark);transform:translateY(-1px)}.btn.secondary{background:#fff;border-color:#d7e1e1;color:#3b5056}.btn.secondary:hover{background:#f8fbfb;border-color:#bfcfcf}.btn.danger{background:#a95d56}.table-wrap{border-radius:10px;box-shadow:none}.table{min-width:760px}.table th{background:#f3f7f7;color:#55666c;font-weight:700}.table th,.table td{padding:10px 11px}.form-grid{gap:12px}.field label{color:#5b6d72;font-weight:700;font-size:11.5px}.field label b{color:#9c5c56}.field input,.field select,.field textarea{min-height:42px;padding:9px 11px;border-color:#ccd9d9;border-radius:8px;transition:.15s ease;color:#26343b}.field textarea{min-height:72px}.field input:focus,.field select:focus,.field textarea:focus{outline:0;border-color:#7f9fa0;box-shadow:0 0 0 3px rgba(61,104,107,.08)}.alert{border-radius:9px;background:#edf7f1;color:#356348}.alert.error{background:#fbefee;color:#8c4c47}.soft-alert{background:#f5f7f4;color:#66706c;border:1px solid #e1e7e2}.badge{border-radius:7px}.nav-parent,.nav-item{border-radius:8px;color:#e6eeee}.nav-parent:hover,.nav-group.active-group>.nav-parent,.nav-item:hover,.nav-item.active{background:var(--sidebar-hover)}.nav-child{border-radius:7px;color:#cbd8db}.nav-child:hover,.nav-child.active{background:#426572}.nav-child.active{border-right-color:#b7cecc}.nav-arrow{opacity:.7}.kpis{gap:12px}.kpi strong{font-size:24px}.order-summary-grid{gap:10px}.summary-value{font-size:19px}.order-jumpnav{background:rgba(244,247,247,.94)}

/* Login */
.login{background:linear-gradient(180deg,#f3f7f7,#edf2f2)}.login-card-clean{border-radius:14px;box-shadow:0 18px 55px rgba(39,64,70,.10);padding:30px}.login-card-clean h1{font-size:22px;margin:24px 0 5px}.login-card-clean .field{margin-top:14px}.login-btn{margin-top:18px;height:44px}.login-brand{display:flex;gap:12px;align-items:center;padding-bottom:18px;border-bottom:1px solid var(--line)}.login-brand img{width:64px;height:52px;object-fit:contain}.login-brand b{display:block;font-size:16px}.login-brand small{color:var(--muted);font-size:11px}

/* Settings */
.settings-layout{max-width:1050px}.settings-form{display:grid;gap:12px}.plain-fieldset{border:0;padding:0;margin:0;display:grid;gap:12px}.settings-main-card{padding:20px}.section-head.compact{margin:0 0 14px}.branding-settings{display:grid;grid-template-columns:270px minmax(0,1fr);gap:22px;align-items:center}.logo-settings-box{display:flex;gap:12px;align-items:center}.logo-preview{width:112px;height:82px;border:1px dashed #bfcfcf;background:#f8fbfb;border-radius:10px;display:grid;place-items:center;overflow:hidden;color:#8a999d;font-size:11px}.logo-preview img{width:100%;height:100%;object-fit:contain;padding:5px}.logo-settings-actions{display:grid;gap:7px;align-content:center}.file-btn{cursor:pointer;text-align:center}.check-line{font-size:11px;color:#6e7d82;display:flex;align-items:center;gap:6px}.settings-basic-grid{grid-template-columns:2fr 1fr}.settings-details{padding:0;overflow:hidden}.settings-details>summary{list-style:none;cursor:pointer;padding:15px 17px;display:flex;align-items:center;justify-content:space-between;gap:15px}.settings-details>summary::-webkit-details-marker{display:none}.settings-details>summary span{font-weight:700}.settings-details>summary small{color:var(--muted)}.settings-details[open]>summary{background:#f6f9f9;border-bottom:1px solid var(--line)}.settings-details-body{padding:16px}.settings-savebar{position:sticky;bottom:12px;display:flex;justify-content:flex-start;padding:10px;background:rgba(244,247,247,.92);backdrop-filter:blur(8px);border:1px solid var(--line);border-radius:10px;z-index:5}

/* Simplified report entry */
.simple-report-form{max-width:1180px;display:grid;gap:12px}.simple-page-head{max-width:1180px}.order-chip{display:inline-block;background:var(--soft);color:var(--primary-dark);border-radius:6px;padding:3px 7px;font-weight:700;margin-left:5px}.quick-entry-card{padding:18px}.quick-section-title{display:flex;align-items:center;gap:10px;margin-bottom:14px}.quick-section-title>span{width:27px;height:27px;border-radius:50%;display:grid;place-items:center;background:var(--soft);color:var(--primary);font-weight:700;font-size:12px}.quick-section-title h3{font-size:15px;margin:0}.quick-section-title small{font-size:11px;color:var(--muted)}.four-cols{grid-template-columns:repeat(4,minmax(0,1fr))}.emphasis-field input{font-size:16px;font-weight:700}.input-with-unit{display:grid;grid-template-columns:minmax(0,1fr) 92px}.input-with-unit input{border-radius:0 8px 8px 0}.input-with-unit select{border-right:0;border-radius:8px 0 0 8px;background:#f5f8f8}.clean-calculated{height:42px;display:flex;align-items:center;gap:4px;background:#f5f8f8}.report-notes{margin-top:12px}.report-notes textarea{min-height:58px}.progressive-card{padding:0;overflow:hidden}.progressive-card>summary{cursor:pointer;list-style:none;padding:15px 18px;display:flex;align-items:center;justify-content:space-between;gap:12px}.progressive-card>summary::-webkit-details-marker{display:none}.progressive-card>summary b{display:block;font-size:14px}.progressive-card>summary small{display:block;margin-top:3px;color:var(--muted);font-size:11px}.progressive-card[open]>summary{background:#f6f9f9;border-bottom:1px solid var(--line)}.progressive-card[open] .details-arrow{transform:rotate(180deg)}.details-arrow{transition:.15s ease;color:#789093}.progressive-body{padding:15px 18px}.simple-callout{display:flex;align-items:center;justify-content:space-between;gap:12px;background:#f2f7f6;border:1px solid #dce8e6;padding:10px 12px;border-radius:8px;margin-bottom:10px;font-size:12px}.compact-table-wrap{border-radius:8px}.compact-material-table{min-width:680px}.compact-material-table th,.compact-material-table td{padding:7px}.compact-material-table select,.compact-material-table input{min-width:115px;width:100%;padding:7px 8px;min-height:36px}.icon-remove{width:30px;height:30px;border-radius:7px;border:1px solid #edd1cf;background:#fff8f7;color:#a6534d;cursor:pointer;font-size:17px}.text-action{border:0;background:transparent;color:var(--primary);font:inherit;font-size:12px;font-weight:700;cursor:pointer;padding:10px 2px}.form-savebar{position:sticky;bottom:10px;z-index:9;display:flex;align-items:center;justify-content:space-between;gap:15px;border:1px solid #d9e3e3;background:rgba(255,255,255,.95);backdrop-filter:blur(10px);padding:11px 13px;border-radius:10px;box-shadow:0 8px 28px rgba(34,57,63,.08)}.save-hint b,.save-hint span{display:block}.save-hint b{font-size:12px}.save-hint span{font-size:10.5px;color:var(--muted);margin-top:2px}

/* V7 simple production report */
.simple-print-toolbar{max-width:900px;margin:0 auto 10px;display:flex;align-items:center;gap:7px}.quiet-link{margin-right:auto;color:#718085;text-decoration:underline;font-size:11px}.simple-production-report{width:min(900px,100%);margin:auto;background:#fff;border:1px solid #d8e2e2;border-radius:9px;padding:24px 26px;font-family:Arial,sans-serif;color:#26343b;direction:rtl}.spr-header{display:grid;grid-template-columns:1.25fr .8fr .45fr;gap:16px;align-items:center;padding-bottom:15px;border-bottom:2px solid #6f9293}.spr-brand{display:flex;gap:11px;align-items:center}.spr-brand img{width:78px;height:58px;object-fit:contain}.spr-logo-fallback{width:58px;height:58px;border-radius:10px;background:#edf4f3;color:#527476;display:grid;place-items:center;font-size:25px;font-weight:700}.spr-brand h2{margin:0;font-size:17px}.spr-brand span,.spr-title span{font-size:9.5px;color:#7a878c;letter-spacing:.2px}.spr-title{text-align:center}.spr-title h1{margin:0;font-size:20px;color:#355d60}.spr-order{background:#edf4f3;border:1px solid #d4e1df;border-radius:8px;padding:9px 11px;text-align:center}.spr-order small,.spr-info span,.spr-summary-row span,.spr-notes>span,.spr-signatures span{display:block;color:#768489;font-size:10px}.spr-order b{font-size:16px;color:#355d60}.spr-info-grid{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid #dde6e6;border-bottom:0;margin-top:16px}.spr-info{padding:9px 10px;border-left:1px solid #dde6e6;border-bottom:1px solid #dde6e6;min-height:52px}.spr-info.wide{grid-column:span 2}.spr-info b{display:block;margin-top:4px;font-size:11.5px}.spr-section-title{font-size:12px;font-weight:700;color:#355d60;background:#edf4f3;border:1px solid #d9e5e3;padding:7px 9px;margin-top:14px}.spr-table{width:100%;border-collapse:collapse;font-size:10.5px}.spr-table th,.spr-table td{border:1px solid #dce5e5;padding:6px 8px;text-align:right}.spr-table th{background:#f6f9f9;color:#576b70}.spr-total td{background:#f2f6f6;font-weight:700}.spr-empty{text-align:center!important;color:#8b989b;padding:14px!important}.spr-summary-row{display:grid;grid-template-columns:repeat(5,1fr);border:1px solid #dce5e5;border-top:0}.spr-summary-row>div{padding:8px 9px;border-left:1px solid #dce5e5}.spr-summary-row b{display:block;margin-top:3px;font-size:11px}.spr-notes{margin-top:13px;border:1px solid #dce5e5;padding:9px 11px;min-height:62px}.spr-notes p{margin:5px 0 0;font-size:10.5px;line-height:1.55}.spr-signatures{display:grid;grid-template-columns:1fr 1fr;gap:60px;margin:28px 40px 10px;text-align:center}.spr-signatures>div{padding-top:8px;border-top:1px solid #aab8ba}.spr-signatures b{display:block;margin-top:7px;font-size:11px}.spr-footer{text-align:center;color:#8a969a;font-size:8.5px;border-top:1px solid #edf1f1;padding-top:7px;margin-top:18px}

@media(max-width:1050px){.four-cols{grid-template-columns:repeat(2,minmax(0,1fr))}.branding-settings{grid-template-columns:1fr}.settings-basic-grid{grid-template-columns:1fr 1fr}}
@media(max-width:700px){.content{padding:14px 12px 40px}.quick-entry-card{padding:14px}.four-cols,.settings-basic-grid{grid-template-columns:1fr}.branding-settings{gap:14px}.logo-settings-box{align-items:flex-start}.form-savebar{bottom:6px;flex-direction:column;align-items:stretch}.form-savebar .actions{display:grid;grid-template-columns:1fr 1fr}.form-savebar .actions .btn:only-child{grid-column:1/-1}.simple-callout{align-items:flex-start;flex-direction:column}.spr-header{grid-template-columns:1fr}.spr-title{text-align:right}.spr-order{text-align:right}.spr-info-grid{grid-template-columns:repeat(2,1fr)}.spr-info.wide{grid-column:span 2}.spr-summary-row{grid-template-columns:repeat(2,1fr)}.spr-signatures{margin-left:10px;margin-right:10px}.simple-production-report{border-radius:0;padding:16px 14px}}
@media print{
 @page{size:A4 portrait;margin:9mm}.simple-print-toolbar{display:none!important}.simple-production-report{width:100%;max-width:none;border:0;border-radius:0;padding:0}.spr-header{padding-bottom:10px}.spr-brand img{width:68px;height:50px}.spr-info-grid{margin-top:11px}.spr-info{min-height:45px;padding:6px 8px}.spr-section-title{margin-top:10px;padding:5px 7px}.spr-table th,.spr-table td{padding:4px 6px;font-size:9.5px}.spr-summary-row>div{padding:6px 7px}.spr-notes{min-height:48px;margin-top:10px}.spr-signatures{margin-top:23px}.spr-footer{margin-top:12px}.topbar,.sidebar,.no-print{display:none!important}
}
.quick-create-strip{max-width:900px;display:grid;grid-template-columns:auto minmax(280px,1fr) auto;gap:9px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:10px;padding:10px 12px;margin-bottom:12px}.quick-create-strip label{font-size:12px;font-weight:700;color:#52666b}.quick-create-strip select{min-height:39px;border:1px solid #ccd9d9;border-radius:8px;padding:7px 9px;background:#fff;font:inherit}.quick-create-strip select:focus{outline:0;border-color:#7f9fa0;box-shadow:0 0 0 3px rgba(61,104,107,.08)}
@media(max-width:700px){.quick-create-strip{grid-template-columns:1fr}.quick-create-strip label{display:none}}
.order-more-details,.order-revisions{margin-top:16px;padding:0;overflow:hidden}.order-more-details>summary,.order-revisions>summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px}.order-more-details>summary::-webkit-details-marker,.order-revisions>summary::-webkit-details-marker{display:none}.order-more-details>summary b,.order-revisions>summary b{display:block;font-size:14px}.order-more-details>summary small{display:block;color:var(--muted);font-size:11px;margin-top:3px}.order-more-details[open]>summary,.order-revisions[open]>summary{background:#f6f9f9;border-bottom:1px solid var(--line)}.order-more-body{padding:0 16px 16px}.order-more-body .section-head{margin-top:18px}.order-more-body .table-wrap{margin-bottom:14px}.order-revisions>summary span{font-size:11px;color:var(--primary)}
@media(min-width:1101px){.order-summary-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}