@import url('https://fonts.googleapis.com/css2?family=Tajawal:wght@400;500;700;800&display=swap');
:root{--wine:#64162e;--deep:#64162e;--paper:#faf7f2;--ink:#30242a;--muted:#796d71;--border:#e8dfd9;--green:#287352}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.7 Tajawal,Arial,sans-serif}button,input,select{font:inherit}button,a,input,select{touch-action:manipulation}button{cursor:pointer;border:0;border-radius:10px;background:var(--wine);color:white;padding:11px 20px;font-weight:700}button:disabled{opacity:.5;cursor:wait}button:hover:not(:disabled){filter:brightness(.94)}a{color:var(--wine);text-underline-offset:4px}input,select{width:100%;padding:11px 13px;border:1px solid var(--border);border-radius:9px;background:white;color:var(--ink)}input:focus,select:focus{outline:2px solid #b08968;outline-offset:2px}label{display:block;font-size:14px;font-weight:700;margin:12px 0}h1,h2,h3,p{margin-top:0}h1{font-size:34px;line-height:1.3;margin-bottom:12px}h2{font-size:23px}h3{font-size:19px;margin-bottom:8px}[hidden]{display:none!important}.brand{display:block;font-size:40px;font-weight:800;line-height:1.25;text-decoration:none}.brand small{display:block;font-size:10px;letter-spacing:3px;margin-top:9px}.eyebrow{font-size:12px;color:var(--muted);letter-spacing:.4px;margin:0 0 9px}.muted,small{color:var(--muted)}.panel{background:white;border:1px solid var(--border);border-radius:18px;padding:26px}.login{min-height:100vh;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:8vw;max-width:1250px;margin:auto;padding:65px}.welcome .brand{margin-bottom:72px}.welcome h1{font-size:58px}.welcome p{font-size:19px}.welcome .eyebrow{font-size:13px}.login-cards{display:flex;gap:10px;margin-top:35px}.login-cards span,.chip{background:#f0e8e3;border-radius:30px;padding:6px 16px;font-size:13px}.login form button{width:100%;margin:18px 0}#login-error{color:#ac2638}.login form a{font-size:14px}aside{position:fixed;inset-block:0;inset-inline-start:0;inset-inline-end:auto;width:235px;background:white;border-inline-end:1px solid var(--border);padding:35px 22px;display:flex;flex-direction:column;gap:22px}aside .brand{margin-bottom:32px}nav{display:grid;gap:9px}nav button{text-align:start;background:transparent;color:var(--muted);padding:13px 14px}nav button.selected{color:var(--wine);background:#f5e9ed}nav b{float:inline-end;background:var(--wine);color:white;border-radius:8px;padding:0 7px}.aside-bottom{margin-top:auto;display:grid;gap:12px;font-size:13px}main{margin-inline-start:235px;padding:38px 42px;max-width:1700px}header{display:flex;justify-content:space-between;align-items:center;gap:18px}header h1{margin-bottom:5px}.secondary,.quiet{background:white;color:var(--wine);border:1px solid var(--border)}.quiet{background:transparent}.connection{font-size:12px;color:var(--muted);margin:12px 0 25px}.error{padding:16px;background:#ffeded;border:1px solid #d88e8e;border-radius:10px;color:#902d35;margin-bottom:20px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:25px}.stat{background:white;border:1px solid var(--border);border-radius:16px;padding:22px}.stat strong{font-size:35px;display:block;line-height:1.5;color:var(--wine)}.stat span{font-size:14px;color:var(--muted)}.section-head{display:flex;justify-content:space-between;align-items:center;margin:28px 0 18px}.section-head h2{margin:0}.task-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.task{background:white;border:1px solid var(--border);border-radius:16px;padding:24px}.task-top{display:flex;justify-content:space-between;gap:10px;align-items:start}.task h3 small{display:block;font-size:12px;font-weight:400;direction:ltr;text-align:start}.status{font-size:12px;color:var(--wine);background:#f5e9ed;border-radius:20px;padding:5px 12px;white-space:nowrap}.status.ready,.status.delivered{color:var(--green);background:#eaf5ee}.task ul{list-style:none;padding:0;margin:17px 0;border-top:1px solid var(--border)}.task li{padding:12px 0;border-bottom:1px solid var(--border);font-size:14px}.task li small{display:block}.actions{display:flex;flex-wrap:wrap;gap:9px;margin-top:18px}.actions button{padding:9px 14px;font-size:14px}.task .address{background:var(--paper);padding:12px;border-radius:9px;font-size:13px;white-space:pre-wrap}.inline{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.inline select{width:auto;max-width:100%;flex:1}.empty{text-align:center;padding:65px 25px;background:white;border:1px dashed var(--border);border-radius:18px}.empty p{margin:0;color:var(--muted)}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 20px}.form-grid .wide{grid-column:1/-1}.products{display:grid;gap:18px;margin-top:24px}.product{display:flex;gap:20px;align-items:start}.product img{width:90px;height:110px;object-fit:cover;border-radius:9px;background:var(--paper)}.product-info{flex:1;min-width:0}.stock{padding:12px 0;border-top:1px solid var(--border);display:flex;align-items:center;gap:14px;flex-wrap:wrap}.stock input{width:90px}.stock span{flex:1;min-width:110px}.notification{padding:20px;border-bottom:1px solid var(--border)}.notification:last-child{border:0}.notification.unread{border-right:3px solid var(--wine);background:#fcf7f8}.notification p{margin:0}.notification small{font-size:12px}.notice{padding:14px 18px;background:#f1eae3;border-radius:10px;font-size:14px}.skip{position:fixed;top:-80px;right:20px;background:white;padding:10px;z-index:30}.skip:focus{top:10px}#toast{position:fixed;bottom:25px;left:25px;right:auto;background:var(--deep);color:white;padding:15px 24px;border-radius:12px;box-shadow:0 8px 25px #0002;z-index:30;max-width:calc(100% - 40px)}@media(max-width:1100px){main{padding:25px;margin-inline-start:200px}aside{width:200px}.task-grid{grid-template-columns:1fr}.stats{grid-template-columns:repeat(2,1fr)}}@media(max-width:700px){.login{display:block;padding:30px 22px}.welcome .brand{margin-bottom:28px}.welcome h1{font-size:38px}.welcome p,.login-cards{display:none}.welcome{margin-bottom:25px}aside{position:static;width:auto;border:0;padding:15px 20px;flex-direction:row;align-items:center;flex-wrap:wrap;gap:10px}aside .brand{font-size:27px;margin:0}aside .brand small{font-size:8px}aside>.eyebrow{display:none}nav{position:fixed;bottom:0;right:0;left:0;background:white;border-top:1px solid var(--border);display:flex;justify-content:space-around;gap:0;z-index:20;padding:8px 5px max(8px,env(safe-area-inset-bottom))}nav button{font-size:11px;text-align:center;padding:10px 8px;flex:1}nav b{float:none;margin-right:2px}aside .aside-bottom{margin:0 auto 0 0;gap:0}.aside-bottom button{padding:4px 9px;font-size:11px}#catalog-admin{font-size:12px;width:100%}main{margin:0;padding:25px 16px 115px}h1{font-size:26px}header{align-items:start}header .secondary{padding:8px 10px;font-size:12px}.stat{padding:16px}.stat strong{font-size:29px}.stats{gap:10px}.panel,.task{padding:19px}.form-grid{grid-template-columns:1fr}.product img{width:65px;height:90px}.product{gap:12px}#toast{bottom:90px;left:20px}.section-head h2{font-size:20px}}
/* Role workspaces */
.role-hero{display:flex;justify-content:space-between;align-items:center;gap:25px;background:var(--wine);color:#fff;border-radius:20px;padding:30px;margin-bottom:24px}.role-hero h2{font-size:30px;line-height:1.7;margin:8px 0}.role-hero p{color:#ecdce2}.role-hero .eyebrow{color:#e8c5d2}.role-hero button{background:#fff;color:var(--wine)}.hero-number{display:grid;text-align:center;min-width:140px}.hero-number strong{font-size:66px;font-weight:500}.quick-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.quick-card{display:grid;text-align:start;background:#fff;color:var(--wine);border:1px solid var(--border);padding:22px;border-radius:15px;gap:10px}.quick-card strong{font-size:30px}.quick-card span{font-size:13px}.stat strong{font-size:clamp(20px,2.1vw,32px)}.stat small{font-size:11px;display:block;color:var(--muted)}.filters{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-bottom:22px}.filters label{margin:0;min-width:180px}.filters button{font-size:13px;padding:9px 16px}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;text-align:start;font-size:14px}th{font-size:12px;color:var(--muted);background:var(--paper)}td,th{padding:16px 12px;border-bottom:1px solid var(--border);white-space:nowrap}td small{display:block;font-size:11px}.inventory-stock input{width:90px}.inventory-stock button{padding:8px 12px}.big-number{font-size:34px;color:var(--wine)}details{margin:15px 0}summary{cursor:pointer;font-weight:600;padding:8px 0;color:var(--wine)}details[open]>summary{margin-bottom:14px}textarea{width:100%;min-height:75px;resize:vertical;border:1px solid var(--border);border-radius:8px;padding:10px;font:inherit;background:white;color:inherit}.review-form{border-top:1px solid var(--border);margin-top:15px;padding-top:12px}.status.rejected{background:#fae7e4;color:#92332b}.status.approved{background:#e8f3ea;color:#326743}.status.archived{background:#eee;color:#666}.delivery-slot{display:flex;justify-content:space-between;gap:12px;padding:12px;border-radius:9px;background:#f3e8ed;color:var(--wine);margin-top:15px;font-size:13px}.link-button{display:inline-block;text-decoration:none;border-radius:8px;padding:9px 12px;font-size:12px}.phone-link{font-size:13px}.support-card{margin-bottom:18px}.notification small{display:block}aside nav{overflow-y:auto;max-height:calc(100vh - 240px)}body[data-role="driver"] .role-hero{background:#244e4a}body[data-role="driver"] .delivery-slot{background:#e9f2ef;color:#244e4a}body[data-role="merchant"] .role-hero{background:#4d2e42}.panel>h2{margin-top:0}.product-info>h3{margin:12px 0 5px}@media(max-width:900px){.quick-grid{grid-template-columns:repeat(2,1fr)}.role-hero{padding:24px}.role-hero h2{font-size:25px}}@media(max-width:700px){aside nav{max-height:none;overflow-x:auto;overflow-y:hidden;justify-content:flex-start}aside nav button{flex:0 0 auto;white-space:nowrap;padding:13px}aside nav button[hidden]{display:none}.role-hero{display:block;padding:22px}.hero-number{display:none}.role-hero h2{font-size:25px}.role-hero p{font-size:13px}.role-hero button{margin-top:10px}.stats{grid-template-columns:repeat(2,minmax(0,1fr))}.stat strong{font-size:20px;overflow-wrap:anywhere}.filters{gap:8px}.filters label{min-width:150px}.delivery-slot{flex-direction:column;gap:4px}.product{display:block}.product img{width:90px;height:110px;margin-bottom:12px}.quick-card{padding:15px}.table-wrap{padding:8px}td,th{padding:13px 10px}main{padding-bottom:105px}}
#product-editor{width:min(950px,calc(100% - 28px));max-height:92vh;border:0;border-radius:18px;padding:28px;background:var(--paper);color:var(--ink);overflow-y:auto}#product-editor::backdrop{background:#1c1015aa}.editor-head{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:20px}.editor-head h2{margin:5px 0}.editor-section{background:#fff;padding:22px;border:1px solid var(--border);border-radius:14px;margin:20px 0}.photo-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.photo-tile{border:1px solid var(--border);border-radius:10px;overflow:hidden;text-align:center}.photo-tile img{display:block;width:100%;height:150px;object-fit:cover}.photo-tile span{display:block;padding:8px;font-size:12px}.photo-tile button{padding:6px;font-size:11px;border:0}.upload-control{padding:18px;background:var(--paper);border:1px dashed var(--wine);border-radius:10px;margin-top:16px}.upload-control input{background:transparent;border:0;font-size:13px}.variant-editor{border:1px solid var(--border);border-radius:12px;margin:15px 0;padding:18px}.variant-editor legend{font-weight:bold;color:var(--wine);padding:0 8px}.variant-editor input[readonly]{background:#f3f0ee;color:#666}.editor-footer{display:flex;gap:12px;position:sticky;bottom:-28px;padding:18px 0;background:var(--paper)}#editor-message{color:var(--wine);font-weight:600;white-space:pre-wrap}@media(max-width:700px){#product-editor{padding:18px;width:calc(100% - 16px);max-height:96vh}.editor-section{padding:14px}.photo-grid{grid-template-columns:repeat(2,1fr)}.photo-tile img{height:145px}.variant-editor{padding:12px}.editor-footer{bottom:-18px}.editor-head h2{font-size:23px}}


html[dir="ltr"] body{direction:ltr} html[dir="ltr"] .task,html[dir="ltr"] .panel{text-align:left}

/* One navigation at the language's starting edge, including on phones. */
#admin-menu-toggle,#admin-menu-close,#admin-menu-backdrop{display:none}
body[data-role="admin"] aside{inset-inline-start:0;inset-inline-end:auto;gap:14px}
body[data-role="admin"] aside .brand{margin-bottom:10px}
body[data-role="admin"] aside nav{flex:1;min-height:0;max-height:none;overflow-y:auto;overscroll-behavior:contain}
body[data-role="admin"] main{margin-inline-end:0;margin-inline-start:235px}
@media(max-width:1100px) and (min-width:701px){body[data-role="admin"] main{margin-right:200px}}
@media(max-width:700px){
 body[data-role="admin"] main{margin:0;padding-bottom:30px}
 body[data-role="admin"] #admin-menu-toggle{display:block}
 body[data-role="admin"] header{flex-wrap:wrap}
 body[data-role="admin"] header>div{flex:1;min-width:150px}
 body[data-role="admin"] aside{position:fixed;inset-block:0;inset-inline-start:0;inset-inline-end:auto;width:min(280px,85vw);height:100dvh;padding:20px;flex-direction:column;align-items:stretch;flex-wrap:nowrap;background:white;z-index:41;visibility:hidden;transform:translateX(100%)}
 body[data-role="admin"].admin-menu-open aside{visibility:visible;transform:none}
 body[data-role="admin"] aside>.eyebrow{display:block}
 body[data-role="admin"] aside nav{position:static;display:grid;gap:6px;border:0;padding:0;overflow-x:hidden;overflow-y:auto;flex:1;justify-content:stretch}
 body[data-role="admin"] aside nav button{text-align:start;font-size:14px;white-space:normal;padding:12px;flex:none}
 body[data-role="admin"] aside .aside-bottom{margin:0;gap:10px}
 body[data-role="admin"] #admin-menu-close{display:block;align-self:flex-end}
 body[data-role="admin"].admin-menu-open{overflow:hidden}
 body[data-role="admin"].admin-menu-open #admin-menu-backdrop{display:block;position:fixed;inset:0;border-radius:0;background:#0005;z-index:40}
}

.merchant-details>summary{display:inline-block;border:1px solid var(--border);border-radius:10px;padding:8px 20px;list-style:none}.merchant-details>summary::-webkit-details-marker{display:none}.merchant-details[open]>summary{background:#f5e9ed}.merchant-details .address{white-space:pre-wrap;overflow-wrap:anywhere}.merchant-edit{border-top:1px solid var(--border);padding-top:12px}

.merchant-profile-form>h3{padding-top:22px;border-top:1px solid var(--border);margin-top:16px}.profile-options{display:flex;flex-wrap:wrap;gap:10px 22px}.profile-check{display:flex;align-items:center;gap:8px}.profile-check input{width:auto}.merchant-inventory-list{display:grid;gap:20px}.merchant-inventory .section-head{margin-top:0}.merchant-product{padding:15px 0;border-top:1px solid var(--border)}.merchant-product img{width:80px;height:100px;object-fit:cover;border-radius:8px}.merchant-profile-form label{overflow-wrap:anywhere}

html[dir="ltr"] .notification.unread{border-right:0;border-left:3px solid var(--wine)}
@media(max-width:700px){html[dir="ltr"] body[data-role="admin"]:not(.admin-menu-open) aside{transform:translateX(-100%)}}

.account-records>details{border:1px solid var(--border);border-radius:12px;padding:16px;margin:16px 0}.account-records summary{cursor:pointer;font-weight:700;padding:6px 0}.account-records details[open]>summary{margin-bottom:16px}.account-records button{margin:8px 0}.account-records textarea{width:100%;font:inherit;padding:12px;border:1px solid var(--border);border-radius:9px;min-height:90px}.account-records input[type=checkbox]{width:auto}.account-records .temporary-password{border-top:1px solid var(--border);padding-top:16px}.account-records h3{margin-top:24px}.account-records .form-grid{min-width:0}.account-records .form-grid>*{min-width:0}

.delivery-assignment{display:flex;flex-direction:column;gap:6px;padding:14px 18px;margin:12px 0 18px;border:1px solid #dbc7cf;border-radius:10px;background:#fbf5f7;overflow-wrap:anywhere}.delivery-assignment strong{color:var(--wine)}

.color-editor-card{border:1px solid #dbc9b4;border-radius:16px;margin:16px 0;background:#fffaf6;overflow:hidden}.color-editor-card summary{padding:16px;color:#64162e;font-weight:700}.color-card-body{padding:16px}.color-photo-options{display:flex;gap:12px;overflow-x:auto;padding:8px}.color-photo-options button{background:white;color:#64162e;border:2px solid #ddd;flex:0 0 110px}.color-photo-options button[aria-pressed=true]{border-color:#64162e;background:#f3e6eb}.color-photo-options img{width:90px;height:110px;object-fit:contain}.color-add-controls,.color-card-actions{display:flex;gap:12px;flex-wrap:wrap;align-items:end}.shared-photo-manager{margin:16px 0}.photo-colour-dialog{max-width:720px;width:calc(100% - 32px);max-height:90vh;overflow:auto;border:1px solid #dbc9b4;border-radius:20px;padding:24px;color:#64162e}.photo-colour-dialog::backdrop{background:#24101b99}.photo-colour-dialog .photo-grid img{width:100%;height:160px;object-fit:contain}.photo-colour-dialog button{margin:16px 6px 0}

.approved-colours{display:flex;flex-wrap:wrap;gap:10px}.approved-colours span{display:flex;gap:8px;align-items:center;border:1px solid #dbc9b4;padding:8px 12px;border-radius:10px}.approved-colours i{width:18px;height:18px;border:1px solid #ccc;border-radius:50%}.colour-multi-sizes{display:flex;flex-wrap:wrap;gap:10px;margin:12px 0}.colour-multi-sizes label{display:flex;gap:8px;padding:10px;border:1px solid #dbc9b4;border-radius:9px}.colour-multi-sizes input{width:auto}.color-photo-options button[aria-pressed=true] span:after{content:' ✓ مرتبط / Linked';display:block;font-size:12px}
.audit-counts{display:flex;flex-wrap:wrap;gap:12px;margin:20px 0}.audit-counts>div{min-width:140px;flex:1;padding:16px;border-radius:14px;background:#f6eee8;display:grid;gap:8px}.audit-counts strong{font-size:25px;color:#64162e}.audit-filters{margin-top:20px}.audit-day>h3{display:flex;justify-content:space-between;gap:15px;color:#64162e;padding:12px 4px}.audit-day>h3 small{font-size:13px;color:#82706c}.audit-entry{padding:20px;background:#fff;border:1px solid #e8ddd3;border-radius:16px;margin:12px 0}.audit-entry-head{display:flex;justify-content:space-between;gap:16px;align-items:center}.audit-category{padding:5px 12px;background:#f3e7ec;color:#64162e;border-radius:20px;font-size:12px}.audit-entry time{font-size:13px;color:#82706c}.audit-entry h4{margin:14px 0;font-size:18px}.audit-summary{display:flex;gap:16px;flex-wrap:wrap;font-size:14px}.audit-entry details{border-top:1px solid #eee4da;margin-top:16px;padding-top:12px}.audit-entry summary{color:#64162e;cursor:pointer}.audit-entry dl{display:grid;grid-template-columns:1fr 1fr;gap:12px}.audit-entry dl>div{min-width:0;padding:10px;background:#fcf8f5;border-radius:8px}.audit-entry dt{font-size:12px;color:#82706c}.audit-entry dd{margin:6px 0 0;overflow-wrap:anywhere}.audit-entry p,.audit-entry small{overflow-wrap:anywhere}@media(max-width:700px){.audit-entry dl{grid-template-columns:1fr}.audit-counts>div{min-width:110px}.audit-entry{padding:16px}}

.notification-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:22px}.notification-heading h2{margin-bottom:6px}.notification-heading p{margin:0;font-size:14px}.notification-filters{display:flex;flex-wrap:wrap;gap:8px;background:#f0e8e5;border-radius:15px;padding:8px;margin-bottom:20px}.notification-filters button{background:transparent;color:var(--wine);font-size:13px;padding:10px 13px}.notification-filters button[aria-pressed=true]{background:var(--wine);color:white}.notification-filters button span{display:inline-block;min-width:22px;border-radius:20px;background:#ffffff60;padding:1px 6px;margin-inline-start:5px;font-size:11px}.notification-filters button:focus-visible{outline:2px solid var(--wine);outline-offset:2px}.notification-search{max-width:480px}.notification-search input{margin-top:8px}.notification-day h3{font-size:14px;color:var(--muted);margin:25px 0 12px}.notification-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.notification-card{background:white;border:1px solid var(--border);border-radius:15px;padding:19px;overflow-wrap:anywhere}.notification-card.is-unread{border-inline-start:4px solid var(--wine);background:#fffafd}.notification-card-top,.notification-card-bottom{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:12px}.notification-card-top span{background:#f3e7ec;color:var(--wine);padding:4px 10px;border-radius:20px}.notification-card-top b,.notification-card-bottom{color:var(--muted)}.is-unread .notification-card-top b{color:var(--wine)}.notification-card p{margin:14px 0;line-height:1.8;font-size:14px}.notification-empty{padding:40px 20px;text-align:center;border:1px dashed #d9c7cd;border-radius:16px;color:var(--muted)}@media(max-width:700px){.notification-grid{grid-template-columns:1fr}.notification-heading{align-items:start;flex-direction:column}.notification-filters{flex-wrap:nowrap;overflow-x:auto}.notification-filters button{flex-shrink:0;white-space:nowrap}}

.driver-delivery-tabs{display:flex;gap:10px;flex-wrap:wrap;padding:10px;background:#f0e8e5;border-radius:18px;margin:12px 0 20px}.driver-delivery-tabs button{background:transparent;color:var(--wine);border:1px solid transparent;display:flex;gap:12px;align-items:center}.driver-delivery-tabs button[aria-pressed=true]{background:var(--wine);color:white}.driver-delivery-tabs b{background:#ffffff70;border-radius:30px;min-width:26px;padding:1px 6px}.driver-delivery-tools{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;margin-bottom:16px}.driver-delivery-tools p{flex:1;font-size:13px}.driver-delivery-tools label{max-width:220px;font-size:12px}.driver-delivery-board .task-list-controls{margin-bottom:16px}.driver-delivery-tabs button:focus-visible{outline:2px solid var(--wine);outline-offset:3px}@media(max-width:700px){.driver-delivery-tabs{flex-wrap:nowrap;overflow-x:auto}.driver-delivery-tabs button{flex-shrink:0;font-size:13px;padding:10px 12px}.driver-delivery-tools{align-items:start}.driver-delivery-tools p{flex-basis:100%}}