@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@400;500;600;700;800&display=swap');
:root{--navy:#071a2f;--navy2:#0d2947;--green:#0f9b62;--green2:#18ad6d;--blue:#2563eb;--orange:#f59e0b;--red:#ef4444;--bg:#f5f7fa;--line:#e7ebf0;--text:#162235;--muted:#7b8797;--card:#fff}
*{box-sizing:border-box}html{background:var(--bg)}body{margin:0;color:var(--text);font-family:Cairo,Arial,sans-serif;background:var(--bg);font-size:14px}a{color:inherit}button,input,select,textarea{font:inherit}
.admin-app{min-height:100vh}.sidebar{position:fixed;right:0;top:0;bottom:0;width:246px;background:linear-gradient(180deg,#071a2f 0%,#0a2139 100%);color:#dbe7f3;padding:20px 14px;display:flex;flex-direction:column;z-index:20;box-shadow:-12px 0 35px #071a2f12}.brand{height:70px;display:flex;align-items:center;gap:10px;padding:0 10px 18px;border-bottom:1px solid #ffffff12;margin-bottom:18px}.brand img{width:55px;height:55px;object-fit:contain;background:#fff;border-radius:12px;padding:3px}.brand b{display:block;font-size:21px;color:#fff}.brand small{display:block;color:#91a7bd;font-size:9px;margin-top:-2px}.sidebar nav{display:flex;flex-direction:column;gap:5px}.sidebar nav a{display:flex;align-items:center;gap:12px;text-decoration:none;color:#c5d2df;padding:12px 13px;border-radius:10px;font-weight:600;transition:.2s}.sidebar nav a i{font-style:normal;width:22px;text-align:center;font-size:19px;color:#9eb4ca}.sidebar nav a:hover,.sidebar nav a.nav-dashboard{background:#17395d;color:#fff}.sidebar nav a:hover i,.sidebar nav a.nav-dashboard i{color:#fff}.sidebar-user{margin-top:auto;background:#0d2947;border:1px solid #ffffff10;border-radius:13px;padding:11px;display:flex;align-items:center;gap:9px}.sidebar-user .avatar{width:38px;height:38px;border-radius:50%;background:#fff;color:var(--navy);display:grid;place-items:center;font-weight:800}.sidebar-user b{display:block;color:#fff;font-size:12px}.sidebar-user small{display:block;color:#89a0b6;font-size:10px;margin-top:2px}.logout{margin-right:auto;color:#a9bdd0;text-decoration:none;font-size:20px}.admin-app main{margin-right:246px;min-height:100vh}.topbar{height:82px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 34px;position:sticky;top:0;z-index:10}.eyebrow{font-size:10px;color:#8c98a8;margin-bottom:2px}.topbar h1{font-size:21px;margin:0;font-weight:800}.top-actions{display:flex;align-items:center;gap:15px}.date-now{font-size:11px;color:#778497}.icon-btn{position:relative;width:40px;height:40px;border:1px solid var(--line);background:#fff;border-radius:10px;color:var(--navy);cursor:pointer}.icon-btn .dot{position:absolute;right:7px;top:7px;width:6px;height:6px;border-radius:50%;background:var(--red)}.content{padding:26px 32px;max-width:1540px;margin:auto}.hero{background:linear-gradient(110deg,#0a2946,#0f4760);color:#fff;border-radius:14px;padding:26px 28px;display:flex;justify-content:space-between;align-items:center;box-shadow:0 12px 30px #071a2f18}.hero small{color:#9ec1d5}.hero h1{font-size:25px;margin:5px 0}.hero p{color:#c6d8e5;margin:0}.hero a.light{background:#fff;color:#0c7c50!important;border-radius:9px;padding:11px 18px;text-decoration:none;font-weight:800}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:18px 0}.stats>div{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:18px 19px;min-height:105px;box-shadow:0 4px 15px #071a2f06}.stats small{display:block;color:var(--muted);font-size:11px}.stats b{font-size:25px;display:block;margin-top:7px;color:#111e30}.card{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:20px;box-shadow:0 4px 16px #071a2f05;margin-bottom:15px}.card h1,.card h2{margin:0 0 15px}.card h2{font-size:17px}.quick{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.quick a{padding:15px;background:#f7f9fb;border:1px solid var(--line);border-radius:9px;text-decoration:none;color:#18304b;font-weight:700}.quick a:hover{border-color:#b7c5d3;background:#fff}.calhead{display:flex;justify-content:space-between;align-items:center;margin:20px 0 10px}.calendar{background:#fff;border:1px solid var(--line);border-radius:12px;padding:15px}.nav{display:flex;justify-content:space-between;align-items:center;padding:4px 4px 14px;font-weight:800}.nav a{width:35px;height:35px;background:#f1f5f8;border-radius:8px;display:grid;place-items:center;text-decoration:none;color:#155b85}.week,.days{display:grid;grid-template-columns:repeat(7,1fr);gap:6px}.week b{text-align:center;color:#7c8794;font-size:11px;padding:7px}.days i{min-height:72px}.days a{min-height:72px;border-radius:9px;padding:8px;text-decoration:none;color:#203148;display:flex;flex-direction:column;justify-content:space-between;border:1px solid transparent}.days a:hover{box-shadow:0 5px 15px #071a2f10}.days strong{font-size:15px}.days span{font-size:10px;font-weight:800}.g{background:#eef9f3;border-color:#cbead8!important}.g span{color:#168453}.y{background:#fff8e8;border-color:#f4dfaa!important}.y span{color:#9a6d00}.r{background:#fff0ef;border-color:#f2c0bc!important}.r span{color:#b22c25}.services{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.services a{background:#fff;border:1px solid var(--line);border-radius:12px;padding:18px;text-decoration:none;color:#1a2c42;min-height:120px}.services small{display:block;color:#778598;margin-top:8px;line-height:1.8}.grid{display:grid;grid-template-columns:repeat(2,1fr);gap:13px;margin:15px 0}label{display:block;font-weight:700;font-size:12px;margin-bottom:6px;color:#334155}input,select,textarea{width:100%;padding:11px 12px;border:1px solid #dce3ea;border-radius:8px;font:inherit;background:#fff;color:#182637;outline:none;transition:.15s}input:focus,select:focus,textarea:focus{border-color:#80b99e;box-shadow:0 0 0 3px #0f9b6210}textarea{margin:12px 0;min-height:90px}.primary,.secondary,.whatsapp{display:inline-block;border:0;border-radius:8px;padding:10px 16px;text-decoration:none;font:inherit;font-weight:800;cursor:pointer;margin:5px 3px}.primary{background:var(--green);color:#fff}.primary:hover{background:#0b8755}.secondary{background:#eef3f7;color:#21415e}.whatsapp{background:#128c7e;color:#fff}.row{display:grid;grid-template-columns:1.3fr 1fr 1fr 1fr .7fr auto;gap:7px;margin:8px 0}.row button{border:0;background:#fff0ef;color:#a3211c;border-radius:8px}.total{background:#eef8f3;padding:14px;border-radius:8px;margin:15px 0;color:#116744}.table{overflow:auto}table{width:100%;border-collapse:separate;border-spacing:0;min-width:850px}th,td{padding:12px;text-align:right;border-bottom:1px solid #edf0f3;font-size:12px}th{background:#f8fafb;color:#68778a;font-weight:800}tbody tr:hover td,table tr:hover td{background:#fbfcfd}.badge{background:#edf5fc;padding:5px 9px;border-radius:7px}.login{max-width:430px;margin:9vh auto;background:#fff;padding:35px;border-radius:15px;box-shadow:0 20px 60px #071a2f15;border:1px solid var(--line)}.login img{width:130px;height:85px;object-fit:contain;display:block;margin:auto}.login h1{text-align:center}.login p{text-align:center;color:#718096}.login button{width:100%;margin-top:15px;background:var(--green);color:#fff;border:0;border-radius:8px;padding:12px;font-weight:800}.err{color:#b42318;margin:8px 0;min-height:18px}.invoice{background:#edf1f5;padding:30px}.paper{max-width:900px;margin:auto;background:#fff;padding:40px;border-radius:10px}.paper header{height:auto;padding:0 0 20px;background:none}.paper header img{width:130px;height:80px;object-fit:contain}.invtotal{text-align:left;margin:25px 0}.no-print{margin-top:15px}
/* Driver mobile app */
.driver-app{background:#f4f6f8;min-height:100vh;color:var(--text)}.driver-app #app{max-width:540px;margin:auto;padding:0 14px 25px}.driver-top{display:flex;align-items:center;gap:12px;background:var(--navy);color:#fff;padding:14px 16px;margin:0 -14px 16px;position:sticky;top:0;z-index:5;box-shadow:0 7px 20px #071a2f18}.driver-top img{width:43px;height:43px;object-fit:contain;background:#fff;border-radius:10px;padding:3px}.driver-top b{font-size:15px}.driver-top small{display:block;opacity:.72;margin-top:2px;font-size:10px}.driver-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:12px}.driver-actions button,.status-buttons button{border:1px solid #e1e7ec;padding:11px 7px;border-radius:9px;background:#fff;color:#19354f;font-weight:800;cursor:pointer}.driver-actions button:first-child{background:#0f9b62;color:#fff;border-color:#0f9b62}.driver-order{background:#fff;border:1px solid #e1e6eb;border-radius:13px;padding:15px;margin-bottom:12px;box-shadow:0 5px 20px #071a2f09}.order-head{display:flex;justify-content:space-between;align-items:center}.order-head span{background:#eaf7f0;color:#167449;padding:5px 9px;border-radius:7px;font-size:10px;font-weight:800}.driver-order h3{font-size:15px;margin:12px 0 7px}.driver-order p{font-size:12px;color:#667588;margin:7px 0}.status-buttons{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:13px}.status-buttons button:nth-child(1){color:#168453}.status-buttons button:nth-child(2){color:#1d5fd0}.status-buttons button:nth-child(3){color:#a86d00}.status-buttons button:nth-child(4){color:#fff;background:#0f9b62;border-color:#0f9b62}.driver-app input{width:100%;box-sizing:border-box;margin:6px 0;padding:12px;border:1px solid #d6dfe7;border-radius:9px}.driver-app .primary{width:100%;margin-top:10px;padding:12px;border:0;border-radius:9px}.driver-app .card{padding:18px;background:#fff;border-radius:13px;border:1px solid #e1e6eb}.secondary{display:inline-block;margin-top:12px;padding:10px 14px;border-radius:9px;background:#eef3f7;color:#0d3557;text-decoration:none}
@media(max-width:1050px){.sidebar{width:215px}.admin-app main{margin-right:215px}.quick{grid-template-columns:repeat(2,1fr)}.stats{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.sidebar{position:static;width:100%;height:auto;padding:12px}.brand{margin-bottom:8px}.sidebar nav{display:grid;grid-template-columns:repeat(2,1fr)}.sidebar nav a{padding:9px}.sidebar-user{margin-top:10px}.admin-app main{margin:0}.topbar{height:70px;padding:0 15px}.content{padding:15px}.top-actions .date-now{display:none}.hero{display:block}.hero a.light{display:inline-block;margin-top:15px}.stats,.services{grid-template-columns:1fr 1fr}.grid{grid-template-columns:1fr}.row{grid-template-columns:1fr 1fr}.quick{grid-template-columns:1fr 1fr}}
@media(max-width:520px){.stats,.services,.quick{grid-template-columns:1fr}.hero h1{font-size:21px}.card{padding:15px}.week b{font-size:9px}.days a,.days i{min-height:58px}.days span{font-size:8px}.paper{padding:20px}}
@media print{.no-print{display:none}.invoice{padding:0;background:#fff}.paper{box-shadow:none;max-width:none}}

.success{background:#eaf8f0;color:#126c46;border:1px solid #c9ead8;border-radius:10px;padding:12px 15px;margin-bottom:15px;font-weight:700}.muted{color:#7b8797}.section-head{display:flex;justify-content:space-between;align-items:center;gap:10px}.status{display:inline-block;padding:5px 9px;border-radius:7px;font-size:10px;font-weight:800}.status-new{background:#fff6df;color:#986c00}.status-confirmed,.status-received,.status-completed{background:#eaf8f0;color:#13744a}.status-waiting_arrival{background:#fff6df;color:#986c00}.status-in_transit{background:#eaf1ff;color:#205bc2}.status-delivered{background:#e8f8f2;color:#087a50}.status-cancelled{background:#fff0ef;color:#b42318}.office-hero{background:linear-gradient(110deg,#07243a,#0b5d52);color:#fff;border-radius:14px;padding:26px 28px;display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.office-hero small{color:#a6d9c7}.office-hero h1{margin:5px 0;font-size:27px}.office-hero p{margin:0;color:#d9eee7}.office-contact{background:#ffffff12;border:1px solid #ffffff1c;border-radius:10px;padding:13px 18px;text-align:center}.office-contact span{font-size:11px;color:#b7d9d0}.office-layout{display:grid;grid-template-columns:280px 1fr;gap:15px;align-items:start}.office-help{position:sticky;top:105px}.help-card{background:#f0f8f5;border:1px solid #d4ebe1;border-radius:12px;padding:18px;color:#21463c}.help-card b{font-size:17px}.help-card p{color:#5d716b;line-height:1.9}.help-card ul{padding-right:18px;line-height:2;color:#3f5c54}.office-form-card{margin-bottom:0}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;border-bottom:1px solid var(--line);padding-bottom:15px;margin-bottom:20px}.steps span{background:#f6f8fa;border-radius:8px;padding:10px;text-align:center;font-size:11px;color:#758294;font-weight:700}.steps .active{background:#e9f8f0;color:#0f8a59}.upload-field{background:#f8fafb;border:1px dashed #cfd8e2;border-radius:9px;padding:10px}.upload-field input{border:0;padding:6px 0;background:transparent}.upload-field small{display:block;color:#8a96a5;font-size:10px}.destination-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:10px 0 16px}.dest{border:1px solid #dce3ea;border-radius:10px;padding:14px;background:#fff;cursor:pointer}.dest:has(input:checked){border-color:#0f9b62;box-shadow:0 0 0 2px #0f9b6214;background:#f1faf6}.dest input{width:auto;margin-left:8px}.dest b{display:block;margin-top:5px}.dest small{display:block;color:#7d8998;margin-top:4px;font-size:10px}.office-submit{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:10px}.office-stats{margin-top:15px}.nav-office{background:#0e5a4b!important;color:#fff!important}@media(max-width:900px){.office-layout{grid-template-columns:1fr}.office-help{position:static}.destination-cards{grid-template-columns:1fr 1fr}.steps{grid-template-columns:1fr 1fr}}@media(max-width:520px){.office-hero{display:block}.office-contact{margin-top:15px}.destination-cards{grid-template-columns:1fr}.office-submit{display:block}.office-submit .secondary{display:block;text-align:center}}
.doc-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.doc-card{display:block;text-decoration:none;border:1px solid #dce3ea;border-radius:10px;padding:15px;background:#f8fafb;color:#19354f}.doc-card b{display:block;color:#0f8b5a}.doc-card small{display:block;margin-top:5px;color:#7b8797;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media(max-width:700px){.doc-grid{grid-template-columns:1fr 1fr}}/* Office portal v2.3 */
.office-app .sidebar{background:#052b39}.office-app .sidebar nav a{font-size:13px}.office-app .sidebar nav a i{font-style:normal;font-size:21px;width:28px;text-align:center}.office-app .sidebar nav a.active,.office-app .sidebar nav a:hover{background:#0e9b68;color:#fff}.office-app .content{background:#f7fafc}.office-dashboard-hero{background:linear-gradient(105deg,#062b3b,#0a6457);min-height:165px}.office-add-btn{font-weight:800;text-decoration:none;background:#0f9b62;color:#fff;border:1px solid #44c68d;padding:13px 20px;border-radius:10px;white-space:nowrap}.office-action-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:12px;margin:0 0 18px}.office-action{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;min-height:145px;background:#fff;border:1px solid #e1e8ee;border-radius:13px;text-decoration:none;color:#1c334b;transition:.18s;box-shadow:0 4px 18px rgba(7,26,47,.035)}.office-action:hover{transform:translateY(-3px);box-shadow:0 12px 28px rgba(7,26,47,.09);border-color:#cddbe5}.office-action .action-icon{width:48px;height:48px;border-radius:13px;display:grid;place-items:center;font-size:25px;font-weight:800;margin-bottom:10px}.office-action b{font-size:15px}.office-action small{font-size:10px;color:#77879a;margin-top:5px}.action-add .action-icon{background:#e4f7ee;color:#0c9460}.action-add b{color:#0a8d5b}.action-flights .action-icon{background:#e8f2ff;color:#1870d0}.action-flights b{color:#155db1}.action-done .action-icon{background:#e4f7ed;color:#07905b}.action-done b{color:#087a50}.action-pending .action-icon{background:#fff3df;color:#e58b08}.action-pending b{color:#b76d00}.action-cancel .action-icon{background:#ffe9e8;color:#e02c2c}.action-cancel b{color:#c52222}.action-workers .action-icon{background:#eee9ff;color:#6541db}.action-workers b{color:#5535b6}.office-dashboard-grid{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:16px}.office-mini-card{margin-bottom:15px}.office-mini-card p{color:#6f7f90;line-height:1.9}.office-mini-card ul{padding-right:20px;color:#556678;line-height:2}.mini-stats{display:grid;grid-template-columns:1fr 1fr;gap:10px}.mini-stats div{background:#f5f8fa;border-radius:10px;padding:14px;text-align:center}.mini-stats b{display:block;font-size:25px;color:#0e8f5b}.mini-stats span{font-size:10px;color:#748296}.office-filter-tabs{display:flex;gap:7px;flex-wrap:wrap;margin:16px 0}.office-filter-tabs a{background:#f1f5f8;color:#40546a;text-decoration:none;padding:8px 15px;border-radius:8px;font-weight:700;font-size:11px}.office-filter-tabs a.active{background:#0f9b62;color:#fff}.office-steps span{position:relative}.office-steps span.active:before{content:'✓';display:inline-grid;place-items:center;width:20px;height:20px;border-radius:50%;background:#0f9b62;color:#fff;margin-left:6px}.office-form-grid{grid-template-columns:1fr 1fr}.wide-upload{grid-column:span 2}.form-error{background:#fff0ef;border:1px solid #f3cbc7;padding:11px;border-radius:8px;margin-bottom:12px}.dest{position:relative;min-height:82px;padding:16px 15px 12px 15px!important}.dest input{position:absolute;opacity:0}.dest-icon{display:block;font-size:22px;color:#587188;margin-bottom:4px}.dest:has(input:checked) .dest-icon{color:#0f9b62}.dest:has(input:checked):after{content:'✓';position:absolute;top:10px;left:10px;width:20px;height:20px;border-radius:50%;background:#0f9b62;color:#fff;display:grid;place-items:center;font-size:11px}.emergency-card{margin-top:12px;background:#f5f8fb}.emergency-card h3{margin:0 0 7px}.emergency-card p{color:#6c7a89;font-size:12px}.office-report-stats{margin-bottom:15px}.report-bars{display:grid;gap:17px}.report-row>div:first-child{display:flex;justify-content:space-between;font-size:12px;margin-bottom:6px}.report-row span{color:#7b8997}.bar{height:8px;background:#edf2f5;border-radius:20px;overflow:hidden}.bar i{display:block;height:100%;background:#0f9b62;border-radius:20px}.empty-state{padding:30px;text-align:center;color:#7a8795;width:100%}.office-contact-page{display:grid;grid-template-columns:1fr 1fr;gap:16px}.contact-support{background:linear-gradient(140deg,#eef9f5,#f5fbff)}.support-box{display:flex;flex-direction:column;background:#fff;border:1px solid #dce9e5;border-radius:12px;padding:18px;margin:18px 0}.support-box span{font-size:11px;color:#70808e}.support-box b{font-size:27px;color:#0b8f5c;margin:4px 0}.support-box small{color:#8793a0}.office-profile-card{max-width:900px}
@media(max-width:1150px){.office-action-grid{grid-template-columns:repeat(3,1fr)}.office-dashboard-grid{grid-template-columns:1fr 280px}}
@media(max-width:900px){.office-action-grid{grid-template-columns:repeat(2,1fr)}.office-dashboard-grid,.office-contact-page{grid-template-columns:1fr}.office-form-grid{grid-template-columns:1fr}.wide-upload{grid-column:auto}}
@media(max-width:520px){.office-action-grid{grid-template-columns:1fr 1fr;gap:8px}.office-action{min-height:125px}.office-dashboard-hero{padding:20px}.office-dashboard-hero h1{font-size:22px}.office-add-btn{display:inline-block;margin-top:14px}.office-filter-tabs{overflow:auto;flex-wrap:nowrap}.office-filter-tabs a{white-space:nowrap}}
/* Office requests admin page v2.4 */
.office-requests-head{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:18px}.office-requests-head h2{font-size:28px;margin:2px 0}.office-requests-head p{margin:0;color:#718096}.export-btn{white-space:nowrap;text-decoration:none}.office-request-stats{grid-template-columns:repeat(4,1fr);margin-top:0}.office-request-filters{padding:17px}.office-request-filter-grid{display:grid;grid-template-columns:2fr 1.2fr 1.2fr 1fr 1fr auto;gap:10px;align-items:end}.filter-actions{display:flex;gap:6px;align-items:end}.filter-actions .primary,.filter-actions .secondary{margin:0;white-space:nowrap}.table-sub{display:block;color:#8793a0;font-size:9px;margin-top:2px}.table-action{display:inline-block;background:#f3f7fa;border:1px solid #dbe3ea;border-radius:7px;padding:5px 10px;text-decoration:none;font-weight:800;color:#16456b}.requests-footer{display:flex;justify-content:flex-end;padding-top:12px;color:#7b8797;font-size:11px}.nav-office-requests{background:#0e5a4b!important;color:#fff!important}.nav-office-requests i{color:#fff!important}@media(max-width:1200px){.office-request-filter-grid{grid-template-columns:1fr 1fr 1fr}.filter-actions{grid-column:1/-1}.office-request-stats{grid-template-columns:repeat(2,1fr)}}@media(max-width:760px){.office-requests-head{display:block}.export-btn{display:inline-block;margin-top:12px}.office-request-filter-grid{grid-template-columns:1fr}.office-request-stats{grid-template-columns:1fr 1fr}}
/* Administration + Accounting v3.0 */
.accounting-hero{background:linear-gradient(110deg,#061f33,#0a6656);color:#fff;border-radius:14px;padding:25px 28px;display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:16px}.accounting-hero small{color:#9fe0c9}.accounting-hero h1{margin:4px 0 7px;font-size:27px}.accounting-hero p{margin:0;color:#d7eee8}.accounting-actions{display:flex;gap:8px;flex-wrap:wrap}.accounting-actions .light{background:#ffffff18;border:1px solid #ffffff2d;color:#fff;text-decoration:none;padding:10px 15px;border-radius:9px;font-weight:800}.accounting-filter{margin-bottom:15px}.accounting-filter .grid{align-items:end}.accounting-stats{grid-template-columns:repeat(5,1fr);margin-top:0}.accounting-stats>div{min-height:95px}.accounting-stats b{font-size:20px}.accounting-grid{display:grid;grid-template-columns:1.45fr .75fr;gap:15px}.finance-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.finance-cards a{display:block;text-decoration:none;background:#f7fafb;border:1px solid #e1e8ee;border-radius:10px;padding:16px;color:#17344e;transition:.15s}.finance-cards a:hover{transform:translateY(-2px);border-color:#0f9b62;box-shadow:0 8px 20px #071a2f0d}.finance-cards b{display:block;font-size:14px}.finance-cards small{display:block;color:#7b8998;font-size:10px;margin-top:5px;line-height:1.7}.finance-list{display:grid;gap:10px}.finance-list div{display:flex;justify-content:space-between;align-items:center;padding:13px 14px;background:#f7fafb;border-radius:9px}.finance-list span{color:#6f7d8c;font-size:11px}.finance-list b{font-size:18px;color:#0a8d5b}.journal-table select,.journal-table input{min-width:120px}.nav-accounting,.nav-accounts,.nav-journal,.nav-receipts,.nav-expenses,.nav-reports{border-right:3px solid transparent}.nav-accounting:hover,.nav-accounts:hover,.nav-journal:hover,.nav-receipts:hover,.nav-expenses:hover,.nav-reports:hover{border-right-color:#0f9b62}.upgrade{max-width:760px}.upgrade .success,.upgrade .err{margin:10px 0;text-align:right}
@media(max-width:1200px){.accounting-stats{grid-template-columns:repeat(3,1fr)}.accounting-grid{grid-template-columns:1fr}.finance-cards{grid-template-columns:repeat(3,1fr)}}
@media(max-width:800px){.accounting-hero{display:block}.accounting-actions{margin-top:15px}.accounting-stats{grid-template-columns:1fr 1fr}.finance-cards{grid-template-columns:1fr 1fr}}
@media(max-width:520px){.accounting-stats{grid-template-columns:1fr}.finance-cards{grid-template-columns:1fr}.accounting-hero h1{font-size:21px}}

/* v3.1 - visible office logout */
.top-logout{display:inline-flex;align-items:center;justify-content:center;gap:6px;background:#fef2f2;color:#b42318;border:1px solid #fecaca;border-radius:8px;padding:9px 13px;text-decoration:none;font-weight:800;font-size:13px;white-space:nowrap}.top-logout:hover{background:#fee2e2;color:#991b1b}
@media(max-width:700px){.top-logout{padding:7px 9px;font-size:11px}.date-now{display:none}}
.driver-name-link{color:#0b7f59;text-decoration:none;font-weight:800}.driver-name-link:hover{text-decoration:underline}.driver-profile-head{display:flex;justify-content:space-between;align-items:center}.driver-profile-head h1{margin:12px 0 5px}.driver-profile-head p{margin:4px 0}@media(max-width:760px){.driver-profile-head{display:block}}
/* v4.8 - Dedicated Manager Portal */
.manager-app{background:#f3f6f9;min-height:100vh}.manager-sidebar{position:fixed;right:0;top:0;bottom:0;width:255px;background:linear-gradient(180deg,#06192d,#0a2a45);color:#dce8f2;padding:18px 14px;display:flex;flex-direction:column;z-index:30;box-shadow:-15px 0 35px #071a2f16}.manager-brand{display:flex;align-items:center;gap:10px;padding:0 9px 17px;border-bottom:1px solid #ffffff12}.manager-brand img{width:54px;height:54px;object-fit:contain;background:#fff;border-radius:11px;padding:3px}.manager-brand b{display:block;color:#fff;font-size:21px}.manager-brand small{display:block;color:#8fa8be;font-size:10px}.manager-user{display:flex;align-items:center;gap:9px;background:#ffffff09;border:1px solid #ffffff0d;border-radius:11px;padding:10px;margin:14px 0}.manager-user>span{width:38px;height:38px;border-radius:50%;background:#fff;color:#08213a;display:grid;place-items:center;font-weight:800}.manager-user b{display:block;color:#fff;font-size:12px}.manager-user small{display:block;color:#89a2b8;font-size:10px}.manager-sidebar nav{display:flex;flex-direction:column;gap:4px;overflow:auto}.manager-sidebar nav a{display:flex;align-items:center;gap:11px;text-decoration:none;color:#c8d6e3;padding:10px 12px;border-radius:9px;font-size:12px;font-weight:700}.manager-sidebar nav a:hover,.manager-sidebar nav a.active{background:#153a5d;color:#fff}.manager-sidebar nav a:first-child{background:#0f9b62;color:#fff}.manager-logout{margin-top:auto;background:#ffffff0b;color:#fff;text-decoration:none;text-align:center;padding:11px;border-radius:9px;font-weight:800;font-size:12px}.manager-main{margin-right:255px;min-height:100vh}.manager-top{height:82px;background:#fff;border-bottom:1px solid #e4e9ee;display:flex;align-items:center;justify-content:space-between;padding:0 32px;position:sticky;top:0;z-index:20}.manager-top small{color:#8290a0;font-size:10px}.manager-top h1{font-size:22px;margin:2px 0 0}.manager-date{color:#7a8797;font-size:11px;margin-left:12px}.manager-back{display:inline-block;background:#eef4f7;color:#21445f;padding:8px 12px;border-radius:8px;text-decoration:none;font-weight:800;font-size:11px}.manager-content{padding:25px 30px;max-width:1650px;margin:auto}.manager-hero{background:linear-gradient(110deg,#06273e,#086452);color:#fff;border-radius:16px;padding:26px 29px;display:flex;justify-content:space-between;align-items:center;gap:20px;box-shadow:0 14px 32px #071a2f12}.manager-hero span{color:#a9dfcf;font-size:11px}.manager-hero h2{font-size:27px;margin:5px 0 6px}.manager-hero p{color:#d5ebe6;margin:0}.manager-hero-actions{display:flex;gap:8px;flex-wrap:wrap}.manager-hero-actions a{background:#fff;color:#0a6f52;text-decoration:none;padding:11px 15px;border-radius:9px;font-weight:800}.manager-section-title{display:flex;justify-content:space-between;align-items:end;margin:22px 0 10px}.manager-section-title h2{margin:0;font-size:19px}.manager-section-title small{color:#8996a5;font-size:10px}.manager-kpis{display:grid;gap:12px;margin-bottom:14px}.manager-kpis-5{grid-template-columns:repeat(5,1fr)}.manager-kpis-4{grid-template-columns:repeat(4,1fr)}.manager-kpi{background:#fff;border:1px solid #e3e8ed;border-radius:12px;padding:17px;min-height:105px;box-shadow:0 4px 15px #071a2f06;position:relative;overflow:hidden}.manager-kpi>span{position:absolute;left:15px;top:13px;width:31px;height:31px;border-radius:9px;display:grid;place-items:center;font-weight:800}.manager-kpi small{display:block;color:#758394;font-size:10px;margin-top:4px}.manager-kpi>b{display:block;font-size:27px;margin-top:7px}.manager-kpi em{font-style:normal;display:block;color:#8b97a5;font-size:9px;margin-top:5px}.manager-kpi-blue>span{background:#e8f2ff;color:#226ed2}.manager-kpi-purple>span{background:#eeeaff;color:#6844d6}.manager-kpi-orange>span{background:#fff4df;color:#d78900}.manager-kpi-green>span{background:#e5f7ee;color:#0d9660}.manager-kpi-red>span{background:#ffebea;color:#dc322d}.money-kpi{min-height:112px}.money-kpi b{font-size:21px;color:#0a8c5b}.manager-grid-3{display:grid;grid-template-columns:1.15fr .9fr 1.35fr;gap:14px;margin-top:14px}.manager-panel{background:#fff;border:1px solid #e3e8ed;border-radius:12px;padding:18px;box-shadow:0 4px 16px #071a2f05;margin-bottom:14px;min-width:0}.panel-head{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:13px}.panel-head h3{margin:0;font-size:16px}.panel-head a{color:#0a8d5b;text-decoration:none;font-size:10px;font-weight:800}.manager-finance-list{display:grid;gap:7px}.manager-finance-list div{display:flex;justify-content:space-between;gap:12px;padding:10px 11px;background:#f7fafb;border-radius:8px}.manager-finance-list span{color:#6e7d8e;font-size:10px}.manager-finance-list b{font-size:12px;color:#172b40}.manager-resource{display:grid;grid-template-columns:1fr 1fr;gap:8px}.manager-resource a{background:#f7fafb;border:1px solid #e5eaee;border-radius:9px;padding:12px;text-decoration:none;display:grid;grid-template-columns:35px 1fr;align-items:center;column-gap:8px}.manager-resource strong{grid-row:span 2;width:34px;height:34px;border-radius:9px;background:#e8f6f0;color:#0b8f5d;display:grid;place-items:center}.manager-resource span{font-weight:800;font-size:11px;color:#233a51}.manager-resource b{font-size:11px;color:#0b8f5d}.manager-resource small{font-size:9px;color:#8794a1}.manager-module-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.manager-module-grid a{padding:12px;background:#f7fafb;border:1px solid #e4eaee;border-radius:8px;text-decoration:none}.manager-module-grid b{display:block;color:#1c344c;font-size:11px}.manager-module-grid small{display:block;color:#7d8b9a;font-size:9px;margin-top:4px;line-height:1.7}.manager-data-grid{display:grid;grid-template-columns:1.5fr 1fr;gap:14px}.manager-table{margin:0 -2px}.manager-table table{min-width:800px}.manager-table th,.manager-table td{font-size:10px;padding:10px}.manager-table td a{color:#0a8b5a;font-weight:800;text-decoration:none}.manager-status{display:inline-block;padding:4px 7px;border-radius:6px;font-size:9px;font-weight:800}.manager-status-new,.manager-status-confirmed{background:#fff4df;color:#a86c00}.manager-status-waiting_arrival{background:#fff4df;color:#a86c00}.manager-status-received,.manager-status-in_transit{background:#e8f2ff;color:#1764bb}.manager-status-delivered,.manager-status-completed{background:#e5f7ee;color:#0b8756}.manager-status-cancelled{background:#ffebea;color:#c62d27}.manager-bottom-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.manager-office-list{display:grid;gap:7px}.manager-office-list>div{display:flex;justify-content:space-between;align-items:center;gap:10px;background:#f7fafb;padding:10px 12px;border-radius:8px}.manager-office-list b{display:block;font-size:11px}.manager-office-list small{display:block;color:#8793a1;font-size:9px;margin-top:3px}.manager-office-list strong{font-size:10px;color:#0a8d5b;white-space:nowrap}.manager-login-page{min-height:100vh;background:#f4f7fb;position:relative;overflow:hidden;display:grid;place-items:center;padding:32px;font-family:Cairo,Arial,sans-serif}.manager-login-page:before{content:"";position:absolute;width:620px;height:620px;border-radius:50%;background:linear-gradient(145deg,#06334b,#0a8c72);top:-300px;right:-180px}.manager-login-page:after{content:"";position:absolute;width:520px;height:520px;border-radius:50%;background:#0a3147;bottom:-330px;left:-210px}.manager-login{position:relative;z-index:2;width:min(980px,100%);min-height:590px;background:#fff;border:1px solid #e4ebf2;border-radius:28px;box-shadow:0 28px 80px rgba(7,31,51,.16);overflow:hidden;display:grid;grid-template-columns:44% 56%;direction:ltr;text-align:right}.manager-login-logo{grid-column:1;grid-row:1;display:flex;align-items:center;justify-content:center;background:linear-gradient(145deg,#06283c,#075b62);padding:50px;position:relative;overflow:hidden;direction:rtl}.manager-login-logo:before,.manager-login-logo:after{content:"";position:absolute;border:1px solid rgba(255,255,255,.12);border-radius:50%}.manager-login-logo:before{width:430px;height:430px;top:-170px;left:-180px}.manager-login-logo:after{width:320px;height:320px;bottom:-170px;right:-130px}.manager-login-logo img{width:205px;height:120px;object-fit:contain;background:#fff;border-radius:18px;padding:14px;position:relative;z-index:2;box-shadow:0 15px 35px rgba(0,0,0,.16)}.manager-login>.manager-kicker,.manager-login>h1,.manager-login>p,.manager-login>form,.manager-login>.err,.manager-login>.manager-login-note{grid-column:2;direction:rtl}.manager-login>.manager-kicker{grid-row:1;align-self:start;text-align:right;color:#0a8c72;font-weight:800;font-size:12px;margin:58px 65px 0}.manager-login h1{grid-row:1;align-self:start;text-align:right;font-size:31px;line-height:1.3;margin:88px 65px 0;color:#08263c}.manager-login>p{grid-row:1;align-self:start;text-align:right;color:#788897;font-size:12px;line-height:2;margin:142px 65px 0}.manager-login>form{grid-row:1;align-self:end;padding:0 65px 54px}.manager-login form label{display:block;font-size:12px;font-weight:700;color:#233b4d;margin:16px 0 7px}.manager-login form input[type=email],.manager-login form input[type=password]{width:100%;height:54px;border:1px solid #dce5ec;border-radius:12px;background:#f8fafc;padding:0 16px;font-family:inherit;font-size:14px;color:#102c40;outline:none;transition:.2s;box-sizing:border-box}.manager-login form input:focus{border-color:#0a9872;box-shadow:0 0 0 4px rgba(10,152,114,.1);background:#fff}.manager-login .primary{width:100%;height:54px;margin:24px 0 0;border:0;border-radius:12px;background:linear-gradient(135deg,#07966c,#0a7d70);color:#fff;font-family:inherit;font-size:14px;font-weight:800;cursor:pointer;box-shadow:0 10px 22px rgba(10,140,91,.2);transition:.2s}.manager-login .primary:hover{transform:translateY(-2px);box-shadow:0 14px 28px rgba(10,140,91,.27)}.manager-login-note{grid-row:1;align-self:end;text-align:center;color:#8b99a6;font-size:10px;margin:0 65px 18px}.manager-login-note b{color:#0a8c5b}.manager-login .err{grid-row:1;align-self:start;margin:178px 65px 0;background:#fff4f3;border:1px solid #f1c8c4;border-radius:10px;padding:10px 13px;text-align:center;color:#c43f32;font-size:11px}@media(max-width:760px){.manager-login{display:block;min-height:0;border-radius:22px}.manager-login-logo{min-height:190px;padding:25px}.manager-login-logo img{width:160px;height:90px}.manager-login>.manager-kicker,.manager-login>h1,.manager-login>p,.manager-login>form,.manager-login>.manager-login-note,.manager-login>.err{margin-left:28px;margin-right:28px}.manager-login>.manager-kicker{margin-top:28px}.manager-login>h1{font-size:24px;margin-top:18px}.manager-login>p{margin-top:8px}.manager-login>form{padding:10px 28px 28px}.manager-login-note{margin-bottom:22px}.manager-login .err{margin-top:18px}}
.manager-app .table{overflow:auto}
@media(max-width:1250px){.manager-kpis-5{grid-template-columns:repeat(3,1fr)}.manager-grid-3{grid-template-columns:1fr 1fr}.manager-grid-3>.manager-panel:last-child{grid-column:1/-1}.manager-data-grid{grid-template-columns:1fr}.manager-bottom-grid{grid-template-columns:1fr 1fr}}
@media(max-width:900px){.manager-sidebar{width:220px}.manager-main{margin-right:220px}.manager-top{padding:0 18px}.manager-content{padding:18px}.manager-grid-3,.manager-bottom-grid{grid-template-columns:1fr}.manager-kpis-4{grid-template-columns:1fr 1fr}}
@media(max-width:650px){.manager-sidebar{position:static;width:auto;height:auto;padding:12px}.manager-sidebar nav{display:grid;grid-template-columns:1fr 1fr}.manager-logout{margin-top:10px}.manager-main{margin-right:0}.manager-top{position:static;height:auto;padding:15px;display:block}.manager-top>div:last-child{margin-top:10px}.manager-content{padding:12px}.manager-hero{display:block}.manager-hero h2{font-size:21px}.manager-hero-actions{margin-top:15px}.manager-kpis-5,.manager-kpis-4{grid-template-columns:1fr 1fr}.manager-resource,.manager-module-grid{grid-template-columns:1fr}.manager-kpi>b{font-size:22px}}

.trip-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;background:#eef3f8;padding:6px;border-radius:14px;margin:14px 0 16px;position:sticky;top:8px;z-index:5}.trip-tab{display:block;text-align:center;text-decoration:none;border:0;background:transparent;color:#304a62;font-family:inherit;font-size:13px;font-weight:800;padding:12px 8px;border-radius:10px;cursor:pointer;transition:.2s}.trip-tab.active{background:#fff;color:#078b5d;box-shadow:0 4px 14px rgba(7,26,47,.08)}.trip-tab:hover{color:#078b5d}.driver-order{transition:.2s}.driver-order:hover{transform:translateY(-2px);box-shadow:0 12px 25px rgba(7,26,47,.08)}@media(max-width:520px){.trip-tabs{gap:4px}.trip-tab{font-size:11px;padding:10px 5px}}

/* v6 - حقول الطلب الجديدة */
.request-main-grid{align-items:stretch}
.request-main-grid>div{min-height:118px}
.request-main-grid .upload-field{border:1px dashed #b8c9d8;background:#f8fbfd;border-radius:16px;padding:16px;display:flex;flex-direction:column;justify-content:center;gap:8px}
.request-main-grid .upload-field input[type=file]{background:#fff;border:1px solid #dbe5ec;padding:10px;border-radius:10px}
.request-main-grid .upload-field small{color:#718096;font-size:12px}
.request-main-grid .wide-upload{grid-column:1/-1}
.request-main-grid label{font-weight:800}
.office-form-card h2{margin-top:28px;margin-bottom:16px}
@media(max-width:800px){.request-main-grid .wide-upload{grid-column:auto}.request-main-grid>div{min-height:auto}}

/* v7 - جدول العاملات وطريقة التسليم */
.order-basic-head{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:4px 0 20px;padding:17px 18px;background:linear-gradient(135deg,#f7fbfa,#f4f8fb);border:1px solid #e0e9ed;border-radius:14px}.order-basic-head h2{margin:0 0 4px!important}.order-basic-head p{margin:0;color:#7a8794;font-size:12px}.office-readonly{min-width:190px;padding:12px 16px;background:#fff;border:1px solid #dce6eb;border-radius:11px;display:flex;flex-direction:column;gap:2px}.office-readonly span{font-size:10px;color:#82909d}.office-readonly b{font-size:14px;color:#17344e}.office-readonly small{font-size:10px;color:#0f9b62}.workers-section{margin-top:28px}.workers-section-head{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:13px}.workers-section-head h2{margin:0 0 4px!important;display:flex;align-items:center;gap:8px}.workers-section-head p{margin:0;color:#788796;font-size:11px;line-height:1.8}.count-badge{display:inline-grid;place-items:center;min-width:29px;height:29px;padding:0 8px;border-radius:30px;background:#e5f7ef;color:#078d5b;font-size:13px}.add-worker-btn{border:1px solid #0f9b62;background:#fff;color:#087d52;border-radius:9px;padding:10px 15px;font-family:inherit;font-weight:800;cursor:pointer;white-space:nowrap}.add-worker-btn:hover{background:#eefaf5}.workers-table-wrap{border:1px solid #dce6eb;border-radius:14px;overflow:auto;background:#fff}.office-workers-table{width:100%;min-width:1040px;border-collapse:separate;border-spacing:0}.office-workers-table th{background:#f4f7f9;color:#53677a;font-size:11px;font-weight:800;padding:13px 10px;border-bottom:1px solid #dce6eb;white-space:nowrap}.office-workers-table td{padding:10px 8px;border-bottom:1px solid #edf1f4;vertical-align:middle;background:#fff}.office-workers-table tr:last-child td{border-bottom:0}.office-workers-table tr:hover td{background:#fbfdfd}.office-workers-table .worker-no{width:40px;text-align:center;font-weight:900;color:#17344e}.office-workers-table input,.office-workers-table select{width:100%;min-width:125px;height:42px;margin:0;padding:8px 10px;border:1px solid #d9e3e9;border-radius:8px;background:#fff;color:#24384d;font-family:inherit;font-size:11px;outline:none}.office-workers-table input:focus,.office-workers-table select:focus{border-color:#0f9b62;box-shadow:0 0 0 3px rgba(15,155,98,.09)}.office-workers-table select.delivery-select{font-weight:800}.client-fields{display:grid;grid-template-columns:repeat(3,minmax(125px,1fr));gap:6px;min-width:430px}.client-fields.disabled{opacity:.52}.client-fields.disabled input{background:#f2f5f7;color:#9aa6b0;cursor:not-allowed}.client-fields.enabled input{background:#f7fcfa;border-color:#b9e3d1}.remove-worker{width:34px;height:34px;border:1px solid #f2c9c7;background:#fff4f3;color:#d52d29;border-radius:8px;font-size:20px;line-height:1;cursor:pointer;font-family:inherit}.remove-worker:hover{background:#ffe8e6}.workers-empty{padding:22px;text-align:center;color:#8a98a5;font-size:12px;background:#fafcfd;border:1px dashed #d9e3e8;border-top:0;border-radius:0 0 14px 14px}.worker-photos-field{margin-top:16px!important}.worker-photos-field label{font-weight:800}.delivery-pill{display:inline-flex;align-items:center;justify-content:center;background:#edf8f4;color:#087d52;border:1px solid #c9ebdc;border-radius:20px;padding:5px 9px;font-size:10px;font-weight:800;white-space:nowrap}.office-workers-table td:nth-child(5){min-width:145px}.office-workers-table td:nth-child(6){min-width:440px}@media(max-width:900px){.order-basic-head,.workers-section-head{align-items:stretch;flex-direction:column}.office-readonly{width:100%;box-sizing:border-box}.add-worker-btn{align-self:flex-start}.workers-table-wrap{border-radius:10px}.office-workers-table{min-width:980px}}

/* v8 - Professional order tracking / editable details */
.order-track-page{max-width:1500px;margin:0 auto;padding-bottom:35px}
.order-track-hero{background:linear-gradient(115deg,#06253b 0%,#0a4b50 58%,#087d5a 100%);border-radius:20px;padding:24px 28px;color:#fff;display:flex;justify-content:space-between;align-items:center;gap:20px;box-shadow:0 18px 45px rgba(7,31,51,.14);position:relative;overflow:hidden}
.order-track-hero:after{content:"";position:absolute;width:330px;height:330px;border:1px solid rgba(255,255,255,.09);border-radius:50%;left:-130px;top:-190px;box-shadow:0 0 0 55px rgba(255,255,255,.025),0 0 0 110px rgba(255,255,255,.02)}
.order-track-hero>div{position:relative;z-index:1}.order-track-kicker{color:#a9e0cf;font-size:11px;font-weight:800;margin-bottom:4px}.order-track-hero h2{font-size:28px;margin:0 0 5px;letter-spacing:.2px}.order-track-hero p{margin:0;color:#d2e7e5;font-size:11px}.order-track-hero p span{padding:0 5px;color:#78cdb4}.order-hero-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;position:relative;z-index:1}.order-status-badge{padding:9px 14px;border-radius:30px;background:#fff;color:#075b47;font-weight:900;font-size:11px}.order-status-badge.status-cancelled{background:#fff1f0;color:#b82c27}.order-status-badge.status-new,.order-status-badge.status-confirmed,.order-status-badge.status-waiting_arrival{background:#fff5df;color:#986000}.order-status-badge.status-received,.order-status-badge.status-in_transit{background:#eaf3ff;color:#1b65ad}.order-action-btn{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;padding:9px 13px;border-radius:9px;background:#fff;color:#086f53;font-weight:900;font-size:11px}.order-action-btn.light{background:rgba(255,255,255,.12);color:#fff;border:1px solid rgba(255,255,255,.2)}
.order-save-success{margin-top:14px;background:#eaf9f1;color:#087b51;border:1px solid #c6ecd9;padding:11px 14px;border-radius:11px;font-size:12px;font-weight:800}.order-save-error{margin-top:14px}
.order-overview-grid{display:grid;grid-template-columns:.85fr 1.35fr;gap:14px;margin-top:16px}.order-panel{background:#fff;border:1px solid #e2e9ee;border-radius:15px;padding:18px;box-shadow:0 5px 20px rgba(7,26,47,.045);margin-top:14px;min-width:0}.order-overview-grid>.order-panel:last-child{grid-column:1/-1}.order-status-panel{margin-top:0}.order-overview-grid>.order-panel:nth-child(2){margin-top:0}.order-panel-head{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:15px}.order-panel-head>div{display:flex;align-items:center;gap:10px}.order-panel-head h3{font-size:16px;margin:0;color:#102b42}.order-panel-head small{display:block;color:#8997a4;font-size:10px;margin-top:2px}.order-panel-icon{width:38px;height:38px;display:grid;place-items:center;border-radius:11px;background:#eaf8f2;color:#078b5b;font-size:18px;flex:0 0 auto}.order-field-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.order-field-grid.three{grid-template-columns:repeat(3,1fr)}.order-panel label{display:block;color:#52677a;font-size:10px;font-weight:800;margin-bottom:6px}.order-panel input,.order-panel select,.order-panel textarea{width:100%;box-sizing:border-box;border:1px solid #d9e3e9;background:#fbfcfd;color:#1b3348;border-radius:9px;min-height:42px;padding:9px 11px;font-family:inherit;font-size:11px;outline:none;transition:.18s}.order-panel input:focus,.order-panel select:focus,.order-panel textarea:focus{background:#fff;border-color:#0d9869;box-shadow:0 0 0 3px rgba(13,152,105,.08)}.order-panel input:disabled{background:#f2f5f7;color:#97a3ad;cursor:not-allowed}.order-quick-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:14px}.order-quick-stats div{background:#f7fafb;border:1px solid #e7edf0;border-radius:10px;padding:11px}.order-quick-stats small{display:block;color:#7c8a98;font-size:9px}.order-quick-stats b{display:block;color:#0b8c5c;font-size:15px;margin-top:4px}
.workers-edit-panel{padding-bottom:12px}.order-add-worker{border:1px solid #0d9869;background:#ecfaf4;color:#087b53;border-radius:9px;padding:9px 13px;font-family:inherit;font-weight:900;cursor:pointer;font-size:11px}.order-add-worker:hover{background:#dff6ec}.order-workers-scroll{overflow:auto;border:1px solid #dfe7eb;border-radius:11px}.order-edit-workers{width:100%;min-width:1250px;border-collapse:separate;border-spacing:0}.order-edit-workers th{background:#f4f7f9;color:#52677a;font-size:10px;padding:11px 8px;white-space:nowrap;border-bottom:1px solid #dfe7eb}.order-edit-workers td{padding:8px 6px;border-bottom:1px solid #edf1f3;background:#fff;vertical-align:middle}.order-edit-workers tr:last-child td{border-bottom:0}.order-edit-workers tr:hover td{background:#fcfefd}.order-edit-workers input,.order-edit-workers select{min-width:105px;height:39px;min-height:39px;padding:7px 8px;font-size:10px;border-radius:7px}.order-edit-workers .row-number{width:34px;text-align:center;font-weight:900;color:#17344e}.order-client-fields{display:grid;grid-template-columns:130px 105px 180px;gap:5px;min-width:425px}.order-client-fields.inactive{opacity:.55}.order-client-fields.active input{background:#f5fcf9;border-color:#b9e4d2}.order-edit-workers .delivery-edit{font-weight:800;min-width:130px}.order-edit-workers .price-edit{min-width:82px}.order-remove-worker{width:32px;height:32px;border:1px solid #f0cac7;background:#fff3f2;color:#cf332d;border-radius:7px;font-size:18px;cursor:pointer}.order-remove-worker:hover{background:#ffe6e3}
.order-bottom-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:14px}.order-bottom-grid>.order-panel{margin-top:14px}.order-documents-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.order-document{display:flex;align-items:center;gap:9px;text-decoration:none;border:1px solid #e2e9ee;background:#f8fafb;border-radius:10px;padding:10px;color:#18364c}.order-document>span{width:34px;height:34px;display:grid;place-items:center;border-radius:8px;background:#e8f5ef;color:#087e55}.order-document div{min-width:0;flex:1}.order-document b,.order-document small{display:block}.order-document b{font-size:10px}.order-document small{font-size:9px;color:#8795a2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:3px}.order-document strong{font-size:9px;color:#0b8c5b}.order-document:hover{border-color:#b9dfd0;background:#f2fbf7}.order-empty-docs{padding:18px;text-align:center;background:#f8fafb;border:1px dashed #d9e2e7;border-radius:10px;color:#8997a3;font-size:11px}.order-notes{height:115px;resize:vertical;margin-bottom:9px}.order-update-note{height:70px;resize:vertical}.order-save-bar{margin-top:14px;background:#fff;border:1px solid #dfe7eb;border-radius:14px;padding:14px 17px;display:flex;align-items:center;justify-content:space-between;gap:15px;box-shadow:0 7px 20px rgba(7,26,47,.05)}.order-save-bar b{display:block;font-size:12px;color:#18364c}.order-save-bar small{display:block;font-size:9px;color:#8997a4;margin-top:3px}.order-save-btn{min-width:190px;border:0;cursor:pointer;font-family:inherit}.order-save-btn span{margin-right:7px}
.order-timeline-panel{margin-top:14px}.order-timeline{position:relative;padding-right:10px}.order-timeline:before{content:"";position:absolute;right:14px;top:6px;bottom:6px;width:2px;background:#e4ebef}.timeline-item{display:grid;grid-template-columns:32px 1fr;gap:8px;position:relative;margin-bottom:14px}.timeline-item:last-child{margin-bottom:0}.timeline-dot{width:10px;height:10px;border-radius:50%;background:#0b9a68;border:4px solid #e4f7ef;z-index:1;margin-top:5px;margin-right:8px}.timeline-item>div{background:#f8fafb;border:1px solid #e6ecef;border-radius:10px;padding:10px 12px}.timeline-top{display:flex;justify-content:space-between;gap:12px}.timeline-top b{font-size:11px;color:#0a7f57}.timeline-top small,.timeline-item>div>small{font-size:9px;color:#8997a4}.timeline-item p{margin:5px 0;font-size:10px;color:#526677}
@media(max-width:1050px){.order-overview-grid{grid-template-columns:1fr}.order-overview-grid>.order-panel:last-child{grid-column:auto}.order-bottom-grid{grid-template-columns:1fr}.order-field-grid.three{grid-template-columns:1fr 1fr}}
@media(max-width:700px){.order-track-hero{display:block;padding:20px}.order-hero-actions{margin-top:15px}.order-track-hero h2{font-size:22px}.order-field-grid,.order-field-grid.three{grid-template-columns:1fr}.order-quick-stats{grid-template-columns:1fr 1fr 1fr}.order-documents-grid{grid-template-columns:1fr}.order-save-bar{display:block}.order-save-btn{width:100%;margin-top:12px}.order-panel{padding:13px}.order-panel-head{align-items:flex-start}.order-add-worker{white-space:nowrap}}

/* =========================================================
   V9 — Order Tracking Premium UI
   Cache-busted by index.php?v=9.0
   ========================================================= */
body.admin-app .order-track-page{width:100%;max-width:1440px;margin:0 auto;padding:4px 0 48px;box-sizing:border-box}
body.admin-app .order-track-page *{box-sizing:border-box}
.office-fixed-info{margin:0 0 16px;background:#fff;border:1px solid #dfe8e9;border-radius:17px;padding:16px 18px;box-shadow:0 7px 24px rgba(7,26,47,.045)}
.office-fixed-title{display:flex;align-items:center;gap:10px;margin-bottom:13px;padding-bottom:12px;border-bottom:1px solid #edf2f3}.office-fixed-title>div{display:flex;flex-direction:column;gap:3px}.office-fixed-title b{font-size:15px;color:#102b42}.office-fixed-title small{font-size:10px;color:#8b98a4}.office-fixed-icon{width:38px;height:38px;border-radius:11px;background:#eaf8f2;color:#078b5b;display:grid;place-items:center;font-size:18px;font-weight:900}.office-fixed-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.office-fixed-item{background:#f7fafb;border:1px solid #e6edef;border-radius:11px;padding:11px 12px;min-width:0}.office-fixed-item small{display:block;color:#7d8d99;font-size:9px;margin-bottom:5px}.office-fixed-item strong{display:block;color:#17364b;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
body.admin-app .order-track-page .order-track-hero{min-height:150px;margin:0 0 18px;padding:26px 30px;border-radius:22px;background:linear-gradient(120deg,#06243a 0%,#073b4a 48%,#07845f 100%);color:#fff;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:24px;box-shadow:0 18px 40px rgba(6,36,58,.14);overflow:hidden;position:relative}
body.admin-app .order-track-page .order-track-hero:before{content:"";position:absolute;inset:auto auto -170px -110px;width:390px;height:390px;border:1px solid rgba(255,255,255,.08);border-radius:50%;box-shadow:0 0 0 55px rgba(255,255,255,.025),0 0 0 110px rgba(255,255,255,.018)}
body.admin-app .order-track-page .order-track-hero>div{position:relative;z-index:2}
body.admin-app .order-track-page .order-track-kicker{font-size:11px;font-weight:800;color:#9ce0cc;margin-bottom:7px}
body.admin-app .order-track-page .order-track-hero h2{margin:0 0 7px;font-size:27px;line-height:1.25;color:#fff;font-weight:900}
body.admin-app .order-track-page .order-track-hero p{margin:0;font-size:11px;color:#d4e8e8}
body.admin-app .order-track-page .order-hero-actions{display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:8px;flex-wrap:wrap;position:relative;z-index:2}
body.admin-app .order-track-page .order-status-badge{display:inline-flex;align-items:center;justify-content:center;padding:10px 15px;border-radius:999px;background:#fff;color:#087a56;font-size:11px;font-weight:900;white-space:nowrap}
body.admin-app .order-track-page .order-action-btn{display:inline-flex;align-items:center;justify-content:center;min-height:39px;padding:0 14px;border-radius:10px;text-decoration:none;background:#fff;color:#086f53;font-size:11px;font-weight:900;white-space:nowrap}
body.admin-app .order-track-page .order-action-btn.light{background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.22);color:#fff}
body.admin-app .order-track-page .order-save-success,body.admin-app .order-track-page .order-save-error{margin:0 0 14px;border-radius:12px}
body.admin-app .order-track-page .order-overview-grid{display:grid!important;grid-template-columns:minmax(0,.9fr) minmax(0,1.35fr);gap:16px;margin:0}
body.admin-app .order-track-page .order-overview-grid>.order-panel{margin:0!important}
body.admin-app .order-track-page .order-overview-grid>.order-panel:last-child{grid-column:1/-1}
body.admin-app .order-track-page .order-panel{width:100%;background:#fff;border:1px solid #e1e8ed;border-radius:17px;padding:19px;box-shadow:0 7px 24px rgba(7,26,47,.045);margin-top:16px;overflow:hidden}
body.admin-app .order-track-page .order-panel-head{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:14px;margin:0 0 16px;padding-bottom:13px;border-bottom:1px solid #edf1f3}
body.admin-app .order-track-page .order-panel-head>div{display:flex!important;align-items:center!important;gap:10px}
body.admin-app .order-track-page .order-panel-icon{width:40px;height:40px;display:grid!important;place-items:center;background:#eaf8f2;color:#078b5b;border-radius:12px;font-size:18px;flex:0 0 auto}
body.admin-app .order-track-page .order-panel-head h3{margin:0;color:#102b42;font-size:16px;line-height:1.35;font-weight:900}
body.admin-app .order-track-page .order-panel-head small{display:block;margin-top:3px;color:#8b98a4;font-size:10px}
body.admin-app .order-track-page .order-field-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}
body.admin-app .order-track-page .order-field-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}
body.admin-app .order-track-page .order-field-grid>div{min-width:0}
body.admin-app .order-track-page label{display:block;margin:0 0 6px;color:#506579;font-size:10px;font-weight:900}
body.admin-app .order-track-page .order-panel input,body.admin-app .order-track-page .order-panel select,body.admin-app .order-track-page .order-panel textarea{display:block;width:100%;max-width:100%;border:1px solid #d9e3e8;background:#fbfcfd;color:#18364c;border-radius:10px;min-height:43px;padding:9px 11px;font-family:inherit;font-size:11px;outline:none}
body.admin-app .order-track-page .order-panel textarea{line-height:1.8}
body.admin-app .order-track-page .order-panel input:focus,body.admin-app .order-track-page .order-panel select:focus,body.admin-app .order-track-page .order-panel textarea:focus{border-color:#0d9869;background:#fff;box-shadow:0 0 0 3px rgba(13,152,105,.08)}
body.admin-app .order-track-page .order-quick-stats{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin-top:15px}
body.admin-app .order-track-page .order-quick-stats div{background:#f7fafb;border:1px solid #e6edf0;border-radius:11px;padding:11px 12px;text-align:center}
body.admin-app .order-track-page .order-quick-stats small{display:block;color:#82909d;font-size:9px}
body.admin-app .order-track-page .order-quick-stats b{display:block;margin-top:4px;color:#078b5b;font-size:16px}
body.admin-app .order-track-page .workers-edit-panel{padding-bottom:14px}
body.admin-app .order-track-page .order-add-worker{min-height:38px;padding:0 13px;border:1px solid #0d9869;background:#ebfaf4;color:#087b53;border-radius:10px;font-family:inherit;font-size:10px;font-weight:900;cursor:pointer}
body.admin-app .order-track-page .order-workers-scroll{width:100%;overflow-x:auto;border:1px solid #e0e7eb;border-radius:12px}
body.admin-app .order-track-page .order-edit-workers{width:100%;min-width:1250px;border-collapse:separate;border-spacing:0}
body.admin-app .order-track-page .order-edit-workers th{padding:12px 8px;background:#f4f7f9;color:#52677a;font-size:10px;font-weight:900;white-space:nowrap;border-bottom:1px solid #dfe7eb}
body.admin-app .order-track-page .order-edit-workers td{padding:8px 6px;background:#fff;border-bottom:1px solid #edf1f3;vertical-align:middle}
body.admin-app .order-track-page .order-edit-workers tr:last-child td{border-bottom:0}
body.admin-app .order-track-page .order-edit-workers input,body.admin-app .order-track-page .order-edit-workers select{height:39px;min-height:39px;min-width:105px;padding:7px 8px;border-radius:8px;font-size:10px}
body.admin-app .order-track-page .order-client-fields{display:grid!important;grid-template-columns:130px 105px 180px;gap:5px;min-width:425px}
body.admin-app .order-track-page .order-client-fields.inactive{opacity:.5}
body.admin-app .order-track-page .order-client-fields.active input{background:#f5fcf9;border-color:#b9e4d2}
body.admin-app .order-track-page .order-remove-worker{width:32px;height:32px;padding:0;border:1px solid #efc9c6;background:#fff3f2;color:#cf332d;border-radius:8px;font-size:18px;cursor:pointer}
body.admin-app .order-track-page .order-bottom-grid{display:grid!important;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:16px}
body.admin-app .order-track-page .order-bottom-grid>.order-panel{margin-top:16px}
body.admin-app .order-track-page .order-documents-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
body.admin-app .order-track-page .order-document{display:flex!important;align-items:center!important;gap:9px;min-width:0;padding:11px;border:1px solid #e1e8ed;border-radius:11px;background:#f8fafb;color:#18364c;text-decoration:none}
body.admin-app .order-track-page .order-document>span{width:35px;height:35px;display:grid;place-items:center;background:#e8f5ef;border-radius:9px;color:#087e55;flex:0 0 auto}
body.admin-app .order-track-page .order-document div{min-width:0;flex:1}
body.admin-app .order-track-page .order-document b,body.admin-app .order-track-page .order-document small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
body.admin-app .order-track-page .order-document b{font-size:10px}.order-document small{font-size:9px;color:#8795a2;margin-top:3px}
body.admin-app .order-track-page .order-document strong{font-size:9px;color:#0b8c5b}
body.admin-app .order-track-page .order-notes{height:115px;resize:vertical}.order-update-note{height:72px;resize:vertical;margin-top:9px}
body.admin-app .order-track-page .order-save-bar{margin-top:16px;padding:15px 18px;background:#fff;border:1px solid #dfe7eb;border-radius:15px;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:18px;box-shadow:0 7px 22px rgba(7,26,47,.05)}
body.admin-app .order-track-page .order-save-bar b{display:block;color:#18364c;font-size:12px}.order-save-bar small{display:block;color:#8997a4;font-size:9px;margin-top:3px}
body.admin-app .order-track-page .order-save-btn{min-width:205px;min-height:44px;border:0;border-radius:10px;cursor:pointer;font-family:inherit;font-weight:900}
body.admin-app .order-track-page .order-timeline-panel{margin-top:16px}.order-timeline{position:relative;padding-right:10px}.order-timeline:before{content:"";position:absolute;right:14px;top:7px;bottom:7px;width:2px;background:#e3eaee}
body.admin-app .order-track-page .timeline-item{display:grid!important;grid-template-columns:32px minmax(0,1fr);gap:8px;position:relative;margin-bottom:13px}.timeline-dot{width:10px;height:10px;margin:6px 8px 0 0;border-radius:50%;background:#0b9a68;border:4px solid #e2f6ed;z-index:1}.timeline-item>div{background:#f8fafb;border:1px solid #e5ebee;border-radius:11px;padding:11px 13px}.timeline-top{display:flex;justify-content:space-between;gap:10px}.timeline-top b{font-size:11px;color:#087f58}.timeline-top small,.timeline-item>div>small{font-size:9px;color:#8997a4}.timeline-item p{margin:5px 0;font-size:10px;color:#526677}
@media(max-width:1050px){body.admin-app .order-track-page .order-overview-grid{grid-template-columns:1fr}.order-overview-grid>.order-panel:last-child{grid-column:auto}body.admin-app .order-track-page .order-field-grid.three{grid-template-columns:repeat(2,minmax(0,1fr))}body.admin-app .order-track-page .order-bottom-grid{grid-template-columns:1fr}}
@media(max-width:700px){.office-fixed-grid{grid-template-columns:1fr}.office-fixed-info{padding:13px}.office-fixed-item strong{white-space:normal}body.admin-app .order-track-page .order-track-hero{display:block!important;padding:20px}.order-hero-actions{margin-top:15px}.order-track-hero h2{font-size:22px!important}.order-field-grid,.order-field-grid.three{grid-template-columns:1fr!important}.order-quick-stats{grid-template-columns:repeat(3,1fr)!important}.order-documents-grid{grid-template-columns:1fr!important}.order-save-bar{display:block!important}.order-save-btn{width:100%;margin-top:12px}.order-panel{padding:13px!important}}
/* v10 - Office order tracking layout and permission presentation */
body.admin-app.office-app .order-track-page{max-width:1240px;margin:0 auto;padding-bottom:35px}
body.admin-app.office-app .order-track-page .order-track-hero{margin-bottom:18px}
body.admin-app.office-app .order-track-page .order-overview-grid{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr)!important}
body.admin-app.office-app .office-status-readonly{min-height:43px;display:flex;align-items:center;padding:9px 12px;border:1px solid #d9e3e8;background:#f7fafb;border-radius:10px;font-size:11px;font-weight:900}
body.admin-app.office-app .order-track-page .order-edit-workers .price-edit[readonly]{background:#f3f5f7;color:#7a8793;cursor:not-allowed}
body.admin-app.office-app .order-track-page .order-save-bar{position:sticky;bottom:12px;z-index:8}
body.admin-app.office-app .order-track-page .order-save-btn{background:#0f9b62;color:#fff}
body.admin-app.office-app .order-track-page .order-save-btn:hover{background:#0b8755}
@media(max-width:1050px){body.admin-app.office-app .order-track-page .order-overview-grid{grid-template-columns:1fr!important}}

/* Clickable orders on office dashboard */
.office-order-row { cursor: pointer; transition: background .18s ease, transform .18s ease; }
.office-order-row:hover { background: #f3faf7; }
.office-order-row:focus { outline: 2px solid #0a9f68; outline-offset: -2px; background: #f3faf7; }
.office-order-link { color: #0b2b49; font-weight: 800; text-decoration: none; display: inline-flex; align-items: center; gap: 6px; }
.office-order-link:hover { color: #079b67; text-decoration: underline; }
.office-order-row td { vertical-align: middle; }

/* Coordinator restricted order tracking */
.coordinator-permission-banner{display:flex;align-items:center;gap:12px;margin:16px 0 2px;padding:14px 16px;border:1px solid #ccecdf;background:linear-gradient(135deg,#f3fcf8,#fff);border-radius:14px;color:#12344a}
.coordinator-permission-icon{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;background:#0b9969;color:#fff;font-weight:900;flex:0 0 auto}
.coordinator-permission-banner b{display:block;font-size:13px}.coordinator-permission-banner small{display:block;margin-top:3px;color:#71818e;font-size:10px}
.coordinator-status-panel{margin-top:14px;border-color:#cfe8de;box-shadow:0 8px 28px rgba(7,26,47,.06)}
.coordinator-edit-badge,.coordinator-readonly-badge{display:inline-flex;align-items:center;padding:6px 10px;border-radius:999px;background:#eaf8f2;color:#078b5b;font-size:10px;font-weight:800;white-space:nowrap}
.coordinator-readonly-badge{background:#f2f5f7;color:#71808c}
.coordinator-update-note{margin-top:14px}.coordinator-update-note textarea{min-height:86px;resize:vertical}
.order-readonly-fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.order-readonly-fields.three{grid-template-columns:repeat(3,minmax(0,1fr))}
.order-readonly-fields>div{min-width:0;background:#f8fafb;border:1px solid #e4ebef;border-radius:10px;padding:10px 12px;min-height:58px}.order-readonly-fields small{display:block;color:#8795a0;font-size:9px;margin-bottom:5px}.order-readonly-fields b{display:block;color:#18364d;font-size:11px;line-height:1.5;word-break:break-word}
.coordinator-workers-panel .order-panel-head{margin-bottom:12px}.coordinator-workers-table td{background:#fbfcfd;color:#304b5f}.coordinator-workers-table td:nth-child(7){min-width:210px;white-space:normal;line-height:1.6}.order-empty-row{text-align:center!important;color:#8997a4!important;padding:25px!important}
.coordinator-bottom-grid{align-items:stretch}.coordinator-current-notes{min-height:125px;padding:14px;border:1px solid #e3eaee;background:#f8fafb;border-radius:10px;color:#40586a;font-size:11px;line-height:1.9;white-space:normal}
.coordinator-save-bar{border-color:#cfe8de;background:linear-gradient(180deg,#fff,#f7fcfa)}
@media(max-width:900px){.order-readonly-fields,.order-readonly-fields.three{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.coordinator-permission-banner{align-items:flex-start}.order-readonly-fields,.order-readonly-fields.three{grid-template-columns:1fr}.coordinator-edit-badge{display:none}}

/* Notifications v17 */
.notification-wrap{position:relative;display:inline-flex;align-items:center;z-index:1200}
.notification-btn{position:relative;width:42px;height:42px;border:1px solid #dfe7ed;background:#fff;border-radius:12px;display:grid;place-items:center;color:#0b304a;text-decoration:none;box-shadow:0 4px 14px rgba(7,26,47,.05);transition:.2s}
.notification-btn:hover{border-color:#0d9b63;color:#0d9b63;transform:translateY(-1px)}
.notification-bell{width:21px;height:21px;display:block;overflow:visible;transform:none!important}
.notification-count{position:absolute;top:-5px;left:-5px;min-width:20px;height:20px;padding:0 5px;border-radius:999px;background:#e5484d;color:#fff;font-size:10px;display:grid;place-items:center;border:2px solid #fff;font-weight:900}
.notification-menu{position:absolute;top:50px;right:0;left:auto;width:350px;background:#fff;border:1px solid #dfe7ed;border-radius:16px;box-shadow:0 20px 55px rgba(7,26,47,.16);padding:8px;display:none;z-index:1000}
.notification-wrap.is-open .notification-menu{display:block}
.notification-menu-head{display:flex;justify-content:space-between;align-items:center;padding:10px 10px 12px;border-bottom:1px solid #edf1f4}.notification-menu-head strong{font-size:13px;color:#17324a}.notification-menu-head span{font-size:9px;color:#8a98a5}
.notification-item{display:flex;gap:10px;padding:11px 9px;border-radius:11px;text-decoration:none;color:#17324a;transition:.15s}.notification-item:hover{background:#f5faf8}.notification-item.unread{background:#effaf5}.notification-item-icon{width:30px;height:30px;border-radius:9px;background:#e5f7ef;color:#078b5b;display:grid;place-items:center;font-weight:900;flex:0 0 auto}.notification-item b,.notification-item small,.notification-item time{display:block}.notification-item b{font-size:10px}.notification-item small{font-size:9px;color:#687989;line-height:1.6;margin-top:2px}.notification-item time{font-size:8px;color:#a0aab4;margin-top:3px}.notification-all{display:block;text-align:center;padding:10px;border-top:1px solid #edf1f4;color:#078b5b;text-decoration:none;font-size:10px;font-weight:900}.notification-empty{padding:22px 10px;text-align:center;color:#8795a2;font-size:10px}
.notification-page{max-width:980px;margin:0 auto}.notification-page-head{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:16px}.notification-page-head h2{margin:0;color:#17324a;font-size:22px}.notification-page-head p{margin:4px 0 0;color:#82909d;font-size:10px}.notification-list{display:grid;gap:9px}.notification-page-item{display:flex;align-items:flex-start;gap:12px;padding:15px;background:#fff;border:1px solid #dfe7ed;border-radius:14px;text-decoration:none;color:#17324a;box-shadow:0 5px 20px rgba(7,26,47,.04);transition:.18s}.notification-page-item:hover{border-color:#b9dfcf;transform:translateY(-1px)}.notification-page-item.unread{border-right:4px solid #0d9b63;background:#f7fcfa}.notification-page-icon{width:38px;height:38px;border-radius:11px;background:#e7f7f0;display:grid;place-items:center;flex:0 0 auto}.notification-page-copy{min-width:0;flex:1}.notification-page-copy b,.notification-page-copy small,.notification-page-copy time{display:block}.notification-page-copy b{font-size:12px}.notification-page-copy small{font-size:10px;color:#667887;line-height:1.8;margin-top:2px}.notification-page-copy time{font-size:8px;color:#99a5af;margin-top:4px}.notification-page-item>i{font-style:normal;font-size:8px;font-weight:900;color:#078b5b;background:#e4f7ef;padding:5px 7px;border-radius:999px}.notification-empty-page{padding:45px;text-align:center;color:#8795a2}
@media(max-width:700px){.notification-menu{position:fixed;top:70px;right:10px;left:10px;width:auto}.notification-page-head{display:block}.notification-page-head form{margin-top:10px}.notification-page-head button{width:100%}}
.office-source-badge{margin-right:auto;display:inline-flex;align-items:center;gap:5px;padding:6px 10px;border-radius:999px;background:#eaf8f2;color:#087b53;border:1px solid #ccecdf;font-size:9px;font-weight:900;white-space:nowrap}.order-source-note{display:flex;align-items:flex-start;gap:10px;margin:0 0 16px;padding:12px 15px;border:1px solid #d5ece3;background:#f3fbf7;border-radius:13px;color:#17364b}.order-source-note>span{width:28px;height:28px;display:grid;place-items:center;border-radius:8px;background:#dff5ea;color:#078b5b;font-weight:900;flex:none}.order-source-note>div{display:flex;flex-direction:column;gap:3px}.order-source-note b{font-size:11px}.order-source-note small{font-size:9px;color:#70818e;line-height:1.7}.order-source-note strong{color:#0a8060}/* V29 - استلام من سلسك: حقول المطار والإشعار */
.delivery-extra-fields{display:flex;gap:6px;align-items:center;min-width:260px;transition:all .2s ease}
.delivery-extra-fields select,.delivery-extra-fields input{min-width:120px;flex:1}
.delivery-extra-fields.inactive{opacity:.38;pointer-events:none}
.delivery-extra-fields.active{opacity:1}

/* V30 - office service pricing */
.office-pricing-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:18px}
.office-price-card{border:1px solid #dce7ee;border-radius:18px;padding:20px;background:#fff;box-shadow:0 8px 24px rgba(7,26,47,.05)}
.office-price-card-head{display:flex;gap:12px;align-items:flex-start;margin-bottom:18px}.office-price-card-head>div{display:flex;flex-direction:column;gap:5px}.office-price-card-head b{font-size:16px}.office-price-card-head small{color:#78909c;line-height:1.6}.service-price-icon{width:42px;height:42px;border-radius:13px;background:#e8f7f1;color:#0b9f68;display:grid;place-items:center;font-weight:800}
.price-input-wrap{display:flex;align-items:center;gap:8px;margin:7px 0}.price-input-wrap input{flex:1;font-size:20px;font-weight:800;text-align:center}.price-input-wrap span{font-weight:700;color:#0b9f68}
.pricing-hero{display:flex;justify-content:space-between;align-items:center;gap:20px;background:linear-gradient(135deg,#063047,#087d68);color:#fff}.pricing-hero h2{margin:5px 0;font-size:28px}.pricing-hero .muted,.pricing-hero small{color:#d8f3eb}.pricing-save-bar{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:20px;padding-top:18px;border-top:1px solid #e5edf1}.pricing-save-bar div{display:flex;flex-direction:column;gap:5px}.pricing-save-bar small{color:#78909c}
.worker-services-picker{min-width:270px;max-width:340px;display:flex;flex-direction:column;gap:6px}.service-option{display:grid;grid-template-columns:18px 1fr auto;align-items:center;gap:7px;padding:7px 9px;border:1px solid #e1e9ed;border-radius:9px;background:#f8fbfc;cursor:pointer}.service-option input{margin:0}.service-option b{color:#0b9f68;white-space:nowrap;font-size:12px}.service-option input:disabled+span,.service-option input:disabled~b{opacity:.45}.worker-service-total{display:block;margin-top:3px;padding:7px 9px;border-radius:9px;background:#e9f8f2;color:#176b54}.worker-service-total b{color:#07935e}
@media(max-width:900px){.office-pricing-grid{grid-template-columns:1fr}.pricing-hero,.pricing-save-bar{flex-direction:column;align-items:stretch}}

/* V31 - تحسين صفحة مكاتب الاستقدام: عرض القائمة أولاً */
.page-toolbar{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:0 0 18px;padding:20px 22px;background:#fff;border:1px solid #e1e8ee;border-radius:16px;box-shadow:0 5px 18px rgba(7,26,47,.035)}
.page-toolbar h2{margin:4px 0;font-size:24px;color:#17324a}
.page-toolbar p{margin:3px 0 0}
.page-toolbar .primary,.page-toolbar .secondary{white-space:nowrap;text-decoration:none}
.form-actions{display:flex;align-items:center;justify-content:flex-start;gap:10px;margin-top:20px;padding-top:18px;border-top:1px solid #edf1f4}
.empty-state h3{margin:0 0 6px;color:#17324a}
.empty-state p{margin:0 0 15px}
@media(max-width:700px){.page-toolbar{flex-direction:column;align-items:stretch}.page-toolbar .primary,.page-toolbar .secondary{text-align:center}.form-actions{flex-direction:column;align-items:stretch}.form-actions a,.form-actions button{width:100%;text-align:center}}

/* V32 - office portal: prices are intentionally hidden; they remain available on invoices. */
.office-services-only .service-option b{display:none!important}.service-selection-note{display:block;margin-top:6px;color:#7b8b9b;font-size:11px}.office-services-only .service-option{grid-template-columns:18px 1fr;}.order-service-picker .service-selection-note{display:block;margin-top:6px;color:#7b8b9b;font-size:11px}

/* V33 — Office portal: service prices must never be visible outside the invoice. */
.office-price-hidden .service-option b,
.office-price-hidden .worker-service-total,
.office-price-hidden .service-price,
.office-price-hidden .price,
.office-price-hidden [data-service-price],
.office-price-hidden .service-cost,
.office-price-hidden .service-total { display:none !important; }
.office-price-hidden .service-option { grid-template-columns:18px 1fr !important; }
.office-price-hidden .service-selection-note { display:block !important; color:#7b8b9b; font-size:11px; margin-top:6px; }
/* V34 - office order: remove services column and keep a compact selector beside worker name */
.office-order-workers{min-width:1180px!important}
.office-order-workers .worker-name-cell{display:flex;align-items:center;gap:6px;min-width:190px}
.office-order-workers .worker-name-cell>input{flex:1;min-width:120px}
.worker-services-details{position:relative;min-width:92px}
.worker-services-details summary{list-style:none;cursor:pointer;white-space:nowrap;text-align:center;border:1px solid #b9e4d2;background:#f3fbf7;color:#087b53;border-radius:7px;padding:9px 7px;font-size:10px;font-weight:900}
.worker-services-details summary::-webkit-details-marker{display:none}
.worker-services-details[open] summary{background:#0d9869;color:#fff}
.worker-services-menu{position:absolute;z-index:30;right:0;top:calc(100% + 5px);width:230px;background:#fff;border:1px solid #dfe7eb;border-radius:10px;box-shadow:0 12px 28px rgba(20,45,65,.14);padding:9px}
.worker-services-menu .service-option{display:grid;grid-template-columns:18px 1fr;gap:7px;align-items:center;padding:7px 5px;border-bottom:1px solid #f0f3f5;font-size:10px;color:#17344e}
.worker-services-menu .service-option:last-of-type{border-bottom:0}
.worker-services-menu .service-option input{min-width:18px!important;width:18px;height:18px;min-height:18px;padding:0}
.worker-services-menu .service-selection-note{display:block;margin-top:7px;color:#7b8b9b;font-size:9px;line-height:1.6}
.office-order-workers th:nth-child(2){min-width:250px}

/* V39 — مكتب الاستقدام: إعادة تصميم صفحة إضافة الطلب بدون تمرير أفقي */
.workers-modern-section{margin-top:22px;background:linear-gradient(180deg,#ffffff 0%,#fbfdfc 100%);border:1px solid #dfe9e5;border-radius:18px;padding:18px;box-shadow:0 10px 28px rgba(7,26,47,.045)}
.workers-modern-head{align-items:center!important;margin-bottom:14px!important;padding-bottom:15px;border-bottom:1px solid #edf2f0}.section-kicker{display:inline-flex;color:#0b8e5b;font-size:10px;font-weight:900;background:#eaf8f2;border:1px solid #d2eee2;border-radius:999px;padding:5px 9px;margin-bottom:5px}.workers-modern-head h2{margin:0 0 4px!important;font-size:18px!important;color:#102b42}.workers-modern-head p{margin:0!important;color:#7a8997;font-size:10px;line-height:1.8}.workers-modern-head .add-worker-btn{background:#0f9b62;color:#fff;border:0;border-radius:11px;padding:12px 17px;font-weight:900;cursor:pointer;white-space:nowrap;box-shadow:0 7px 18px rgba(15,155,98,.18);transition:.18s}.workers-modern-head .add-worker-btn:hover{background:#0b8755;transform:translateY(-1px)}
.workers-summary-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:0 0 14px}.workers-summary-strip>div{display:flex;align-items:center;gap:9px;background:#f7fafb;border:1px solid #e7eeeb;border-radius:12px;padding:10px 12px}.summary-icon{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;background:#eaf0ff;color:#356bd4;font-weight:900}.summary-icon.green{background:#e7f8ef;color:#0a9860}.summary-icon.orange{background:#fff4df;color:#d98708}.workers-summary-strip b{display:block;color:#17364b;font-size:17px;line-height:1.1}.workers-summary-strip small{display:block;color:#84919d;font-size:9px;margin-top:2px}
.workers-cards{display:grid;gap:12px}.worker-card-modern{background:#fff;border:1px solid #dfe7e9;border-radius:15px;overflow:visible;box-shadow:0 6px 20px rgba(7,26,47,.035);transition:.18s}.worker-card-modern:hover{border-color:#c7ddd4;box-shadow:0 10px 28px rgba(7,26,47,.07)}.worker-card-top{display:flex;align-items:center;gap:10px;padding:11px 13px;background:linear-gradient(90deg,#f4faf7,#f8fbfd);border-bottom:1px solid #edf2f2;border-radius:15px 15px 0 0}.worker-number{width:34px;height:34px;border-radius:10px;background:#e7f7ef;color:#0a8e5a;display:grid;place-items:center;font-weight:900;font-size:13px}.worker-title{min-width:0}.worker-title b{display:block;font-size:12px;color:#17364b}.worker-title small{display:block;color:#8795a2;font-size:9px;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:250px}.worker-card-actions{margin-right:auto;display:flex;align-items:center;gap:7px}.worker-state{font-size:9px;font-weight:900;border-radius:999px;padding:5px 9px}.worker-state.ready{background:#e9f8f0;color:#087b52}.worker-state.pending{background:#fff5e2;color:#a86a00}.modern-remove{width:31px;height:31px;border:1px solid #f3d3d0;background:#fff4f3;color:#c22d25;border-radius:9px;font-size:18px;line-height:1;cursor:pointer}.modern-remove:hover{background:#fee8e6}
.worker-card-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:14px}.worker-field-block{border:1px solid #e8eef0;border-radius:12px;padding:12px;background:#fcfdfd;min-width:0}.worker-field-block.client-block{grid-column:1/-1}.field-block-title{display:flex;align-items:center;gap:7px;margin-bottom:9px}.field-block-title span{width:28px;height:28px;display:grid;place-items:center;border-radius:8px;background:#eef6ff;color:#2d6fd1;font-size:14px}.delivery-block .field-block-title span{background:#eaf8f2;color:#0b9560}.client-block .field-block-title span{background:#fff4df;color:#d78608}.field-block-title b{font-size:11px;color:#28445a}.worker-fields-2{display:grid;grid-template-columns:1.2fr .8fr;gap:9px}.worker-fields-3{display:grid;grid-template-columns:1fr 1fr 1.3fr;gap:9px}.worker-card-modern label{font-size:9px;margin-bottom:4px;color:#657688}.worker-card-modern input,.worker-card-modern select{min-height:40px;padding:9px 10px;border-radius:9px;font-size:10px}.field-hint{display:block;margin-top:7px;color:#98a3ad;font-size:9px;line-height:1.7}.delivery-extra-modern{display:grid!important;grid-template-columns:1fr 1fr;gap:8px;margin-top:9px;padding:9px;background:#f1faf6;border:1px solid #d8eee4;border-radius:9px}.delivery-extra-modern label{font-size:8px}.client-block.disabled{background:#f8fafb}.client-disabled-note{padding:11px 12px;border-radius:9px;background:#f4f6f8;color:#9aa5ae;font-size:9px}.client-block.enabled{background:#fffaf0;border-color:#f0e2c7}
.modern-empty{min-height:135px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:5px;background:#f8fafb;border:1px dashed #cbd9d5;border-radius:13px;color:#71808d}.modern-empty>span{width:38px;height:38px;display:grid;place-items:center;border-radius:11px;background:#eaf8f2;color:#0b9460;font-size:20px}.modern-empty b{font-size:12px;color:#355269}.modern-empty small{font-size:9px;color:#8b98a4}.modern-empty .secondary{margin-top:5px;font-size:10px;padding:8px 12px}
body.admin-app.office-app .content{overflow-x:hidden}body.admin-app.office-app .office-layout{min-width:0}body.admin-app.office-app .office-form-card{min-width:0}body.admin-app.office-app .workers-table-wrap{overflow:visible}body.admin-app.office-app .office-workers-table{min-width:0}
@media(max-width:1050px){.worker-card-grid{grid-template-columns:1fr}.worker-field-block.client-block{grid-column:auto}}
@media(max-width:760px){.workers-modern-section{padding:13px}.workers-modern-head{display:block!important}.workers-modern-head .add-worker-btn{margin-top:10px;width:100%}.workers-summary-strip{grid-template-columns:1fr}.worker-card-grid{padding:10px}.worker-fields-2,.worker-fields-3,.delivery-extra-modern{grid-template-columns:1fr}.worker-card-top{padding:10px}.worker-state{display:none}}

/* V40 - office request type selector */
.order-type-nav{position:relative}
.order-type-trigger{width:100%;border:0;background:transparent;color:inherit;font:inherit;display:flex;align-items:center;gap:10px;padding:13px 15px;cursor:pointer;text-align:right}
.order-type-trigger i{font-style:normal;width:22px;text-align:center}.order-type-trigger span{flex:1}.order-type-trigger b{font-size:14px;opacity:.75;transition:.2s}.order-type-nav:hover .order-type-menu,.order-type-nav:focus-within .order-type-menu{display:block}
.order-type-menu{display:none;position:absolute;right:8px;left:8px;top:calc(100% + 5px);background:#fff;border:1px solid #dce7ea;border-radius:14px;padding:7px;box-shadow:0 18px 45px rgba(7,26,47,.20);z-index:9999}
.order-type-menu a{display:flex;align-items:center;gap:9px;padding:10px 9px;border-radius:10px;color:#17364b;text-decoration:none}.order-type-menu a:hover{background:#eef8f4}.order-type-menu strong{width:28px;height:28px;border-radius:9px;background:#eaf8f2;color:#078b5b;display:grid;place-items:center}.order-type-menu span{display:flex;flex-direction:column;gap:2px}.order-type-menu small{font-size:9px;color:#83919b}.order-type-menu b{font-size:11px}
.office-request-type{background:#fff;border:1px solid #dfe8ed;border-radius:18px;padding:15px;margin-bottom:16px;box-shadow:0 8px 25px rgba(7,26,47,.04)}
.office-request-type .type-title{display:flex;align-items:center;justify-content:space-between;gap:12px}.office-request-type h2{margin:0;font-size:18px}.office-request-type p{margin:4px 0 0;color:#84929c;font-size:11px}.office-request-type select{max-width:420px;border:1px solid #cfdde2;background:#f8fbfc;font-weight:800}
.request-type-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:14px}.request-type-card{border:1px solid #dce7ea;background:#fbfdfd;border-radius:14px;padding:13px;text-decoration:none;color:#17364b;display:flex;gap:10px;align-items:center;transition:.2s}.request-type-card:hover,.request-type-card.active{border-color:#0b9c6b;background:#effaf5;transform:translateY(-1px)}.request-type-card .num{width:34px;height:34px;border-radius:11px;background:#eaf8f2;color:#078b5b;display:grid;place-items:center;font-weight:900}.request-type-card b{display:block;font-size:12px}.request-type-card small{display:block;color:#8996a0;font-size:9px;margin-top:2px}
.special-order-form{display:grid;gap:16px}.special-order-hero{padding:20px;border-radius:18px;background:linear-gradient(120deg,#062b3e,#087d61);color:#fff;display:flex;justify-content:space-between;align-items:center;gap:15px}.special-order-hero h2{margin:0 0 5px;color:#fff}.special-order-hero p{margin:0;color:#d8efea;font-size:11px}.special-badge{padding:9px 13px;background:rgba(255,255,255,.13);border:1px solid rgba(255,255,255,.22);border-radius:999px;font-size:10px;font-weight:800;white-space:nowrap}.special-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.special-field{background:#fff;border:1px solid #e0e9ed;border-radius:15px;padding:15px}.special-field.full{grid-column:1/-1}.special-field label{display:block;font-weight:800;color:#17364b;margin-bottom:7px;font-size:11px}.special-field small{display:block;color:#8a98a1;font-size:9px;margin-top:6px}.special-upload{border:1px dashed #b7d8cc;background:#f7fcfa}.special-actions{display:flex;justify-content:space-between;gap:10px;align-items:center}.six-hour-note{padding:12px 14px;border-radius:12px;background:#fff8e8;border:1px solid #f0d59a;color:#7b5a18;font-size:10px}.transfer-worker-card{background:#fff;border:1px solid #e0e8ec;border-radius:15px;padding:15px}.transfer-worker-grid{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:12px}.request-type-note{padding:11px 13px;border-radius:12px;background:#f3f7f9;color:#667780;font-size:10px}
@media(max-width:800px){.request-type-grid,.special-grid,.transfer-worker-grid{grid-template-columns:1fr}.special-field.full{grid-column:auto}.special-order-hero{align-items:flex-start;flex-direction:column}.order-type-menu{position:static;margin:5px 8px 8px}.order-type-nav:hover .order-type-menu{display:none}.order-type-nav:focus-within .order-type-menu{display:block}}

/* V42 - detailed manager/coordinator order cards */
.manager-order-list{display:grid;gap:18px;margin-top:18px}
.manager-order-card{background:#fff;border:1px solid #e5edf1;border-radius:22px;padding:20px;box-shadow:0 8px 28px rgba(8,47,73,.06);overflow:hidden}
.manager-order-card-head{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-bottom:16px;border-bottom:1px solid #edf2f4}
.manager-order-kicker{font-size:12px;color:#0b8f71;font-weight:800;margin-bottom:5px}
.manager-order-card-head h3{margin:0;font-size:20px;color:#082f49;letter-spacing:.2px}
.manager-order-card-head small{display:block;margin-top:5px;color:#718596}
.order-source-pill{display:inline-flex;align-items:center;padding:4px 9px;border-radius:999px;background:#e9f8f2;color:#087d63;margin-inline-start:7px;font-size:11px}
.manager-order-open{display:inline-flex;align-items:center;gap:7px;padding:10px 15px;border-radius:12px;background:#0b9272;color:#fff!important;font-weight:800;text-decoration:none!important;white-space:nowrap}
.manager-order-open:hover{background:#087c62}
.manager-order-summary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:16px}
.manager-order-summary-grid>div,.manager-order-details>div{background:#f7fafb;border:1px solid #edf2f4;border-radius:14px;padding:11px 13px;min-width:0}
.manager-order-summary-grid small,.manager-order-details small{display:block;color:#80909d;font-size:11px;margin-bottom:5px}
.manager-order-summary-grid b{display:block;color:#163c54;font-size:13px;line-height:1.55;word-break:break-word}
.manager-order-details{display:grid;grid-template-columns:2fr 1fr 1fr;gap:10px;margin-top:10px}
.manager-order-details p{margin:0;color:#244b61;font-size:13px;line-height:1.7;word-break:break-word}
.manager-order-controls{margin-top:14px;padding-top:14px;border-top:1px solid #edf2f4}
.manager-order-controls form{display:grid;grid-template-columns:1fr 1fr auto;align-items:end;gap:10px}
.quick-control label{display:block;font-size:11px;font-weight:800;color:#526b7b;margin:0 0 6px}
.quick-control select{width:100%;min-height:44px;border:1px solid #dbe7ec;border-radius:11px;background:#fff;padding:0 12px;color:#183e55;font:inherit}
.quick-save{min-height:44px;border:0;border-radius:11px;background:#0b9272;color:#fff;font-weight:800;padding:0 18px;cursor:pointer}
.quick-save:hover{background:#087c62}
@media(max-width:1000px){.manager-order-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.manager-order-details{grid-template-columns:1fr 1fr}.manager-order-controls form{grid-template-columns:1fr 1fr}.quick-save{grid-column:1/-1}}
@media(max-width:650px){.manager-order-card{padding:14px;border-radius:17px}.manager-order-card-head{align-items:flex-start;flex-direction:column}.manager-order-open{width:100%;justify-content:center}.manager-order-summary-grid,.manager-order-details,.manager-order-controls form{grid-template-columns:1fr}.quick-save{grid-column:auto;width:100%}}
/* V43 - Read-only order presentation for manager/coordinator */
.order-readonly-card{background:#fff;border:1px solid #e4edf1;border-radius:22px;padding:24px;box-shadow:0 12px 35px rgba(8,45,63,.06);margin-top:18px}.order-readonly-head{display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid #edf2f4;padding-bottom:20px}.order-readonly-head h2{margin:5px 0 6px;font-size:25px;color:#092d3f}.order-readonly-head p{margin:0;color:#78909c;font-size:13px}.readonly-kicker{display:inline-flex;padding:6px 11px;border-radius:999px;background:#e8f7f2;color:#07855d;font-weight:800;font-size:12px}.readonly-actions{display:flex;gap:8px;flex-wrap:wrap}.readonly-actions .order-action-btn.primary{background:#0aa56f;color:#fff;border-color:#0aa56f}.readonly-status-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:18px 0}.readonly-status-strip>div{background:#f7fafb;border:1px solid #e8eff2;border-radius:14px;padding:13px 15px}.readonly-status-strip small,.readonly-item small,.readonly-worker small,.readonly-notes small{display:block;color:#8aa0aa;font-size:11px;margin-bottom:6px}.readonly-status-strip b{font-size:14px;color:#123c4e}.readonly-status-strip .status{display:inline-flex!important;padding:5px 10px;border-radius:999px;font-size:12px}.readonly-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.readonly-item{min-height:72px;background:#fff;border:1px solid #e7eef1;border-radius:14px;padding:13px 15px;display:flex;flex-direction:column;justify-content:center}.readonly-item strong{color:#123c4e;font-size:14px;word-break:break-word}.readonly-workers{margin-top:22px;border-top:1px solid #edf2f4;padding-top:20px}.readonly-section-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.readonly-section-title h3{margin:0;color:#092d3f}.readonly-section-title span{background:#eef8f4;color:#07855d;border-radius:999px;padding:5px 10px;font-size:12px;font-weight:800}.readonly-worker-list{display:grid;gap:10px}.readonly-worker{display:grid;grid-template-columns:42px 1.6fr 1fr 1fr;align-items:center;gap:14px;background:#f9fbfc;border:1px solid #e7eef1;border-radius:15px;padding:12px 14px}.readonly-worker .worker-num{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#e8f7f2;color:#07855d;font-weight:900}.readonly-worker b{display:block;color:#123c4e;margin-bottom:4px}.readonly-worker span{color:#78909c;font-size:12px}.readonly-worker strong{color:#123c4e;font-size:13px}.readonly-notes{margin-top:16px;padding:16px;background:#f8fafb;border-radius:15px;border-right:4px solid #0aa56f}.readonly-notes p{margin:0;color:#45616f;line-height:1.9;font-size:13px}.order-readonly-card+.card{margin-top:18px}@media(max-width:900px){.order-readonly-head{flex-direction:column;align-items:flex-start}.readonly-status-strip{grid-template-columns:repeat(2,1fr)}.readonly-grid{grid-template-columns:repeat(2,1fr)}.readonly-worker{grid-template-columns:36px 1fr 1fr}}@media(max-width:600px){.readonly-status-strip,.readonly-grid{grid-template-columns:1fr}.readonly-worker{grid-template-columns:36px 1fr}.readonly-worker>div:nth-child(n+3){padding-top:6px}.readonly-actions{width:100%}.readonly-actions .order-action-btn{flex:1;text-align:center}}

/* V44 — Premium readonly order page: clear colors, attachments, invoice and print */
body.admin-app .order-track-page .order-readonly-card{
  background:linear-gradient(180deg,#ffffff 0%,#fbfefe 100%);
  border:1px solid #d9e8e5;
  border-radius:24px;
  padding:26px;
  box-shadow:0 16px 42px rgba(6,50,65,.09);
}
body.admin-app .order-track-page .order-readonly-head{
  background:linear-gradient(135deg,#f0fbf7,#ffffff);
  margin:-26px -26px 20px;
  padding:22px 26px;
  border-bottom:1px solid #dcebe7;
  border-radius:24px 24px 0 0;
}
body.admin-app .order-track-page .readonly-kicker{background:#dff8ed;color:#07875d;border:1px solid #bdebd8}
body.admin-app .order-track-page .order-readonly-head h2{font-size:27px;color:#062f43}
body.admin-app .order-track-page .readonly-actions{align-items:center}
body.admin-app .order-track-page .readonly-actions .order-action-btn{
  min-height:44px;padding:0 17px;border-radius:12px;border:1px solid #d7e6e4;
  box-shadow:0 4px 12px rgba(5,60,70,.06);transition:transform .18s ease,box-shadow .18s ease,background .18s ease;
}
body.admin-app .order-track-page .readonly-actions .order-action-btn:hover{transform:translateY(-2px);box-shadow:0 8px 18px rgba(5,60,70,.12)}
body.admin-app .order-track-page .readonly-actions .order-action-btn.primary{background:#0aa56f;color:#fff;border-color:#0aa56f}
body.admin-app .order-track-page .readonly-actions .invoice-btn{background:#eaf2ff;color:#155bb5;border-color:#cfe0fb}
body.admin-app .order-track-page .readonly-actions .print-btn{background:#fff5df;color:#9a6500;border-color:#f3d89a;cursor:pointer;font:inherit;font-weight:900}
body.admin-app .order-track-page .readonly-actions .light{background:#083b51;color:#fff;border-color:#083b51}
body.admin-app .order-track-page .readonly-status-strip>div{min-height:82px;background:#fff;border:1px solid #e0ebee;border-top:4px solid #0aa56f;box-shadow:0 7px 18px rgba(6,45,60,.05)}
body.admin-app .order-track-page .readonly-status-strip>div:nth-child(2){border-top-color:#3987e8}
body.admin-app .order-track-page .readonly-status-strip>div:nth-child(3){border-top-color:#8b63e8}
body.admin-app .order-track-page .readonly-status-strip>div:nth-child(4){border-top-color:#f0a11a}
body.admin-app .order-track-page .readonly-status-strip b{font-size:15px}
body.admin-app .order-track-page .readonly-grid{gap:14px}
body.admin-app .order-track-page .readonly-item{min-height:84px;background:#fff;border:1px solid #e0eaed;border-radius:16px;box-shadow:0 5px 15px rgba(8,47,63,.035);transition:transform .18s ease,border-color .18s ease}
body.admin-app .order-track-page .readonly-item:hover{transform:translateY(-2px);border-color:#b8ded1}
body.admin-app .order-track-page .readonly-item strong{font-size:15px;color:#082f49}
body.admin-app .order-track-page .readonly-attachments{
  margin:20px 0 22px;padding:19px;background:linear-gradient(135deg,#f4fbff,#f7fffb);
  border:1px solid #d8e8ed;border-radius:19px;box-shadow:0 8px 22px rgba(7,45,60,.05)
}
body.admin-app .order-track-page .readonly-attachments .attachment-title{margin-bottom:14px;padding-bottom:13px;border-bottom:1px solid #e0ecef}
body.admin-app .order-track-page .attachment-title h3{margin:0;color:#082f49;font-size:18px}
body.admin-app .order-track-page .attachment-title small{display:block;color:#81929d;font-size:10px;margin-top:4px}
body.admin-app .order-track-page .readonly-attachment-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px}
body.admin-app .order-track-page .readonly-attachment{
  min-width:0;display:flex;align-items:center;gap:10px;text-decoration:none;background:#fff;
  border:1px solid #dfe9ed;border-radius:14px;padding:12px;color:#173b50;
  box-shadow:0 5px 14px rgba(7,38,54,.04);transition:.18s ease
}
body.admin-app .order-track-page .readonly-attachment:hover{transform:translateY(-2px);border-color:#8fd2bc;box-shadow:0 9px 20px rgba(7,38,54,.09)}
body.admin-app .order-track-page .attachment-icon{width:40px;height:40px;flex:0 0 40px;display:grid;place-items:center;border-radius:12px;background:#e9f2ff;color:#1768c1;font-size:19px}
body.admin-app .order-track-page .attachment-icon.image{background:#e9faf3;color:#07875d}
body.admin-app .order-track-page .readonly-attachment div{min-width:0;flex:1}
body.admin-app .order-track-page .readonly-attachment b{display:block;font-size:12px;color:#123d54}
body.admin-app .order-track-page .readonly-attachment small{display:block;margin-top:4px;font-size:9px;color:#8999a4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
body.admin-app .order-track-page .readonly-attachment strong{font-size:10px;color:#07885d;white-space:nowrap}
body.admin-app .order-track-page .readonly-no-attachments{grid-column:1/-1;text-align:center;padding:20px;background:#fff;border:1px dashed #cbdde2;border-radius:13px;color:#8798a2;font-size:11px}
body.admin-app .order-track-page .readonly-workers{background:#fff;border-top:0;padding-top:18px;margin-top:22px}
body.admin-app .order-track-page .readonly-worker{background:#f9fcfd;border:1px solid #dfe9ed;box-shadow:0 5px 15px rgba(7,38,54,.035)}
body.admin-app .order-track-page .readonly-worker .worker-num{background:#dff8ed;color:#07885d}
body.admin-app .order-track-page .readonly-notes{background:#fffaf0;border-right-color:#f0a11a;border:1px solid #f2e1b6;border-right-width:4px}
@media(max-width:1000px){body.admin-app .order-track-page .readonly-attachment-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){body.admin-app .order-track-page .order-readonly-card{padding:17px}body.admin-app .order-track-page .order-readonly-head{margin:-17px -17px 18px;padding:18px 17px}.readonly-attachment-grid{grid-template-columns:1fr!important}.readonly-actions .order-action-btn{flex:1;min-width:130px}}

@media print{
  body.admin-app .sidebar,body.admin-app .topbar,body.admin-app nav,body.admin-app .order-track-hero,body.admin-app .order-hero-actions,
  body.admin-app .no-print,.readonly-actions .order-action-btn.light,body.admin-app .notification-panel{display:none!important}
  body.admin-app{background:#fff!important}
  body.admin-app .main,body.admin-app .content,body.admin-app .order-track-page{width:100%!important;max-width:none!important;margin:0!important;padding:0!important}
  body.admin-app .order-readonly-card{box-shadow:none!important;border:0!important;padding:0!important;margin:0!important}
  body.admin-app .order-readonly-head{margin:0 0 18px!important;border-radius:0!important;padding:0 0 15px!important;background:#fff!important}
  body.admin-app .readonly-attachment,body.admin-app .readonly-item,body.admin-app .readonly-status-strip>div{break-inside:avoid;box-shadow:none!important}
  body.admin-app .readonly-attachment strong{display:none}
}

/* Order creation date - V45 */
.order-created-chip{display:inline-flex;align-items:center;gap:6px;padding:7px 10px;border-radius:10px;background:#eef9f4;color:#087f5b;border:1px solid #ccefe1;font-size:12px;line-height:1.2;white-space:nowrap}.order-created-chip b{font-weight:800}.order-created-chip small{font-size:11px;color:#527066}.order-created-inline{color:#0b8f68;font-weight:800}.table td .order-created-chip{vertical-align:middle}
@media(max-width:900px){.order-created-chip{padding:5px 7px;font-size:11px;gap:4px}.order-created-chip small{font-size:10px}}

.order-created-chip-lg{min-width:112px;justify-content:center;flex-direction:column;gap:2px;padding:8px 12px;border-radius:12px;box-shadow:0 2px 8px rgba(8,127,91,.08)}.order-created-chip-lg b{font-size:12px}.order-created-chip-lg small{font-size:10px;font-weight:700}.table th:nth-child(5),.table td:nth-child(5){white-space:nowrap}

/* V50 - Coordinator flexible accounting */
.office-tax-panel{overflow:hidden}.office-tax-table{overflow-x:auto}.office-tax-table table{min-width:980px}.office-tax-table th{background:#f1f7f9}.office-tax-inline{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.office-tax-inline select,.office-tax-inline input[type=number]{height:38px;border:1px solid #d9e5eb;border-radius:10px;padding:0 9px;background:#fff;min-width:120px}.small-btn{padding:9px 14px!important;font-size:12px}.tax-switch{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:800;color:#456}.tax-switch input{accent-color:#0aa46f}.accounting-grid{gap:16px}
.global-tax-form{padding:8px 12px;background:#f5fafb;border:1px solid #dce9ee;border-radius:12px}.global-tax-form label{font-size:11px;font-weight:800;color:#5c7184}.global-tax-form input{width:70px;height:34px;border:1px solid #d7e4ea;border-radius:9px;padding:0 8px;font-weight:800}.global-tax-form span{font-weight:800;color:#567}.global-tax-form button{padding:8px 11px!important}

/* Shared Today Trips dashboard table - scoped */
.today-trips-panel{margin-bottom:18px}
.today-trips-table{overflow-x:auto}
.today-trips-table table{width:100%;min-width:760px}
.today-trips-table th{background:#f4f8fa;color:#52697d;font-size:12px;font-weight:800;white-space:nowrap}
.today-trips-table td{vertical-align:middle;white-space:nowrap}
.today-trips-table tbody tr:hover{background:#fbfdfd}
.today-trips-table td:first-child b{color:#087c59;font-size:14px}
.driver-today-trips{margin:14px 0 16px;overflow:hidden}
.driver-today-trips .section-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}
.driver-today-trips .section-head h2{margin:0;font-size:17px}
.driver-today-trips .section-head small{display:block;color:#81909d;margin-top:3px}
.driver-today-trips .section-head button{border:1px solid #dce6ec;background:#fff;border-radius:10px;padding:8px 11px;cursor:pointer;font:inherit;color:#17364b}
.driver-today-table-wrap{overflow-x:auto}
.driver-today-table-wrap table{width:100%;min-width:700px;border-collapse:collapse}
.driver-today-table-wrap th{background:#f5f8fa;color:#5d7284;font-size:11px;padding:10px;text-align:right;white-space:nowrap}
.driver-today-table-wrap td{padding:11px 10px;border-top:1px solid #edf1f3;font-size:12px;white-space:nowrap}
.driver-today-table-wrap .status-chip{display:inline-flex;padding:5px 9px;border-radius:999px;background:#eef5fa;color:#426174;font-size:10px;font-weight:800}
@media(max-width:700px){.today-trips-table table{min-width:680px}.driver-today-trips{margin:10px 0}.driver-today-table-wrap table{min-width:680px}}

/* FINAL QA — Today Trips tables: isolated styling for coordinator/driver portals */
body.admin-app .today-trips-panel{overflow:hidden;padding:0}
body.admin-app .today-trips-panel .section-head{padding:17px 18px 14px;margin:0;border-bottom:1px solid #e7edf1;background:linear-gradient(180deg,#fff 0%,#fbfdfd 100%)}
body.admin-app .today-trips-panel .section-head h2{display:flex;align-items:center;gap:8px;margin:0;font-size:17px;color:#102b40}
body.admin-app .today-trips-panel .section-head h2:before{content:'✈';display:grid;place-items:center;width:31px;height:31px;border-radius:9px;background:#eaf3ff;color:#2d79ea;font-size:15px}
body.admin-app .today-trips-panel .section-head p{margin:4px 0 0;font-size:10px}
body.admin-app .today-trips-panel .today-trips-table{padding:0 9px 9px;overflow-x:auto}
body.admin-app .today-trips-panel .today-trips-table table{width:100%;min-width:820px;table-layout:fixed;border-collapse:separate;border-spacing:0}
body.admin-app .today-trips-panel .today-trips-table th{padding:11px 12px;background:#f5f8fa;color:#64778a;font-size:10px;border-bottom:1px solid #dfe8ed;white-space:nowrap}
body.admin-app .today-trips-panel .today-trips-table td{height:48px;padding:10px 12px;font-size:11px;border-bottom:1px solid #edf2f5;vertical-align:middle;white-space:nowrap}
body.admin-app .today-trips-panel .today-trips-table tr:nth-child(even) td{background:#fbfcfd}
body.admin-app .today-trips-panel .today-trips-table tbody tr:hover td{background:#f2faf7}
body.admin-app .today-trips-panel .today-trips-table th:nth-child(1),body.admin-app .today-trips-panel .today-trips-table td:nth-child(1){width:10%}
body.admin-app .today-trips-panel .today-trips-table th:nth-child(2),body.admin-app .today-trips-panel .today-trips-table td:nth-child(2){width:15%}
body.admin-app .today-trips-panel .today-trips-table th:nth-child(3),body.admin-app .today-trips-panel .today-trips-table td:nth-child(3){width:17%}
body.admin-app .today-trips-panel .today-trips-table th:nth-child(4),body.admin-app .today-trips-panel .today-trips-table td:nth-child(4){width:24%}
body.admin-app .today-trips-panel .today-trips-table th:nth-child(5),body.admin-app .today-trips-panel .today-trips-table td:nth-child(5){width:11%;text-align:center}
body.admin-app .today-trips-panel .today-trips-table th:nth-child(6),body.admin-app .today-trips-panel .today-trips-table td:nth-child(6){width:13%}
body.admin-app .today-trips-panel .today-trips-table th:nth-child(7),body.admin-app .today-trips-panel .today-trips-table td:nth-child(7){width:10%}
body.admin-app .today-trips-panel .today-trips-table td:nth-child(1) b{display:inline-flex;align-items:center;justify-content:center;min-width:55px;padding:6px 8px;border-radius:8px;background:#edf8f4;color:#087f5a;font-size:11px}
body.admin-app .today-trips-panel .today-trips-table td:nth-child(2) strong{display:inline-flex;padding:6px 9px;border-radius:8px;background:#f0f5ff;color:#2769c7;font-size:10px;direction:ltr}
body.admin-app .today-trips-panel .today-trips-table td:nth-child(3),body.admin-app .today-trips-panel .today-trips-table td:nth-child(4),body.admin-app .today-trips-panel .today-trips-table td:nth-child(6){overflow:hidden;text-overflow:ellipsis}
body.admin-app .today-trips-panel .today-trips-table td:nth-child(5){font-weight:900;color:#173a50}
body.admin-app .today-trips-panel .today-trips-table .status{display:inline-flex;align-items:center;justify-content:center;min-width:58px;padding:5px 8px;font-size:9px}

/* Driver portal */
body.driver-app .driver-today-trips{border-radius:15px;padding:0}
body.driver-app .driver-today-trips .section-head{padding:14px 15px;margin:0;border-bottom:1px solid #e7edf1;background:#fbfdfd}
body.driver-app .driver-today-trips .section-head h2{font-size:16px;color:#102b40}
body.driver-app .driver-today-table-wrap{padding:0 8px 8px}
body.driver-app .driver-today-table-wrap table{min-width:760px;table-layout:fixed}
body.driver-app .driver-today-table-wrap th{padding:10px 11px;background:#f5f8fa;font-size:10px;border-bottom:1px solid #dfe8ed}
body.driver-app .driver-today-table-wrap td{height:45px;padding:9px 11px;font-size:11px;border-top:1px solid #edf2f5}
body.driver-app .driver-today-table-wrap tbody tr:nth-child(even) td{background:#fbfcfd}
body.driver-app .driver-today-table-wrap tbody tr:hover td{background:#f2faf7}

@media(max-width:900px){
  body.admin-app .today-trips-panel .today-trips-table table{min-width:800px}
}