:root{
  --navy:#052b59;--navy2:#073b78;--navy3:#0a4b93;--bg:#f8fafc;--card:#fff;--line:#e2e8f0;
  --text:#0f172a;--muted:#64748b;--green:#16a34a;--blue:#1685ff;--purple:#7c3aed;--orange:#f59e0b;--red:#ef4444;--teal:#0f9d94;
  --shadow:0 4px 18px rgba(2,31,66,.08);--radius:18px;
}
*{box-sizing:border-box}html{font-family:"Tahoma","Arial",sans-serif;background:var(--bg);color:var(--text)}body{margin:0;min-height:100vh;background:linear-gradient(180deg,#fff 0,#f8fafc 40%,#f5f7fb 100%);font-size:18px;padding-bottom:96px}
button,input,select,textarea{font:inherit}button{cursor:pointer}.hidden{display:none!important}.visually-hidden-select{position:absolute!important;opacity:0!important;pointer-events:none!important;width:1px!important;height:1px!important}
.topbar{height:118px;background:linear-gradient(100deg,#032750,#062f61);color:#fff;display:grid;grid-template-columns:92px 1fr 92px;align-items:center;padding:10px 24px;position:sticky;top:0;z-index:80;border-bottom:1px solid rgba(255,255,255,.08)}
.brand-center{text-align:center}.brand-center h1{margin:0;font-size:28px;font-weight:900;letter-spacing:.1px}.system-subtitle{font-size:19px;margin-top:8px;opacity:.92}.top-icon{font-size:52px;text-align:right;filter:grayscale(1) brightness(4)}.notification-wrap{position:relative;width:58px;height:58px;display:grid;place-items:center}.bell{font-size:42px;transform:rotate(45deg);opacity:.95}.notification-badge{position:absolute;top:2px;right:0;background:#ef4444;color:#fff;border-radius:999px;min-width:27px;height:27px;display:grid;place-items:center;font-size:15px;font-weight:900;border:2px solid var(--navy)}
.app-shell{max-width:1180px;margin:0 auto;padding:22px 26px 28px}.view{display:none}.view.active{display:block}.primary,.secondary,.danger,.warning,.text-link{border:0;border-radius:12px;padding:12px 18px;font-weight:800}.primary{background:var(--navy);color:#fff}.primary:hover{background:var(--navy2)}.secondary{background:#f1f5f9;color:#0d3565;border:1px solid #dce4ef}.danger{background:#fee2e2;color:#b91c1c}.warning{background:#fff3cd;color:#8a5a00}.compact{padding:9px 13px;font-size:15px}.wide{width:100%}.text-link{background:transparent;color:#1768bd;padding:6px 0}.icon-close{border:0;background:#eef2f7;color:#1e293b;width:36px;height:36px;border-radius:50%;font-size:26px}
.hero-welcome{background:linear-gradient(100deg,#052b59,#07396e);border-radius:20px;color:#fff;min-height:132px;padding:22px 28px;display:flex;justify-content:space-between;align-items:center;box-shadow:var(--shadow);margin-bottom:24px}.hero-user,.hero-date{display:flex;align-items:center;gap:16px}.hero-avatar{width:78px;height:78px;border-radius:50%;display:grid;place-items:center;font-size:42px;background:radial-gradient(circle at 40% 30%,#244d82,#06244a);border:3px solid rgba(255,255,255,.22)}.hero-user strong{font-size:26px;display:block}.hero-user span,.hero-date span{display:block;margin-top:5px;opacity:.9}.hero-calendar{font-size:36px}.hero-date strong{display:block;font-size:17px;line-height:1.7}
.dashboard-stat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:24px}.dash-stat{min-height:150px;border:1px solid #edf0f4;border-radius:20px;padding:22px;display:flex;align-items:center;justify-content:space-between;gap:14px;background:#fff;box-shadow:0 2px 12px rgba(10,35,65,.04)}.dash-stat-icon{font-size:48px;min-width:64px;text-align:center}.dash-stat span{font-size:17px;font-weight:800;display:block}.dash-stat strong{font-size:36px;display:block;margin:8px 0}.dash-stat small{font-size:15px;color:var(--muted)}.dash-stat.purple{background:linear-gradient(135deg,#fff 0,#f5edff 100%)}.dash-stat.purple strong{color:#7c3aed}.dash-stat.blue{background:linear-gradient(135deg,#fff 0,#eaf4ff 100%)}.dash-stat.blue strong{color:#1685ff}.dash-stat.green{background:linear-gradient(135deg,#fff 0,#ecfdf3 100%)}.dash-stat.green strong{color:#16a34a}.dash-stat.teal{background:linear-gradient(135deg,#fff 0,#eafafa 100%)}.dash-stat.teal strong{color:#0f9d94}.dash-stat.red{background:linear-gradient(135deg,#fff 0,#fff0f0 100%)}.dash-stat.red strong{color:#ef4444}.dash-stat.orange{background:linear-gradient(135deg,#fff 0,#fff6e9 100%)}.dash-stat.orange strong{color:#f59e0b}
.reference-panel{background:#fff;border:1px solid #e5eaf1;border-radius:20px;padding:20px;box-shadow:0 2px 12px rgba(7,43,89,.04);margin-bottom:20px}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}.section-heading h3{margin:0;font-size:22px}.recent-order-list{display:grid;gap:0}.recent-order-item{display:grid;grid-template-columns:120px 1fr 150px 120px 44px;align-items:center;gap:14px;padding:16px 12px;border-top:1px solid #edf1f5}.recent-order-item:first-child{border-top:0}.order-number-box{background:var(--navy);color:#fff;border-radius:12px;padding:12px;text-align:center;font-weight:900}.order-number-box small{display:block;font-size:12px;margin-top:5px;opacity:.9}.recent-order-name b{font-size:18px;display:block}.recent-order-name small{color:var(--muted)}.recent-order-amount{color:#0a8f40;font-weight:900}.status-pill{display:inline-flex;align-items:center;justify-content:center;border-radius:9px;padding:9px 12px;font-weight:800;font-size:14px}.status-pill.ready{background:#e9f8ee;color:#15803d}.status-pill.workshop{background:#e8f2ff;color:#1272d4}.status-pill.new{background:#fff2df;color:#d97706}.more-dots{font-size:24px;color:var(--navy)}
.quick-action-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:16px}.quick-action-grid button{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:18px 8px;min-height:100px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px}.quick-action-grid span{font-size:34px}.quick-action-grid b{font-size:15px}.daily-summary-bar,.monthly-summary-bar{background:linear-gradient(100deg,#052b59,#07396e);border-radius:18px;color:#fff;padding:20px 24px;display:grid;grid-template-columns:1.4fr repeat(3,1fr);gap:10px;align-items:center;margin-bottom:20px}.daily-summary-bar>div:not(:first-child),.monthly-summary-bar>span{border-right:1px solid rgba(255,255,255,.18);padding-right:16px}.daily-summary-bar span,.monthly-summary-bar span{font-size:14px;opacity:.9}.daily-summary-bar strong,.monthly-summary-bar strong{display:block;font-size:22px;margin-top:4px}.operations-compact{margin-bottom:0}.operations-list{display:grid;gap:8px}.operation-item{display:flex;justify-content:space-between;gap:16px;background:#f8fafc;border-radius:12px;padding:12px 14px}.operation-item strong{font-size:15px}.operation-item small{color:var(--muted)}
.page-hero{background:linear-gradient(100deg,#052b59,#07396e);color:#fff;margin:-22px -26px 26px;padding:28px 30px;display:flex;align-items:center;gap:18px}.page-hero.simple{min-height:106px}.page-hero-icon{font-size:42px}.page-hero h2{font-size:34px;margin:0}.page-hero p{margin:7px 0 0;font-size:18px;opacity:.9}.orders-toolbar{display:grid;gap:18px;margin-bottom:18px}.search-box{height:62px;background:#fff;border:1px solid #dbe3ed;border-radius:15px;display:flex;align-items:center;padding:0 18px;gap:12px}.search-box span{font-size:28px;color:var(--navy)}.search-box input{border:0;outline:0;width:100%;font-size:17px;background:transparent}.order-filter-tabs{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.filter-chip{height:66px;border:1px solid #dbe3ed;background:#fff;border-radius:13px;color:#24364d;font-weight:800;display:flex;align-items:center;justify-content:center;gap:8px}.filter-chip.active{background:var(--navy);color:#fff}.filter-chip b{background:#eef4fb;color:#0c4d90;border-radius:999px;padding:2px 7px;font-size:12px}.filter-chip.active b{background:rgba(255,255,255,.2);color:#fff}.orders-meta-row{display:flex;justify-content:space-between;align-items:center;margin:12px 0 16px}.order-card-list{display:grid;gap:15px}.order-card{background:#fff;border:1px solid #e3e9f1;border-radius:17px;padding:16px 18px;display:grid;grid-template-columns:120px 1.5fr 120px 125px;gap:16px;align-items:center;box-shadow:0 2px 10px rgba(7,43,89,.04)}.order-card-main b{font-size:19px;display:block;margin-bottom:7px}.order-card-main small{display:block;color:var(--muted);margin:4px 0}.order-card-price{color:#119447;font-size:20px;font-weight:900;text-align:center}.order-card-actions{display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end;grid-column:1/-1;border-top:1px solid #edf1f5;padding-top:12px}.order-card-actions button{border:0;border-radius:9px;padding:8px 11px;font-weight:800;font-size:13px}.btn-light{background:#edf3fa;color:#0b477f}.btn-green{background:#e5f8eb;color:#18783a}.btn-orange{background:#fff1df;color:#a76000}.btn-red{background:#fde8e8;color:#b91c1c}.whatsapp-btn{width:39px;height:39px;padding:0!important;background:#20b857!important;color:#fff!important;border-radius:10px!important;display:inline-grid!important;place-items:center!important}.whatsapp-btn svg{width:22px;height:22px;fill:currentColor}.fab-add{position:fixed;left:30px;bottom:105px;width:66px;height:66px;border-radius:50%;background:var(--navy);color:#fff;border:0;font-size:42px;box-shadow:0 8px 22px rgba(2,43,89,.28);z-index:40}.hidden-form{display:none}.hidden-form.open{display:block}.order-editor{margin-top:14px}.form-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.form-header h3{margin:0;font-size:24px}.form-section{border:1px solid #e6ebf2;border-radius:16px;padding:16px;margin-bottom:14px}.form-section-title{font-weight:900;font-size:18px;margin-bottom:12px;color:#0a4481}.customer-pick,.date-fields{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.form-grid label,.form-section label{display:flex;flex-direction:column;gap:8px;font-weight:800;color:#24364d}.full{grid-column:1/-1}.form-grid input,.form-grid select,.form-grid textarea,.form-section input,.form-section select,.form-section textarea,.section-heading input,.custom-period-grid input,.custom-period-grid select{border:1px solid #d9e2ec;border-radius:12px;padding:13px 14px;background:#fff;outline:0;min-height:48px;color:#111827}.form-grid input:focus,.form-grid select:focus,.form-grid textarea:focus,.form-section input:focus,.form-section select:focus{border-color:#1e67ad;box-shadow:0 0 0 3px rgba(30,103,173,.1)}.measurement-box{padding:0}.measurement-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.form-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.customer-search-row{display:grid;grid-template-columns:120px 1fr;gap:14px;margin-bottom:14px}.filter-square{border:0;border-radius:14px;background:var(--navy);color:#fff;font-weight:900;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:20px}.filter-square span{font-size:13px;margin-top:4px}.customer-actions-row{display:flex;gap:8px;margin-bottom:14px}.customer-card-list{display:grid;gap:14px}.customer-card{border-radius:20px;background:linear-gradient(110deg,#052b59,#07396e);color:#fff;padding:20px;box-shadow:var(--shadow)}.customer-card-head{display:flex;justify-content:space-between;gap:14px;align-items:center}.customer-avatar{width:72px;height:72px;border-radius:50%;background:radial-gradient(circle at 40% 25%,#274f84,#08264c);display:grid;place-items:center;font-size:40px;border:2px solid rgba(255,255,255,.18)}.customer-card h3{font-size:24px;margin:0 0 7px}.customer-phone{font-size:17px;direction:ltr;text-align:right}.customer-card-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:18px;border-top:1px solid rgba(255,255,255,.12);padding-top:14px}.customer-card-stats span{font-size:13px;opacity:.85}.customer-card-stats strong{display:block;font-size:20px;margin-top:5px}.customer-card-actions{display:flex;gap:8px;margin-top:14px}.customer-card-actions button{border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.1);color:#fff;border-radius:10px;padding:8px 11px}
.invoice-forms-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.invoice-form-card .form-title{font-size:23px;font-weight:900;color:#092f60;margin-bottom:4px}.invoice-card-list{display:grid;gap:13px}.invoice-card{border:1px solid #e4eaf2;border-radius:16px;padding:16px;display:grid;grid-template-columns:120px 1fr 115px 115px 115px;gap:12px;align-items:center}.invoice-card .money-label span{font-size:12px;color:var(--muted);display:block}.invoice-card .money-label strong{font-size:18px}.invoice-actions{grid-column:1/-1;display:flex;gap:8px;flex-wrap:wrap;border-top:1px solid #edf1f5;padding-top:12px}
.report-period-panel{position:relative}.period-chips{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:12px}.period-chips button{height:54px;border:1px solid #dce4ee;border-radius:12px;background:#fff;color:#334155;font-weight:800}.period-chips button.active{background:var(--navy);color:#fff}.custom-period-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:15px}.custom-period-grid label{display:flex;flex-direction:column;gap:7px;font-weight:800}.report-summary-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:20px}.report-summary-card{min-height:135px;border-radius:18px;padding:20px;background:#fff;border:1px solid #e8edf3;box-shadow:0 2px 10px rgba(7,43,89,.03)}.report-summary-card span{font-size:17px;font-weight:800}.report-summary-card strong{display:block;font-size:32px;margin-top:16px}.report-summary-card:nth-child(1){background:linear-gradient(135deg,#fff,#eefbf3)}.report-summary-card:nth-child(1) strong{color:#0b8d3c}.report-summary-card:nth-child(2){background:linear-gradient(135deg,#fff,#fff1f1)}.report-summary-card:nth-child(2) strong{color:#e53c3c}.report-summary-card:nth-child(3){background:linear-gradient(135deg,#fff,#eefafa)}.report-summary-card:nth-child(3) strong{color:#0a938c}.report-summary-card:nth-child(4){background:linear-gradient(135deg,#fff,#f4efff)}.report-summary-card:nth-child(4) strong{color:#7d35c4}.chart-panel{min-height:320px}.bar-chart{height:240px;display:flex;align-items:flex-end;justify-content:space-around;gap:16px;border-bottom:1px solid #dfe6ef;padding:16px 12px 0}.chart-bar-wrap{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;height:100%;gap:7px}.chart-bar{width:min(58px,70%);background:linear-gradient(180deg,#3394ff,#1676df);border-radius:9px 9px 0 0;min-height:4px}.chart-bar.active{background:linear-gradient(180deg,#0a52a4,#063b76)}.chart-bar-value{font-size:12px;color:#334155;font-weight:800}.chart-bar-label{font-size:12px;color:#64748b}.monthly-summary-bar{grid-template-columns:1.2fr repeat(4,1fr);margin-top:0}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;min-width:760px}th,td{padding:13px 10px;border-bottom:1px solid #e9eef4;text-align:right}th{background:#f8fafc;color:#475569;font-size:14px}td{font-size:15px}.count-pill{background:var(--navy);color:#fff;border-radius:999px;padding:6px 12px;font-weight:900}.task-columns{display:grid;grid-template-columns:1fr 1fr;gap:18px}.task-list{display:grid;gap:10px}.task-item{background:#f8fafc;border:1px solid #edf1f5;border-radius:13px;padding:13px;display:flex;justify-content:space-between;gap:12px}.task-item small{display:block;color:var(--muted);margin-top:4px}.excel-import-box{display:grid;gap:14px}.excel-file-label{display:grid;gap:8px;font-weight:800}.excel-status{font-weight:800;color:#15783a}.excel-preview{background:#f8fafc;border-radius:14px;padding:14px}.excel-preview-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.excel-preview-card{background:#fff;border:1px solid #e4eaf1;border-radius:10px;padding:11px}.danger-zone p{color:var(--muted)}.more-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.more-grid button{min-height:140px;border:1px solid #e3e9f1;border-radius:18px;background:#fff;color:#102a4c;font-size:38px;display:flex;flex-direction:column;gap:12px;align-items:center;justify-content:center;box-shadow:0 2px 10px rgba(7,43,89,.04)}.more-grid span{font-size:18px;font-weight:900}
.toast{position:fixed;left:50%;bottom:105px;transform:translateX(-50%) translateY(18px);background:#0f172a;color:#fff;padding:13px 20px;border-radius:12px;opacity:0;pointer-events:none;z-index:150;transition:.2s}.toast.show{opacity:1;transform:translateX(-50%) translateY(0)}.modal{position:fixed;inset:0;background:rgba(2,20,40,.55);display:grid;place-items:center;padding:18px;z-index:140}.modal.hidden{display:none}.modal-card{background:#fff;border-radius:20px;padding:20px;max-width:800px;width:100%;max-height:90vh;overflow:auto}.modal-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.preview-paper{border:1px solid #e5ebf2;border-radius:14px;padding:20px}.preview-paper h4{font-size:24px;margin:0 0 16px;color:var(--navy)}.preview-paper .line{margin:8px 0}.measurement-preview-table{width:100%;min-width:0;margin-top:14px}.measurement-preview-table th,.measurement-preview-table td{border:1px solid #dfe5ed;padding:10px}.invoice-price-texts{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:18px}.invoice-price-texts div{border-radius:12px;padding:14px;background:#f8fafc;text-align:center}.invoice-price-texts span{display:block;font-size:14px;color:#64748b}.invoice-price-texts strong{display:block;font-size:22px;margin-top:5px}.invoice-pdf-host{position:fixed;left:-99999px;top:0;width:794px;background:#fff;z-index:-1}.invoice-pdf-sheet{width:794px;min-height:1123px;background:#fff;color:#0f172a;padding:48px;font-family:Tahoma,Arial,sans-serif;direction:rtl}.invoice-pdf-header{display:flex;justify-content:space-between;align-items:flex-start;border-bottom:3px solid var(--navy);padding-bottom:18px}.invoice-pdf-header h1{margin:0;color:var(--navy);font-size:30px}.invoice-pdf-meta{text-align:left;font-size:14px;line-height:1.8}.invoice-pdf-info{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin:22px 0}.invoice-pdf-info div{background:#f7f9fc;border-radius:10px;padding:12px}.invoice-pdf-sheet table{min-width:0;margin-top:16px}.invoice-pdf-sheet th,.invoice-pdf-sheet td{border:1px solid #dbe3ec;padding:10px;text-align:center}.invoice-pdf-prices{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:22px}.invoice-pdf-prices div{border:1px solid #dce5ef;border-radius:12px;padding:16px;text-align:center}.invoice-pdf-prices span{display:block;color:#64748b;font-size:15px}.invoice-pdf-prices strong{display:block;color:var(--navy);font-size:26px;margin-top:8px}.invoice-pdf-note{margin-top:22px;border:1px solid #e1e7ee;border-radius:12px;padding:14px}.invoice-pdf-footer{margin-top:70px;border-top:1px solid #dce3ec;padding-top:14px;display:flex;justify-content:space-between;color:#64748b;font-size:13px}
.mobile-nav{position:fixed;bottom:0;left:0;right:0;height:84px;background:linear-gradient(100deg,#052b59,#07396e);display:grid;grid-template-columns:repeat(4,1fr);z-index:90;padding:8px 22px calc(8px + env(safe-area-inset-bottom));gap:10px}.mobile-nav button{border:0;background:transparent;color:#fff;border-radius:14px;font-weight:800;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px}.mobile-nav button.active{background:#fff;color:var(--navy)}.nav-glyph{font-size:29px;line-height:1}.mobile-nav button span:last-child{font-size:13px}
@media(max-width:860px){body{font-size:17px}.topbar{height:104px;grid-template-columns:72px 1fr 72px;padding:9px 16px}.brand-center h1{font-size:23px}.system-subtitle{font-size:16px}.top-icon{font-size:44px}.app-shell{padding:18px 14px 22px}.hero-welcome{padding:18px;min-height:118px}.hero-avatar{width:64px;height:64px;font-size:34px}.hero-user strong{font-size:22px}.dashboard-stat-grid{grid-template-columns:repeat(2,1fr);gap:12px}.dash-stat{padding:16px;min-height:125px}.dash-stat strong{font-size:30px}.quick-action-grid{grid-template-columns:repeat(3,1fr)}.recent-order-item{grid-template-columns:95px 1fr 90px}.recent-order-item .recent-order-amount{display:none}.recent-order-item .more-dots{display:none}.daily-summary-bar{grid-template-columns:1fr repeat(3,1fr);padding:16px 12px}.daily-summary-title b{font-size:14px}.page-hero{margin:-18px -14px 20px;padding:24px 18px}.page-hero h2{font-size:30px}.order-filter-tabs{grid-template-columns:repeat(2,1fr)}.order-card{grid-template-columns:100px 1fr 105px}.order-card-price{display:none}.customer-search-row{grid-template-columns:88px 1fr}.invoice-forms-grid{grid-template-columns:1fr}.report-summary-grid{grid-template-columns:repeat(2,1fr)}.custom-period-grid{grid-template-columns:repeat(2,1fr)}.task-columns{grid-template-columns:1fr}.form-grid{grid-template-columns:1fr}.measurement-grid{grid-template-columns:repeat(2,1fr)}.customer-pick,.date-fields{grid-template-columns:1fr}.monthly-summary-bar{grid-template-columns:repeat(2,1fr);gap:12px}.monthly-summary-bar>b{grid-column:1/-1}.excel-preview-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){body{font-size:16px;padding-bottom:88px}.topbar{height:96px}.brand-center h1{font-size:21px}.system-subtitle{font-size:14px}.hero-welcome{min-height:112px;border-radius:17px}.hero-user{gap:10px}.hero-avatar{width:56px;height:56px;font-size:30px}.hero-user strong{font-size:19px}.hero-user span{font-size:13px}.hero-date{gap:8px}.hero-calendar{font-size:26px}.hero-date strong{font-size:13px}.hero-date span{font-size:11px}.dashboard-stat-grid{grid-template-columns:repeat(2,1fr)}.dash-stat{min-height:112px;padding:13px;gap:8px}.dash-stat-icon{font-size:34px;min-width:42px}.dash-stat span{font-size:13px}.dash-stat strong{font-size:27px;margin:4px 0}.dash-stat small{font-size:12px}.reference-panel{padding:15px;border-radius:16px}.section-heading h3{font-size:19px}.recent-order-item{grid-template-columns:84px 1fr 85px;gap:8px;padding:12px 4px}.order-number-box{padding:9px 6px;font-size:13px}.recent-order-name b{font-size:15px}.status-pill{font-size:11px;padding:7px 7px}.quick-action-grid{grid-template-columns:repeat(3,1fr);gap:8px}.quick-action-grid button{min-height:88px;padding:12px 5px}.quick-action-grid span{font-size:28px}.quick-action-grid b{font-size:12px}.daily-summary-bar{grid-template-columns:repeat(3,1fr);gap:0;border-radius:16px}.daily-summary-title{grid-column:1/-1;text-align:right;margin-bottom:12px}.daily-summary-bar>div:not(:first-child){padding:0 8px;text-align:center}.daily-summary-bar strong{font-size:18px}.operation-item{font-size:13px}.page-hero{min-height:104px}.page-hero-icon{font-size:35px}.page-hero h2{font-size:27px}.page-hero p{font-size:14px}.order-filter-tabs{grid-template-columns:repeat(2,1fr);gap:8px}.filter-chip{height:58px;font-size:14px}.orders-meta-row{font-size:14px}.order-card{grid-template-columns:88px 1fr;gap:10px;padding:13px}.order-card .status-pill{grid-column:1;grid-row:2}.order-card-actions{grid-column:1/-1}.measurement-grid{grid-template-columns:1fr 1fr}.customer-actions-row{overflow:auto;padding-bottom:4px}.customer-card h3{font-size:20px}.customer-card-stats{grid-template-columns:repeat(3,1fr)}.customer-card-stats strong{font-size:17px}.invoice-card{grid-template-columns:90px 1fr 1fr;gap:8px}.invoice-card .money-label:nth-of-type(3){grid-column:2}.invoice-price-texts{grid-template-columns:1fr}.period-chips{grid-template-columns:repeat(2,1fr)}.custom-period-grid{grid-template-columns:1fr}.report-summary-grid{grid-template-columns:repeat(2,1fr);gap:9px}.report-summary-card{min-height:105px;padding:14px}.report-summary-card strong{font-size:25px;margin-top:10px}.bar-chart{gap:7px;height:210px}.chart-bar{width:36px}.monthly-summary-bar{grid-template-columns:repeat(2,1fr)}.mobile-nav{height:78px;padding:7px 8px calc(7px + env(safe-area-inset-bottom));gap:4px}.nav-glyph{font-size:25px}.mobile-nav button span:last-child{font-size:12px}.fab-add{width:58px;height:58px;bottom:92px;left:20px}.more-grid button{min-height:115px}.invoice-pdf-host{width:794px}}

.empty-state{text-align:center;color:#748198;padding:24px}.period-hidden{display:none!important}.action-stack{display:flex;gap:8px;flex-wrap:wrap}.link-button{text-decoration:none;display:inline-flex;align-items:center;justify-content:center}.excel-status.error{color:#b91c1c}.excel-status.success{color:#15803d}.worker-password{letter-spacing:2px}.invoice-measurement-table{width:100%;min-width:0;border-collapse:collapse;margin-top:10px}.invoice-measurement-table th,.invoice-measurement-table td{border:1px solid #dde5ee;padding:10px;text-align:center}.footer-right,.footer-left{display:none}
.machine-icon svg{width:64px;height:50px;color:#fff}.bell-svg{width:44px;height:44px;color:#fff}


/* V13 - mobile screen lock and invoice stability */
html,body{width:100%;max-width:100%;overflow-x:hidden;overscroll-behavior-x:none;-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{touch-action:manipulation}
body.modal-open{overflow:hidden}
.app-shell,.view,#invoicesView,.invoice-forms-grid,.invoice-form-card,.invoice-card-list,.invoice-card{width:100%;max-width:100%;min-width:0}
input,select,textarea{font-size:16px!important;max-width:100%;min-width:0}
img,svg,canvas{max-width:100%}
.invoice-page-hero{position:relative;padding-left:76px}
.page-back-btn{position:absolute;left:18px;top:50%;transform:translateY(-50%);width:48px;height:48px;border-radius:14px;border:1px solid rgba(255,255,255,.22);background:rgba(255,255,255,.12);color:#fff;font-size:30px;line-height:1;display:grid;place-items:center;z-index:2}
.invoice-actions{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));align-items:center;width:100%}
.invoice-actions button{min-height:42px;width:100%;white-space:nowrap}
.invoice-actions .whatsapp-btn{width:100%!important;height:42px!important}
.modal{overflow:hidden;touch-action:pan-y}
.modal-card{width:min(800px,calc(100vw - 20px));max-width:calc(100vw - 20px);max-height:calc(100dvh - 24px);overflow:auto;overscroll-behavior:contain}
.modal-head{position:sticky;top:-20px;z-index:5;background:#fff;padding:12px 0;border-bottom:1px solid #edf1f5}
.modal-head .secondary{min-width:76px;min-height:44px}
.preview-body,.preview-paper{max-width:100%;overflow-x:hidden}
.preview-paper table{width:100%;min-width:0;table-layout:fixed}
.preview-paper th,.preview-paper td{word-break:break-word}
@media(max-width:560px){
  .app-shell{padding-left:10px!important;padding-right:10px!important}
  .page-hero{margin-left:-10px!important;margin-right:-10px!important}
  .invoice-page-hero{padding-left:68px!important}
  .page-back-btn{left:12px;width:44px;height:44px;border-radius:12px;font-size:28px}
  .invoice-card{display:grid!important;grid-template-columns:82px minmax(0,1fr)!important;gap:10px!important;padding:12px!important;overflow:hidden}
  .invoice-card>.order-number-box{grid-column:1;grid-row:1}
  .invoice-card>div:nth-child(2){grid-column:2;grid-row:1;min-width:0;overflow-wrap:anywhere}
  .invoice-card>.money-label{grid-row:2!important;text-align:center;background:#f8fafc;border-radius:10px;padding:8px 4px;min-width:0}
  .invoice-card>.money-label:nth-child(3){grid-column:1!important}
  .invoice-card>.money-label:nth-child(4){grid-column:2!important}
  .invoice-card>.money-label:nth-child(5){grid-column:1 / -1!important;grid-row:3!important}
  .invoice-card>.money-label span{font-size:11px!important}
  .invoice-card>.money-label strong{font-size:17px!important}
  .invoice-actions{grid-column:1/-1!important;grid-row:4!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;padding-top:10px}
  .invoice-actions button{font-size:12px!important;padding:8px 5px!important;min-height:40px}
  .invoice-actions .whatsapp-btn{width:100%!important;height:40px!important}
  .invoice-forms-grid{gap:12px}
  .invoice-form-card{padding:14px!important}
  .invoice-form-card .form-title{font-size:20px!important}
  .modal{padding:8px;align-items:start;padding-top:8px}
  .modal-card{border-radius:16px;padding:14px;max-height:calc(100dvh - 16px)}
  .modal-head{top:-14px;margin-bottom:10px}
  .invoice-price-texts{grid-template-columns:repeat(3,1fr)!important;gap:6px!important}
  .invoice-price-texts div{padding:10px 4px!important}
  .invoice-price-texts strong{font-size:17px!important}
}


/* V14 final — login, users, profile, fixed navy header */
.login-screen{position:fixed;inset:0;z-index:1000;background:linear-gradient(145deg,#052b59,#073b78);display:grid;place-items:center;padding:22px}.login-screen.authenticated{display:none}.login-card{width:min(430px,100%);background:#fff;border-radius:22px;padding:26px;box-shadow:0 24px 70px rgba(0,0,0,.28)}.login-brand{text-align:center;color:var(--navy);font-size:25px;font-weight:900;margin-bottom:10px}.login-card h2{text-align:center;margin:8px 0 20px}.login-card form{display:grid;gap:14px}.login-card label{display:grid;gap:8px;font-weight:800}.login-card input{width:100%;border:1px solid #dbe4ef;border-radius:12px;padding:13px 14px}.login-error{color:#b91c1c;text-align:center;font-weight:800;margin-top:12px;min-height:22px}.auth-locked{overflow:hidden}.access-hidden{display:none!important}
.header-app-icon-wrap{width:64px;height:64px;display:grid;place-items:center}.header-app-icon{width:56px;height:56px;border-radius:14px;object-fit:cover;background:#fff}.profile-img{width:100%;height:100%;object-fit:cover;border-radius:inherit}.profile-settings-row{display:grid;grid-template-columns:180px 1fr;gap:22px;align-items:center}.profile-photo-editor{display:grid;gap:10px;justify-items:center}.profile-photo-frame{width:128px;height:128px;border-radius:50%;overflow:hidden;background:linear-gradient(145deg,#e7edf6,#f8fafc);border:3px solid #d9e3ef;display:grid;place-items:center;font-size:58px}.profile-upload-btn{background:#edf3fa;color:#0b477f;padding:10px 14px;border-radius:11px;font-weight:800;cursor:pointer}.profile-fields{display:grid;gap:12px}.profile-fields label{display:grid;gap:7px;font-weight:800}.editable-phone{display:grid;grid-template-columns:1fr 48px;gap:8px}.pencil-btn{border:0;border-radius:12px;background:#edf3fa;color:#0b477f;font-size:25px}.profile-button-row{display:flex;gap:10px;flex-wrap:wrap}.icon-setting-row{display:flex;gap:14px;align-items:center}.app-icon-preview{width:86px;height:86px;border:1px solid #dbe4ef;border-radius:16px;display:grid;place-items:center;overflow:hidden;background:#f8fafc}.app-icon-preview img{width:100%;height:100%;object-fit:cover}.permissions-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.permission-group{border:1px solid #e2e8f0;border-radius:14px;padding:14px;background:#fafcff}.permission-group h4{margin:0 0 10px;color:var(--navy)}.permission-group label{display:flex!important;flex-direction:row!important;align-items:center;gap:9px!important;padding:7px 0;font-weight:700!important}.permission-group input{width:20px!important;height:20px!important}.topbar{position:fixed!important;top:0;left:0;right:0}.app-shell{padding-top:140px}.page-hero{margin-top:-22px}.mobile-nav{z-index:95}

/* PDF invoice layout matching the approved sample */
.invoice-pdf-sheet{position:relative;width:794px;height:1123px;min-height:1123px;background:#fff;color:#1a2736;padding:54px 48px 48px;font-family:Tahoma,Arial,sans-serif;direction:rtl;overflow:hidden}.invoice-pdf-header{display:flex;justify-content:space-between;align-items:flex-start;border-bottom:3px solid #173b60;padding-bottom:20px}.invoice-pdf-brand{text-align:right}.invoice-pdf-brand h1{margin:0;color:#173b60;font-size:31px;font-weight:900}.invoice-pdf-brand>div{margin-top:8px;font-size:16px;color:#4d5d6d}.invoice-pdf-meta{direction:ltr;text-align:left;display:grid;gap:6px;font-size:14px;color:#223244}.invoice-pdf-meta strong{font-size:15px}.invoice-pdf-meta span{font-size:13px}.invoice-pdf-info{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin:25px 0}.invoice-pdf-info>div{background:#f7f9fc;border-radius:10px;padding:15px 16px;min-height:75px}.invoice-pdf-info b{display:block;font-size:15px;margin-bottom:8px}.invoice-pdf-info span{display:block;font-size:15px}.invoice-pdf-section-title{font-size:18px;margin:22px 0 12px;color:#1e293b}.invoice-pdf-measurements{width:100%;table-layout:fixed;border-collapse:collapse;margin:0!important}.invoice-pdf-measurements th,.invoice-pdf-measurements td{border:1px solid #dde5ee!important;padding:12px!important;text-align:center!important;font-size:14px}.invoice-pdf-measurements thead th{background:#f8fafc;color:#5b6675}.invoice-pdf-prices{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:22px}.invoice-pdf-prices>div{border:1px solid #e1e7ef;border-radius:13px;padding:16px 10px;text-align:center;background:#fff}.invoice-pdf-prices span{display:block;color:#687586;font-size:14px}.invoice-pdf-prices strong{display:block;color:#173b60;font-size:26px;margin-top:9px}.invoice-pdf-note{margin-top:22px;border:1px solid #e3e8ef;border-radius:13px;padding:15px 16px;min-height:82px}.invoice-pdf-note b{display:block;margin-bottom:8px}.invoice-pdf-note span{display:block}.invoice-pdf-footer{position:absolute;bottom:46px;right:48px;left:48px;border-top:1px solid #e1e7ee;padding-top:13px;display:flex;justify-content:space-between;color:#657284;font-size:12px}
@media(max-width:860px){.app-shell{padding-top:122px}.profile-settings-row{grid-template-columns:1fr}.permissions-grid{grid-template-columns:1fr}}
@media(max-width:560px){.app-shell{padding-top:112px!important}.topbar{position:fixed!important}.profile-photo-frame{width:112px;height:112px}.profile-button-row{display:grid;grid-template-columns:1fr 1fr}.permissions-grid{grid-template-columns:1fr}.header-app-icon-wrap{width:54px;height:54px}.header-app-icon{width:48px;height:48px}}


/* V15 — dashboard navigation, stable mobile viewport and order action sheet */
html,body{overscroll-behavior:none!important;overscroll-behavior-y:none!important;-webkit-overflow-scrolling:touch}
body{-webkit-touch-callout:none}
input,textarea,select{font-size:16px!important;-webkit-user-select:text;user-select:text;-webkit-touch-callout:default}
button,a,[role="button"]{-webkit-tap-highlight-color:transparent;touch-action:manipulation}
.dashboard-link-card{cursor:pointer;justify-content:flex-start!important;outline:none;user-select:none;-webkit-user-select:none;touch-action:manipulation}
.dashboard-link-card>div{width:100%}
.dashboard-link-card:active{transform:scale(.985)}
.dash-stat-icon{display:none!important}
.order-number-trigger{border:0;cursor:pointer;width:100%;font:inherit}
.more-dots-btn{border:0;background:transparent;color:var(--navy);font-size:29px;font-weight:900;width:42px;height:42px;border-radius:10px;display:grid;place-items:center;touch-action:manipulation}
.more-dots-btn:active{background:#eef3f9}
.order-actions-sheet{max-width:620px!important}
.order-actions-client{background:linear-gradient(100deg,#052b59,#07396e);color:#fff;border-radius:16px;padding:16px;margin-bottom:14px;display:grid;gap:8px}
.order-actions-client strong{font-size:21px}.order-actions-client span{opacity:.92}
.order-actions-details{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:14px}
.order-actions-details>div{background:#f8fafc;border:1px solid #e5ebf2;border-radius:12px;padding:12px;display:grid;gap:5px}
.order-actions-details span{font-size:12px;color:var(--muted)}
.order-actions-controls{display:grid;gap:12px}
.order-actions-status{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.order-actions-status button{border:1px solid #dbe4ef;border-radius:11px;padding:11px 7px;background:#fff;color:#17345b;font-weight:900}
.order-actions-status button.active{background:var(--navy);color:#fff;border-color:var(--navy)}
.order-actions-buttons{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.order-actions-buttons button{min-height:44px}
.modal-head-actions{display:flex;gap:8px;align-items:center}
@media(max-width:560px){
  .dashboard-link-card{min-height:105px!important;display:block!important;text-align:right}
  .recent-order-item{grid-template-columns:84px minmax(0,1fr) 85px 42px!important}
  .recent-order-item .status-pill{grid-column:3!important;grid-row:1!important}
  .recent-order-item .more-dots-btn{grid-column:4!important;grid-row:1!important}
  .order-actions-details{grid-template-columns:1fr 1fr}
  .order-actions-status,.order-actions-buttons{grid-template-columns:1fr}
}

.invoice-pdf-header{background:#052b59!important;color:#fff!important;border-radius:12px;padding:18px!important;border-bottom:0!important}
.invoice-pdf-header h1,.invoice-pdf-header strong,.invoice-pdf-header span,.invoice-pdf-header div{color:#fff!important}

/* V17 — collapsible permissions card */
.permissions-collapsible{padding:0!important;overflow:hidden;background:#fff;border:1px solid #dfe7f1;border-radius:16px;box-shadow:0 4px 16px rgba(10,55,94,.06)}
.permissions-collapsible>summary{list-style:none}
.permissions-collapsible>summary::-webkit-details-marker{display:none}
.permissions-summary{min-height:66px;display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:10px;padding:16px 18px;cursor:pointer;user-select:none;background:#fff;color:var(--navy);font-weight:900}
.permissions-summary-title{font-size:20px}
.permissions-summary-hint{font-size:13px;color:#6f7d8f;font-weight:700}
.permissions-chevron{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#edf3fa;color:var(--navy);font-size:24px;transition:transform .2s ease}
.permissions-collapsible[open] .permissions-chevron{transform:rotate(180deg)}
.permissions-collapsible[open] .permissions-summary{border-bottom:1px solid #e6edf5}
.permissions-card-body{padding:16px}
.permissions-card-heading{margin-bottom:12px}
#usersView .reference-panel:has(#usersTable){margin-top:14px}
@media(max-width:560px){.permissions-summary{grid-template-columns:1fr auto;padding:14px 15px}.permissions-summary-title{font-size:18px}.permissions-summary-hint{display:none}.permissions-card-body{padding:12px}}

/* V18 — admin notifications and password reset */
.notification-wrap{border:0;background:transparent;color:#fff;padding:0;cursor:pointer}
.login-reset-btn{margin-top:10px}
#passwordResetRequestModal{z-index:1200}
.compact-modal{max-width:520px}
.notifications-body{display:grid;gap:10px}
.notification-item{border:1px solid #e2e8f0;border-radius:14px;padding:14px;display:flex;justify-content:space-between;gap:12px;align-items:center;background:#fff}
.notification-item strong{display:block;font-size:17px;margin-bottom:4px}.notification-item small{display:block;color:#64748b;margin-top:3px}.notification-actions{display:flex;gap:8px;flex-wrap:wrap}.notification-empty{padding:24px;text-align:center;color:#64748b}
@media(max-width:640px){.notification-item{align-items:stretch;flex-direction:column}}

/* V19 - رسائل نظام نموذجية */
.system-modal{position:fixed;inset:0;z-index:9999;background:rgba(2,20,45,.58);display:grid;place-items:center;padding:20px}.system-modal.hidden{display:none}.system-modal-card{width:min(430px,94vw);background:#fff;border-radius:24px;padding:24px 20px 20px;text-align:center;box-shadow:0 24px 70px rgba(0,0,0,.28);border:1px solid #e8edf5}.system-modal-icon{width:58px;height:58px;border-radius:50%;margin:0 auto 12px;display:grid;place-items:center;background:#e9f2ff;color:#073b73;font-size:30px;font-weight:900}.system-modal-card h3{margin:4px 0 10px;font-size:22px;color:#0a3768}.system-modal-card p{margin:0 auto 20px;line-height:1.9;font-size:16px;color:#35445a;white-space:pre-line}.system-modal-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}.system-modal-actions.one{grid-template-columns:1fr}.system-modal-actions button{min-height:48px;font-size:16px;border-radius:13px}.system-modal.error .system-modal-icon{background:#fff0f0;color:#c93636}.system-modal.success .system-modal-icon{background:#e9f8ee;color:#178447}@media(max-width:600px){.system-modal-card{border-radius:22px;padding:22px 16px 16px}.system-modal-card h3{font-size:21px}.system-modal-card p{font-size:16px}}

.setting-note{display:block;font-size:12px;font-weight:600;color:#64748b;margin-top:3px}

/* V27 — خلفية النظام مستقلة عن أيقونة التطبيق وصور المستخدمين */
.login-screen{
  background:
    linear-gradient(rgba(1,25,53,.28),rgba(1,25,53,.42)),
    url('login-background.png') center center / cover no-repeat fixed !important;
}
.login-card{
  background:rgba(255,255,255,.94)!important;
  backdrop-filter:blur(4px);
  -webkit-backdrop-filter:blur(4px);
}
/* أيقونة التطبيق تبقى مستقلة تماماً عن صورة الملف الشخصي */
.header-app-icon,.app-icon-preview img{object-fit:contain!important}
.profile-img,#dashboardProfileImage,#settingsProfileImage{object-fit:cover!important}
@media(max-width:700px){
  .login-screen{background-position:center center!important;background-attachment:scroll!important}
}


/* V28 — خلفية دخول متجاوبة + أيقونات مستقلة للجوال وWindows */
.login-screen{
  position:fixed!important;inset:0!important;min-height:100dvh!important;overflow:hidden!important;
  background:#052b59!important;isolation:isolate;
}
.login-screen::before{
  content:"";position:absolute;inset:-3%;z-index:-2;
  background:url('login-background.png') center center / cover no-repeat;
  filter:blur(16px) brightness(.62) saturate(.92);transform:scale(1.06);
}
.login-screen::after{
  content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;
  background:
    linear-gradient(rgba(2,30,62,.18),rgba(2,30,62,.32)),
    url('login-background.png') center center / contain no-repeat;
}
.login-card{position:relative;z-index:2;width:min(430px,calc(100vw - 32px))!important;max-height:calc(100dvh - 36px);overflow:auto}
.header-app-icon{object-fit:contain!important;background:transparent!important}
@media (orientation:portrait){
  .login-screen::after{background:
    linear-gradient(rgba(2,30,62,.16),rgba(2,30,62,.30)),
    url('login-background.png') center center / contain no-repeat!important;}
}
@media (orientation:landscape) and (min-width:800px){
  .login-screen::after{background:
    linear-gradient(rgba(2,30,62,.20),rgba(2,30,62,.34)),
    url('login-background.png') center center / cover no-repeat!important;}
  .login-card{width:min(440px,38vw)!important}
}
@media (max-width:700px){
  .login-screen{padding:16px!important}
  .login-card{width:min(360px,calc(100vw - 28px))!important;padding:22px 18px!important}
}

/* V29 — بطاقة دخول زجاجية شفافة مع وضوح كامل للنص */
.login-card{
  background:rgba(255,255,255,.62)!important;
  border:1px solid rgba(255,255,255,.72)!important;
  box-shadow:0 22px 60px rgba(0,22,52,.28)!important;
  backdrop-filter:blur(13px) saturate(1.08)!important;
  -webkit-backdrop-filter:blur(13px) saturate(1.08)!important;
}
.login-brand,.login-card h2,.login-card label{
  color:#052b59!important;
  text-shadow:0 1px 0 rgba(255,255,255,.75);
}
.login-card input{
  background:rgba(255,255,255,.84)!important;
  color:#0f172a!important;
  border:1px solid rgba(255,255,255,.96)!important;
  box-shadow:inset 0 0 0 1px rgba(7,59,120,.06)!important;
}
.login-card input::placeholder{color:#64748b!important}
.login-card .primary{box-shadow:0 6px 16px rgba(5,43,89,.18)}
.login-reset-btn{background:rgba(245,248,252,.76)!important;border-color:rgba(255,255,255,.8)!important}
@media(max-width:700px){
  .login-card{background:rgba(255,255,255,.58)!important;backdrop-filter:blur(11px) saturate(1.05)!important;-webkit-backdrop-filter:blur(11px) saturate(1.05)!important}
}

/* V30 — ترتيب خلفية الدخول: الشعار أعلى البطاقة + امتداد أخضر لأسفل الشاشة */
.login-screen{
  display:flex!important;
  align-items:flex-start!important;
  justify-content:center!important;
  padding:0 16px 28px!important;
  background:
    linear-gradient(180deg,#6f8f43 0%,#527b32 50%,#345d27 100%)!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
}
.login-screen::before{
  content:""!important;
  position:absolute!important;
  inset:0 0 auto 0!important;
  height:48dvh!important;
  min-height:360px!important;
  z-index:-2!important;
  background:url('login-background.png') center top / auto 48dvh no-repeat!important;
  filter:none!important;
  transform:none!important;
}
.login-screen::after{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  z-index:-1!important;
  pointer-events:none!important;
  background:
    linear-gradient(180deg,
      rgba(0,0,0,.05) 0%,
      rgba(0,0,0,.02) 35%,
      rgba(62,105,43,.08) 48%,
      rgba(63,105,42,.72) 62%,
      rgba(42,83,33,.88) 100%)!important;
}
.login-card{
  margin-top:46dvh!important;
  margin-bottom:24px!important;
  flex:0 0 auto!important;
  background:rgba(255,255,255,.57)!important;
  border:1px solid rgba(255,255,255,.72)!important;
  backdrop-filter:blur(10px) saturate(1.06)!important;
  -webkit-backdrop-filter:blur(10px) saturate(1.06)!important;
}
@media(max-width:700px){
  .login-screen::before{
    height:46dvh!important;
    min-height:335px!important;
    background-size:auto 46dvh!important;
    background-position:center top!important;
  }
  .login-card{
    margin-top:44dvh!important;
    width:min(360px,calc(100vw - 30px))!important;
  }
}
@media(min-width:701px){
  .login-screen::before{
    height:54dvh!important;
    background-size:100% auto!important;
    background-position:center top!important;
  }
  .login-card{margin-top:44dvh!important;}
}
@media(orientation:landscape) and (max-height:650px){
  .login-screen::before{height:72dvh!important;background-size:auto 72dvh!important;}
  .login-card{margin-top:38dvh!important;max-height:none!important;}
}

/* V32 FINAL LOGIN — approved mobile visual, functional overlay, no resize/zoom */
.login-screen{
  position:fixed!important;inset:0!important;width:100vw!important;height:100svh!important;min-height:100svh!important;
  display:grid!important;place-items:center!important;padding:0!important;margin:0!important;overflow:hidden!important;
  background-color:#315f27!important;
  background-image:url('login-background-v32.png')!important;
  background-repeat:no-repeat!important;background-position:center center!important;background-size:cover!important;
  isolation:isolate!important;
}
.login-screen::before,.login-screen::after{display:none!important;content:none!important}
.login-card{
  position:relative!important;inset:auto!important;margin:0!important;transform:none!important;
  width:min(430px,calc(100vw - 34px))!important;height:auto!important;max-height:none!important;overflow:visible!important;
  padding:28px 24px!important;background:rgba(250,250,245,.74)!important;border:1px solid rgba(255,255,255,.9)!important;
  border-radius:28px!important;box-shadow:0 20px 50px rgba(0,30,20,.22)!important;
  backdrop-filter:blur(12px) saturate(1.05)!important;-webkit-backdrop-filter:blur(12px) saturate(1.05)!important;
}
.login-card input{font-size:16px!important;min-height:54px!important}

/* On phones, the approved picture itself is the visual UI. Real controls sit precisely over it. */
@media(max-width:700px) and (orientation:portrait){
  .login-screen{
    background-size:auto 100svh!important;background-position:center center!important;background-color:#315f27!important;
  }
  .login-card{
    position:absolute!important;top:35.80svh!important;left:50%!important;right:auto!important;
    width:31.70svh!important;height:40.90svh!important;min-width:0!important;max-width:none!important;
    transform:translateX(-50%)!important;margin:0!important;padding:0!important;
    background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;
    backdrop-filter:none!important;-webkit-backdrop-filter:none!important;overflow:visible!important;
  }
  .login-card .login-brand,.login-card h2,.login-card label{color:transparent!important;text-shadow:none!important;font-size:0!important;line-height:0!important}
  .login-card form{position:absolute!important;inset:0!important;margin:0!important;padding:0!important}
  .login-card form>label:nth-of-type(1),.login-card form>label:nth-of-type(2){
    position:absolute!important;left:6.2%!important;right:6.2%!important;width:auto!important;height:11.4%!important;margin:0!important;padding:0!important;
  }
  .login-card form>label:nth-of-type(1){top:31.7%!important}
  .login-card form>label:nth-of-type(2){top:52.7%!important}
  .login-card input{
    position:absolute!important;inset:0!important;width:100%!important;height:100%!important;min-height:0!important;margin:0!important;
    padding:0 18px!important;background:rgba(255,255,255,.03)!important;border:0!important;border-radius:16px!important;
    box-shadow:none!important;outline:0!important;color:#052b59!important;font-size:16px!important;font-weight:800!important;
    caret-color:#052b59!important;text-align:right!important;
  }
  .login-card input:focus{background:rgba(255,255,255,.12)!important;box-shadow:inset 0 0 0 2px rgba(5,43,89,.18)!important}
  .login-card form>.primary{
    position:absolute!important;top:68.2%!important;left:6.2%!important;right:6.2%!important;width:auto!important;height:10.9%!important;
    margin:0!important;padding:0!important;background:transparent!important;border:0!important;box-shadow:none!important;color:transparent!important;
  }
  .login-reset-btn{
    position:absolute!important;top:81.55%!important;left:6.2%!important;right:6.2%!important;width:auto!important;height:11.2%!important;
    margin:0!important;padding:0!important;background:transparent!important;border:0!important;box-shadow:none!important;color:transparent!important;
  }
  .login-error{
    position:absolute!important;top:94%!important;left:0!important;right:0!important;text-align:center!important;color:#b91c1c!important;
    font-size:13px!important;font-weight:900!important;background:rgba(255,255,255,.88)!important;border-radius:8px!important;padding:4px!important;
  }
}

/* Desktop/Windows: same approved scenery, normal readable glass form centered. */
@media(min-width:701px){
  .login-screen{background-size:cover!important;background-position:center center!important}
  .login-card{width:min(440px,38vw)!important}
}
/* V32 critical: once authenticated, remove the login overlay completely. */
.login-screen.authenticated{display:none!important}

.system-modal-card h3:empty{display:none}

/* V34 — شاشة الدخول: إخفاء الجدول الثابت بصرياً وإظهار الجدول العملي فقط */
@media (max-width:700px) and (orientation:portrait){
  .login-screen{
    position:fixed!important;
    inset:0!important;
    width:100vw!important;
    height:100svh!important;
    min-height:100svh!important;
    display:block!important;
    overflow:hidden!important;
    padding:0!important;
    background-image:url('login-background-v32.png')!important;
    background-size:auto 100svh!important;
    background-position:center center!important;
    background-repeat:no-repeat!important;
    background-color:#315f27!important;
  }

  /* البطاقة العملية تغطي مساحة البطاقة المرسومة في الخلفية بالكامل، لذلك لا يظهر إلا جدول واحد. */
  .login-card{
    position:absolute!important;
    top:35.7svh!important;
    left:50%!important;
    right:auto!important;
    transform:translateX(-50%)!important;
    width:min(31.9svh,calc(100vw - 34px))!important;
    height:41.3svh!important;
    min-height:420px!important;
    max-height:calc(100svh - 38svh)!important;
    margin:0!important;
    padding:22px 20px!important;
    display:flex!important;
    flex-direction:column!important;
    justify-content:center!important;
    gap:10px!important;
    overflow:hidden!important;
    background:rgba(250,250,246,.985)!important;
    border:1px solid rgba(255,255,255,.98)!important;
    border-radius:28px!important;
    box-shadow:0 18px 46px rgba(0,30,20,.24)!important;
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
  }

  .login-card .login-brand{
    color:#052b59!important;
    text-shadow:none!important;
    font-size:17px!important;
    line-height:1.4!important;
    font-weight:900!important;
    margin:0!important;
    text-align:center!important;
  }
  .login-card h2{
    color:#052b59!important;
    text-shadow:none!important;
    font-size:25px!important;
    line-height:1.35!important;
    margin:0 0 8px!important;
    text-align:center!important;
  }
  .login-card form{
    position:static!important;
    inset:auto!important;
    display:grid!important;
    gap:11px!important;
    margin:0!important;
    padding:0!important;
  }
  .login-card form>label:nth-of-type(1),
  .login-card form>label:nth-of-type(2),
  .login-card label{
    position:static!important;
    inset:auto!important;
    width:auto!important;
    height:auto!important;
    margin:0!important;
    padding:0!important;
    display:grid!important;
    gap:6px!important;
    color:#052b59!important;
    text-shadow:none!important;
    font-size:13px!important;
    line-height:1.35!important;
    font-weight:900!important;
  }
  .login-card input{
    position:static!important;
    inset:auto!important;
    width:100%!important;
    height:50px!important;
    min-height:50px!important;
    margin:0!important;
    padding:0 14px!important;
    background:#f6f8fc!important;
    border:1px solid #dce5f0!important;
    border-radius:12px!important;
    box-shadow:none!important;
    outline:0!important;
    color:#0f172a!important;
    caret-color:#052b59!important;
    font-size:16px!important;
    font-weight:800!important;
    text-align:right!important;
  }
  .login-card input:focus{
    background:#fff!important;
    box-shadow:inset 0 0 0 2px rgba(5,43,89,.15)!important;
  }
  .login-card form>.primary{
    position:static!important;
    inset:auto!important;
    width:100%!important;
    height:50px!important;
    min-height:50px!important;
    margin:2px 0 0!important;
    padding:0 14px!important;
    background:#052b59!important;
    border:0!important;
    border-radius:12px!important;
    box-shadow:0 6px 16px rgba(5,43,89,.16)!important;
    color:#fff!important;
    font-size:17px!important;
    font-weight:900!important;
  }
  .login-reset-btn{
    position:static!important;
    inset:auto!important;
    width:100%!important;
    height:48px!important;
    min-height:48px!important;
    margin:0!important;
    padding:0 12px!important;
    background:#f7f8f5!important;
    border:1px solid #d9e0e7!important;
    border-radius:12px!important;
    box-shadow:none!important;
    color:#052b59!important;
    font-size:14px!important;
    font-weight:900!important;
  }
  .login-error{
    position:static!important;
    inset:auto!important;
    min-height:18px!important;
    margin:0!important;
    padding:0!important;
    background:transparent!important;
    border-radius:0!important;
    color:#b91c1c!important;
    text-align:center!important;
    font-size:12px!important;
    line-height:1.4!important;
    font-weight:900!important;
  }
}

/* هواتف قصيرة: إبقاء الجدول العملي كاملاً داخل الشاشة. */
@media (max-width:700px) and (orientation:portrait) and (max-height:760px){
  .login-card{
    top:31svh!important;
    height:auto!important;
    min-height:0!important;
    max-height:66svh!important;
    padding:16px!important;
    gap:7px!important;
  }
  .login-card h2{font-size:21px!important;margin-bottom:4px!important}
  .login-card .login-brand{font-size:15px!important}
  .login-card input{height:44px!important;min-height:44px!important}
  .login-card form>.primary{height:44px!important;min-height:44px!important}
  .login-reset-btn{height:42px!important;min-height:42px!important}
}


/* V35 — clean coded login: no embedded title/table in the background */
.login-screen{
  position:fixed!important;
  inset:0!important;
  width:100vw!important;
  height:100svh!important;
  min-height:100svh!important;
  padding:0!important;
  margin:0!important;
  overflow:hidden!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:flex-start!important;
  background:#4f7b3a url('login-background-v35.png?v=35') center center / cover no-repeat!important;
  isolation:isolate!important;
}
.login-screen::before,.login-screen::after{
  display:none!important;
  content:none!important;
}
.login-scene-title{
  position:relative!important;
  z-index:2!important;
  width:min(92vw,640px)!important;
  margin:10svh auto 0!important;
  padding:0 12px!important;
  color:#052b59!important;
  text-align:center!important;
  font-size:clamp(34px,8vw,64px)!important;
  line-height:1.22!important;
  font-weight:950!important;
  letter-spacing:0!important;
  text-shadow:0 2px 10px rgba(255,255,255,.45)!important;
}
.login-card{
  position:relative!important;
  z-index:3!important;
  top:auto!important;
  left:auto!important;
  right:auto!important;
  inset:auto!important;
  transform:none!important;
  width:min(410px,calc(100vw - 34px))!important;
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  margin:16svh auto 0!important;
  padding:24px 20px 20px!important;
  overflow:visible!important;
  display:block!important;
  background:rgba(255,255,255,.24)!important;
  border:1px solid rgba(255,255,255,.64)!important;
  border-radius:28px!important;
  box-shadow:0 20px 55px rgba(0,25,45,.24)!important;
  backdrop-filter:blur(15px) saturate(1.12)!important;
  -webkit-backdrop-filter:blur(15px) saturate(1.12)!important;
}
.login-card h2{
  margin:0 0 16px!important;
  color:#052b59!important;
  text-align:center!important;
  font-size:25px!important;
  line-height:1.35!important;
  font-weight:950!important;
  text-shadow:0 1px 0 rgba(255,255,255,.45)!important;
}
.login-card form{
  position:static!important;
  inset:auto!important;
  display:grid!important;
  gap:12px!important;
  margin:0!important;
  padding:0!important;
}
.login-card form>label:nth-of-type(1),
.login-card form>label:nth-of-type(2),
.login-card label{
  position:static!important;
  inset:auto!important;
  width:auto!important;
  height:auto!important;
  display:grid!important;
  gap:6px!important;
  margin:0!important;
  padding:0!important;
  color:#052b59!important;
  font-size:14px!important;
  line-height:1.4!important;
  font-weight:900!important;
  text-shadow:0 1px 0 rgba(255,255,255,.35)!important;
}
.login-card input{
  position:static!important;
  inset:auto!important;
  width:100%!important;
  height:52px!important;
  min-height:52px!important;
  margin:0!important;
  padding:0 14px!important;
  background:rgba(255,255,255,.68)!important;
  color:#0f172a!important;
  caret-color:#052b59!important;
  border:1px solid rgba(255,255,255,.86)!important;
  border-radius:14px!important;
  box-shadow:inset 0 0 0 1px rgba(5,43,89,.05)!important;
  outline:none!important;
  font-size:16px!important;
  font-weight:800!important;
  text-align:right!important;
}
.login-card input:focus{
  background:rgba(255,255,255,.88)!important;
  border-color:rgba(5,43,89,.24)!important;
  box-shadow:0 0 0 3px rgba(5,43,89,.10)!important;
}
.login-card form>.primary{
  position:static!important;
  inset:auto!important;
  width:100%!important;
  height:52px!important;
  min-height:52px!important;
  margin:2px 0 0!important;
  padding:0 14px!important;
  background:#052b59!important;
  color:#fff!important;
  border:0!important;
  border-radius:14px!important;
  box-shadow:0 8px 18px rgba(5,43,89,.20)!important;
  font-size:17px!important;
  font-weight:950!important;
}
.login-reset-btn{
  position:static!important;
  inset:auto!important;
  width:100%!important;
  height:48px!important;
  min-height:48px!important;
  margin:10px 0 0!important;
  padding:0 12px!important;
  background:rgba(255,255,255,.34)!important;
  color:#052b59!important;
  border:1px solid rgba(255,255,255,.66)!important;
  border-radius:14px!important;
  box-shadow:none!important;
  font-size:14px!important;
  font-weight:900!important;
}
.login-error{
  position:static!important;
  inset:auto!important;
  min-height:18px!important;
  margin:8px 0 0!important;
  padding:0!important;
  background:transparent!important;
  color:#a51f1f!important;
  text-align:center!important;
  font-size:13px!important;
  line-height:1.4!important;
  font-weight:900!important;
}
@media(max-width:700px) and (orientation:portrait){
  .login-screen{
    background-size:cover!important;
    background-position:center center!important;
  }
  .login-scene-title{
    margin-top:8svh!important;
    width:90vw!important;
    font-size:clamp(34px,10vw,48px)!important;
  }
  .login-card{
    width:min(390px,calc(100vw - 34px))!important;
    margin-top:14svh!important;
    padding:22px 18px 18px!important;
  }
}
@media(max-width:700px) and (orientation:portrait) and (max-height:760px){
  .login-scene-title{margin-top:4svh!important;font-size:34px!important}
  .login-card{margin-top:7svh!important;padding:17px 16px 15px!important}
  .login-card h2{font-size:21px!important;margin-bottom:10px!important}
  .login-card input{height:46px!important;min-height:46px!important}
  .login-card form>.primary{height:46px!important;min-height:46px!important}
  .login-reset-btn{height:44px!important;min-height:44px!important}
}
@media(min-width:701px){
  .login-scene-title{margin-top:7vh!important}
  .login-card{margin-top:11vh!important}
}
.login-screen.authenticated{display:none!important}


/* V36 — invoice six equal cards + public tracking */
.invoice-pdf-info{grid-template-columns:repeat(3,1fr)!important;gap:12px!important}
.invoice-pdf-info>div{min-width:0;display:flex;flex-direction:column;justify-content:center}
.invoice-pdf-info span{overflow-wrap:anywhere}
.invoice-info-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:14px 0 12px}
.invoice-info-grid>div{background:#f7f9fc;border:1px solid #e4eaf1;border-radius:12px;padding:12px;min-height:74px;display:flex;flex-direction:column;justify-content:center}
.invoice-info-grid b{font-size:13px;color:#64748b;margin-bottom:6px}.invoice-info-grid span{font-weight:800;color:#14233a;overflow-wrap:anywhere}
.invoice-tracking-link{margin:12px 0 16px;border:1px dashed #9bb0c7;background:#f8fbff;border-radius:12px;padding:12px 14px;direction:ltr;text-align:left;overflow-wrap:anywhere}
.invoice-tracking-link b{display:block;direction:rtl;text-align:right;color:#173b60;margin-bottom:7px}.invoice-tracking-link span{font-size:12px;color:#334155}
.invoice-pdf-tracking{margin-top:-8px;margin-bottom:18px;padding:10px 12px}.invoice-pdf-tracking span{font-size:11px}
.tracking-wa-btn{white-space:nowrap}
.public-tracking-screen{display:none;min-height:100dvh;background:linear-gradient(180deg,#edf5fc 0%,#f8fbff 100%);padding:22px 14px 40px;direction:rtl}
.public-tracking-screen.active{display:block}
.tracking-mode .login-screen,.tracking-mode .topbar,.tracking-mode .app-shell,.tracking-mode .mobile-nav,.tracking-mode #toast,.tracking-mode .modal,.tracking-mode .system-modal{display:none!important}
.tracking-mode{padding:0!important;background:#f5f9fd!important;overflow:auto!important;touch-action:pan-y!important}
.tracking-shell{width:min(680px,100%);margin:0 auto}
.tracking-brand{text-align:center;background:#052b59;color:#fff;border-radius:22px;padding:26px 18px 24px;box-shadow:0 12px 30px rgba(5,43,89,.18)}
.tracking-brand-mark{width:58px;height:58px;border-radius:18px;background:rgba(255,255,255,.14);display:grid;place-items:center;margin:0 auto 12px;font-size:29px}
.tracking-brand h1{margin:0;font-size:25px;color:#fff}.tracking-brand p{margin:8px 0 0;color:#dce9f5;font-size:14px}
.tracking-content{margin-top:16px}.tracking-loading,.tracking-error,.tracking-note{background:#fff;border:1px solid #e1e9f2;border-radius:16px;padding:18px;text-align:center;box-shadow:0 8px 20px rgba(15,40,70,.06)}
.tracking-error{display:grid;gap:8px;color:#8b1e2d}.tracking-error span{color:#64748b}
.tracking-status-card{background:#fff;border:1px solid #dbe6f0;border-radius:18px;padding:18px;text-align:center;margin-bottom:12px}.tracking-status-card span{display:block;color:#64748b;font-size:14px}.tracking-status-card strong{display:block;color:#052b59;font-size:28px;margin-top:7px}
.tracking-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.tracking-grid>div{background:#fff;border:1px solid #e1e9f2;border-radius:15px;padding:15px;min-height:85px;display:flex;flex-direction:column;justify-content:center}.tracking-grid span{color:#64748b;font-size:13px}.tracking-grid b{color:#15283f;font-size:16px;margin-top:7px;overflow-wrap:anywhere}.tracking-note{margin-top:12px;color:#64748b;font-size:13px}
@media(max-width:560px){.invoice-info-grid{grid-template-columns:repeat(2,1fr)}.tracking-grid{grid-template-columns:1fr 1fr}.tracking-brand h1{font-size:23px}.public-tracking-screen{padding-top:max(18px,env(safe-area-inset-top))}}


/* V37 — secure client tracking, tracking settings and ADMIN system book */
.invoice-measurements-navy th,.invoice-measurements-navy td,.invoice-pdf-measurements th,.invoice-pdf-measurements td{color:#052b59!important;font-weight:800}
.invoice-pdf-section-title{color:#052b59!important}
.tracking-settings-admin{border-top:1px solid #e5ebf2;margin-top:8px;padding-top:18px}.tracking-settings-admin h3,.tracking-settings-admin h4{color:#052b59}.tracking-admin-group{margin-top:18px;padding-top:16px;border-top:1px dashed #d8e2ec}.tracking-admin-group h4{margin:0 0 12px}.tracking-admin-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.tracking-admin-grid label{display:grid;gap:7px}.tracking-admin-grid textarea{resize:vertical}.tracking-toggle{display:flex!important;align-items:center;justify-content:space-between;gap:12px;background:#f7f9fc;border:1px solid #e2e9f1;border-radius:12px;padding:12px}.tracking-toggle input{width:22px;height:22px;min-height:0}
.system-book-intro{color:#64748b;margin-top:0}.system-book details{border:1px solid #e1e8f0;border-radius:13px;margin:9px 0;background:#fbfdff;overflow:hidden}.system-book summary{cursor:pointer;padding:14px 16px;font-weight:900;color:#052b59;list-style:none}.system-book summary::-webkit-details-marker{display:none}.system-book details p{margin:0;padding:0 16px 16px;line-height:1.9;color:#334155}
.tracking-section{margin-top:14px;background:#fff;border:1px solid #e1e9f2;border-radius:18px;padding:16px;box-shadow:0 8px 20px rgba(15,40,70,.05)}.tracking-section h2{font-size:18px;color:#052b59;margin:0 0 12px}.tracking-section p{color:#64748b;font-size:13px;line-height:1.8}.tracking-offers{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.tracking-offers article{border:1px solid #d9e5f0;border-radius:14px;padding:13px;background:#f8fbff;display:grid;gap:7px}.tracking-offers b{color:#052b59}.tracking-offers span{font-size:13px;color:#475569;line-height:1.7}.tracking-ads{display:grid;gap:10px}.tracking-ads article,.tracking-ads a{border:1px solid #dfe8f1;border-radius:14px;overflow:hidden;background:#fff;text-decoration:none;color:inherit;display:grid;grid-template-columns:110px 1fr;min-height:92px}.tracking-ads img{width:110px;height:100%;object-fit:cover}.tracking-ads div{padding:12px;display:grid;align-content:center;gap:6px}.tracking-ads b{color:#052b59}.tracking-ads span{font-size:13px;color:#475569;line-height:1.6}.tracking-contact-actions{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.tracking-contact-actions a{display:flex;align-items:center;justify-content:center;min-height:48px;border-radius:12px;background:#052b59;color:#fff;text-decoration:none;font-weight:900}.tracking-delay form{display:grid;grid-template-columns:1fr auto;gap:10px}.tracking-delay input{min-height:48px;border:1px solid #cfdbe7;border-radius:12px;padding:0 12px;font:inherit}.tracking-form-success,.tracking-form-error{margin-top:10px;padding:10px 12px;border-radius:10px;font-size:13px}.tracking-form-success{background:#ecfdf3;color:#166534}.tracking-form-error{background:#fff1f2;color:#9f1239}
@media(max-width:560px){.tracking-admin-grid{grid-template-columns:1fr}.tracking-offers{grid-template-columns:1fr}.tracking-ads article,.tracking-ads a{grid-template-columns:90px 1fr}.tracking-ads img{width:90px}.tracking-delay form{grid-template-columns:1fr}.tracking-contact-actions{grid-template-columns:1fr 1fr}}

/* V39 */
.user-guide-admin .form-actions{justify-content:flex-start;flex-wrap:wrap}.user-guide-preview{direction:rtl;text-align:right}.user-guide-preview>h4{color:#052b59;font-size:24px;margin:0 0 8px}.user-guide-preview>p{color:#64748b;margin:0 0 16px}.user-guide-preview section{border:1px solid #e1e8f0;border-radius:12px;padding:12px 14px;margin:9px 0}.user-guide-preview h5{color:#052b59;font-size:17px;margin:0 0 6px}.user-guide-preview p{margin:0;line-height:1.8}.invoice-measurements-navy th,.invoice-measurements-navy td,.invoice-pdf-measurements th,.invoice-pdf-measurements td{color:#052b59!important}.invoice-pdf-section-title{color:#052b59!important}.invoice-actions{grid-template-columns:repeat(4,minmax(0,1fr))}.invoice-actions button{min-width:0}@media(max-width:520px){.invoice-actions{grid-template-columns:repeat(3,minmax(0,1fr))}}

/* V40 — compact Tracking URL */
.invoice-tracking-link span{font-size:10px!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}.invoice-pdf-tracking{padding:9px 12px!important}.invoice-pdf-tracking span{font-size:9px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}

.invoice-quality-note{display:block;margin-top:5px;color:#052b59;font-size:11px;line-height:1.5;font-weight:700}


/* V44 — focused order entry, fixed viewport, tracking footer */
html,body{touch-action:pan-y!important;zoom:1!important}
input,select,textarea{font-size:16px!important;max-width:100%!important}
body.order-entry-active{padding-bottom:0!important;overflow-x:hidden!important}
body.order-entry-active .mobile-nav{display:none!important}
#ordersView.order-entry-mode{padding-bottom:max(18px,env(safe-area-inset-bottom));min-height:calc(100dvh - 104px)}
#ordersView.order-entry-mode>.page-hero,#ordersView.order-entry-mode>.orders-toolbar,#ordersView.order-entry-mode>.orders-meta-row,#ordersView.order-entry-mode>#ordersTable,#ordersView.order-entry-mode>#addOrderBtn2{display:none!important}
#ordersView.order-entry-mode #orderForm{display:block!important;position:relative!important;inset:auto!important;width:100%!important;max-width:920px!important;margin:0 auto!important;min-height:calc(100dvh - 126px)!important;border-radius:18px!important;padding:18px!important;box-shadow:none!important;overflow:visible!important}
.order-entry-header{position:sticky;top:0;z-index:3;background:rgba(255,255,255,.96);backdrop-filter:blur(12px);padding:8px 0 14px;margin-bottom:8px;border-bottom:1px solid #e5eaf1}
.order-entry-title{display:flex;align-items:center;gap:10px}.order-entry-title h3{margin:0;color:#052b59}.order-entry-jalabiya,.jalabiya-quick-icon,.filter-jalabiya-icon{display:inline-grid;place-items:center;color:#052b59}.order-entry-jalabiya{width:42px;height:42px;background:#edf5ff;border-radius:12px}.jalabiya-svg{width:30px;height:30px;display:block}.jalabiya-quick-icon .jalabiya-svg{width:34px;height:34px}.filter-jalabiya-icon .jalabiya-svg{width:24px;height:24px}
.quick-action-grid button .jalabiya-quick-icon{font-size:0!important}
.dashboard-recent-orders-bottom{margin-top:14px}
.tracking-settings-collapsible{border:1px solid #e1e8f0;border-radius:14px;padding:0!important;overflow:hidden}.tracking-settings-summary{padding:15px 16px;background:#f8fbff;cursor:pointer;list-style:none}.tracking-settings-summary::-webkit-details-marker{display:none}.tracking-settings-body{padding:16px}.tracking-settings-collapsible[open] .permissions-chevron{transform:rotate(180deg)}
.tracking-footer-divider{height:1px;background:#9aa7b6;margin:24px 0 12px;width:100%}.tracking-system-footer{display:flex;justify-content:space-between;gap:14px;direction:rtl;color:#566579;font-size:12px;padding:0 2px 12px}.tracking-system-footer span:first-child{text-align:right}.tracking-system-footer span:last-child{text-align:left}
.tracking-mode{touch-action:pan-y!important}.tracking-mode input,.tracking-mode select,.tracking-mode textarea{font-size:16px!important}
#settingsView{touch-action:pan-y!important}
@media(max-width:560px){#ordersView.order-entry-mode #orderForm{min-height:calc(100dvh - 98px)!important;border-radius:0!important;margin:-8px -2px 0!important;width:calc(100% + 4px)!important;padding:14px!important}.order-entry-header{top:0}.tracking-system-footer{font-size:11px}}

/* V45 — unified mountain header, multi-order invoice and admin controls */
.topbar{
  background-image:linear-gradient(rgba(255,255,255,.18),rgba(255,255,255,.18)),url('header-background.png')!important;
  background-size:cover!important;background-position:center 46%!important;background-repeat:no-repeat!important;
  color:#07111d!important;border-bottom:1px solid rgba(5,43,89,.22)!important;
}
.brand-center{width:100%!important;text-align:center!important;color:#07111d!important;text-shadow:0 1px 2px rgba(255,255,255,.85)}
.brand-center h1,.system-subtitle{color:#07111d!important;opacity:1!important}
.notification-wrap,.bell-svg{color:#07111d!important}.notification-badge{border-color:#fff!important}
.tracking-brand{
  width:100%!important;min-height:170px!important;border-radius:20px!important;
  background-image:linear-gradient(rgba(255,255,255,.22),rgba(255,255,255,.22)),url('header-background.png')!important;
  background-size:cover!important;background-position:center 46%!important;background-repeat:no-repeat!important;
  color:#07111d!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;
  padding:24px 18px!important;
}
.tracking-brand h1,.tracking-brand p{width:100%!important;text-align:center!important;color:#07111d!important;text-shadow:0 1px 2px rgba(255,255,255,.9)!important}
.tracking-brand h1{font-weight:950!important}.tracking-brand p{font-weight:800!important}
.tracking-brand-mark{display:none!important}

.order-entry-actions{display:grid!important;grid-template-columns:auto minmax(0,1fr) auto!important;gap:10px!important}
.invoice-order-picker{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:10px!important;align-items:end!important}
.invoice-order-picker label{margin:0!important}.invoice-order-picker button{min-height:50px!important}
.invoice-orders-collapsible{border:1px solid #dfe7ef;border-radius:14px;overflow:hidden;background:#fbfdff}
.invoice-orders-collapsible summary{list-style:none;cursor:pointer;padding:13px 15px;display:grid;grid-template-columns:1fr auto auto;gap:10px;align-items:center;font-weight:900;color:#052b59;background:#f5f9fd}
.invoice-orders-collapsible summary::-webkit-details-marker{display:none}
.invoice-linked-orders{padding:10px}.invoice-linked-order{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 8px;border-bottom:1px solid #e8eef4}.invoice-linked-order:last-child{border-bottom:0}.invoice-linked-order>div{display:grid;gap:4px}.invoice-linked-order span{font-size:12px;color:#64748b}
.invoice-order-measure-group{border:1px solid #e2e8f0;border-radius:12px;padding:10px;margin:8px 0}.invoice-order-measure-group h4{margin:0 0 8px;color:#052b59;text-align:center}
.invoice-request-block{margin:14px 0;border-top:1px solid #dfe6ee;padding-top:10px}.invoice-request-block h4{text-align:center;color:#052b59;margin:0 0 8px}.invoice-request-meta{display:flex;justify-content:center;gap:22px;flex-wrap:wrap;margin-bottom:8px}.invoice-tracking-links{text-align:center!important;direction:rtl!important;display:flex;justify-content:center;gap:8px;flex-wrap:wrap}.invoice-tracking-links a{color:#052b59;font-weight:900}.tracking-sep{color:#94a3b8}

.invoice-card.invoice-card-open{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr) repeat(3,minmax(88px,.55fr))!important;align-items:center!important;gap:8px!important;background:transparent!important;border:0!important;border-bottom:1px solid #dfe6ee!important;border-radius:0!important;box-shadow:none!important;padding:16px 4px!important}
.invoice-customer-slot,.invoice-order-slot{text-align:center!important;display:grid!important;gap:5px!important;min-width:0!important}.invoice-customer-slot b,.invoice-order-slot b{color:#14233a!important;overflow-wrap:anywhere}.invoice-customer-slot small,.invoice-order-slot small{text-align:center!important;color:#64748b!important}
.invoice-card.invoice-card-open .money-label{text-align:center!important;background:transparent!important;padding:6px!important;border:0!important}.invoice-card.invoice-card-open .invoice-actions{grid-column:1/-1!important}

.system-clone-admin .clone-table-wrap{margin-top:14px}.system-clone-admin table{min-width:620px}
.admin-settings-scroll{overflow-y:auto!important;touch-action:pan-y!important}

@media(max-width:700px){
  .topbar{background-position:center 50%!important}
  .tracking-brand{min-height:150px!important;background-position:center 50%!important;border-radius:18px!important}
  .order-entry-actions{grid-template-columns:1fr 1fr!important}.order-entry-actions #orderSaveBtn{grid-column:1/-1;grid-row:1}.order-entry-actions #orderAddAnotherBtn,.order-entry-actions #orderResetBtn{grid-row:2}
  .invoice-order-picker{grid-template-columns:1fr!important}.invoice-order-picker button{width:100%!important}
  .invoice-card.invoice-card-open{grid-template-columns:1fr 1fr!important}.invoice-card.invoice-card-open .money-label{grid-column:auto!important}.invoice-card.invoice-card-open .money-label:nth-of-type(5){grid-column:1/-1!important}.invoice-card.invoice-card-open .invoice-actions{grid-column:1/-1!important}
}


/* V46 — landscape headers, invoice+pen order icon, centered invoice header */
.topbar{
  background-image:linear-gradient(rgba(255,255,255,.20),rgba(255,255,255,.20)),url('header-background.png?v=46')!important;
  background-size:cover!important;
  background-position:center 46%!important;
  background-repeat:no-repeat!important;
  color:#050505!important;
  border-bottom:1px solid rgba(0,0,0,.16)!important;
}
.topbar .brand-center,.topbar .brand-center h1,.topbar .system-subtitle,.topbar button,.topbar .top-icon{
  color:#050505!important;
  text-shadow:0 1px 2px rgba(255,255,255,.92)!important;
}
.tracking-brand{
  background-image:linear-gradient(rgba(255,255,255,.18),rgba(255,255,255,.18)),url('header-background.png?v=46')!important;
  background-size:cover!important;
  background-position:center 46%!important;
  background-repeat:no-repeat!important;
  color:#050505!important;
  min-height:170px!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  align-items:center!important;
}
.tracking-brand h1,.tracking-brand p{
  color:#050505!important;
  width:100%!important;
  text-align:center!important;
  text-shadow:0 1px 2px rgba(255,255,255,.95)!important;
}
.tracking-brand-mark{display:none!important}
.invoice-pen-icon{
  width:44px;height:44px;border-radius:12px;background:#edf5ff;color:#052b59;
  display:inline-grid;place-items:center;flex:0 0 auto;
}
.invoice-pen-svg{width:34px;height:34px;display:block}
.quick-action-grid .invoice-pen-icon{background:transparent;width:auto;height:auto}
.quick-action-grid .invoice-pen-svg{width:36px;height:36px}
.invoice-pdf-header{
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
  gap:8px!important;
}
.invoice-pdf-brand,.invoice-pdf-meta{
  text-align:center!important;
  direction:rtl!important;
  width:100%!important;
}
.invoice-pdf-meta{display:flex!important;justify-content:center!important;gap:18px!important}
.invoice-info-grid>div,.invoice-pdf-info>div{text-align:center!important}
.invoice-request-block,.invoice-pdf-order-group{margin-top:16px}
.invoice-request-block h4,.invoice-pdf-order-group h3{text-align:center!important}
.invoice-tracking-links{text-align:center!important;direction:ltr}
.system-copies-table-wrap{margin-top:16px}
@media(max-width:560px){
  .topbar{background-position:center 48%!important}
  .tracking-brand{min-height:150px!important;background-position:center 48%!important}
}


/* V47 — مخزون البضاعة */
.inventory-report-summary{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
  margin-bottom:18px;
}
.inventory-report-summary>div{
  border:1px solid #d8e1ec;
  border-radius:14px;
  padding:16px;
  text-align:center;
  background:#fff;
}
.inventory-report-summary span{
  display:block;
  color:#64748b;
  font-size:13px;
  margin-bottom:6px;
}
.inventory-report-summary strong{
  color:#052b59;
  font-size:22px;
}
.inventory-report-heading{margin-top:6px}
.inventory-actions{display:flex;gap:8px;flex-wrap:wrap}
@media(max-width:560px){
  .inventory-report-summary{grid-template-columns:1fr 1fr}
  #inventoryView .form-grid{grid-template-columns:1fr}
  #inventoryView .form-grid label{grid-column:1/-1}
}


/* V49 — PIN + البصمة */
.quick-login-methods{display:grid;gap:9px;margin-top:12px}
.quick-login-methods.hidden,.quick-pin-form.hidden,.quick-login-btn.hidden,
.quick-login-device-settings.hidden,.quick-setup-area.hidden{display:none!important}
.quick-login-divider{display:flex;align-items:center;gap:10px;color:#334155;font-size:12px;font-weight:800;margin:2px 0}
.quick-login-divider::before,.quick-login-divider::after{content:"";height:1px;background:rgba(5,43,89,.18);flex:1}
.quick-login-btn{min-height:44px}
.quick-pin-form{display:grid;gap:9px;margin-top:2px;padding:12px;border:1px solid rgba(5,43,89,.14);border-radius:14px;background:rgba(255,255,255,.38)}
.quick-pin-form label{display:grid;gap:6px}
.quick-login-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.auth-method-settings{border:1px solid #dbe4ef;border-radius:14px;padding:14px;background:#f8fbff}
.auth-method-settings .section-heading{margin-bottom:8px}
.auth-method-toggle{display:flex!important;align-items:center;justify-content:space-between;gap:16px;padding:11px 4px!important}
.auth-method-toggle input{width:22px!important;height:22px!important;min-height:22px!important;flex:0 0 auto}
.quick-login-device-settings{margin-top:12px}
.quick-setup-area{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:13px 0;border-top:1px solid #e5e7eb}
.quick-setup-area:first-of-type{border-top:0}
.quick-setup-area p{margin:4px 0 0;color:#64748b;font-size:13px}
@media(max-width:560px){
  .quick-setup-area{align-items:flex-start;flex-direction:column}
  .quick-setup-area button{width:100%}
}


/* V50 — فاتورة مشتريات */
.purchase-invoice-form{margin-bottom:16px}
.purchase-items-title{margin-top:4px}
.purchase-item-entry{
  display:grid;
  grid-template-columns:minmax(180px,2fr) minmax(100px,.8fr) minmax(120px,1fr) minmax(120px,1fr) auto;
  gap:10px;
  align-items:end;
}
.purchase-item-entry label{grid-column:auto!important}
.purchase-add-item-btn{height:46px;white-space:nowrap}
.purchase-items-table-wrap{margin-top:6px}
.purchase-grand-total{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:18px;
  border:2px solid #052b59;
  border-radius:14px;
  padding:15px 18px;
  color:#052b59;
  text-align:center;
}
.purchase-grand-total span{font-weight:800}
.purchase-grand-total strong{font-size:24px}
.purchase-print-total{
  margin:18px 0;
  border:2px solid #052b59;
  border-radius:12px;
  padding:14px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:20px;
  color:#052b59;
  text-align:center;
}
.purchase-print-total strong{font-size:22px}
.purchase-print-table th,.purchase-print-table td{text-align:center}
@media(max-width:760px){
  .purchase-item-entry{grid-template-columns:1fr 1fr}
  .purchase-item-entry label:first-child{grid-column:1/-1!important}
  .purchase-add-item-btn{grid-column:1/-1;width:100%}
}


/* V51 — تحسين الفواتير + فاتورة المشتريات */
.invoice-preview-image-header{min-height:135px;border-radius:14px;background-image:linear-gradient(rgba(255,255,255,.08),rgba(255,255,255,.08)),url('header-background.png?v=54');background-size:cover;background-position:center 46%;padding:14px;margin:-4px 0 20px;display:flex;align-items:center}
.invoice-preview-image-inner{width:100%;background:rgba(255,255,255,.88);border:1px solid rgba(3,27,54,.18);border-radius:11px;padding:13px 18px;text-align:center;color:#031b36;font-family:Arial,Tahoma,sans-serif}
.invoice-preview-image-inner h4{margin:0!important;color:#031b36!important;font-size:24px!important;font-weight:900}.invoice-preview-image-inner strong{display:block;margin-top:5px;font-size:18px}.invoice-preview-image-inner span{display:block;margin-top:5px;font-size:13px;font-weight:800}
.purchase-calculation-wrap{margin-top:30px;margin-bottom:18px;display:flex;justify-content:flex-end}.purchase-calculation-table{width:min(520px,100%)!important;border-collapse:collapse!important;background:#fff}
.purchase-calculation-table th,.purchase-calculation-table td{border:1px solid #9fb1c4!important;padding:12px 15px!important;text-align:center!important;font-weight:900;color:#07192d}.purchase-calculation-table th{width:55%;background:#f4f8fc;color:#031b36}
.purchase-calculation-table tr+tr th,.purchase-calculation-table tr+tr td{border-top:2px solid #6f879f!important}.purchase-calculation-table input{margin:0!important;text-align:center!important;min-height:42px!important}.purchase-calculation-table .purchase-final-row th,.purchase-calculation-table .purchase-final-row td{background:#eaf2fa;font-size:18px;color:#031b36}
.purchase-print-sheet .purchase-print-table{margin-top:18px}.purchase-print-sheet .purchase-summary-print{margin-top:34px!important;margin-bottom:90px!important}.purchase-summary-print{width:min(520px,100%);margin-right:0;margin-left:auto;border-collapse:collapse}
.purchase-summary-print th,.purchase-summary-print td{border:1px solid #9fb1c4!important;padding:12px 15px!important;text-align:center!important;font-weight:900}.purchase-summary-print th{width:55%;background:#f4f8fc;color:#031b36}.purchase-summary-print tr+tr th,.purchase-summary-print tr+tr td{border-top:2px solid #6f879f!important}.purchase-summary-print .final th,.purchase-summary-print .final td{background:#eaf2fa;color:#031b36;font-size:18px}.purchase-bottom-space{height:68px}
.purchase-invoice-actions{grid-template-columns:repeat(5,minmax(0,1fr))!important}.purchase-invoice-actions .whatsapp-btn{width:100%!important;height:42px!important}
.invoice-pdf-header{background-image:linear-gradient(rgba(255,255,255,.12),rgba(255,255,255,.12)),url('header-background.png?v=54')!important;background-size:cover!important;background-position:center 46%!important;color:#031b36!important;padding:14px!important;min-height:135px!important;position:relative!important}
.invoice-pdf-header::before{content:"";position:absolute;inset:14px;background:rgba(255,255,255,.87);border-radius:10px;z-index:0}.invoice-pdf-header>*{position:relative;z-index:1}.invoice-pdf-header h1,.invoice-pdf-header strong,.invoice-pdf-header span,.invoice-pdf-header div{color:#031b36!important;font-family:Arial,Tahoma,sans-serif!important;font-weight:900}.invoice-pdf-prices{margin-top:32px!important;margin-bottom:78px!important}
@media(max-width:560px){.purchase-calculation-wrap{justify-content:stretch}.purchase-calculation-table{width:100%!important}.purchase-invoice-actions{grid-template-columns:repeat(3,minmax(0,1fr))!important}}


/* V52 — فاتورة طلبات داخل شاشة الطلب + مخزون موحد */
.legacy-invoice-form{display:none!important}
#invoicesView .invoice-forms-grid{grid-template-columns:1fr!important}
.order-invoice-panel{border:1px solid #cbd8e5!important;background:#fbfdff!important}
.order-invoice-head-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:10px 0 14px}
.order-invoice-head-grid>div{border:1px solid #d3deea;border-radius:12px;padding:12px;text-align:center;background:#fff;min-width:0}
.order-invoice-head-grid span{display:block;color:#51657b;font-size:12px;margin-bottom:5px;font-weight:800}
.order-invoice-head-grid b{display:block;color:#031b36;font-size:16px;overflow-wrap:anywhere}
.order-invoice-table-wrap{display:flex;justify-content:flex-end;margin-top:18px}
.order-invoice-calculation-table,.order-invoice-summary-print{width:min(520px,100%)!important;border-collapse:collapse!important;background:#fff;margin:0 0 18px auto}
.order-invoice-calculation-table th,.order-invoice-calculation-table td,.order-invoice-summary-print th,.order-invoice-summary-print td{border:1px solid #9fb1c4!important;padding:12px 15px!important;text-align:center!important;font-weight:900;color:#07192d}
.order-invoice-calculation-table th,.order-invoice-summary-print th{width:55%;background:#f4f8fc;color:#031b36}
.order-invoice-calculation-table tr+tr th,.order-invoice-calculation-table tr+tr td,.order-invoice-summary-print tr+tr th,.order-invoice-summary-print tr+tr td{border-top:2px solid #6f879f!important}
.order-invoice-calculation-table input{margin:0!important;text-align:center!important;min-height:42px!important}
.order-invoice-note{display:grid!important;gap:7px;margin-top:8px}
.current-draft-order{background:#f7fbff}
.invoice-pdf-order-summary{margin-top:30px!important;margin-bottom:78px!important}
.inventory-hub-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.inventory-hub-grid button{border:1px solid #d6e0eb;border-radius:18px;background:#fff;min-height:150px;display:grid;place-items:center;align-content:center;gap:10px;color:#031b36;font-weight:900;box-shadow:0 8px 24px rgba(3,27,54,.06)}
.inventory-hub-grid button span{font-size:42px}.inventory-hub-grid button b{font-size:18px}
.inventory-report-actions{display:flex;gap:8px;flex-wrap:wrap}
.inventory-report-print table{font-size:11px}
.purchase-calculation-table th:first-child{font-weight:900}
.purchase-card .invoice-actions{grid-template-columns:repeat(6,minmax(0,1fr))!important}
.purchase-invoice-form .form-title{color:#031b36}
@media(max-width:700px){
  .order-invoice-head-grid{grid-template-columns:1fr 1fr}.order-invoice-head-grid>div:last-child{grid-column:1/-1}
  .inventory-hub-grid{grid-template-columns:1fr}
  .inventory-hub-grid button{min-height:115px}
  .purchase-card .invoice-actions{grid-template-columns:repeat(3,minmax(0,1fr))!important}
}
@media(max-width:520px){
  .order-invoice-head-grid{grid-template-columns:1fr}
  .order-invoice-head-grid>div:last-child{grid-column:auto}
  .order-invoice-calculation-table,.order-invoice-summary-print{width:100%!important}
}


/* V63 — mandatory mobile PWA install, store-like one-tap flow */
.install-required-screen{
  position:fixed;inset:0;z-index:999999;display:grid;place-items:center;padding:22px;
  background:linear-gradient(rgba(244,248,252,.78),rgba(244,248,252,.90)),url('login-background-v35.png?v=68') center/cover no-repeat;
}
.install-required-screen.hidden,.install-store-btn.hidden,.install-progress.hidden,.install-required-status.hidden{display:none!important}
.install-store-card{
  width:min(560px,100%);border-radius:28px;background:rgba(255,255,255,.97);box-shadow:0 24px 72px rgba(3,27,54,.18);
  padding:28px 26px 24px;color:#031b36;border:1px solid rgba(3,27,54,.10)
}
.install-store-top{display:flex;align-items:center;gap:20px;text-align:right}
.install-store-icon{width:108px;height:108px;border-radius:26px;object-fit:cover;box-shadow:0 8px 24px rgba(3,27,54,.16);flex:0 0 auto}
.install-store-copy{min-width:0}.install-store-copy h1{margin:0 0 7px;font-size:28px;font-weight:950}.install-store-copy p{margin:0 0 7px;font-size:17px;font-weight:800;color:#405773}.install-store-copy span{font-size:13px;font-weight:800;color:#6d7f93}
.install-store-meta{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:26px 0 18px;padding:15px 0;border-top:1px solid #e2e8ef;border-bottom:1px solid #e2e8ef}
.install-store-meta div{text-align:center;border-inline-start:1px solid #e2e8ef}.install-store-meta div:first-child{border-inline-start:0}.install-store-meta b,.install-store-meta span{display:block}.install-store-meta b{font-size:14px;color:#052b59}.install-store-meta span{margin-top:3px;font-size:11px;color:#7a8999}
.install-store-btn{width:100%;min-height:58px;border:0;border-radius:18px;background:#0f5bd3;color:#fff;font-size:20px;font-weight:950;box-shadow:0 8px 20px rgba(15,91,211,.18);cursor:pointer}
.install-store-btn:active{transform:translateY(1px)}.install-store-btn:disabled{opacity:.74}.install-open-btn{background:#052b59}
.install-progress{height:6px;border-radius:99px;background:#e2e9f3;margin-top:16px;overflow:hidden}.install-progress span{display:block;width:36%;height:100%;border-radius:99px;background:#0f5bd3;animation:installProgressMove 1.05s ease-in-out infinite}
@keyframes installProgressMove{0%{transform:translateX(190%)}100%{transform:translateX(-330%)}}
.ios-install-help{margin-top:16px;padding:14px 16px;border-radius:14px;background:#f2f7fc;border:1px solid #cbd8e5;display:grid;gap:6px;color:#031b36;font-size:13px;line-height:1.75;text-align:right}.ios-install-help.hidden{display:none!important}
.install-required-status{margin-top:12px;color:#51657b;font-size:12px;font-weight:800;text-align:center}
body.install-required-active{overflow:hidden!important;touch-action:none!important}
body.install-required-active #loginScreen,body.install-required-active .topbar,body.install-required-active .app-shell,body.install-required-active .mobile-nav{pointer-events:none!important;visibility:hidden!important}
@media(max-width:560px){
  .install-required-screen{padding:18px}.install-store-card{padding:24px 20px 20px;border-radius:24px}.install-store-top{gap:15px}.install-store-icon{width:88px;height:88px;border-radius:22px}.install-store-copy h1{font-size:23px}.install-store-copy p{font-size:15px}.install-store-meta{margin:20px 0 16px}.install-store-btn{min-height:56px;font-size:18px}
}

/* V54 — الفواتير الثلاثة + ربط التتبع بالطلب */
.inline-invoice-header{
  min-height:120px;border-radius:15px;padding:13px;margin-bottom:16px;
  display:flex;align-items:center;
  background-image:linear-gradient(rgba(255,255,255,.10),rgba(255,255,255,.10)),url('header-background.png?v=54');
  background-size:cover;background-position:center 46%;
}
.inline-invoice-header-inner{
  width:100%;padding:12px 16px;border-radius:11px;text-align:center;
  background:rgba(255,255,255,.88);border:1px solid rgba(3,27,54,.16);color:#031b36;
}
.inline-invoice-header-inner h3{margin:0;font-size:23px;font-weight:900}.inline-invoice-header-inner span{display:block;margin-top:5px;font-size:13px;font-weight:800}
.order-invoice-items-wrap{margin:16px 0 4px}
.order-invoice-items-table{min-width:0!important;table-layout:fixed}
.order-invoice-items-table th,.order-invoice-items-table td{text-align:center!important;border:1px solid #aebdcd!important;padding:10px!important}
.order-invoice-items-table thead th{background:#eef4fa!important;color:#031b36!important}
.order-invoice-items-table .invoice-line-price{width:100%;min-width:0;text-align:center;margin:0!important}
.order-invoice-calculation-table .invoice-final-row th,.order-invoice-calculation-table .invoice-final-row td{background:#eaf2fa!important;color:#031b36!important;font-size:18px}
.order-tracking-row{margin:18px 0;border:1px dashed #8ca2bb;border-radius:10px;padding:12px;text-align:center}
.order-tracking-row b{display:block;color:#031b36;margin-bottom:7px}.order-tracking-row a{direction:ltr;display:block;color:#052b59;font-weight:900;overflow-wrap:anywhere}
.order-invoice-print-sheet .purchase-print-table{margin-top:18px}
.order-invoice-print-sheet .purchase-summary-print{margin-top:34px!important;margin-bottom:80px!important}
.invoice-note-box{border:1px solid #ccd7e2;border-radius:10px;padding:12px 14px;margin:20px 0 70px}.invoice-note-box b,.invoice-note-box span{display:block}.invoice-note-box span{margin-top:6px}
.sales-invoice-actions{grid-template-columns:repeat(6,minmax(0,1fr))!important}
.sales-card .invoice-actions{grid-column:1/-1!important}
@media(max-width:560px){
  .sales-invoice-actions{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  .order-invoice-items-table th,.order-invoice-items-table td{padding:7px 4px!important;font-size:12px}
}


/* V55 — iPhone login isolation: no application chrome is visible before authentication. */
body.auth-locked{overflow:hidden!important;padding-bottom:0!important;background:#315f27!important}
body.auth-locked .topbar,
body.auth-locked .app-shell,
body.auth-locked .mobile-nav{display:none!important;visibility:hidden!important;pointer-events:none!important}
body.auth-locked #loginScreen{z-index:900000!important;inset:0!important;top:0!important;right:0!important;bottom:0!important;left:0!important;width:100vw!important;height:100dvh!important;min-height:100dvh!important;max-height:100dvh!important}
@supports not (height:100dvh){body.auth-locked #loginScreen{height:100vh!important;min-height:100vh!important;max-height:100vh!important}}


/* V56 — fixed application viewport + iPhone standalone-style layout. */
.system-version-card{display:flex;justify-content:space-between;align-items:center;gap:12px;background:#edf5fd;border:1px solid #c9d9ea;border-radius:14px;padding:12px 16px;margin:0 0 18px;color:#052b59;font-size:14px}
.system-version-card strong{font-size:15px}.system-version-card span{font-weight:800;color:#375a7f}
html{min-height:100%;overscroll-behavior:none}
body.app-authenticated{overscroll-behavior:none}
@media(max-width:860px){
  html,body{width:100%;height:100%;height:100dvh;max-height:100dvh;overflow:hidden!important}
  body.app-authenticated{padding:0!important;background:#f5f7fb!important}
  body.app-authenticated .topbar{
    position:fixed!important;top:0!important;left:0!important;right:0!important;
    height:calc(92px + env(safe-area-inset-top))!important;
    padding-top:calc(8px + env(safe-area-inset-top))!important;
    padding-left:max(14px,env(safe-area-inset-left))!important;
    padding-right:max(14px,env(safe-area-inset-right))!important;
    z-index:100!important;
  }
  body.app-authenticated .app-shell{
    position:fixed!important;
    top:calc(92px + env(safe-area-inset-top))!important;
    bottom:calc(76px + env(safe-area-inset-bottom))!important;
    left:0!important;right:0!important;
    width:100%!important;max-width:none!important;
    margin:0!important;padding:16px 14px 24px!important;
    overflow-x:hidden!important;overflow-y:auto!important;
    -webkit-overflow-scrolling:touch!important;
    overscroll-behavior-y:contain!important;
    touch-action:pan-y!important;
  }
  body.app-authenticated .mobile-nav{
    position:fixed!important;left:0!important;right:0!important;bottom:0!important;
    height:calc(76px + env(safe-area-inset-bottom))!important;
    padding:6px max(10px,env(safe-area-inset-right)) calc(6px + env(safe-area-inset-bottom)) max(10px,env(safe-area-inset-left))!important;
    z-index:110!important;
    box-shadow:0 -5px 20px rgba(3,31,66,.14)!important;
  }
  body.app-authenticated .mobile-nav button{min-width:0!important;border-radius:13px!important}
  body.app-authenticated .mobile-nav .nav-glyph{font-size:24px!important}
  body.app-authenticated .mobile-nav button span:last-child{font-size:12px!important;white-space:nowrap!important}
  body.app-authenticated .page-hero{margin:-16px -14px 18px!important;padding:20px 16px!important;min-height:86px!important}
  body.app-authenticated .fab-add{bottom:calc(88px + env(safe-area-inset-bottom))!important;left:max(18px,env(safe-area-inset-left))!important}
  body.app-authenticated .toast{bottom:calc(88px + env(safe-area-inset-bottom))!important}
  .modal,.system-modal{padding-top:max(16px,env(safe-area-inset-top))!important;padding-bottom:max(16px,env(safe-area-inset-bottom))!important}
}
@supports (-webkit-touch-callout:none){
  @media(max-width:860px){
    .login-screen{height:100dvh!important;min-height:100dvh!important;max-height:100dvh!important;padding-top:env(safe-area-inset-top)!important;padding-bottom:env(safe-area-inset-bottom)!important}
    body.app-authenticated .app-shell{background:#f5f7fb!important}
    input,select,textarea{font-size:16px!important}
  }
}


/* V58 — order entry, invoice grid and iPhone app-like stability */
.order-entry-header-actions{display:flex;align-items:center;gap:8px}.order-upper-fields{display:contents}.order-editor.upper-fields-collapsed .order-upper-fields{display:none!important}.order-editor.upper-fields-collapsed #orderInvoicePanel{margin-top:8px}.order-save-actions{position:sticky;bottom:0;z-index:22;background:rgba(255,255,255,.98);border-top:1px solid #d7e0ea;padding:12px 8px calc(10px + env(safe-area-inset-bottom));box-shadow:0 -8px 24px rgba(5,43,89,.08)}
.strong-grid-table,.strong-grid-table th,.strong-grid-table td,.order-invoice-print-sheet .purchase-print-table,.order-invoice-print-sheet .purchase-print-table th,.order-invoice-print-sheet .purchase-print-table td{border:2px solid #738aa1!important;border-collapse:collapse!important}.invoice-tracking-links{display:grid;gap:8px;margin:12px 0 18px}.invoice-tracking-link{border:2px solid #9aacc0!important;border-radius:10px;padding:10px 12px;background:#fbfdff}.invoice-tracking-link b{display:block;direction:rtl;text-align:right;margin-bottom:5px}.invoice-tracking-link a{display:block;direction:ltr;text-align:left;overflow-wrap:anywhere;color:#064e8f;text-decoration:underline;font-size:12px}
@media(max-width:860px){body.order-entry-active #ordersView.order-entry-mode #orderForm{padding-bottom:118px!important}.order-save-actions{position:fixed!important;left:max(8px,env(safe-area-inset-left));right:max(8px,env(safe-area-inset-right));bottom:max(8px,env(safe-area-inset-bottom));z-index:1200!important;border:1px solid #d7e0ea;border-radius:16px;box-shadow:0 -10px 28px rgba(5,43,89,.18);margin:0!important}.order-entry-header{top:0!important}.order-entry-header-actions .secondary{min-height:38px;padding:7px 10px;font-size:13px}.order-entry-header-actions{gap:5px}.order-entry-header .icon-close{flex:0 0 auto}}
@supports(-webkit-touch-callout:none){html,body{min-height:100%;height:100%;overscroll-behavior:none}body.app-authenticated{background:#f5f8fc}.app-shell{min-height:100dvh}.view.active{min-height:calc(100dvh - 168px)}}

/* V60: background system processing stays silent for normal users. */
.tracking-loading-silent{min-height:54px;position:relative;color:transparent}.tracking-loading-silent::after{content:'';position:absolute;inset:0;margin:auto;width:22px;height:22px;border:3px solid rgba(5,43,89,.15);border-top-color:#052b59;border-radius:50%;animation:v60spin .8s linear infinite}@keyframes v60spin{to{transform:rotate(360deg)}}

/* V61 — compact iPhone application viewport + stacked order drafts */
.order-draft-items-panel{border:1px solid #cfdbe7;background:#f8fbff}
.order-draft-items-list{display:grid;gap:8px}
.order-draft-item{display:grid;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:10px;border:1px solid #d8e2ec;border-radius:12px;background:#fff;padding:10px 12px}
.order-draft-index{width:32px;height:32px;border-radius:10px;background:#eaf2fa;color:#052b59;display:grid;place-items:center;font-weight:900}
.order-draft-main{display:grid;gap:2px;min-width:0}.order-draft-main b{color:#052b59}.order-draft-main span,.order-draft-main small{color:#5c6f84;overflow-wrap:anywhere}
.order-save-actions{grid-template-columns:repeat(2,minmax(0,1fr))!important}.order-save-actions #orderSaveBtn,.order-save-actions #orderOpenInvoiceBtn{grid-column:auto!important}.order-save-actions #orderResetBtn{grid-column:1/-1}
.order-invoice-panel.hidden,.order-draft-items-panel.hidden{display:none!important}

@media(max-width:430px){
  body.app-authenticated{font-size:14px!important}
  body.app-authenticated .topbar{height:calc(74px + env(safe-area-inset-top))!important;padding-top:calc(5px + env(safe-area-inset-top))!important;padding-bottom:5px!important;grid-template-columns:48px 1fr 48px!important}
  body.app-authenticated .brand-center h1{font-size:17px!important;line-height:1.15!important}.system-subtitle{font-size:11px!important}.header-app-icon-wrap{width:42px!important;height:42px!important}.header-app-icon{width:38px!important;height:38px!important}.top-icon{font-size:31px!important}
  body.app-authenticated .app-shell{top:calc(74px + env(safe-area-inset-top))!important;bottom:calc(62px + env(safe-area-inset-bottom))!important;padding:8px 8px 12px!important}
  body.app-authenticated .mobile-nav{height:calc(62px + env(safe-area-inset-bottom))!important;padding:4px 5px calc(4px + env(safe-area-inset-bottom))!important}.mobile-nav .nav-glyph{font-size:20px!important}.mobile-nav button span:last-child{font-size:10px!important}.mobile-nav button{gap:1px!important;border-radius:10px!important}
  body.app-authenticated .page-hero{margin:-8px -8px 10px!important;padding:11px 10px!important;min-height:62px!important}.page-hero h2{font-size:20px!important}.page-hero p{font-size:11px!important}.page-hero-icon{font-size:27px!important}
  .reference-panel{padding:10px!important;border-radius:12px!important;margin-bottom:10px!important}.section-heading{margin-bottom:8px!important}.section-heading h3{font-size:16px!important}
  .hero-welcome{min-height:82px!important;padding:10px!important;border-radius:13px!important}.hero-avatar{width:42px!important;height:42px!important;font-size:22px!important}.hero-user strong{font-size:16px!important}.hero-user span,.hero-date strong{font-size:10px!important}.hero-date span{font-size:9px!important}
  .dashboard-stat-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:6px!important}.dash-stat{min-height:78px!important;padding:8px!important;border-radius:11px!important}.dash-stat span{font-size:10px!important}.dash-stat strong{font-size:21px!important;margin:2px 0!important}.dash-stat small{font-size:9px!important}.dash-stat-icon{font-size:23px!important;min-width:25px!important}
  .quick-action-grid{grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:5px!important}.quick-action-grid button{min-height:64px!important;padding:7px 2px!important;border-radius:10px!important}.quick-action-grid span{font-size:21px!important}.quick-action-grid b{font-size:9px!important;line-height:1.2!important}
  .daily-summary-bar{padding:9px!important;border-radius:12px!important}.daily-summary-title{margin-bottom:6px!important}.daily-summary-bar strong{font-size:14px!important}.daily-summary-bar span{font-size:9px!important}
  .recent-order-item{grid-template-columns:68px 1fr 68px!important;padding:7px 2px!important;gap:5px!important}.order-number-box{font-size:10px!important;padding:6px 3px!important}.recent-order-name b{font-size:12px!important}.status-pill{font-size:9px!important;padding:5px!important}
  .form-grid,.customer-pick,.date-fields{gap:8px!important}.form-section{padding:10px!important;border-radius:12px!important;margin-bottom:8px!important}.form-section-title{font-size:14px!important;margin-bottom:7px!important}label{gap:4px!important;font-size:12px!important}input,select,textarea{min-height:38px!important;padding:8px 9px!important;border-radius:9px!important}.measurement-grid{gap:7px!important}
  #ordersView.order-entry-mode #orderForm{padding:8px 8px 104px!important;min-height:100%!important}.order-entry-header{padding:4px 0 7px!important;margin-bottom:5px!important}.order-entry-title h3{font-size:17px!important}.invoice-pen-icon{width:34px!important;height:34px!important}.order-entry-header-actions .secondary{font-size:11px!important;min-height:32px!important;padding:5px 7px!important}.order-entry-header .icon-close{width:31px!important;height:31px!important;font-size:20px!important}
  .order-save-actions{left:max(5px,env(safe-area-inset-left))!important;right:max(5px,env(safe-area-inset-right))!important;bottom:max(5px,env(safe-area-inset-bottom))!important;padding:7px!important;gap:6px!important;border-radius:12px!important}.order-save-actions button{min-height:38px!important;padding:7px 8px!important;font-size:12px!important}
  .order-draft-item{grid-template-columns:30px minmax(0,1fr) auto;padding:7px 8px;gap:6px}.order-draft-index{width:27px;height:27px;font-size:11px}.order-draft-main b{font-size:12px}.order-draft-main span,.order-draft-main small{font-size:10px}
  .order-invoice-head-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:5px!important}.order-invoice-head-grid>div{padding:7px 5px!important}.order-invoice-head-grid span{font-size:9px!important}.order-invoice-head-grid b{font-size:11px!important}.order-invoice-items-table th,.order-invoice-items-table td{font-size:10px!important;padding:5px 2px!important}.order-invoice-calculation-table th,.order-invoice-calculation-table td{padding:7px 6px!important;font-size:11px!important}.order-invoice-calculation-table .invoice-final-row th,.order-invoice-calculation-table .invoice-final-row td{font-size:13px!important}
}

@supports(-webkit-touch-callout:none){
  @media(max-width:430px){
    html,body{height:100dvh!important;max-height:100dvh!important;overflow:hidden!important}
    body.app-authenticated .app-shell{height:auto!important;min-height:0!important;overflow-y:auto!important;-webkit-overflow-scrolling:touch!important}
    body.app-authenticated .view.active{min-height:0!important}
    .login-screen{height:100dvh!important;max-height:100dvh!important;overflow:hidden!important;padding:env(safe-area-inset-top) 12px env(safe-area-inset-bottom)!important}
    .login-scene-title{font-size:28px!important;top:7vh!important}.login-card{width:min(330px,88vw)!important;padding:16px!important;border-radius:18px!important}.login-card h2{font-size:20px!important;margin:4px 0 12px!important}.login-card form{gap:8px!important}.login-card input{min-height:40px!important;padding:8px 10px!important}.quick-login-btn,.login-reset-btn{min-height:40px!important;padding:8px!important}
  }
}

/* V63 — install gate cache marker */

/* V63 — ADMIN audit trail + print mode controls */
.admin-operations-panel{margin-top:20px}
.operations-heading{align-items:flex-start;gap:12px;flex-wrap:wrap}
.operations-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.select-all-operations{display:inline-flex!important;align-items:center;gap:7px;font-size:13px;font-weight:800;color:#334155;background:#f8fafc;border:1px solid #dbe3ec;border-radius:10px;padding:8px 10px}
.select-all-operations input,.operation-check input{width:18px;height:18px;accent-color:#052b59}
.count-badge{display:inline-grid;place-items:center;min-width:28px;height:28px;padding:0 7px;border-radius:999px;background:#eaf2fa;color:#052b59;font-size:12px;margin-inline-start:6px}
.audit-operation-item{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;border:1px solid #e1e8f0;background:#fff}
.operation-check{display:grid!important;place-items:center;padding:0;margin:0}
.operation-main{display:grid;gap:3px;min-width:0}.operation-user{color:#052b59!important;font-weight:900}.operation-time{white-space:nowrap;text-align:left}
.print-mode-card{max-width:430px;text-align:center}.print-mode-card p{color:#64748b;margin:0 0 18px}.print-mode-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}.print-mode-actions [data-print-mode="cancel"]{grid-column:1/-1}
@media(max-width:640px){.operations-actions{width:100%}.operations-actions button,.select-all-operations{flex:1}.audit-operation-item{grid-template-columns:auto 1fr}.operation-time{grid-column:2;text-align:right}.print-mode-actions{grid-template-columns:1fr}}
\n/* V64 navigation + permission visibility */\n.system-back-btn{position:fixed;left:max(10px,env(safe-area-inset-left));top:max(12px,calc(env(safe-area-inset-top) + 8px));z-index:99;border:1px solid rgba(255,255,255,.48);background:rgba(255,255,255,.90);color:#052b59;border-radius:12px;padding:8px 12px;font-weight:900;box-shadow:0 4px 18px rgba(0,0,0,.12)}\n.system-back-btn span{font-size:13px}.system-back-btn.hidden{display:none!important}\n.tracking-back-btn{position:sticky;top:max(8px,env(safe-area-inset-top));z-index:15;border:0;border-radius:12px;background:#052b59;color:#fff;padding:10px 14px;font-weight:900;margin:0 0 12px auto;display:block}\n.tracking-back-btn.hidden{display:none!important}\n.readonly-badge{display:inline-block;padding:6px 10px;border-radius:999px;background:#eef3f8;color:#526273;font-weight:800;font-size:12px}\n@media(max-width:560px){.system-back-btn{padding:7px 9px}.system-back-btn span{display:none}}\n

/* V65 invoice order + electronic certification */
.order-invoice-items-table{border-collapse:collapse!important}
.order-invoice-items-table th,.order-invoice-items-table td{border:2px solid #738aa1!important}
.order-invoice-items-table th:first-child,.order-invoice-items-table td:first-child{width:54px}
.order-invoice-calculation-table th,.order-invoice-calculation-table td,.order-invoice-summary-print th,.order-invoice-summary-print td{border:2px solid #738aa1!important}
.invoice-summary-cert-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(380px,520px);gap:26px;align-items:start;direction:ltr;margin-top:34px;margin-bottom:80px}
.invoice-summary-cert-layout>.order-invoice-summary-print{width:100%!important;direction:rtl;margin:0!important}
.invoice-summary-cert-layout>.invoice-certification-print{direction:rtl}
.invoice-certification-print{border:2px solid #738aa1;border-radius:12px;background:#fff;padding:14px;min-height:286px}
.invoice-certification-print h4{margin:0 0 10px;color:#031b36;font-size:18px}
.invoice-certification-meta{display:grid;gap:3px;margin-bottom:10px}.invoice-certification-meta span{font-size:12px;color:#51657b}.invoice-certification-meta b{font-size:16px;color:#07192d}.invoice-certification-meta small{font-size:12px;color:#51657b}
.invoice-signature-only-box{height:150px;border:2px solid #9fb1c4;border-radius:8px;background:#fff;display:flex;align-items:center;justify-content:center;overflow:hidden}
.invoice-signature-only-box img{display:block;max-width:96%;max-height:96%;object-fit:contain}
.invoice-certified-at{font-size:11px;color:#51657b;margin-top:8px}
.invoice-certification-modal{max-width:720px}.invoice-certification-user-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:8px 0 16px}.invoice-certification-user-grid>div{border:1px solid #d0dbe6;border-radius:10px;padding:10px;background:#f8fbff}.invoice-certification-user-grid span,.invoice-certification-user-grid b{display:block}.invoice-certification-user-grid span{font-size:12px;color:#51657b;margin-bottom:4px}.invoice-certification-user-grid b{font-size:15px;color:#07192d}
.signature-pad-label{display:block;font-weight:900;margin-bottom:7px}.signature-pad-frame{border:2px solid #738aa1;border-radius:10px;background:#fff;padding:4px;touch-action:none}.signature-pad-frame canvas{display:block;width:100%;height:180px;background:#fff;border-radius:6px;touch-action:none}.signature-pad-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:12px}.invoice-certified-card-note{color:#087a55!important;font-weight:900!important}.certify-invoice-btn{border-color:#0f7b65!important;color:#075c4c!important}.invoice-signature-admin-settings{border:1px solid #d7e1eb;border-radius:14px;padding:14px;background:#fbfdff}
@media(max-width:680px){.invoice-summary-cert-layout{grid-template-columns:1fr;gap:14px}.invoice-summary-cert-layout>.order-invoice-summary-print{order:1}.invoice-summary-cert-layout>.invoice-certification-print{order:2}.invoice-certification-user-grid{grid-template-columns:1fr 1fr}.invoice-certification-user-grid>div:last-child{grid-column:1/-1}.signature-pad-frame canvas{height:155px}}


/* V67 — compact workflow shell, arrow screen navigation, Alwan Kassala identity only */
.topbar{grid-template-columns:minmax(0,1fr) 64px!important;height:92px!important;padding:8px 18px!important}
.topbar .brand-center{grid-column:1!important;justify-self:stretch!important;text-align:center!important;padding-inline-start:52px!important}
.topbar .notification-wrap{grid-column:2!important;justify-self:end!important}
.header-app-icon-wrap,.header-app-icon{display:none!important}
body.app-authenticated .app-shell{padding-top:108px!important;max-width:1320px!important}
.screen-step-nav{position:fixed;left:50%;bottom:calc(84px + env(safe-area-inset-bottom));transform:translateX(-50%);z-index:118;display:grid;grid-template-columns:46px minmax(116px,190px) 46px;align-items:center;gap:6px;padding:5px;background:rgba(255,255,255,.96);border:1px solid #cdd9e5;border-radius:9px;box-shadow:0 8px 24px rgba(5,43,89,.16);direction:ltr;backdrop-filter:blur(10px)}
.screen-step-nav>button{width:46px;height:40px;border:0;border-radius:5px;background:#20a9d6;color:#fff;font-size:28px;font-weight:900;line-height:1}.screen-step-nav>button:active{transform:translateY(1px);background:#168fb8}
.screen-step-center{direction:rtl;text-align:center;display:grid;gap:1px;min-width:0}.screen-step-center strong{font-size:13px;color:#052b59;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.screen-step-center small{font-size:10px;color:#708197}
body.order-entry-active .screen-step-nav{bottom:calc(12px + env(safe-area-inset-bottom))!important}
.page-hero{background:#fff!important;color:#052b59!important;border:1px solid #d6e1eb!important;border-top:4px solid #20a9d6!important;box-shadow:none!important;border-radius:7px!important;margin:0 0 12px!important;padding:12px 14px!important;min-height:62px!important}.page-hero.simple{min-height:62px!important}.page-hero-icon{font-size:25px!important}.page-hero h2{font-size:22px!important}.page-hero p{font-size:13px!important;color:#6b7c90!important;margin-top:3px!important}
.reference-panel,.form-section,.invoice-form-card{border-radius:7px!important;box-shadow:none!important;border-color:#d7e1eb!important}.reference-panel{padding:14px!important;margin-bottom:12px!important}.form-section{padding:12px!important;margin-bottom:10px!important}.form-section-title{font-size:15px!important}
.primary,.secondary,.danger,.warning,.btn-light,.btn-red,.btn-green,.btn-orange{border-radius:5px!important;min-height:38px!important;padding:8px 12px!important}.primary{background:#20a9d6!important}.primary:hover{background:#168fb8!important}.secondary{background:#fff!important;border:1px solid #c8d4e1!important;color:#052b59!important}
.orders-toolbar{gap:9px!important;margin-bottom:10px!important}.search-box{height:44px!important;border-radius:6px!important}.filter-chip{height:44px!important;border-radius:5px!important}.filter-chip.active{background:#20a9d6!important}.orders-meta-row{margin:8px 0 10px!important}.order-card,.invoice-card{border-radius:6px!important;box-shadow:none!important}
.hero-welcome{border-radius:7px!important;min-height:90px!important;padding:14px 18px!important;margin-bottom:12px!important;background:linear-gradient(100deg,#052b59,#0b497f)!important}.hero-avatar{width:56px!important;height:56px!important;font-size:30px!important}.hero-user strong{font-size:20px!important}.hero-date strong{font-size:14px!important}.hero-calendar{font-size:25px!important}
.dashboard-stat-grid{gap:10px!important;margin-bottom:12px!important}.dash-stat{min-height:98px!important;border-radius:7px!important;padding:13px!important;box-shadow:none!important}.dash-stat strong{font-size:26px!important;margin:4px 0!important}.dash-stat span{font-size:14px!important}.dash-stat small{font-size:11px!important}
.quick-action-grid{gap:8px!important}.quick-action-grid button{border-radius:6px!important;min-height:70px!important;padding:8px 5px!important}.quick-action-grid span{font-size:24px!important}.quick-action-grid b{font-size:12px!important}
.daily-summary-bar,.monthly-summary-bar{border-radius:6px!important;padding:12px 14px!important;margin-bottom:12px!important}.daily-summary-bar strong,.monthly-summary-bar strong{font-size:17px!important}
.invoice-summary-cert-layout{gap:20px!important}.invoice-certification-print{border-radius:7px!important}
.mobile-nav{background:#052b59!important}.mobile-nav button{border-radius:5px!important}.mobile-nav button.active{background:#fff!important;color:#052b59!important}
@media(max-width:860px){
  .topbar{height:calc(72px + env(safe-area-inset-top))!important;padding:calc(4px + env(safe-area-inset-top)) 10px 4px!important;grid-template-columns:minmax(0,1fr) 44px!important}.topbar .brand-center{padding-inline-start:42px!important}.brand-center h1{font-size:17px!important}.system-subtitle{font-size:10px!important;margin-top:2px!important}.notification-wrap{width:40px!important;height:40px!important}.bell-svg{width:30px!important;height:30px!important}
  body.app-authenticated .app-shell{padding:calc(78px + env(safe-area-inset-top)) 8px calc(132px + env(safe-area-inset-bottom))!important}
  .screen-step-nav{bottom:calc(68px + env(safe-area-inset-bottom));grid-template-columns:42px minmax(96px,150px) 42px;padding:4px;gap:4px}.screen-step-nav>button{width:42px;height:36px;font-size:25px}.screen-step-center strong{font-size:11px}.screen-step-center small{font-size:9px}
  .page-hero{padding:9px 10px!important;min-height:50px!important}.page-hero.simple{min-height:50px!important}.page-hero-icon{font-size:20px!important}.page-hero h2{font-size:17px!important}.page-hero p{display:none!important}
  .reference-panel{padding:10px!important}.form-section{padding:9px!important}.dashboard-stat-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:6px!important}.dash-stat{min-height:78px!important;padding:8px!important}.dash-stat strong{font-size:20px!important}.dash-stat span{font-size:10px!important}.dash-stat small{font-size:9px!important}.hero-welcome{min-height:70px!important;padding:9px 11px!important}.hero-avatar{width:44px!important;height:44px!important}.hero-user strong{font-size:15px!important}.hero-user span,.hero-date span{font-size:10px!important}.hero-date strong{font-size:10px!important}
  .quick-action-grid{grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:4px!important}.quick-action-grid button{min-height:58px!important;padding:5px 2px!important}.quick-action-grid span{font-size:18px!important}.quick-action-grid b{font-size:9px!important}.daily-summary-bar{padding:8px!important;grid-template-columns:1.2fr repeat(3,1fr)!important}.daily-summary-bar span{font-size:9px!important}.daily-summary-bar strong{font-size:13px!important}
  .order-filter-tabs{gap:5px!important}.filter-chip{height:38px!important;font-size:11px!important}.search-box{height:40px!important}.orders-meta-row{font-size:12px!important}
  .mobile-nav{height:calc(58px + env(safe-area-inset-bottom))!important;padding:3px 4px calc(3px + env(safe-area-inset-bottom))!important}.mobile-nav .nav-glyph{font-size:18px!important}.mobile-nav button span:last-child{font-size:9px!important}
}


/* V67 — image-only identity header, navy utility line, per-user page navigation, full-screen nature login */
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
body.auth-locked{background:#dce8f0!important}
body.auth-locked .system-utility-bar{display:none!important}
.login-screen{
  display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:flex-start!important;
  padding:max(24px,env(safe-area-inset-top)) 18px max(22px,env(safe-area-inset-bottom))!important;
  overflow-y:auto!important;background:url('login-background-v35.png?v=68') center center / cover no-repeat!important;
}
.login-screen::before,.login-screen::after{display:none!important}
.login-brand-sign{display:block;width:min(560px,92vw);max-height:31vh;object-fit:contain;margin:2vh auto 1.2vh;border-radius:18px;box-shadow:0 12px 34px rgba(2,30,62,.22)}
.login-card{width:min(430px,92vw)!important;max-height:none!important;overflow:visible!important;margin:0 auto 2vh!important;background:rgba(255,255,255,.72)!important;border:1px solid rgba(255,255,255,.86)!important;box-shadow:0 18px 48px rgba(2,30,62,.24)!important;backdrop-filter:blur(12px) saturate(1.08)!important;-webkit-backdrop-filter:blur(12px) saturate(1.08)!important}
.login-card h2{color:#052b59!important;font-size:24px!important;font-weight:900!important;margin:2px 0 16px!important}.login-card label{color:#052b59!important}.login-card input{background:rgba(255,255,255,.92)!important}
.topbar{position:fixed!important;top:0!important;left:0!important;right:0!important;height:92px!important;display:block!important;padding:0!important;background:url('header-background.png?v=68') center 46% / cover no-repeat!important;color:#071b32!important;border-bottom:1px solid rgba(5,43,89,.15)!important;overflow:hidden!important;z-index:100!important}
.topbar::before{content:"";position:absolute;inset:0;background:rgba(255,255,255,.55);backdrop-filter:blur(1px);-webkit-backdrop-filter:blur(1px)}
.topbar .brand-center{position:relative;z-index:1;height:100%;display:flex;align-items:center;justify-content:center;padding:0 16px!important}
.topbar .brand-center h1{margin:0!important;color:#031b36!important;font-family:Tahoma,Arial,sans-serif!important;font-size:31px!important;font-weight:900!important;line-height:1.15!important;letter-spacing:.1px!important;text-shadow:0 1px 1px rgba(255,255,255,.95),0 2px 8px rgba(255,255,255,.45)!important}
.system-subtitle{display:none!important}
.system-utility-bar{position:fixed;top:92px;left:0;right:0;height:56px;background:#052b59;color:#fff;z-index:99;display:flex;align-items:center;justify-content:space-between;padding:6px max(18px,env(safe-area-inset-right)) 6px max(18px,env(safe-area-inset-left));box-shadow:0 3px 10px rgba(5,43,89,.16)}
.utility-datetime{display:flex;align-items:center;gap:10px;min-width:0}.utility-date-text{display:grid;gap:1px;text-align:right}.utility-date-text strong{font-size:13px;white-space:nowrap}.utility-date-text span{font-size:12px;opacity:.9}.system-utility-bar .notification-wrap{width:38px;height:38px;color:#fff;border:0;background:transparent;border-radius:9px}.system-utility-bar .bell-svg{width:27px;height:27px}.system-utility-bar .notification-badge{top:-2px;right:-2px;min-width:20px;height:20px;font-size:10px}
.system-back-btn{position:static!important;display:inline-flex;align-items:center;gap:6px;min-height:38px;border:1px solid rgba(255,255,255,.45)!important;border-radius:6px!important;padding:6px 12px!important;background:rgba(255,255,255,.08)!important;color:#fff!important;font-weight:900!important;box-shadow:none!important}.system-back-btn.hidden{display:none!important}
.hero-welcome{justify-content:space-between!important}.hero-brand-note{font-size:14px;font-weight:900;opacity:.88}
body.app-authenticated .app-shell{padding-top:166px!important}
.page-navigation-admin-settings{border:1px solid #d7e1eb;border-radius:8px;padding:14px;background:#fbfdff}.page-navigation-users-grid{display:grid;gap:8px;margin-top:12px}.page-navigation-user-row{display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;border:1px solid #d9e3ed;border-radius:7px;padding:9px 10px;background:#fff}.page-navigation-user-row>span{display:grid;gap:2px}.page-navigation-user-row b{color:#052b59;font-size:14px}.page-navigation-user-row small{color:#6b7d90;font-size:11px}.page-navigation-user-row select{min-width:170px;border:1px solid #cfdbe7;border-radius:6px;padding:8px;background:#fff;color:#052b59;font-weight:800}
@media(max-width:860px){
  .topbar{height:calc(72px + env(safe-area-inset-top))!important;padding-top:env(safe-area-inset-top)!important}.topbar .brand-center h1{font-size:20px!important}
  .system-utility-bar{top:calc(72px + env(safe-area-inset-top));height:48px;padding:4px 10px}.utility-date-text strong{font-size:10px}.utility-date-text span{font-size:10px}.system-utility-bar .notification-wrap{width:34px;height:34px}.system-back-btn{min-height:34px!important;padding:5px 9px!important;font-size:12px!important}
  body.app-authenticated .app-shell{top:calc(120px + env(safe-area-inset-top))!important;padding:8px 8px calc(132px + env(safe-area-inset-bottom))!important}
  .login-screen{padding:max(12px,env(safe-area-inset-top)) 12px max(12px,env(safe-area-inset-bottom))!important;justify-content:center!important}
  .login-brand-sign{width:min(440px,94vw);max-height:26vh;margin:0 auto 10px;border-radius:12px}
  .login-card{width:min(370px,94vw)!important;padding:18px 16px!important;margin:0 auto!important}.login-card h2{font-size:20px!important;margin-bottom:12px!important}.login-card form{gap:10px!important}.login-card input{padding:10px 12px!important}
  .page-navigation-user-row{align-items:stretch!important;flex-direction:column!important}.page-navigation-user-row select{width:100%;min-width:0}
}
@media(max-width:430px){
  .topbar .brand-center h1{font-size:18px!important}.system-utility-bar{height:46px}.utility-date-text strong{max-width:220px;overflow:hidden;text-overflow:ellipsis}.login-brand-sign{max-height:23vh}.login-card{padding:15px 14px!important}.login-card h2{font-size:18px!important}.login-card .primary,.login-card .secondary{min-height:38px!important}
}

/* V68 — collapsed settings workflow with explicit save only */
#settingsView{position:relative}
.settings-form-shell{background:transparent!important;border:0!important;box-shadow:none!important;padding:0!important;margin:0!important;gap:10px!important}
.settings-accordion-card{padding:0!important;overflow:hidden!important;border:1px solid #d7e1eb!important;border-radius:8px!important;background:#fff!important;margin-bottom:10px!important}
.settings-accordion-card>summary{list-style:none;cursor:pointer;user-select:none;-webkit-tap-highlight-color:transparent}
.settings-accordion-card>summary::-webkit-details-marker{display:none}
.settings-accordion-summary{min-height:54px;display:grid;grid-template-columns:minmax(0,1fr) auto 28px;align-items:center;gap:9px;padding:11px 13px;color:#052b59;background:#fff;font-weight:900;border:0}
.settings-accordion-summary span{font-size:15px;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.settings-accordion-summary small{font-size:10px;color:#74869a;font-weight:700;white-space:nowrap}
.settings-accordion-summary b{font-size:20px;line-height:1;text-align:center;transition:transform .18s ease}
.settings-accordion-card[open]>.settings-accordion-summary{background:#f2f8fd;border-bottom:1px solid #d7e1eb}
.settings-accordion-card[open]>.settings-accordion-summary b{transform:rotate(180deg)}
.settings-accordion-body{padding:13px}
.settings-accordion-body.form-grid{display:grid}
.settings-accordion-card.invoice-signature-admin-settings,.settings-accordion-card.auth-method-settings,.settings-accordion-card.page-navigation-admin-settings{padding:0!important;background:#fff!important}
.settings-save-dock{position:fixed;z-index:119;left:50%;transform:translateX(-50%);bottom:calc(70px + env(safe-area-inset-bottom));width:min(560px,calc(100vw - 24px));display:flex;align-items:center;justify-content:space-between;gap:12px;padding:9px 10px;background:rgba(255,255,255,.97);border:1px solid #c9d8e6;border-radius:9px;box-shadow:0 10px 28px rgba(5,43,89,.20);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
.settings-save-dock span{font-size:11px;font-weight:800;color:#6b7c90;line-height:1.25}.settings-save-dock span.dirty{color:#a25700}.settings-save-dock button{min-width:150px!important;margin:0!important}.settings-save-dock button.has-pending{box-shadow:0 0 0 3px rgba(32,169,214,.18)!important}
body.settings-view-active .screen-step-nav{bottom:calc(128px + env(safe-area-inset-bottom))!important}
body.settings-view-active .app-shell{padding-bottom:calc(210px + env(safe-area-inset-bottom))!important}
#settingsView .system-version-card{margin-bottom:10px}
#settingsView .page-hero{margin-bottom:10px!important}
#settingsView .danger-zone[open]>.settings-accordion-summary{background:#fff6f5}
@media(max-width:680px){
  .settings-accordion-summary{min-height:48px;padding:9px 10px;grid-template-columns:minmax(0,1fr) 24px}.settings-accordion-summary span{font-size:13px}.settings-accordion-summary small{display:none}.settings-accordion-summary b{font-size:18px}.settings-accordion-body{padding:10px}.settings-save-dock{bottom:calc(62px + env(safe-area-inset-bottom));width:calc(100vw - 16px);padding:7px 8px;gap:8px}.settings-save-dock span{font-size:9px}.settings-save-dock button{min-width:132px!important;min-height:38px!important;font-size:12px!important}body.settings-view-active .screen-step-nav{bottom:calc(112px + env(safe-area-inset-bottom))!important}body.settings-view-active .app-shell{padding-bottom:calc(195px + env(safe-area-inset-bottom))!important}
}


/* V69 — simplified header/dashboard tools, hidden implementation details, opt-in navigation, quiet technical notices */
.system-utility-bar{display:none!important}
body.app-authenticated .app-shell{padding-top:108px!important}
.hero-welcome{display:flex!important;align-items:center!important;justify-content:space-between!important}
.hero-dashboard-tools{display:flex;align-items:center;gap:12px;direction:rtl;min-width:0}
.hero-dashboard-tools .utility-datetime{display:flex;align-items:center;gap:8px;color:#fff}
.hero-dashboard-tools .utility-date-text{display:grid;gap:2px;text-align:right}
.hero-dashboard-tools .utility-date-text strong{font-size:13px;color:#fff;white-space:nowrap}
.hero-dashboard-tools .utility-date-text span{font-size:12px;color:rgba(255,255,255,.88)}
.hero-dashboard-tools .notification-wrap{position:relative;width:38px;height:38px;border:0;background:transparent;color:#fff;border-radius:8px;display:grid;place-items:center;padding:0}
.hero-dashboard-tools .notification-wrap.hidden{display:none!important}
.hero-dashboard-tools .bell-svg{width:26px;height:26px}
.hero-dashboard-tools .notification-badge{position:absolute;top:-2px;right:-2px;min-width:18px;height:18px;border-radius:999px;background:#d52222;color:#fff;font-size:10px;font-weight:900;display:grid;place-items:center;padding:0 4px}
.hero-dashboard-tools .notification-badge.hidden{display:none!important}
.hero-dashboard-tools .system-back-btn{display:inline-flex;align-items:center;gap:4px;min-height:34px;border:1px solid rgba(255,255,255,.35)!important;border-radius:6px!important;padding:5px 9px!important;background:rgba(255,255,255,.09)!important;color:#fff!important;font-weight:900!important}
.hero-dashboard-tools .system-back-btn.hidden{display:none!important}
.hero-brand-note{display:none!important}
#settingsView .system-version-card{display:none!important}
.settings-save-dock.hidden{display:none!important}
body.settings-view-active .app-shell{padding-bottom:calc(120px + env(safe-area-inset-bottom))!important}
body.settings-view-active .screen-step-nav{bottom:calc(68px + env(safe-area-inset-bottom))!important}
.screen-step-nav.hidden{display:none!important}
@media(max-width:860px){
  body.app-authenticated .app-shell{top:calc(72px + env(safe-area-inset-top))!important;padding:8px 8px calc(78px + env(safe-area-inset-bottom))!important}
  .hero-welcome{min-height:74px!important}
  .hero-dashboard-tools{gap:5px;flex-wrap:wrap;justify-content:flex-start}
  .hero-dashboard-tools .utility-date-text strong{font-size:10px}
  .hero-dashboard-tools .utility-date-text span{font-size:10px}
  .hero-dashboard-tools .notification-wrap{width:32px;height:32px}
  .hero-dashboard-tools .bell-svg{width:22px;height:22px}
  .hero-dashboard-tools .system-back-btn{min-height:30px!important;padding:4px 7px!important;font-size:10px!important}
  body.settings-view-active .app-shell{padding-bottom:calc(78px + env(safe-area-inset-bottom))!important}
}

.app-back-floating{position:fixed!important;top:102px;left:18px;z-index:117;min-height:34px!important;padding:5px 10px!important;border:1px solid #c8d4e1!important;border-radius:6px!important;background:rgba(255,255,255,.96)!important;color:#052b59!important;font-weight:900!important;box-shadow:0 4px 14px rgba(5,43,89,.10)!important}
.app-back-floating.hidden{display:none!important}
@media(max-width:860px){.app-back-floating{top:calc(78px + env(safe-area-inset-top));left:max(8px,env(safe-area-inset-left));min-height:30px!important;padding:4px 7px!important;font-size:10px!important}}

/* V72: preserve the existing navy dashboard bar; only rearrange its contents. */
.hero-pagebar{display:grid!important;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr)!important;align-items:center!important;gap:14px!important;direction:ltr!important;background:linear-gradient(100deg,#052b59,#0b497f)!important;color:#fff!important;min-height:92px!important;padding:13px 18px!important;border-radius:8px!important;margin-bottom:14px!important}
.hero-pagebar-right{grid-column:3;justify-self:end;text-align:right;direction:rtl;min-width:0}.hero-pagebar-right strong{display:block;color:#fff;font-size:25px;font-weight:900;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hero-pagebar-right span{display:block;margin-top:5px;color:rgba(255,255,255,.86);font-size:12px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hero-pagebar-center{grid-column:2;justify-self:center;display:flex;align-items:center;justify-content:center}.hero-pagebar-center .notification-wrap{width:52px!important;height:52px!important;border:0!important;background:transparent!important;color:#fff!important;display:grid!important;place-items:center!important;padding:0!important}.hero-pagebar-center .notification-wrap.hidden{display:none!important}.hero-pagebar-center .bell-svg{width:38px!important;height:38px!important;color:#fff!important}.hero-pagebar-center .notification-badge{top:-1px!important;right:-1px!important;min-width:20px!important;height:20px!important;font-size:10px!important;border:2px solid #052b59!important}
.hero-pagebar-left{grid-column:1;justify-self:start;display:flex;align-items:center;gap:12px;min-width:0;direction:ltr}.hero-pagebar-left .utility-date-text{display:grid;gap:2px;text-align:left;min-width:0}.hero-pagebar-left .utility-date-text strong{font-size:13px;color:#fff;white-space:nowrap}.hero-pagebar-left .utility-date-text span{font-size:12px;color:rgba(255,255,255,.9)}
.hero-back-btn{min-height:40px!important;padding:8px 14px!important;border:0!important;border-radius:9px!important;background:#20a9d6!important;color:#fff!important;font-weight:900!important;box-shadow:0 6px 14px rgba(32,169,214,.20)!important}.hero-back-btn.hidden{display:none!important}.app-back-floating{display:none!important}.hero-user-compat{display:none!important}
@media(max-width:860px){.hero-pagebar{min-height:82px!important;padding:10px 12px!important;gap:8px!important}.hero-pagebar-right strong{font-size:20px}.hero-pagebar-right span{font-size:10px}.hero-pagebar-center .notification-wrap{width:46px!important;height:46px!important}.hero-pagebar-center .bell-svg{width:34px!important;height:34px!important}.hero-pagebar-left{gap:8px}.hero-pagebar-left .utility-date-text strong{font-size:10px}.hero-pagebar-left .utility-date-text span{font-size:10px}.hero-back-btn{min-height:34px!important;padding:6px 10px!important;font-size:11px!important}}
@media(max-width:560px){.hero-pagebar{grid-template-columns:minmax(0,1fr) 38px minmax(0,1fr)!important;min-height:72px!important;padding:8px 9px!important;gap:5px!important}.hero-pagebar-right strong{font-size:16px}.hero-pagebar-right span{font-size:9px;margin-top:3px}.hero-pagebar-center .notification-wrap{width:38px!important;height:38px!important}.hero-pagebar-center .bell-svg{width:29px!important;height:29px!important}.hero-pagebar-left{gap:5px;flex-wrap:nowrap}.hero-pagebar-left .utility-date-text strong{font-size:8px;max-width:110px;overflow:hidden;text-overflow:ellipsis}.hero-pagebar-left .utility-date-text span{font-size:8px}.hero-back-btn{min-height:30px!important;padding:4px 7px!important;font-size:9px!important}}


/* V73 — final header structure, order-only arrows, desktop sidebar */
/* Remove the light-blue reference line from page cards. */
.page-hero{border-top:1px solid #d6e1eb!important}

/* Larger image header, smaller navy utility bar. */
.topbar{position:fixed!important;top:0!important;left:0!important;right:0!important;height:118px!important;display:block!important;padding:0!important;background:url('header-background.png?v=73') center 46% / cover no-repeat!important;overflow:hidden!important;z-index:120!important;border:0!important}
.topbar::before{content:""!important;position:absolute!important;inset:0!important;background:rgba(255,255,255,.48)!important;backdrop-filter:blur(.5px)!important;-webkit-backdrop-filter:blur(.5px)!important}
.topbar .brand-center{position:relative!important;z-index:1!important;height:100%!important;display:flex!important;align-items:center!important;justify-content:center!important;padding:0 16px!important}
.topbar .brand-center h1{margin:0!important;color:#031b36!important;font-family:Tahoma,Arial,sans-serif!important;font-size:32px!important;font-weight:900!important;line-height:1.15!important;text-shadow:0 1px 1px rgba(255,255,255,.98),0 2px 9px rgba(255,255,255,.5)!important}
.system-utility-bar{position:fixed!important;top:118px!important;left:0!important;right:0!important;height:58px!important;background:#052b59!important;color:#fff!important;z-index:119!important;display:grid!important;grid-template-columns:minmax(0,1fr) 64px minmax(0,1fr)!important;align-items:center!important;padding:5px 18px!important;direction:ltr!important;box-shadow:0 3px 10px rgba(5,43,89,.16)!important}
.utility-page-info{grid-column:3!important;justify-self:end!important;text-align:right!important;direction:rtl!important;min-width:0!important}
.utility-page-info strong{display:block!important;color:#fff!important;font-size:20px!important;line-height:1.1!important;font-weight:900!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
.utility-page-info span{display:block!important;margin-top:3px!important;color:rgba(255,255,255,.86)!important;font-size:11px!important;font-weight:700!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
.utility-bell-center{grid-column:2!important;justify-self:center!important;display:grid!important;place-items:center!important}
.utility-bell-center .notification-wrap{position:relative!important;width:46px!important;height:46px!important;border:0!important;background:transparent!important;color:#fff!important;padding:0!important;display:grid!important;place-items:center!important}
.utility-bell-center .notification-wrap.hidden{display:none!important}.utility-bell-center .bell-svg{width:34px!important;height:34px!important;color:#fff!important}.utility-bell-center .notification-badge{top:-1px!important;right:-1px!important;min-width:19px!important;height:19px!important;font-size:10px!important;border:2px solid #052b59!important}
.utility-left-tools{grid-column:1!important;justify-self:start!important;display:flex!important;align-items:center!important;gap:10px!important;min-width:0!important;direction:ltr!important}
.utility-left-tools .utility-date-text{display:grid!important;gap:1px!important;text-align:left!important;min-width:0!important}.utility-left-tools .utility-date-text strong{font-size:11px!important;color:#fff!important;white-space:nowrap!important}.utility-left-tools .utility-date-text span{font-size:11px!important;color:rgba(255,255,255,.9)!important}
.utility-back-btn{min-height:36px!important;padding:7px 11px!important;border-radius:5px!important;font-size:12px!important;white-space:nowrap!important}.utility-back-btn.hidden{display:none!important}
body.auth-locked .system-utility-bar,body.install-required-active .system-utility-bar,body.auth-locked .desktop-sidebar,body.install-required-active .desktop-sidebar{display:none!important}
body.app-authenticated .app-shell{padding-top:190px!important}

/* Page navigation arrows exist ONLY in new-order entry. */
.screen-step-nav{display:none!important}
.order-only-step-nav{display:grid!important;grid-template-columns:52px minmax(120px,190px) 52px!important;align-items:center!important;gap:8px!important;width:min(330px,100%)!important;margin:10px auto 4px!important;padding:6px!important;border:1px solid #d2dde8!important;border-radius:8px!important;background:#fff!important;box-shadow:0 6px 16px rgba(5,43,89,.08)!important;direction:ltr!important}
.order-only-step-nav.hidden{display:none!important}.order-only-step-nav>button{height:40px!important;border:0!important;border-radius:5px!important;background:#20a9d6!important;color:#fff!important;font-size:27px!important;font-weight:900!important}.order-step-label{display:grid!important;text-align:center!important;direction:rtl!important}.order-step-label strong{font-size:12px!important;color:#052b59!important}.order-step-label small{font-size:9px!important;color:#6b7c90!important;margin-top:2px!important}
body.order-entry-active .order-save-actions{position:static!important;left:auto!important;right:auto!important;bottom:auto!important;box-shadow:none!important;border:0!important;border-top:1px solid #d7e0ea!important;border-radius:0!important;margin-top:8px!important}
.order-entry-main-actions{grid-template-columns:repeat(2,minmax(0,1fr))!important}.order-entry-main-actions #orderResetBtn{grid-column:1/-1!important}
.pending-order-invoice-workspace{margin-bottom:16px!important;border:2px solid #cbd9e6!important}.pending-invoice-heading{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;margin-bottom:12px!important}.pending-invoice-heading h3{margin:0!important;color:#052b59!important}.pending-invoice-heading p{margin:4px 0 0!important;color:#64748b!important;font-size:12px!important}.pending-invoice-save-actions{margin-top:12px!important}.pending-order-invoice-workspace.hidden{display:none!important}

/* Profile stays open because it contains logout. */
.profile-settings-always-open{padding:0!important;overflow:hidden!important}.settings-fixed-heading{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;padding:11px 13px!important;background:#f2f8fd!important;border-bottom:1px solid #d7e1eb!important;color:#052b59!important}.settings-fixed-heading h3{margin:0!important;font-size:15px!important}.settings-fixed-heading small{font-size:10px!important;color:#74869a!important}

/* Desktop side navigation. */
.desktop-sidebar{position:fixed!important;top:176px!important;right:0!important;bottom:0!important;width:238px!important;background:#fff!important;border-left:1px solid #d8e2ec!important;z-index:111!important;display:flex!important;flex-direction:column!important;box-shadow:-4px 0 16px rgba(5,43,89,.05)!important}
.desktop-sidebar-menu{flex:1!important;overflow-y:auto!important;padding:10px 8px!important;display:grid!important;align-content:start!important;gap:5px!important}.desktop-sidebar-menu button,.desktop-sidebar-logout{width:100%!important;min-height:42px!important;border:0!important;border-radius:7px!important;background:#fff!important;color:#17324f!important;display:flex!important;align-items:center!important;gap:10px!important;text-align:right!important;padding:8px 11px!important;font-weight:800!important;cursor:pointer!important}.desktop-sidebar-menu button span{width:24px!important;text-align:center!important}.desktop-sidebar-menu button:hover,.desktop-sidebar-menu button.active{background:#edf5fb!important;color:#052b59!important}.desktop-sidebar-logout{border-radius:0!important;border-top:1px solid #e1e8ef!important;background:#fff7f7!important;color:#a91f1f!important;justify-content:center!important;min-height:50px!important}
@media(min-width:861px){body.app-authenticated .app-shell{max-width:none!important;margin-right:238px!important;margin-left:0!important;padding-right:28px!important;padding-left:28px!important;padding-bottom:30px!important}.mobile-nav{display:none!important}}
@media(max-width:860px){
  .desktop-sidebar{display:none!important}
  .topbar{height:calc(92px + env(safe-area-inset-top))!important;padding-top:env(safe-area-inset-top)!important}
  .topbar .brand-center h1{font-size:21px!important}
  .system-utility-bar{top:calc(92px + env(safe-area-inset-top))!important;height:52px!important;grid-template-columns:minmax(0,1fr) 48px minmax(0,1fr)!important;padding:4px 9px!important}
  .utility-page-info strong{font-size:16px!important}.utility-page-info span{font-size:9px!important}.utility-bell-center .notification-wrap{width:40px!important;height:40px!important}.utility-bell-center .bell-svg{width:30px!important;height:30px!important}.utility-left-tools{gap:5px!important}.utility-left-tools .utility-date-text strong,.utility-left-tools .utility-date-text span{font-size:8px!important}.utility-left-tools .utility-date-text strong{max-width:110px!important;overflow:hidden!important;text-overflow:ellipsis!important}.utility-back-btn{min-height:31px!important;padding:5px 7px!important;font-size:9px!important}
  body.app-authenticated .app-shell{top:calc(144px + env(safe-area-inset-top))!important;bottom:calc(62px + env(safe-area-inset-bottom))!important;padding:8px 8px 12px!important}
  .order-only-step-nav{grid-template-columns:46px minmax(100px,1fr) 46px!important;width:100%!important;margin-top:7px!important}.order-only-step-nav>button{height:38px!important;font-size:25px!important}
  .pending-invoice-heading{align-items:flex-start!important;flex-direction:column!important}.pending-invoice-heading button{width:100%!important}
}


/* V74 — FINAL device layout correction. */
/* Sidebar is opt-in for desktop/Windows only, never a mobile default. */
.desktop-sidebar{display:none!important}
body.desktop-system-mode.app-authenticated .desktop-sidebar{display:flex!important}
body.mobile-system-mode.app-authenticated .desktop-sidebar{display:none!important;visibility:hidden!important;pointer-events:none!important}
body.mobile-system-mode.app-authenticated .mobile-nav{display:grid!important;visibility:visible!important;pointer-events:auto!important}
body.mobile-system-mode.order-entry-active .mobile-nav{display:none!important}
body.mobile-system-mode.app-authenticated .app-shell{margin-right:0!important;margin-left:0!important;max-width:none!important;width:100%!important}
body.desktop-system-mode.app-authenticated .mobile-nav{display:none!important}
body.desktop-system-mode.app-authenticated .app-shell{max-width:none!important;margin-right:238px!important;margin-left:0!important;padding-right:28px!important;padding-left:28px!important;padding-bottom:30px!important}

/* Keep the full navy header row visible on phones: right page/user, center bell, left date/time/back. */
body.mobile-system-mode .system-utility-bar{display:block!important;position:fixed!important;overflow:visible!important}
body.mobile-system-mode .utility-page-info{position:absolute!important;right:9px!important;top:50%!important;transform:translateY(-50%)!important;width:calc(50% - 38px)!important;text-align:right!important;direction:rtl!important;display:block!important;visibility:visible!important;opacity:1!important}
body.mobile-system-mode .utility-bell-center{position:absolute!important;left:50%!important;top:50%!important;transform:translate(-50%,-50%)!important;width:42px!important;height:42px!important;display:grid!important;place-items:center!important;visibility:visible!important;opacity:1!important}
body.mobile-system-mode .utility-left-tools{position:absolute!important;left:8px!important;top:50%!important;transform:translateY(-50%)!important;width:calc(50% - 38px)!important;display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:5px!important;direction:ltr!important;visibility:visible!important;opacity:1!important;overflow:visible!important}
body.mobile-system-mode .utility-left-tools .utility-date-text{display:grid!important;gap:0!important;min-width:0!important;max-width:116px!important;text-align:left!important;visibility:visible!important;opacity:1!important}
body.mobile-system-mode .utility-left-tools .utility-date-text strong{display:block!important;color:#fff!important;font-size:8px!important;line-height:1.15!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
body.mobile-system-mode .utility-left-tools .utility-date-text span{display:block!important;color:#fff!important;font-size:9px!important;line-height:1.15!important;white-space:nowrap!important}
body.mobile-system-mode .utility-bell-center .notification-wrap{color:#fff!important;width:40px!important;height:40px!important}
body.mobile-system-mode .utility-bell-center .bell-svg{color:#fff!important;width:30px!important;height:30px!important;stroke:#fff!important}
body.mobile-system-mode .utility-page-info strong{font-size:15px!important;line-height:1.15!important;color:#fff!important}
body.mobile-system-mode .utility-page-info span{font-size:8.5px!important;line-height:1.2!important;color:rgba(255,255,255,.9)!important;margin-top:2px!important}
body.mobile-system-mode .utility-back-btn{display:inline-flex!important;min-height:30px!important;padding:4px 7px!important;font-size:9px!important;flex:0 0 auto!important}
body.mobile-system-mode .utility-back-btn.hidden{display:none!important}

/* Windows keeps the sidebar and the same complete navy row. */
body.desktop-system-mode .system-utility-bar{display:grid!important}
body.desktop-system-mode .utility-page-info,
body.desktop-system-mode .utility-bell-center,
body.desktop-system-mode .utility-left-tools{visibility:visible!important;opacity:1!important}

/* Mobile sizing independent from the browser's reported CSS viewport width. */
body.mobile-system-mode .topbar{height:calc(92px + env(safe-area-inset-top))!important;padding-top:env(safe-area-inset-top)!important}
body.mobile-system-mode .topbar .brand-center h1{font-size:21px!important}
body.mobile-system-mode .system-utility-bar{top:calc(92px + env(safe-area-inset-top))!important;height:54px!important;padding:0!important}
body.mobile-system-mode.app-authenticated .app-shell{top:calc(146px + env(safe-area-inset-top))!important;bottom:calc(62px + env(safe-area-inset-bottom))!important;padding:8px 8px 12px!important}
body.mobile-system-mode.app-authenticated{padding-bottom:calc(62px + env(safe-area-inset-bottom))!important}

/* On actual desktop/Windows, retain the large image header and narrow navy strip. */
body.desktop-system-mode .topbar{height:118px!important}
body.desktop-system-mode .system-utility-bar{top:118px!important;height:58px!important}
body.desktop-system-mode .desktop-sidebar{top:176px!important}
body.desktop-system-mode.app-authenticated .app-shell{padding-top:190px!important}


/* V75 — mobile content visibility correction.
   Keep the approved header/layout and prevent the scroll container from reopening midway through a page. */
body.mobile-system-mode.app-authenticated .app-shell{
  scroll-padding-top:0!important;
  overscroll-behavior-y:contain!important;
}
body.mobile-system-mode #homeView.active{
  display:block!important;
  padding-top:2px!important;
}
body.mobile-system-mode #homeView .dashboard-stat-grid{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  grid-auto-flow:row!important;
  gap:6px!important;
  margin-top:0!important;
  margin-bottom:10px!important;
  overflow:visible!important;
}
body.mobile-system-mode #homeView .dashboard-stat-grid>.dash-stat{
  display:flex!important;
  visibility:visible!important;
  opacity:1!important;
  min-height:78px!important;
  padding:8px!important;
  margin:0!important;
  transform:none!important;
}
body.mobile-system-mode #homeView .dashboard-stat-grid>.dash-stat:nth-child(-n+6){display:flex!important}
@media(max-width:420px){
  body.mobile-system-mode #homeView .dashboard-stat-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:5px!important}
  body.mobile-system-mode #homeView .dashboard-stat-grid>.dash-stat{min-height:76px!important;padding:7px 5px!important}
  body.mobile-system-mode #homeView .dashboard-stat-grid>.dash-stat span{font-size:9px!important}
  body.mobile-system-mode #homeView .dashboard-stat-grid>.dash-stat strong{font-size:19px!important}
  body.mobile-system-mode #homeView .dashboard-stat-grid>.dash-stat small{font-size:8px!important}
}


/* V76 — lower the home dashboard cards slightly on mobile while keeping all six visible. */
body.mobile-system-mode #homeView.active{padding-top:14px!important;}
body.mobile-system-mode #homeView .dashboard-stat-grid{margin-top:0!important;}
@media(max-width:420px){body.mobile-system-mode #homeView.active{padding-top:12px!important;}}


/* V78 — requested-only mobile refinements: larger navy page bar text, readable date/time, lower dashboard cards. */
body.mobile-system-mode .system-utility-bar{height:64px!important;}
body.mobile-system-mode .utility-page-info strong{font-size:18px!important;line-height:1.15!important;}
body.mobile-system-mode .utility-page-info span{font-size:10.5px!important;line-height:1.25!important;margin-top:3px!important;}
body.mobile-system-mode .utility-left-tools .utility-date-text strong,
body.mobile-system-mode .utility-left-tools .utility-date-text span{font-size:11px!important;line-height:1.2!important;color:#fff!important;}
body.mobile-system-mode .utility-left-tools .utility-date-text{max-width:145px!important;}
body.mobile-system-mode.app-authenticated .app-shell{top:calc(156px + env(safe-area-inset-top))!important;}
body.mobile-system-mode #homeView.active{padding-top:0!important;}
body.mobile-system-mode #homeView .dashboard-stat-grid{margin-top:22px!important;}
@media(max-width:420px){
  body.mobile-system-mode .system-utility-bar{height:64px!important;}
  body.mobile-system-mode .utility-page-info strong{font-size:18px!important;}
  body.mobile-system-mode .utility-page-info span{font-size:10px!important;}
  body.mobile-system-mode .utility-left-tools .utility-date-text strong,
  body.mobile-system-mode .utility-left-tools .utility-date-text span{font-size:10.5px!important;}
  body.mobile-system-mode #homeView .dashboard-stat-grid{margin-top:20px!important;}
}


/* V79 — requested visibility-only correction. No component redesign. */
body.mobile-system-mode.app-authenticated .app-shell{
  scroll-behavior:auto!important;
  overflow-anchor:none!important;
  scroll-padding-top:0!important;
}
body.mobile-system-mode.app-authenticated .view,
body.mobile-system-mode.app-authenticated .view *{overflow-anchor:none!important;}
/* Keep every screen visibly below the fixed navy row instead of visually sticking to it. */
body.mobile-system-mode.app-authenticated .view.active{
  box-sizing:border-box!important;
  padding-top:24px!important;
}
body.mobile-system-mode.app-authenticated #homeView.active{
  padding-top:30px!important;
}
body.mobile-system-mode #homeView .dashboard-stat-grid{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  grid-template-rows:repeat(2,minmax(76px,auto))!important;
  grid-auto-flow:row!important;
  margin-top:0!important;
  overflow:visible!important;
}
body.mobile-system-mode #homeView .dashboard-stat-grid>.dash-stat:nth-child(-n+6){
  display:flex!important;
  visibility:visible!important;
  opacity:1!important;
  position:relative!important;
  inset:auto!important;
  transform:none!important;
}
body.mobile-system-mode .view.active>.page-hero:first-child{margin-top:0!important;}
/* Mobile behaves like an installed app: no long-press callout / text search on interface text. */
body.mobile-system-mode.app-authenticated,
body.mobile-system-mode.app-authenticated *{
  -webkit-touch-callout:none!important;
  -webkit-user-select:none!important;
  user-select:none!important;
}
body.mobile-system-mode.app-authenticated input,
body.mobile-system-mode.app-authenticated textarea,
body.mobile-system-mode.app-authenticated select,
body.mobile-system-mode.app-authenticated [contenteditable="true"]{
  -webkit-user-select:text!important;
  user-select:text!important;
}
@media(max-width:420px){
  body.mobile-system-mode.app-authenticated .view.active{padding-top:22px!important;}
  body.mobile-system-mode.app-authenticated #homeView.active{padding-top:28px!important;}
}


/* V80 — dashboard row must not reopen scrolled beneath the fixed header, including Chrome "Desktop site" on a phone. */
body.mobile-system-mode #homeView.active{
  padding-top:30px!important;
  transform:none!important;
}
body.mobile-system-mode #homeView .dashboard-stat-grid{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  grid-template-rows:repeat(2,minmax(78px,auto))!important;
  grid-auto-rows:minmax(78px,auto)!important;
  align-content:start!important;
  gap:6px!important;
  margin:0 0 10px!important;
  padding:0!important;
  position:relative!important;
  top:auto!important;
  transform:none!important;
  overflow:visible!important;
}
body.mobile-system-mode #homeView .dashboard-stat-grid>.dash-stat{
  display:flex!important;
  visibility:visible!important;
  opacity:1!important;
  min-width:0!important;
  min-height:78px!important;
  margin:0!important;
  position:relative!important;
  inset:auto!important;
  transform:none!important;
}
body.mobile-system-mode #homeView .dashboard-stat-grid>.dash-stat:nth-child(1),
body.mobile-system-mode #homeView .dashboard-stat-grid>.dash-stat:nth-child(2),
body.mobile-system-mode #homeView .dashboard-stat-grid>.dash-stat:nth-child(3),
body.mobile-system-mode #homeView .dashboard-stat-grid>.dash-stat:nth-child(4),
body.mobile-system-mode #homeView .dashboard-stat-grid>.dash-stat:nth-child(5),
body.mobile-system-mode #homeView .dashboard-stat-grid>.dash-stat:nth-child(6){display:flex!important}
/* One visible install/update/open action button only. */
#openInstalledBtn{display:none!important}

/* V82 — visibility-only fix for Chrome “Desktop site” on phones.
   Force the mobile app shell to remain the scroll container regardless of CSS viewport width,
   so the first dashboard row cannot be restored behind the fixed headers. */
body.mobile-system-mode.app-authenticated{
  height:100dvh!important;
  max-height:100dvh!important;
  overflow:hidden!important;
}
body.mobile-system-mode.app-authenticated .app-shell{
  position:fixed!important;
  top:calc(156px + env(safe-area-inset-top))!important;
  right:0!important;
  bottom:calc(62px + env(safe-area-inset-bottom))!important;
  left:0!important;
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  padding:8px 8px 12px!important;
  overflow-x:hidden!important;
  overflow-y:auto!important;
  -webkit-overflow-scrolling:touch!important;
}
body.mobile-system-mode #homeView.active{
  padding-top:30px!important;
}
body.mobile-system-mode #homeView .dashboard-stat-grid{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  grid-template-rows:repeat(2,minmax(78px,auto))!important;
  grid-auto-flow:row!important;
  margin:0 0 10px!important;
  overflow:visible!important;
}
body.mobile-system-mode #homeView .dashboard-stat-grid>.dash-stat:nth-child(-n+6){
  display:flex!important;
  visibility:visible!important;
  opacity:1!important;
}

/* V83 — unified navy page bar, system alert, customer-only tracking ads, order→invoice navigation. */
.system-utility-bar{
  height:76px!important;
  padding:8px 20px!important;
  grid-template-columns:minmax(0,1fr) 72px minmax(0,1fr)!important;
}
.utility-page-info strong{font-size:24px!important;line-height:1.15!important}
.utility-page-info span{font-size:13px!important;line-height:1.25!important;margin-top:4px!important}
.utility-left-tools .utility-date-text strong,
.utility-left-tools .utility-date-text span{font-size:14px!important;line-height:1.25!important}
.utility-bell-center .notification-wrap{width:54px!important;height:54px!important}
.utility-bell-center .bell-svg{width:39px!important;height:39px!important}
body.desktop-system-mode .system-utility-bar{top:118px!important;height:76px!important}
body.desktop-system-mode .desktop-sidebar{top:194px!important}
body.desktop-system-mode.app-authenticated .app-shell{padding-top:208px!important}

.system-announcement-bar{
  position:fixed;top:194px;left:0;right:0;height:44px;z-index:118;
  background:#eef6fc;border-bottom:1px solid #c9dbea;color:#052b59;
  display:flex;align-items:center;overflow:hidden;direction:rtl;
}
.system-announcement-bar.hidden{display:none!important}
.system-announcement-text{display:inline-block;white-space:nowrap;font-weight:900;font-size:17px;line-height:1.2;padding-inline:24px;animation:v83Marquee 22s linear infinite}
body.desktop-system-mode.system-announcement-visible .desktop-sidebar{top:238px!important}
body.desktop-system-mode.system-announcement-visible.app-authenticated .app-shell{padding-top:252px!important}
@keyframes v83Marquee{from{transform:translateX(-100%)}to{transform:translateX(100%)}}
@media (prefers-reduced-motion:reduce){.system-announcement-text,.tracking-announcement-text{animation:none!important;white-space:normal!important;text-align:center!important;width:100%!important}}

/* The order screen has one forward action only. */
.order-only-step-nav{display:block!important;width:min(420px,100%)!important;margin:12px auto 4px!important;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important;direction:rtl!important}
.order-only-step-nav.hidden{display:none!important}
.order-only-step-nav>button{width:100%!important;min-height:48px!important;height:auto!important;border:1px solid #cfdbe7!important;border-radius:9px!important;background:#fff!important;color:#052b59!important;font-size:16px!important;font-weight:900!important;padding:11px 16px!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:8px!important}
.pending-order-invoice-active #invoiceBackBtn{display:none!important}
body.pending-order-invoice-active #invoicesView .invoice-forms-grid,
body.pending-order-invoice-active #invoicesView #invoicesTable,
body.pending-order-invoice-active #invoicesView > .reference-panel:not(#pendingOrderInvoiceWorkspace){display:none!important}
.pending-invoice-heading #pendingInvoiceBackToOrderBtn{font-weight:900!important;min-height:44px!important}

/* Admin announcement controls. */
.announcement-settings-actions,.tracking-ads-actions{display:flex!important;gap:10px!important;justify-content:flex-start!important;margin-top:12px!important}
.announcement-settings-actions button,.tracking-ads-actions button{min-width:120px!important}
.tracking-ads-settings .tracking-admin-grid>.full{grid-column:1/-1!important}

/* Public tracking is customer-only: image header, navy date/time strip, optional moving ad, then customer content. */
.public-tracking-screen{padding:0 14px 40px!important}
.tracking-shell{padding-top:0!important}
.tracking-brand{border-radius:0 0 18px 18px!important;margin:0!important}
.tracking-utility-bar{height:76px;background:#052b59;color:#fff;display:flex;align-items:center;justify-content:flex-start;padding:8px 18px;direction:ltr;box-shadow:0 3px 10px rgba(5,43,89,.14)}
.tracking-date-text{display:grid;gap:2px;text-align:left;direction:rtl}
.tracking-date-text strong,.tracking-date-text span{font-size:14px;line-height:1.25;color:#fff;font-weight:900;white-space:nowrap}
.tracking-announcement-bar{height:44px;background:#eef6fc;border:1px solid #c9dbea;border-top:0;overflow:hidden;display:flex;align-items:center;color:#052b59;direction:rtl}
.tracking-announcement-bar.hidden{display:none!important}
.tracking-announcement-text{display:inline-block;white-space:nowrap;font-size:17px;font-weight:900;padding-inline:24px;animation:v83Marquee 22s linear infinite}
.tracking-content{margin-top:16px!important}
.tracking-ads{display:grid!important;gap:12px!important}
.tracking-ad-card{display:grid!important;grid-template-columns:minmax(92px,28%) minmax(0,1fr)!important;min-height:110px!important;border:1px solid #d7e3ed!important;border-radius:16px!important;overflow:hidden!important;background:#fff!important;padding:0!important}
.tracking-ad-square{background:#052b59!important;color:#fff!important;display:flex!important;align-items:center!important;justify-content:center!important;text-align:center!important;padding:12px!important;font-size:18px!important;font-weight:900!important;overflow-wrap:anywhere!important}
.tracking-ad-detail{display:flex!important;align-items:center!important;justify-content:center!important;text-align:center!important;padding:16px!important;color:#15283f!important;font-size:16px!important;font-weight:800!important;line-height:1.7!important;white-space:pre-wrap!important;overflow-wrap:anywhere!important}
.tracking-system-footer{justify-content:flex-start!important}
.tracking-system-footer span{width:100%!important;text-align:right!important}

@media(max-width:860px){
  body.mobile-system-mode .system-utility-bar{top:calc(92px + env(safe-area-inset-top))!important;height:76px!important;padding:0!important}
  body.mobile-system-mode .utility-page-info strong{font-size:21px!important}
  body.mobile-system-mode .utility-page-info span{font-size:12px!important}
  body.mobile-system-mode .utility-left-tools .utility-date-text{max-width:160px!important}
  body.mobile-system-mode .utility-left-tools .utility-date-text strong,
  body.mobile-system-mode .utility-left-tools .utility-date-text span{font-size:13px!important}
  body.mobile-system-mode .utility-bell-center .notification-wrap{width:48px!important;height:48px!important}
  body.mobile-system-mode .utility-bell-center .bell-svg{width:36px!important;height:36px!important}
  body.mobile-system-mode.app-authenticated .app-shell{top:calc(168px + env(safe-area-inset-top))!important}
  .system-announcement-bar{top:calc(168px + env(safe-area-inset-top))!important;height:44px!important}
  body.mobile-system-mode.system-announcement-visible.app-authenticated .app-shell{top:calc(212px + env(safe-area-inset-top))!important}
  .system-announcement-text,.tracking-announcement-text{font-size:16px!important}
  .tracking-utility-bar{height:76px!important;padding:8px 12px!important}
  .tracking-date-text strong,.tracking-date-text span{font-size:13px!important}
  .tracking-ad-card{grid-template-columns:96px minmax(0,1fr)!important;min-height:100px!important}
  .tracking-ad-square{font-size:16px!important}.tracking-ad-detail{font-size:15px!important;padding:13px!important}
}

/* V84 — fixed larger page bar, inline invoice rows, tracking ads, worker accounts. */
.system-utility-bar{
  height:88px!important;
  padding:10px 22px!important;
  grid-template-columns:minmax(0,1fr) 82px minmax(0,1fr)!important;
}
.utility-page-info strong{font-size:27px!important;line-height:1.18!important}
.utility-page-info span{font-size:14px!important;line-height:1.3!important;margin-top:5px!important}
.utility-left-tools .utility-date-text strong,
.utility-left-tools .utility-date-text span{font-size:15px!important;line-height:1.3!important}
.utility-bell-center .notification-wrap{width:62px!important;height:62px!important}
.utility-bell-center .bell-svg{width:44px!important;height:44px!important}
body.desktop-system-mode .system-utility-bar{top:118px!important;height:88px!important}
body.desktop-system-mode .desktop-sidebar{top:206px!important}
body.desktop-system-mode.app-authenticated .app-shell{padding-top:220px!important}
.system-announcement-bar{top:206px!important;height:46px!important}
.system-announcement-text{font-size:18px!important}
body.desktop-system-mode.system-announcement-visible .desktop-sidebar{top:252px!important}
body.desktop-system-mode.system-announcement-visible.app-authenticated .app-shell{padding-top:266px!important}

.tracking-utility-bar{height:88px!important;padding:10px 22px!important}
.tracking-date-text strong,.tracking-date-text span{font-size:15px!important;line-height:1.3!important}
.tracking-announcement-bar{height:46px!important}
.tracking-announcement-text{font-size:18px!important}

.invoice-inline-entry-table table{min-width:720px}
.invoice-entry-row td{background:#f7faff!important;vertical-align:middle!important}
.invoice-entry-row input,.invoice-entry-row select,.invoice-entry-row textarea{width:100%!important;min-height:44px!important;margin:0!important;border:1px solid #cdd9e5!important;border-radius:8px!important;background:#fff!important;font-size:15px!important;padding:8px 10px!important}
.invoice-entry-row output{display:block;min-width:90px;font-weight:900;color:#052b59;text-align:center}
.invoice-entry-row button{min-height:42px!important;white-space:nowrap!important}

.edit-order-invoice-context{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:14px!important;margin-bottom:16px!important;border:1px solid #cbd9e7!important}
.edit-order-invoice-context.hidden{display:none!important}
.edit-order-invoice-context>div:first-child{display:grid;gap:5px;min-width:0}.edit-order-invoice-context strong{font-size:20px;color:#052b59}.edit-order-invoice-context span{font-size:14px;color:#52667c}
.edit-order-invoice-actions{display:flex;gap:9px;flex-wrap:wrap;justify-content:flex-start}.edit-order-invoice-actions button{min-height:44px}
.edit-order-invoice-actions button:disabled{opacity:.45;cursor:not-allowed}

.tracking-ad-editor-grid{grid-template-columns:1fr!important}
.tracking-ad-editor-row{display:grid!important;grid-template-columns:minmax(92px,25%) minmax(0,1fr)!important;gap:10px!important;align-items:stretch!important}
.tracking-ad-square-editor{min-height:92px!important;background:#052b59!important;color:#fff!important;text-align:center!important;font-size:17px!important;font-weight:900!important;border-radius:12px!important;border:1px solid #052b59!important;padding:10px!important}
.tracking-ad-square-editor::placeholder{color:rgba(255,255,255,.75)}
.tracking-ad-detail-editor{min-height:92px!important;resize:vertical!important;border-radius:12px!important;font-size:16px!important;padding:12px!important}

.worker-accounts-settings{display:grid;gap:18px}
.worker-account-block{border:1px solid #dce5ee;border-radius:14px;padding:14px;background:#fbfdff}
.worker-account-block h4{margin:0 0 12px;color:#052b59;font-size:18px}
.worker-account-form-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;align-items:end}
.worker-account-form-grid label,.worker-statement-filters label{display:grid;gap:6px;font-weight:800;min-width:0}
.worker-account-form-grid input,.worker-account-form-grid select,.worker-statement-filters input,.worker-statement-filters select{min-height:44px}
.worker-account-note{grid-column:span 2}
.worker-statement-filters{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;align-items:end;margin-bottom:12px}
.worker-statement-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-bottom:12px}
.worker-statement-summary span{display:grid;gap:3px;border:1px solid #dde6ef;border-radius:10px;background:#fff;padding:10px;text-align:center;font-size:13px}.worker-statement-summary b{color:#052b59;font-size:16px}
.worker-settlement-balance{display:flex;align-items:center;justify-content:center;min-height:44px;border:1px solid #cfdce8;border-radius:10px;background:#fff;color:#052b59;font-weight:900}
.worker-settlements-list{display:grid;gap:7px;margin-top:12px}.worker-settlement-row{display:flex;justify-content:space-between;gap:12px;border:1px solid #e0e7ef;border-radius:9px;padding:9px 11px;background:#fff}.worker-settlement-row b{color:#052b59}

@media(max-width:860px){
  body.mobile-system-mode .system-utility-bar{top:calc(92px + env(safe-area-inset-top))!important;height:88px!important;padding:7px 10px!important;grid-template-columns:minmax(0,1fr) 58px minmax(0,1fr)!important}
  body.mobile-system-mode .utility-page-info strong{font-size:23px!important}
  body.mobile-system-mode .utility-page-info span{font-size:12px!important}
  body.mobile-system-mode .utility-left-tools .utility-date-text strong,
  body.mobile-system-mode .utility-left-tools .utility-date-text span{font-size:13px!important}
  body.mobile-system-mode .utility-bell-center .notification-wrap{width:54px!important;height:54px!important}
  body.mobile-system-mode .utility-bell-center .bell-svg{width:40px!important;height:40px!important}
  body.mobile-system-mode.app-authenticated .app-shell{top:calc(180px + env(safe-area-inset-top))!important}
  .system-announcement-bar{top:calc(180px + env(safe-area-inset-top))!important;height:46px!important}
  body.mobile-system-mode.system-announcement-visible.app-authenticated .app-shell{top:calc(226px + env(safe-area-inset-top))!important}
  .tracking-utility-bar{height:88px!important;padding:9px 13px!important}
  .tracking-date-text strong,.tracking-date-text span{font-size:13px!important}
  .tracking-announcement-text,.system-announcement-text{font-size:16px!important}
  .edit-order-invoice-context{display:grid!important}.edit-order-invoice-context.hidden{display:none!important}.edit-order-invoice-actions{display:grid;grid-template-columns:1fr 1fr}.edit-order-invoice-actions #editOrderReturnBtn{grid-column:1/-1}
  .worker-account-form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.worker-statement-filters{grid-template-columns:repeat(2,minmax(0,1fr))}.worker-statement-filters button{grid-column:1/-1}.worker-statement-summary{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:560px){
  body.mobile-system-mode .system-utility-bar{grid-template-columns:minmax(0,1fr) 50px minmax(0,1fr)!important;padding:6px 8px!important}
  body.mobile-system-mode .utility-page-info strong{font-size:20px!important}
  body.mobile-system-mode .utility-page-info span{font-size:11px!important}
  body.mobile-system-mode .utility-left-tools .utility-date-text strong,
  body.mobile-system-mode .utility-left-tools .utility-date-text span{font-size:11px!important}
  .tracking-ad-editor-row{grid-template-columns:90px minmax(0,1fr)!important}.tracking-ad-square-editor,.tracking-ad-detail-editor{min-height:86px!important;font-size:14px!important}
  .worker-account-form-grid,.worker-statement-filters{grid-template-columns:1fr}.worker-account-note{grid-column:auto}.worker-statement-summary{grid-template-columns:1fr 1fr}
}


/* V86 — tracking fills available page width, mirrors system header/bar, and keeps customer content readable. */
.tracking-mode .topbar,
.tracking-mode .system-utility-bar,
.tracking-mode .system-announcement-bar,
.tracking-mode .app-shell,
.tracking-mode .desktop-sidebar,
.tracking-mode .mobile-nav,
.tracking-mode .fab-add,
.tracking-mode .system-back-btn{display:none!important}
body.tracking-mode{padding:0!important;overflow:auto!important;background:#f5f9fd!important}
.public-tracking-screen{padding:0 6px 30px!important;min-height:100dvh!important;width:100%!important;box-sizing:border-box!important}
.tracking-shell{width:min(1180px,100%)!important;max-width:none!important;margin:0 auto!important;padding:0!important}
.tracking-brand{height:118px!important;min-height:118px!important;border-radius:0!important;margin:0!important;background:url('header-background.png?v=87') center 46% / cover no-repeat!important;box-shadow:none!important;padding:0!important;position:relative!important;display:flex!important;align-items:center!important;justify-content:center!important}
.tracking-brand::before{content:"";position:absolute;inset:0;background:rgba(255,255,255,.48);backdrop-filter:blur(.5px);-webkit-backdrop-filter:blur(.5px)}
.tracking-brand h1{position:relative;z-index:1;margin:0!important;color:#031b36!important;font-family:Tahoma,Arial,sans-serif!important;font-size:32px!important;font-weight:900!important;line-height:1.15!important;text-shadow:0 1px 1px rgba(255,255,255,.98),0 2px 9px rgba(255,255,255,.5)!important}
.tracking-brand p{display:none!important}
.tracking-utility-bar{height:88px!important;display:grid!important;grid-template-columns:minmax(0,1fr) minmax(220px,1.25fr) minmax(0,1fr)!important;align-items:center!important;gap:12px!important;background:#052b59!important;color:#fff!important;padding:10px 22px!important;direction:rtl!important;box-sizing:border-box!important}
.tracking-bar-date{grid-column:1!important;text-align:right!important;display:grid!important;gap:4px!important;justify-self:stretch!important}
.tracking-bar-institution{grid-column:2!important;text-align:center!important;justify-self:stretch!important}
.tracking-bar-customer{grid-column:3!important;text-align:left!important;justify-self:stretch!important}
.tracking-bar-date strong,.tracking-bar-date span,.tracking-bar-institution strong,.tracking-bar-customer strong{font-family:Tahoma,Arial,sans-serif!important;font-size:18px!important;line-height:1.3!important;color:#fff!important;font-weight:900!important;white-space:normal!important;overflow-wrap:anywhere!important}
.tracking-bar-date span{font-size:16px!important}
.tracking-announcement-bar{width:100%!important;min-height:46px!important;height:46px!important;border-radius:0!important;margin:0!important;overflow:hidden!important}
.tracking-announcement-text{font-size:18px!important;line-height:1.25!important;animation-duration:var(--tracking-marquee-duration,26s)!important}
.system-announcement-text{animation-duration:var(--system-marquee-duration,26s)!important}
.tracking-back-btn{position:static!important;float:none!important;margin:12px 0 0 auto!important;min-height:46px!important;padding:10px 18px!important;border-radius:10px!important;font-size:16px!important;box-shadow:none!important}
.tracking-content{margin:12px 0 0!important;width:100%!important;display:block!important}
.tracking-status-card,.tracking-section{border-radius:14px!important;padding:18px!important;margin-top:12px!important;margin-bottom:0!important}
.tracking-status-card span{font-size:16px!important}.tracking-status-card strong{font-size:30px!important}
.tracking-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important}
.tracking-grid>div{min-height:92px!important;padding:16px!important;border-radius:13px!important}
.tracking-grid span{font-size:15px!important}.tracking-grid b{font-size:18px!important;line-height:1.45!important}
.tracking-section h2{font-size:22px!important;margin-bottom:14px!important}.tracking-section p{font-size:15px!important;line-height:1.8!important}
.tracking-delay form{grid-template-columns:minmax(180px,1fr) minmax(220px,1.25fr)!important;gap:12px!important}.tracking-delay form button{grid-column:1/-1!important;min-height:48px!important;font-size:16px!important}
.tracking-delay input{font-size:16px!important;min-height:48px!important}
.tracking-ad-cards-section{padding-bottom:18px!important}
.tracking-ads{display:grid!important;grid-template-columns:1fr!important;gap:12px!important}
.tracking-ad-card{width:100%!important;grid-template-columns:minmax(150px,24%) minmax(0,1fr)!important;min-height:112px!important}
.tracking-ad-square{font-size:20px!important;padding:16px!important}.tracking-ad-detail{font-size:18px!important;line-height:1.75!important;padding:18px!important}
.tracking-contact{margin-top:12px!important}.tracking-contact-actions a{min-height:52px!important;font-size:18px!important}
.tracking-footer-divider{margin:18px 0 10px!important}.tracking-system-footer{padding-bottom:4px!important;font-size:13px!important}

@media(min-width:900px){
  .tracking-content{padding-inline:0!important}
  .tracking-primary-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  .tracking-section .tracking-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
}
@media(max-width:860px){
  .public-tracking-screen{padding-inline:4px!important}
  .tracking-brand{height:calc(92px + env(safe-area-inset-top))!important;min-height:calc(92px + env(safe-area-inset-top))!important;padding-top:env(safe-area-inset-top)!important}
  .tracking-brand h1{font-size:21px!important}
  .tracking-utility-bar{height:88px!important;grid-template-columns:minmax(0,.95fr) minmax(150px,1.1fr) minmax(0,.95fr)!important;padding:8px 10px!important;gap:7px!important}
  .tracking-bar-date strong,.tracking-bar-institution strong,.tracking-bar-customer strong{font-size:14px!important}.tracking-bar-date span{font-size:13px!important}
  .tracking-content{margin-top:10px!important}
  .tracking-status-card,.tracking-section{padding:14px!important}
  .tracking-grid>div{min-height:78px!important;padding:12px!important}.tracking-grid span{font-size:13px!important}.tracking-grid b{font-size:16px!important}
  .tracking-section h2{font-size:19px!important}.tracking-section p{font-size:13px!important}
  .tracking-ad-card{grid-template-columns:110px minmax(0,1fr)!important;min-height:100px!important}.tracking-ad-square{font-size:17px!important;padding:12px!important}.tracking-ad-detail{font-size:16px!important;padding:14px!important}
}
@media(max-width:560px){
  .tracking-utility-bar{height:88px!important;grid-template-columns:minmax(0,1fr) minmax(130px,1.2fr) minmax(0,1fr)!important;padding:7px 8px!important;gap:5px!important}
  .tracking-bar-date strong,.tracking-bar-institution strong,.tracking-bar-customer strong{font-size:12px!important}.tracking-bar-date span{font-size:11px!important}
  .tracking-grid,.tracking-primary-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .tracking-delay form{grid-template-columns:1fr!important}.tracking-delay form button{grid-column:auto!important}
  .tracking-ad-card{grid-template-columns:94px minmax(0,1fr)!important}.tracking-ad-square{font-size:15px!important}.tracking-ad-detail{font-size:15px!important;padding:12px!important}
  .tracking-contact-actions{grid-template-columns:1fr 1fr!important}.tracking-contact-actions a{font-size:16px!important}
}
\n\n/* V87 — hard public tracking isolation: the customer page never renders internal system chrome. */\nbody.tracking-mode > .topbar,\nbody.tracking-mode #systemUtilityBar,\nbody.tracking-mode #systemAnnouncementBar,\nbody.tracking-mode > .app-shell,\nbody.tracking-mode #desktopSidebar,\nbody.tracking-mode > .mobile-nav,\nbody.tracking-mode > .fab-add,\nbody.tracking-mode #systemBackBtn,\nbody.tracking-mode #loginScreen,\nbody.tracking-mode #installRequiredScreen{display:none!important;visibility:hidden!important;pointer-events:none!important}\nbody.tracking-mode #publicTrackingScreen{display:block!important;visibility:visible!important;pointer-events:auto!important}\nbody.tracking-mode.mobile-system-mode #systemUtilityBar,\nbody.tracking-mode.desktop-system-mode #systemUtilityBar,\nbody.tracking-mode.mobile-system-mode > .mobile-nav,\nbody.tracking-mode.desktop-system-mode #desktopSidebar{display:none!important}\n
/* V88 — worker-account tables keep the existing navy identity; no new pale-blue theme. */
.v88-worker-accounts{display:grid;gap:16px}
.v88-worker-accounts .worker-account-block{background:#fff!important;border:1px solid #cbd5e1!important;border-radius:14px!important;padding:16px!important}
.v88-worker-accounts .worker-block-title-row{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:14px;border-bottom:2px solid #052b59;padding-bottom:10px}
.v88-worker-accounts .worker-block-title-row h4{margin:0!important;color:#052b59!important;font-size:21px!important}
.v88-worker-accounts .worker-block-title-row span{color:#475569;font-size:13px;font-weight:700}
.v88-worker-accounts .worker-day-controls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:14px}
.v88-worker-accounts label{display:grid;gap:7px;font-weight:900;color:#1e293b}
.v88-worker-accounts input,.v88-worker-accounts select{min-height:46px;border:1px solid #94a3b8;border-radius:9px;background:#fff;color:#0f172a;padding:8px 10px}
.v88-worker-accounts table{width:100%;border-collapse:collapse;background:#fff}
.v88-worker-accounts th,.v88-worker-accounts td{border:1px solid #94a3b8;padding:10px;text-align:center}
.v88-worker-accounts thead th{background:#052b59!important;color:#fff!important;font-weight:900}
.v88-worker-accounts .worker-entry-add-row{display:grid;grid-template-columns:2fr .8fr 1fr 1fr auto;gap:10px;align-items:end;margin-top:12px;padding:12px;border:1px solid #cbd5e1;border-radius:10px;background:#fff}
.v88-worker-accounts .worker-entry-add-row>div{display:grid;gap:7px;font-weight:900;color:#1e293b}
.v88-worker-accounts .worker-entry-add-row output{display:flex;align-items:center;justify-content:center;min-height:46px;border:1px solid #94a3b8;border-radius:9px;background:#fff;color:#052b59;font-weight:900}
.v88-worker-accounts .worker-entry-total{margin-top:12px;padding:12px 14px;border:2px solid #052b59;border-radius:10px;background:#fff;color:#052b59;font-size:17px;font-weight:900}
.v88-worker-accounts .worker-entry-actions,.v88-worker-accounts .worker-statement-actions{margin-top:12px;display:flex;gap:9px;flex-wrap:wrap}
.v88-worker-accounts .secondary{background:#fff!important;color:#052b59!important;border:1px solid #052b59!important}
.v88-worker-accounts .danger{background:#fff!important;color:#991b1b!important;border:1px solid #991b1b!important}
.v88-worker-accounts .worker-statement-filters{grid-template-columns:repeat(5,minmax(0,1fr))}
.v88-worker-accounts .worker-statement-summary{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:12px 0}
.v88-worker-accounts .worker-statement-summary span{background:#fff!important;border:1px solid #64748b!important;color:#334155!important}
.v88-worker-accounts .worker-settlement-panel{display:grid;grid-template-columns:1.2fr 1fr 1fr auto;gap:10px;align-items:end;margin-top:18px;padding-top:16px;border-top:2px solid #052b59}
.v88-worker-accounts .worker-settlement-balance-label{display:grid;gap:7px;font-weight:900}.v88-worker-accounts .worker-settlement-balance-label output{display:flex;align-items:center;justify-content:center;min-height:46px;border:1px solid #94a3b8;border-radius:9px;color:#052b59;background:#fff;font-weight:900}
.worker-preview-document{direction:rtl}.worker-preview-worker{font-size:19px;font-weight:900;color:#052b59;margin-bottom:14px}.worker-preview-meta{display:flex;justify-content:space-between;gap:12px;margin-bottom:12px}.worker-preview-document table{width:100%;border-collapse:collapse}.worker-preview-document th,.worker-preview-document td{border:1px solid #64748b;padding:9px;text-align:center}.worker-preview-document thead th{background:#052b59;color:#fff}.worker-preview-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:14px}.worker-preview-summary span{border:1px solid #64748b;border-radius:8px;padding:9px;text-align:center}.worker-preview-summary b{display:block;color:#052b59;margin-top:4px}
body.mobile-system-mode.app-authenticated.admin-copy-enabled,body.mobile-system-mode.app-authenticated.admin-copy-enabled *{-webkit-user-select:text!important;user-select:text!important;-webkit-touch-callout:default!important}
body.mobile-system-mode.app-authenticated.admin-copy-enabled button,body.mobile-system-mode.app-authenticated.admin-copy-enabled a,body.mobile-system-mode.app-authenticated.admin-copy-enabled [role="button"]{-webkit-user-select:none!important;user-select:none!important}
@media(max-width:860px){.v88-worker-accounts .worker-entry-add-row{grid-template-columns:repeat(2,minmax(0,1fr))}.v88-worker-accounts .worker-entry-add-row button{grid-column:1/-1}.v88-worker-accounts .worker-settlement-panel{grid-template-columns:repeat(2,minmax(0,1fr))}.v88-worker-accounts .worker-settlement-panel button{grid-column:1/-1}.v88-worker-accounts .worker-statement-filters{grid-template-columns:repeat(2,minmax(0,1fr))}.v88-worker-accounts .worker-statement-filters button{grid-column:1/-1}}
@media(max-width:560px){.v88-worker-accounts .worker-day-controls,.v88-worker-accounts .worker-entry-add-row,.v88-worker-accounts .worker-settlement-panel,.v88-worker-accounts .worker-statement-filters{grid-template-columns:1fr}.v88-worker-accounts .worker-statement-summary,.worker-preview-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.v88-worker-accounts th,.v88-worker-accounts td{padding:8px 6px;font-size:13px}.v88-worker-accounts .table-wrap{overflow-x:auto}.v88-worker-accounts table{min-width:620px}}


/* V90 — suppress browser search/callout on long press; editable fields remain usable. */
body, .app-shell, .public-tracking-screen{-webkit-touch-callout:none}
body *:not(input):not(textarea):not(select):not([contenteditable="true"]){-webkit-user-select:none;user-select:none}
input,textarea,select,[contenteditable="true"]{-webkit-user-select:text;user-select:text}


/* V91 — Alwan Kassala model tables and scoped UI corrections. */
body.internal-tracking-mode .tracking-back-btn{position:fixed!important;z-index:9999!important;right:max(12px,env(safe-area-inset-right))!important;bottom:max(18px,env(safe-area-inset-bottom))!important;margin:0!important;min-width:150px!important;min-height:48px!important;border:2px solid #fff!important;background:#052b59!important;color:#fff!important;box-shadow:0 8px 24px rgba(5,43,89,.28)!important;font-size:16px!important}
body.tracking-mode:not(.internal-tracking-mode) .tracking-back-btn{display:none!important}
.v91-branded-table{width:100%;border-collapse:collapse;background:#fff;color:#0f172a}
.v91-branded-table th,.v91-branded-table td{border:1px solid #94a3b8;padding:11px 9px;text-align:center;vertical-align:middle}
.v91-branded-table thead th{background:#052b59!important;color:#fff!important;font-weight:900!important;font-size:15px}
.v91-branded-table tbody tr:nth-child(even){background:#fff!important}.v91-branded-table tbody tr:nth-child(odd){background:#fdfdfd!important}
.v91-customer-ledger-panel{padding:0!important;overflow:hidden}.v91-customer-ledger-panel .table-wrap{margin:0}
.v91-customer-seq{display:inline-flex;align-items:center;justify-content:center;gap:7px;font-weight:900}.v91-customer-seq input{width:18px;height:18px}
.v91-name-link{border:0;background:transparent;color:#052b59;font-weight:900;text-decoration:underline;text-underline-offset:3px;cursor:pointer;font-size:inherit}
.v91-tailoring-prices-page{border-top:4px solid #052b59!important;background:#fff!important}
.v91-tailoring-entry{display:grid;grid-template-columns:2fr .8fr 1fr 1fr;gap:12px;align-items:end;margin-bottom:12px}
.v91-tailoring-entry label,.v91-account-grid label{display:grid;gap:7px;font-weight:900;color:#1e293b}
.v91-tailoring-entry input,.v91-account-grid input{min-height:46px;border:1px solid #94a3b8;border-radius:9px;background:#fff;color:#0f172a;padding:8px 10px;font-size:16px}
.v91-readonly-output{display:flex;align-items:center;justify-content:center;min-height:46px;border:1px solid #94a3b8;border-radius:9px;background:#fff;color:#052b59;font-weight:900;padding:8px 10px}
.v91-tailoring-entry-actions{margin:4px 0 14px;display:flex;gap:9px;flex-wrap:wrap}.v91-tailoring-entry-actions .secondary{background:#fff!important;color:#052b59!important;border:1px solid #052b59!important}
.v91-row-actions{display:flex;gap:6px;justify-content:center;flex-wrap:wrap}
.v91-worker-accounts{border-top:4px solid #052b59!important}
.v91-other-accounts,.v91-other-ledger-panel{border-top:4px solid #052b59!important;background:#fff!important}
.v91-account-tabs{display:flex;gap:10px;margin-bottom:16px}.v91-account-tabs button{min-width:110px}
.v91-account-entry{border:1px solid #cbd5e1;border-radius:12px;padding:14px;background:#fff}.v91-account-entry-title{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:14px;border-bottom:2px solid #052b59;padding-bottom:9px}.v91-account-entry-title h3{margin:0;color:#052b59}.v91-account-entry-title small{color:#475569;font-weight:700}
.v91-account-grid{display:grid;grid-template-columns:.7fr 1.5fr 1fr;gap:12px;align-items:end}.v91-other-balance-hint{margin-top:10px;color:#052b59;font-weight:900}
.v91-balance-cell{display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap}.v91-balance-cell b{color:#052b59}
#usersView [data-users-view]{border-top:4px solid #052b59!important;background:#fff!important}#usersView [data-users-view] .section-heading{border-bottom:1px solid #cbd5e1;padding-bottom:12px}
.worker-preview-period{text-align:center;font-size:17px;font-weight:900;color:#052b59;margin:0 0 16px}
@media(max-width:760px){.v91-tailoring-entry,.v91-account-grid{grid-template-columns:1fr 1fr}.v91-tailoring-entry label:first-child,.v91-account-grid label:nth-child(2){grid-column:1/-1}.v91-customer-ledger-table{min-width:680px}.v91-users-table,.v91-tailoring-table{min-width:720px}}
@media(max-width:480px){.v91-tailoring-entry,.v91-account-grid{grid-template-columns:1fr}.v91-tailoring-entry label:first-child,.v91-account-grid label:nth-child(2){grid-column:auto}.v91-account-tabs button{flex:1}.v91-account-entry-title{align-items:flex-start;flex-direction:column}}


/* V92 */
.v92-users-toolbar{display:flex;gap:10px;flex-wrap:wrap;margin:0 0 14px}.v92-users-toolbar button{min-width:105px}.v92-selection-hint{display:block;margin-top:10px;color:#475569;font-weight:800}.v92-user-selected td{background:#edf4fb!important;box-shadow:inset 0 2px 0 #052b59,inset 0 -2px 0 #052b59}.v92-user-selected td:first-child{box-shadow:inset -2px 0 0 #052b59,inset 0 2px 0 #052b59,inset 0 -2px 0 #052b59}.v92-user-selected td:last-child{box-shadow:inset 2px 0 0 #052b59,inset 0 2px 0 #052b59,inset 0 -2px 0 #052b59}
.v92-tax-toggle{display:flex;gap:10px;flex-wrap:wrap}.v92-tax-toggle label{min-width:130px;cursor:pointer}.v92-tax-toggle input{position:absolute;opacity:0;pointer-events:none}.v92-tax-toggle span{display:flex;align-items:center;justify-content:center;min-height:46px;padding:8px 18px;border:1.5px solid #052b59;border-radius:10px;color:#052b59;background:#fff;font-weight:900}.v92-tax-toggle input:checked+span{background:#052b59;color:#fff}
.worker-entry-add-only{display:flex!important;justify-content:flex-start!important;grid-template-columns:none!important}.worker-entry-add-only button{min-width:150px}.worker-entry-table input,.worker-entry-table select{width:100%;min-height:42px;border:1px solid #94a3b8;border-radius:8px;background:#fff;color:#0f172a;padding:7px 8px;font:inherit}.worker-entry-table output{display:block;color:#052b59;font-weight:900;white-space:nowrap}
.v92-customer-edit-modal .v91-readonly-output{min-height:46px}.v92-customer-edit-modal select{min-height:46px}
.v92-return-form{border-top:4px solid #052b59!important}.v92-return-form .v91-branded-table thead th{background:#052b59!important;color:#fff!important}
.public-tracking-screen .tracking-shell{min-height:100dvh;display:flex;flex-direction:column}.public-tracking-screen .tracking-content{flex:1;display:flex!important;flex-direction:column!important;min-height:calc(100dvh - 250px)}.public-tracking-screen .tracking-system-footer{margin-top:auto!important;border-top:2px solid #111!important;padding-top:10px!important;color:#111!important;font-weight:900!important;justify-content:space-between!important}.public-tracking-screen .tracking-system-footer span{width:auto!important}.public-tracking-screen .tracking-system-footer span:first-child{text-align:right!important}.public-tracking-screen .tracking-system-footer span:last-child{text-align:left!important}
@media(max-width:640px){.v92-users-toolbar button{flex:1;min-width:calc(50% - 5px)}.public-tracking-screen .tracking-content{min-height:calc(100dvh - 220px)}}


/* V93 — requested settings identity and duplicate-page-title cleanup. */
#settingsView .settings-accordion-summary,
#settingsView .settings-accordion-card[open] > .settings-accordion-summary,
#settingsView .settings-fixed-heading{
  background:#052b59!important;
  color:#fff!important;
  border-color:#052b59!important;
}
#settingsView .settings-accordion-summary span,
#settingsView .settings-accordion-summary small,
#settingsView .settings-accordion-summary b,
#settingsView .settings-fixed-heading h3,
#settingsView .settings-fixed-heading small{
  color:#fff!important;
}
#settingsView .settings-accordion-card{
  border-color:#052b59!important;
}
#settingsView .danger-zone[open] > .settings-accordion-summary{
  background:#052b59!important;
  color:#fff!important;
}

/* V94 — requested user editor, backup entry, and tailoring-price selection layout. */
#usersView .v94-user-editor{margin-bottom:16px;border-top:4px solid #052b59}
#usersView .v94-user-editor.hidden{display:none!important}
#usersView .v92-users-toolbar #usersToolbarPrintBtn{background:#fff!important;color:#052b59!important;border:1px solid #052b59!important}
#dailyBackupBtn small{display:block;font-size:11px;font-weight:800;opacity:.82;margin-top:3px}
.v94-tailoring-toolbar{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr));gap:9px!important}
.v94-tailoring-toolbar button{min-height:44px;margin:0!important}
.v94-tailoring-table .v94-select-col{width:52px;min-width:52px}
.v94-tailoring-table input[type="checkbox"]{width:20px;height:20px;accent-color:#052b59;cursor:pointer}
.v94-tailoring-table .v94-tailoring-selected td{background:#edf4fb!important;box-shadow:inset 0 1px 0 #052b59,inset 0 -1px 0 #052b59}
#settingsView #resetWorkerAccountsBtn{background:#fff!important;color:#052b59!important;border:1.5px solid #052b59!important}
@media(max-width:640px){.v94-tailoring-toolbar{grid-template-columns:repeat(2,minmax(0,1fr))}.v94-tailoring-toolbar button:first-child{grid-column:1/-1}.v94-tailoring-table{min-width:640px}}

/* V95 — branch clone ZIP generator */
.clone-download-note{border:1px solid #c7d5e4;background:#f7f9fc;color:#052b59;border-radius:8px;padding:10px 12px;font-weight:800;font-size:12px;line-height:1.7}
.clone-build-status{min-height:20px;font-size:12px;font-weight:800;color:#526579}
.clone-build-status.working{color:#052b59}.clone-build-status.success{color:#176b3a}.clone-build-status.error{color:#a52121}
.clone-row-actions{display:flex;gap:6px;align-items:center;justify-content:center;flex-wrap:wrap}
.system-copies-table-wrap table{min-width:820px}
@media(max-width:720px){.clone-download-note{font-size:11px}.clone-row-actions button{min-height:36px!important;font-size:11px!important}}