@font-face{font-family:'IBM Plex Sans Arabic';src:url('/assets/brand/fonts/ibm-plex-sans-arabic-arabic-400-normal.woff2') format('woff2');font-style:normal;font-weight:400;font-display:swap}@font-face{font-family:'IBM Plex Sans Arabic';src:url('/assets/brand/fonts/ibm-plex-sans-arabic-arabic-600-normal.woff2') format('woff2');font-style:normal;font-weight:600;font-display:swap}@font-face{font-family:'IBM Plex Sans Arabic';src:url('/assets/brand/fonts/ibm-plex-sans-arabic-arabic-700-normal.woff2') format('woff2');font-style:normal;font-weight:700;font-display:swap}*{box-sizing:border-box}body{margin:0;font-family:'IBM Plex Sans Arabic',Tahoma,'Segoe UI',Arial,sans-serif;background:#f5e6d9;color:#4e2e20;font-size:16px;line-height:1.65}button,input,select,textarea{font:inherit}button{cursor:pointer;border:0}button:disabled{opacity:.5;cursor:wait}a{color:#825e35}h1,h2,h3,p{margin:0}h1{font-size:1.8rem;line-height:1.4}h2{font-size:1.22rem}h3{font-size:1rem}small,.muted{color:#746b62;font-size:.875rem}button:focus-visible,a:focus-visible,input:focus,select:focus,textarea:focus{outline:3px solid #ae8465;outline-offset:2px}.layout{display:grid;grid-template-columns:246px 1fr;min-height:100vh}.sidebar{background:#4e2e20;color:#f4e9d8;position:sticky;top:0;height:100vh;padding:28px 18px;display:flex;flex-direction:column;overflow-y:auto}.brand{display:flex;gap:12px;align-items:center;margin:0 8px 32px}.brand-icon{font-family:Georgia,serif;background:#c19965;color:#211914;display:grid;place-items:center;height:46px;width:46px;border-radius:12px;font-size:24px;font-weight:bold}.brand strong{display:block;font-size:1.1rem}.brand small{color:#b8a691;letter-spacing:2px;font-size:.7rem}.nav{display:grid;gap:4px}.nav button{background:transparent;color:#f0dfd0;text-align:right;padding:11px 15px;border-radius:8px;display:flex;align-items:center;gap:12px;font-size:.91rem}.nav button:hover{background:#644236}.nav button.active{background:#dbc6b4;color:#4e2e20;font-weight:bold}.nav .ico{width:22px;font-size:19px;text-align:center}.sidebar-foot{border-top:1px solid #49382a;padding:20px 8px 0;margin-top:auto;color:#d0beaa}.sidebar-foot small{color:#a8947f}.logout{background:none;color:#d6bfa2;padding:6px 0}.workspace{min-width:0}.topbar{background:#fffaf5;border-bottom:1px solid #e6ded1;padding:18px 32px;display:flex;align-items:center;justify-content:space-between;gap:16px}.topbar small{font-size:14px}.topbar strong{font-size:15px}.top-actions{display:flex;align-items:center;gap:14px}.avatar{display:grid;place-items:center;background:#e8dccb;color:#6e4e2c;width:40px;height:40px;border-radius:50%;font-weight:bold}.main{padding:28px 32px;max-width:1700px;margin:auto}.page-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;gap:16px}.eyebrow{color:#835e4b;font-size:14px;margin-bottom:5px}.button,.primary{background:#4e2e20;color:white;border-radius:7px;padding:10px 18px;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px}.button:hover,.primary:hover{background:#633f30}.secondary{background:white;border:1px solid #d7cabb;color:#4d3c2b;border-radius:7px;padding:9px 16px;min-height:44px}.danger{color:#ab3e32;background:#fae8e3}.actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:22px}.metric{background:#fffaf5;border:1px solid #e4dbce;border-radius:11px;padding:19px 21px;position:relative;min-height:120px}.metric .value{font-size:1.95rem;font-weight:700;line-height:1.3;margin-top:10px;font-variant-numeric:tabular-nums}.metric .hint{font-size:.8rem;color:#96816b;margin-top:6px}.metric.accent{background:#4e2e20;color:#f9ecda;border-color:#4e2e20}.metric.accent small,.metric.accent .hint{color:#d1b89a}.metric.warning .value{color:#b34431}.panel{background:#fffaf5;border:1px solid #e2d8ca;border-radius:11px;margin-bottom:22px;overflow:hidden}.panel-head{padding:18px 22px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #eee7dd;gap:10px}.panel-body{padding:22px}.map{height:350px;background:#e8e1d5;z-index:0}.map-layout{display:grid;grid-template-columns:1fr 280px}.map-list{padding:12px 18px;border-right:1px solid #e4dacb}.rep-mini{padding:14px 0;border-bottom:1px solid #ece4d8}.rep-mini:last-child{border:0}.rep-mini .line{display:flex;justify-content:space-between;gap:10px}.badge{display:inline-flex;border-radius:5px;padding:3px 8px;font-size:.8rem;white-space:nowrap;background:#eee8df;color:#75644f}.badge.green{background:#e6eee4;color:#376d40}.badge.red{background:#f7e5df;color:#a64432}.badge.amber{background:#f7edd9;color:#986b1b}.badge.blue{background:#e3edf3;color:#3b6a83}.dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:#999;margin-left:5px}.dot.online{background:#4a8255}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%;white-space:nowrap;text-align:right;font-size:.9rem}th{padding:12px 18px;color:#8a7660;background:#f9f5ef;font-size:.83rem;font-weight:500}td{padding:15px 18px;border-top:1px solid #eee6db}td strong{font-size:.92rem}tr:hover td{background:#fcf8f1}.num{font-variant-numeric:tabular-nums;direction:ltr;display:inline-block}.empty{padding:38px;text-align:center;color:#8a7967}.progress{display:block;height:5px;width:100px;background:#ece3d7;border-radius:8px;margin-top:6px;overflow:hidden}.progress i{display:block;height:100%;background:#a48052}.alert-strip{display:flex;gap:12px;align-items:center;background:#f9eadb;border:1px solid #e9d2b8;padding:14px 18px;border-radius:9px;color:#855d36;margin-bottom:22px;font-size:.9rem}.banner{background:#ede2cf;color:#6f5534;padding:9px 32px;font-size:.8rem;display:flex;justify-content:space-between;gap:12px}.grid-two{display:grid;grid-template-columns:1fr 1fr;gap:22px}.filters{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:20px;align-items:end}.field{display:grid;gap:6px}.field label{font-size:.9rem;color:#74614d}input,select,textarea{width:100%;border:1px solid #d8ccba;background:#fffaf5;border-radius:6px;min-height:44px;padding:9px 11px;color:#31281e}textarea{min-height:100px;resize:vertical}input[type=checkbox]{width:20px;min-height:20px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.full{grid-column:1/-1}.form-actions{margin-top:22px;display:flex;gap:10px;justify-content:flex-end}.route-card{padding:20px;display:flex;align-items:center;gap:16px;border-bottom:1px solid #ebe2d5}.route-num{border:1px solid #cfbda6;width:38px;height:38px;flex-shrink:0;display:grid;place-items:center;border-radius:50%;color:#835e4b}.route-card .info{flex:1}.route-card .info p{font-size:14px;color:#87715a}.route-card .actions{justify-content:flex-end}.balance{background:#302219;border-radius:11px;color:#f6e4ca;padding:25px;margin-bottom:20px}.balance .value{font-size:2.4rem}.tabs{display:flex;gap:8px;margin-bottom:20px;flex-wrap:wrap}.tabs button{padding:10px 20px;border-radius:7px;background:#e8ddcd;color:#614a32}.tabs button.active{background:#805a37;color:white}.list-card{padding:18px 22px;border-bottom:1px solid #ede3d7}.list-card p{white-space:pre-line}.list-card .meta{font-size:.8rem;color:#907c65;margin-top:7px}.login-page{min-height:100vh;display:grid;grid-template-columns:1fr 1fr;background:#4e2e20}.login-art{padding:80px;display:flex;flex-direction:column;justify-content:center;color:#f7e9d5}.login-art .overline{letter-spacing:4px;color:#b8966b;font-family:Georgia,serif;margin-bottom:24px}.login-art h1{font-size:3.1rem;line-height:1.6}.login-art p{color:#c2af99;margin-top:20px;max-width:430px}.login-art .rule{width:70px;height:3px;background:#be9866;margin:30px 0}.login-side{background:#f5e6d9;display:flex;align-items:center;justify-content:center;padding:40px}.login-card{width:100%;max-width:390px}.login-card h2{font-size:1.9rem;margin-bottom:8px}.login-card form{display:grid;gap:18px;margin-top:28px}.login-demo{font-size:14px;background:#e8dece;border-radius:8px;padding:14px;margin-top:25px;color:#765e42}.login-error{color:#a53728;min-height:25px;font-size:.9rem}dialog{border:1px solid #d9c5ac;border-radius:12px;max-width:720px;width:calc(100% - 28px);max-height:90vh;padding:0;background:#fffaf3;color:#30271f}dialog::backdrop{background:#1b140eb3;backdrop-filter:blur(3px)}.dialog-head{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e7d9c7;padding:16px 22px}.icon-btn{background:none;font-size:28px;color:#8b6a47;padding:0 8px}#dialog-body{padding:22px}.qr-sheet{text-align:center}.qr-sheet img{width:250px;max-width:100%}#toast{position:fixed;bottom:24px;left:24px;right:auto;max-width:90%;padding:13px 22px;border-radius:8px;background:#30251c;color:white;box-shadow:0 10px 30px #0002;z-index:2000;display:none}#toast.show{display:block}.loading{padding:70px;text-align:center;color:#94744d}.mobile-menu{display:none}.search{max-width:320px}.report-preview{max-height:440px;overflow:auto}.legend{display:flex;gap:14px;font-size:12px;color:#826a4e;flex-wrap:wrap}.leaflet-container{font-family:inherit}.qr-reader{width:100%;min-height:260px}.help{font-size:.875rem;background:#f2e8d9;padding:12px 16px;border-radius:7px;color:#7c6243}.ledger-detail{white-space:pre-wrap;direction:ltr;text-align:left;font-size:13px;overflow-wrap:anywhere}.stock-input{width:100px}.sync-line{background:#faebcf;color:#8d601c;padding:10px 20px;font-size:14px}.check-row{display:flex;align-items:center;gap:9px}.check-row label{flex:1}.muted-btn{background:none;color:#855e33;text-decoration:underline;padding:6px}.line-item{display:grid;grid-template-columns:2fr 1fr 1fr auto;gap:8px;margin:10px 0}.card-small{border:1px solid #e0d1bd;border-radius:8px;padding:16px;background:#f8f2e8}.card-small .value{font-size:1.4rem;font-weight:bold}
@media(max-width:1100px){.metric-grid{grid-template-columns:repeat(2,1fr)}.map-layout{grid-template-columns:1fr}.map-list{display:flex;gap:24px;overflow:auto;border-right:0;border-top:1px solid #e4dacb}.rep-mini{min-width:180px;border:0}.layout{grid-template-columns:210px 1fr}.main{padding:24px}.topbar{padding:16px 24px}.grid-two{grid-template-columns:1fr}.login-art{padding:45px}.login-art h1{font-size:2.4rem}}
@media(max-width:760px){.layout{display:block}.sidebar{position:fixed;right:-260px;width:246px;z-index:1100;transition:right .2s}.sidebar.open{right:0;box-shadow:-20px 0 80px #0006}.mobile-menu{display:block;font-size:22px;background:none;color:#624830}.topbar{padding:14px 16px;position:sticky;top:0;z-index:100;background:#fffaf5}.top-actions small{display:none}.main{padding:20px 14px}.page-head{align-items:start;margin-bottom:18px}.page-head h1{font-size:1.5rem}.page-head .secondary{font-size:13px;padding:7px}.metric-grid{gap:10px}.metric{padding:15px;min-height:112px}.metric .value{font-size:1.65rem}.banner{padding:8px 15px;display:block}.banner span:last-child{display:none}.map{height:300px}.panel-head{padding:16px}.panel-body{padding:16px}.form-grid{grid-template-columns:1fr}.full{grid-column:auto}.route-card{flex-wrap:wrap;padding:16px;gap:12px}.route-card .actions{width:100%}.login-page{display:block}.login-art{padding:30px 25px}.login-art h1{font-size:1.8rem}.login-art p,.login-art .rule,.login-art .overline{display:none}.login-side{padding:35px 24px;min-height:65vh}.login-card h2{font-size:1.5rem}.line-item{grid-template-columns:2fr 1fr}.filters .field{flex:1;min-width:140px}.grid-two{gap:0}.legend{display:none}.topbar strong{font-size:14px}}
@media print{body>*:not(dialog){display:none!important}dialog{display:block!important;position:static;width:100%;max-width:none;border:0}.dialog-head,.no-print{display:none!important}dialog::backdrop{display:none}}

.map-status{position:absolute;bottom:22px;right:12px;left:12px;z-index:500;background:#fff8e9ee;color:#785637;border:1px solid #d8c3a4;padding:7px 12px;border-radius:6px;font-size:13px;pointer-events:none}

.line-item{grid-template-columns:2fr 1fr 1fr 1fr auto}.line-item label{display:flex;flex-direction:column;gap:6px;font-size:14px}.line-item input[readonly]{background:#eee8df;color:#4c3a29}.banner[hidden]{display:none}#inbox-notice{position:sticky;top:0;z-index:450;background:#ffe2a8;flex-wrap:wrap}@media(max-width:650px){.line-item{grid-template-columns:1fr 1fr}.line-item label:first-child{grid-column:1/-1}}

/* Coffee Corner: original logo, cream paper and the packaging's brown accents. */
:root{--cc-brown:#4e2e20;--cc-cream:#f5e6d9;--cc-sand:#cfbba8;--cc-clay:#956e60;--cc-burgundy:#63342d}
.brand{flex-direction:column;gap:4px;margin:0 0 24px;padding:14px 12px;background:var(--cc-cream);border-radius:16px;color:var(--cc-brown)}
.brand-logo{display:block;width:148px;height:auto;max-width:100%;object-fit:contain;mix-blend-mode:multiply}
.brand-caption{font-size:14px;font-weight:600;color:var(--cc-brown)}
.topbar-logo{display:block;width:52px;height:auto;object-fit:contain;mix-blend-mode:multiply;flex:none}
.sidebar{border-left:1px solid #69483a}.sidebar-foot{border-color:#80614f;color:#f5e6d9}.sidebar-foot small{color:#e0c7b3}
.nav button{font-size:14px}.nav button.active{box-shadow:inset -3px 0 var(--cc-cream)}
.primary{border-radius:12px}.secondary{border-radius:10px}.metric,.panel{border-radius:16px}
.metric.accent{background:var(--cc-brown);border-color:var(--cc-brown)}
.metric .hint{color:#7c6151}.metric.accent .hint,.metric.accent small{color:#ead6c4}
.login-page{background:var(--cc-cream)}
.login-art{background:radial-gradient(ellipse at 110% 105%,#cfbba8 0 26%,transparent 26.2%),radial-gradient(ellipse at -25% -20%,#63342d 0 35%,transparent 35.2%),var(--cc-brown)}
.login-art .brand{align-self:flex-start;padding:20px 32px;border-radius:22px}
.login-art .brand-logo{width:175px}.login-art .overline{color:#e2c3a7;letter-spacing:2px}
.login-art p{color:#edd8c7}.login-art .rule{background:#cfbba8}
.login-card>.install-link{margin:0 0 22px;color:var(--cc-brown);border-color:#cbb5a1}
.install-link{display:block;background:transparent;border:1px solid #aa8b75;color:#f5e6d9;border-radius:10px;padding:9px 12px;min-height:44px;font-size:14px;margin-bottom:18px;text-align:center}
.install-help{max-width:430px;margin:auto}.install-help>img{display:block;margin:0 auto 12px;border-radius:20px}.install-help>h3{text-align:center;margin-bottom:16px}.install-help ol{padding-inline-start:24px}.install-help li{margin-block:12px}.install-help .muted{margin-top:20px}
@media(max-width:700px){.topbar{padding:12px 16px}.topbar-logo{width:42px}.topbar strong{font-size:14px}.topbar .actions{gap:8px}.login-art .brand{padding:10px 20px;margin-bottom:14px}.login-art .brand-logo{width:120px}.login-art h1{font-size:1.5rem}.login-side{padding:26px 24px}.brand-logo{width:132px}}

.product-document{display:grid;gap:12px;margin:12px 0}.product-entry{border:1px solid var(--border,#ded0bf);border-radius:12px;padding:14px;background:#faf6ef}.product-heading{display:flex;justify-content:space-between;gap:8px;flex-wrap:wrap;margin-bottom:12px}.product-heading span{font-size:12px;color:#765d43}.quantity-fields{display:grid;grid-template-columns:1fr 1fr auto;align-items:end;gap:12px}.quantity-fields label{display:grid;gap:6px}.quantity-fields input{width:100%;min-width:0}.row-total{padding-bottom:12px;white-space:nowrap}.invoice-total{align-self:center;font-size:18px}.invoice-total strong{display:block;font-size:25px}@media(max-width:440px){.quantity-fields{gap:8px}.product-entry{padding:10px}}

/* Temporary field account: one focused task, no sales or accounting navigation. */
.field-workspace{min-height:100vh;background:#f5e6d9}.field-main{max-width:860px}.field-day-bar{display:grid;grid-template-columns:minmax(190px,260px) 1fr;align-items:end;gap:18px;background:#fffaf5;border:1px solid #e2d8ca;border-radius:16px;padding:18px 22px;margin-bottom:18px}.field-progress{display:flex;align-items:center;gap:18px;background:#4e2e20;color:#fff7ec;border-radius:16px;padding:18px 22px;margin-bottom:18px}.field-progress .progress{height:8px;flex:1;width:auto;background:#ffffff30}.field-progress .progress i{background:#d9b98e}.field-next{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:18px;padding:24px}.field-next .route-num{width:48px;height:48px;font-size:18px}.field-next h2{font-size:1.45rem}.field-next p{color:#806b58;margin-top:4px}.field-complete{background:#e6eee4;color:#376d40;border:1px solid #bfd3bd;border-radius:16px;padding:28px;text-align:center;margin-bottom:20px}.field-complete strong{font-size:1.4rem}.field-complete p{margin-top:6px}.field-done{opacity:.66}.field-workspace .panel{box-shadow:0 8px 24px #4e2e2008}.field-workspace .primary{min-height:50px;font-weight:700}
@media(max-width:700px){.field-workspace .topbar{position:static}.field-workspace .top-actions strong{display:none}.field-main{padding-top:16px}.field-day-bar{grid-template-columns:1fr;padding:16px}.field-next{grid-template-columns:auto 1fr;padding:18px}.field-next .primary{grid-column:1/-1;width:100%}.field-progress{display:grid;gap:10px}.field-workspace .route-card .secondary{width:auto}.field-workspace .panel-head{padding:14px 16px}}

/* Devices: current work stays visible; history is opened only when needed. */
.device-summary{display:flex;gap:22px;flex-wrap:wrap;padding:15px 22px;background:#f8f2e9;border-bottom:1px solid #e9dfd2;color:#725b45}.device-summary strong{color:#4e2e20;font-size:1.15rem}.device-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:12px;padding:16px}.device-card{border:1px solid #e1d4c3;border-radius:13px;padding:16px;background:#fffdf9;display:grid;gap:13px}.device-card-main{display:flex;align-items:start;justify-content:space-between;gap:12px}.device-card-main div{display:grid;gap:2px}.device-card-main span:not(.badge){color:#766653;font-size:.9rem}.device-meta{display:flex;justify-content:space-between;gap:12px;color:#7e6a56;font-size:.82rem}.device-meta small{max-width:145px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.device-actions{display:flex;gap:8px;flex-wrap:wrap;padding-top:2px}.device-actions button{min-height:38px;padding:7px 12px;font-size:.86rem}
@media(max-width:600px){.device-grid{grid-template-columns:1fr;padding:12px}.device-card{padding:14px}.device-meta{display:grid;gap:3px}.device-actions button{flex:1}.device-summary{padding:12px 16px;gap:12px}}