:root{color:#3f2a22;font-synthesis:none;--brown:#5d3527;--brown2:#7b4a38;--cream:#fffdf9;--gold:#d8a744;--green:#5a8f64;--red:#b84d4d;--line:#e7ddd2;--muted:#8b776c;--shadow:0 8px 25px #4a2d2214;background:#f7f3ed;font-family:Tajawal,Noto Sans Arabic,Arial,sans-serif}*{box-sizing:border-box}html{direction:rtl}body{background:#f7f3ed;margin:0}button,input,select,textarea{font:inherit}button,.button{background:var(--brown);color:#fff;cursor:pointer;border:0;border-radius:10px;justify-content:center;align-items:center;gap:6px;padding:10px 16px;text-decoration:none;display:inline-flex}button:disabled{opacity:.5;cursor:not-allowed}.secondary{color:var(--brown);background:#eee7df}.ghost{color:#fff;background:0 0;border:1px solid #fff3}.link{color:var(--brown);background:0 0;padding:0}.danger,.danger-text{color:#fff;background:var(--red)}.link.danger-text{color:var(--red);background:0 0}input,select,textarea{border:1px solid var(--line);color:#3f2a22;background:#fff;border-radius:10px;outline:none;width:100%;padding:11px 12px}input:focus,select:focus,textarea:focus{border-color:#c5a485;box-shadow:0 0 0 3px #c5a48529}textarea{resize:vertical;min-height:80px}label{color:#5c493f;flex-direction:column;gap:6px;font-size:14px;display:flex}.app{direction:rtl;grid-template-columns:260px 1fr;min-height:100vh;display:grid}.sidebar{color:#fff;background:linear-gradient(#4d2b20,#6b4030);flex-direction:column;height:100vh;padding:20px 14px;display:flex;position:sticky;top:0}.brand{align-items:center;gap:12px;padding:8px 8px 24px;display:flex}.brand-icon{color:#4d2b20;background:#f2c56a;border-radius:14px;place-items:center;width:42px;height:42px;font-size:28px;display:grid}.brand b{display:block}.brand small{color:#dbc8bb;margin-top:4px;display:block}.sidebar nav{flex-direction:column;gap:6px;display:flex;overflow:auto}.sidebar nav a{color:#f4e9e3;border-radius:10px;align-items:center;gap:10px;padding:11px 12px;text-decoration:none;display:flex}.sidebar nav a:hover,.sidebar nav a.active{color:#fff;background:#ffffff21}.sidebar nav a span{text-align:center;width:22px}.sidebar-foot{gap:10px;margin-top:auto;display:grid}.online,.offline{border-radius:8px;padding:8px 10px;font-size:12px}.online{color:#c8f0d0;background:#56a46833}.offline{color:#ffd2c8;background:#de6c5433}.main{min-width:0}.topbar{border-bottom:1px solid var(--line);z-index:10;background:#fff;justify-content:space-between;align-items:center;height:70px;padding:0 28px;display:flex;position:sticky;top:0}.topbar b,.topbar small{display:block}.topbar small{color:var(--muted);margin-top:3px}.connection{color:var(--green);font-size:13px}.page{max-width:1600px;margin:auto;padding:28px}.page-title{justify-content:space-between;align-items:center;gap:20px;margin-bottom:20px;display:flex}.page-title h1{margin:0;font-size:27px}.actions{flex-wrap:wrap;gap:8px;display:flex}.card{background:var(--cream);box-shadow:var(--shadow);border:1px solid #eee5db;border-radius:16px;margin-bottom:18px;padding:18px}.card h2{margin:0 0 16px;font-size:18px}.kpi-grid{grid-template-columns:repeat(6,minmax(130px,1fr));gap:14px;margin-bottom:18px;display:grid}.kpi-grid.small{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.kpi{border:1px solid var(--line);box-shadow:var(--shadow);background:#fff;border-radius:15px;padding:16px}.kpi span{color:var(--muted);font-size:13px;display:block}.kpi strong{margin-top:8px;font-size:27px;display:block}.kpi-new{border-top:4px solid #5a8f64}.kpi-scheduled{border-top:4px solid #8069a8}.kpi-preparing{border-top:4px solid #d8a744}.kpi-ready{border-top:4px solid #3f9860}.kpi-trays{border-top:4px solid #a66b46}.kpi-money{border-top:4px solid #4f7e9e}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%;min-width:720px}th,td{text-align:right;white-space:nowrap;border-bottom:1px solid #eee6dd;padding:12px 10px}th{color:#79665b;background:#fbf7f2;font-size:13px}td a{color:var(--brown);font-weight:700}.muted{color:var(--muted);font-size:13px}.negative{background:#fff0f0;font-weight:700;color:#b02a37!important}.filters,.form-grid{grid-template-columns:repeat(4,1fr);align-items:end;gap:12px;display:grid}.form-grid .wide{grid-column:span 2}.form-grid.one{grid-template-columns:1fr}.product-form{grid-template-columns:repeat(6,1fr)}.two-col{grid-template-columns:minmax(0,1.7fr) minmax(300px,.8fr);align-items:start;gap:18px;display:grid}.sticky-col{position:sticky;top:88px}.info-strip{background:#f2eee8;border:1px dashed #cbbbad;border-radius:10px;padding:12px}.catalog-toolbar{gap:10px;margin-bottom:14px;display:grid}.chips{gap:8px;padding-bottom:4px;display:flex;overflow:auto}.chip{white-space:nowrap;color:#624536;background:#efe8df;padding:8px 12px}.chip.active{background:var(--brown);color:#fff}.product-grid{grid-template-columns:repeat(auto-fill,minmax(145px,1fr));gap:12px;display:grid}.product-card{color:#3f2a22;background:#fff;border:2px solid #0000;flex-direction:column;align-items:stretch;min-height:170px;padding:10px;display:flex}.product-card.selected{border-color:var(--gold);box-shadow:0 0 0 3px #d8a74426}.product-image{background:#f3ece3;border-radius:11px;place-items:center;height:95px;margin-bottom:8px;display:grid;overflow:hidden}.product-image img{object-fit:cover;width:100%;height:100%}.product-image span{color:#b89677;font-size:38px}.product-card b{text-align:right}.product-card small{text-align:right;color:var(--muted);margin-top:4px}.tray-picker{background:#f6efe6;border:1px solid #e7d5c3;border-radius:12px;grid-template-columns:1fr 1fr auto;align-items:center;gap:10px;margin-top:14px;padding:12px;display:grid}.tray-picker div b,.tray-picker div span{display:block}.tray-picker div span{color:var(--muted);font-size:12px}.line-list{gap:10px;display:grid}.order-line{border:1px solid var(--line);background:#fff;border-radius:12px;gap:7px;padding:12px;display:grid;position:relative}.order-line span,.order-line small{color:var(--muted)}.remove{color:#9d3434;background:#f7dede;border-radius:50%;width:28px;height:28px;padding:0;position:absolute;top:8px;left:8px}.summary-box{gap:9px;margin:14px 0;display:grid}.summary-box>div{border-bottom:1px dashed #e3d8cd;justify-content:space-between;gap:10px;padding:9px 0;display:flex}.summary-box .total{border-top:2px solid #d5c3b4;padding-top:12px;font-size:18px}.big-button{width:100%;padding:14px;font-size:16px;font-weight:700}.empty,.loading{text-align:center;color:var(--muted);padding:26px}.order-head{grid-template-columns:repeat(5,1fr);gap:12px;margin-bottom:18px;display:grid}.order-head>div{border:1px solid var(--line);background:#fff;border-radius:12px;padding:12px}.order-head span,.order-head b{display:block}.order-head span{color:var(--muted);font-size:12px}.order-head b{margin-top:6px}.badge{background:#eee;border-radius:999px;padding:5px 9px;font-size:12px;font-weight:700;display:inline-flex}.badge-new{color:#38648f;background:#e7f0fb}.badge-scheduled{color:#71538f;background:#efe9f7}.badge-preparing{color:#8b6504;background:#fff1c9}.badge-ready{color:#39764a;background:#e2f3e7}.badge-delivered{color:#24654c;background:#dbeee6}.badge-cancelled{color:#a03c3c;background:#fde2e2}.badge-waiting{color:#666;background:#eee}.item-cards{gap:14px;display:grid}.final-item{border:1px solid var(--line);background:#fff;border-radius:14px;padding:14px}.item-title{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.mini-grid,.weight-grid{grid-template-columns:repeat(4,1fr);gap:10px;display:grid}.mini-grid span{color:var(--muted);background:#f7f3ee;border-radius:9px;padding:8px;font-size:12px}.mini-grid b{color:#4a3328;margin-top:4px;display:block}.values{flex-wrap:wrap;align-items:center;gap:16px;margin-top:12px;display:flex}.values span{background:#faf4e8;border-radius:8px;padding:8px 10px}.status-actions{grid-template-columns:1fr 1fr;gap:8px;margin:10px 0;display:grid}.status-btn{background:#f3eee9}.check-row{flex-direction:row;align-items:center;gap:8px;margin:8px 0}.check-row input{width:auto}.day-title{margin:20px 0 10px;font-size:18px}.queue-grid{grid-template-columns:repeat(auto-fill,minmax(380px,1fr));gap:14px;display:grid}.priority-card{border:2px solid #d6aa4a}.queue-order-head{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:10px;display:flex}.queue-order-head>a{color:var(--brown);font-weight:800}.queue-order-head span{color:var(--muted);margin-inline-start:auto}.queue-items{gap:8px;display:grid}.queue-item{border:1px solid var(--line);border-radius:10px;grid-template-columns:1fr auto auto;align-items:center;gap:10px;padding:10px;display:grid}.queue-item div b,.queue-item div small,.queue-item div em{display:block}.queue-item small{color:var(--muted)}.queue-item em{color:#999;font-size:11px}.queue-item.other{opacity:.38;filter:grayscale()}.mini-actions{gap:5px;display:flex!important}.mini-actions button{padding:7px 9px;font-size:12px}.settings-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.settings-grid .card{margin-bottom:0}.inline-form{gap:8px;display:flex}.simple-list{margin:12px 0 0;padding:0;list-style:none}.simple-list li{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:10px;padding:10px 0;display:flex}.simple-list small{color:var(--muted);margin-inline-start:auto}.conflict-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.conflict-grid pre{text-align:left;color:#f4eee8;direction:ltr;background:#241d19;border-radius:10px;max-height:350px;padding:12px;overflow:auto}.alert{border-radius:10px;margin-bottom:14px;padding:12px 14px}.alert.error{color:#8d2f2d;background:#fde4e2;border:1px solid #f6c4c0}.alert.success{color:#326943;background:#e4f4e8;border:1px solid #c0e2c9}.login-page{background:radial-gradient(circle at 100% 0,#fff8ed,#eadbc9);place-items:center;min-height:100vh;padding:20px;display:grid}.login-card{background:#fff;border-radius:22px;gap:13px;width:min(430px,100%);padding:30px;display:grid;box-shadow:0 25px 60px #40271d2e}.login-card h1{text-align:center;margin:0;font-size:23px}.login-card p{text-align:center;color:var(--muted);margin:0}.login-card small{text-align:center;color:var(--muted)}.login-logo{background:var(--brown);color:#f4c967;border-radius:20px;place-items:center;width:64px;height:64px;margin:auto;font-size:38px;display:grid}@media (width<=1100px){.app{grid-template-columns:210px 1fr}.kpi-grid{grid-template-columns:repeat(3,1fr)}.two-col{grid-template-columns:1fr}.sticky-col{position:static}.filters,.form-grid{grid-template-columns:repeat(2,1fr)}.product-form,.order-head{grid-template-columns:repeat(3,1fr)}}@media (width<=760px){.app{display:block}.sidebar{z-index:40;background:#5d3527;width:100%;height:auto;padding:6px;position:fixed;top:auto;bottom:0}.brand,.sidebar-foot{display:none}.sidebar nav{flex-direction:row;overflow-x:auto}.sidebar nav a{flex-direction:column;gap:2px;min-width:max-content;padding:7px 10px;font-size:11px}.topbar{height:58px;padding:0 14px}.page{padding:14px 12px 88px}.page-title h1{font-size:21px}.kpi-grid{grid-template-columns:repeat(2,1fr)}.filters,.form-grid,.product-form{grid-template-columns:1fr}.form-grid .wide{grid-column:auto}.settings-grid{grid-template-columns:1fr}.order-head,.mini-grid,.weight-grid{grid-template-columns:repeat(2,1fr)}.queue-grid,.tray-picker,.conflict-grid{grid-template-columns:1fr}}@media print{@page{size:80mm auto;margin:3mm}body{background:#fff;font-size:10pt}.sidebar,.topbar,.no-print,.page-title .actions{display:none!important}.app{display:block}.page{max-width:74mm;padding:0}.card{box-shadow:none;border:0;margin:0 0 3mm;padding:0}.two-col{display:block}.sticky-col{position:static}.order-head{grid-template-columns:1fr 1fr;gap:2mm}.order-head>div{border:1px solid #bbb;padding:2mm}.final-item{border:1px solid #bbb;margin-bottom:2mm;padding:2mm}.weight-grid,.mini-grid{grid-template-columns:1fr 1fr}.summary-box{font-size:9pt}button{display:none!important}}.print-header{display:none}.permission-grid{grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:8px;margin:14px 0;display:grid}.permission-item{border:1px solid var(--line);background:#fff;border-radius:10px;flex-direction:row;align-items:center;padding:10px}.permission-item input{width:auto}.permission-item span b,.permission-item span small{display:block}.permission-item span small{color:var(--muted);margin-top:2px}.selected-row{background:#fff8e8}.attachments{flex-wrap:wrap;gap:8px;margin-bottom:10px;display:flex}.attachments a{color:var(--brown);background:#f2ece5;border-radius:8px;padding:8px 10px;text-decoration:none}.upload-btn{color:var(--brown);cursor:pointer;background:#eee7df;border-radius:10px;padding:10px 12px;display:inline-flex}@media print{.print-header{text-align:center;border-bottom:1px solid #444;flex-direction:column;align-items:center;margin-bottom:3mm;padding-bottom:2mm;display:flex}.print-header b{font-size:14pt}.print-header span{font-size:8pt}.print-header strong{margin-top:2mm}}