*{box-sizing:border-box} :root{--purple:#6B21A8;--purple2:#7E22CE;--purple-soft:#F3E8FF;--ink:#21172B;--muted:#8A8492;--line:#EEEAF2;--bg:#F8F7FA;--white:#fff;--green:#16834A;--red:#C24141;--shadow:0 8px 28px rgba(34,18,48,.045)}body{margin:0;background:var(--bg);color:var(--ink);font-family:"Tajawal",sans-serif;font-size:15px}button,input,select{font:inherit}button{cursor:pointer}.app-shell{min-height:100vh}.sidebar{position:fixed;right:0;top:0;bottom:0;width:258px;background:#fff;border-left:1px solid var(--line);padding:22px 16px 14px;display:flex;flex-direction:column;z-index:20;overflow-y:auto}.brand{display:flex;align-items:center;gap:11px;padding:0 8px 25px}.brand-mark{width:42px;height:42px;border-radius:14px;background:linear-gradient(145deg,var(--purple2),#4C167B);color:#fff;display:grid;place-items:center;font-family:Alexandria;font-weight:800;font-size:22px;box-shadow:0 6px 14px #6b21a833}.brand strong{display:block;font:700 19px Alexandria;color:var(--purple)}.brand small,.profile-mini small{display:block;color:var(--muted);font-size:11px;margin-top:4px}.side-label{font-size:11px;color:#A7A1AD;font-weight:700;padding:12px 12px 8px}.nav-list{display:grid;gap:4px;margin-bottom:8px}.nav-link{width:100%;border:0;background:transparent;color:#686171;display:flex;align-items:center;gap:12px;text-align:right;padding:11px 12px;border-radius:10px;font-weight:600;transition:.2s}.nav-link:hover{background:#FAF7FD;color:var(--purple)}.nav-link.active{background:var(--purple-soft);color:var(--purple);font-weight:800}.nav-icon{width:20px;text-align:center;font-size:18px}.nav-count{margin-right:auto;background:#F1E7FB;color:var(--purple);font-size:11px;border-radius:20px;padding:2px 8px}.nav-dot{width:7px;height:7px;background:#E49B35;border-radius:50%;margin-right:auto}.sidebar-bottom{margin-top:auto}.profile-mini{display:flex;align-items:center;gap:10px;border-top:1px solid var(--line);padding:16px 7px 0;margin-top:10px}.avatar{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:#EEDDFB;color:var(--purple);font-weight:800}.profile-text{flex:1}.profile-text strong{font-size:13px}.more{color:#A9A2AF}.main-area{margin-right:258px;min-height:100vh}.topbar{height:76px;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}.topbar-start,.topbar-actions,.top-user,.heading-actions{display:flex;align-items:center;gap:16px}.breadcrumb{display:flex;align-items:center;gap:10px;color:#9B95A2;font-size:13px}.breadcrumb strong{color:#45394E}.topbar-actions{gap:18px}.global-search{height:40px;width:min(340px,34vw);background:#F8F7FA;border:1px solid #F0EDF3;border-radius:10px;display:flex;align-items:center;padding:0 12px;gap:8px;color:#A19AA9}.global-search input,.table-search input{border:0;outline:0;background:transparent;width:100%;color:var(--ink)}.icon-btn{border:0;background:#F7F5F9;width:38px;height:38px;border-radius:10px;color:#6F6578;font-size:19px;display:grid;place-items:center}.notification-btn{position:relative}.notification-btn i{position:absolute;width:7px;height:7px;background:#E59A3B;border:1px solid #fff;border-radius:50%;top:8px;right:9px}.top-user{gap:9px;font-size:12px}.top-user small{display:block;color:#9A94A0;font-size:10px;margin-top:3px}.top-user>span{color:#A59EAA}.menu-toggle,.close-sidebar{display:none}.content-wrap{max-width:1500px;margin:auto;padding:30px 34px 55px}.page{display:none}.page.active{display:block}.page-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;gap:15px}.eyebrow{font-size:11px;color:var(--purple2);font-weight:800;margin:0 0 7px}.page-heading h1{font:700 24px Alexandria;margin:0 0 8px;letter-spacing:-.5px}.muted{color:var(--muted);margin:0;font-size:13px}.btn{border:1px solid transparent;border-radius:9px;padding:10px 15px;font-weight:700;font-size:13px;display:inline-flex;align-items:center;justify-content:center;gap:7px;transition:.2s}.btn-primary{background:var(--purple);color:#fff;box-shadow:0 4px 10px #6b21a822}.btn-primary:hover{background:#57158D;transform:translateY(-1px)}.btn-light{background:#fff;border-color:var(--line);color:#62596B}.btn-outline{background:#fff;border-color:#DCC6EF;color:var(--purple)}.btn-small{padding:7px 10px;font-size:12px}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:20px}.stat-card,.panel{background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow)}.stat-card{padding:18px 19px}.stat-top{display:flex;align-items:center;justify-content:space-between;color:#766E7D;font-size:13px}.stat-card>strong{display:block;font:700 27px Alexandria;margin:13px 0 6px}.stat-note{font-size:11px;color:#9C95A2}.positive{color:#16834A}.warning-text{color:#C17A22}.stat-icon,.quick-icon{width:36px;height:36px;border-radius:11px;display:grid;place-items:center;font-size:19px}.purple{background:#F2E7FC;color:#772BB0}.blue{background:#E8F2FF;color:#3975BE}.orange{background:#FFF1E3;color:#C77A2D}.green{background:#E7F7EF;color:#258454}.dashboard-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:18px;margin-bottom:20px}.panel{padding:20px}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:17px}.panel-head h2{font:700 16px Alexandria;margin:0 0 6px}.panel-head p{font-size:11px;color:#9A94A0;margin:0}.text-btn{border:0;background:transparent;color:var(--purple);font-weight:800;font-size:12px}.workflow-list{display:grid}.workflow-item{display:flex;align-items:center;gap:12px;padding:13px 3px;border:0;border-bottom:1px solid #F3F0F5;background:#fff;text-align:right}.workflow-item:last-child{border:0}.workflow-symbol{width:37px;height:37px;border-radius:11px;display:grid;place-items:center;font-size:18px}.yellow{background:#FFF5DF;color:#C18A2B}.purple-bg{background:#F2E7FC;color:#772BB0}.blue-bg{background:#E8F2FF;color:#3975BE}.green-bg{background:#E7F7EF;color:#258454}.workflow-info{flex:1}.workflow-info b,.workflow-info small{display:block}.workflow-info b{font-size:13px}.workflow-info small{font-size:11px;color:#A19AA6;margin-top:4px}.workflow-item>strong{font:700 17px Alexandria}.workflow-arrow{color:#B2ABB7}.quick-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.quick-action{background:#fff;border:1px solid #F0ECF3;border-radius:11px;text-align:right;padding:13px;display:grid;gap:7px}.quick-action:hover{border-color:#D9BCEB;background:#FCFAFE}.quick-icon{width:31px;height:31px;font-size:17px}.quick-action b{font-size:12px}.quick-action small{font-size:10px;color:#A19AA6}.recent-panel{padding-bottom:8px}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;white-space:nowrap;text-align:right}th{font-size:11px;color:#9992A0;font-weight:700;background:#FBFAFC;padding:13px 12px}td{padding:14px 12px;border-bottom:1px solid #F2EFF4;font-size:12px;color:#625A69}tbody tr:last-child td{border-bottom:0}.order-id{color:var(--purple);font-weight:800}.dots-btn{border:0;background:none;color:#948C9A}.status{display:inline-flex;align-items:center;padding:5px 9px;border-radius:20px;font-size:10px;font-weight:800}.pending{background:#FFF5DF;color:#A66B13}.packing{background:#F2E7FC;color:#7228A9}.shipping{background:#E8F2FF;color:#346DAF}.delivered{background:#E7F7EF;color:#1E7A4A}.cell-sub{display:block;font-size:10px;color:#A19AA6;margin-top:4px}.order-tabs{display:flex;gap:7px;border-bottom:1px solid var(--line);margin-bottom:17px;overflow-x:auto}.order-tab{white-space:nowrap;border:0;background:transparent;padding:12px 15px;color:#817988;font-weight:700;font-size:12px;border-bottom:2px solid transparent}.order-tab.active{color:var(--purple);border-color:var(--purple)}.order-tab b{background:#F2EFF5;border-radius:20px;padding:2px 7px;margin-right:5px;font-size:10px}.orders-panel{padding:0}.toolbar{display:flex;align-items:center;gap:10px;padding:16px 18px;border-bottom:1px solid var(--line)}.table-search{display:flex;align-items:center;gap:8px;border:1px solid var(--line);border-radius:8px;padding:8px 10px;width:270px;color:#9A93A0}.table-search input{font-size:12px}.toolbar select{border:1px solid var(--line);border-radius:8px;background:#fff;padding:8px 10px;color:#756D7C;font-size:12px}.toolbar .small{margin-right:auto;font-size:11px}.orders-panel .table-wrap{padding:0 10px}.table-footer{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding:13px 18px}.pagination{display:flex;align-items:center;gap:8px;font-size:11px}.pagination button{background:#fff;border:1px solid var(--line);border-radius:7px;padding:6px 9px;color:#7C7482}.compact-stats .stat-card{display:flex;align-items:center;justify-content:space-between;padding:14px 18px}.compact-stats .stat-card strong{font-size:20px;margin:0}.product-cell{display:flex;align-items:center;gap:10px}.product-thumb{width:38px;height:38px;background:#F5F1F7;border-radius:8px;display:grid;place-items:center;color:#A49AAA;font-size:9px}.notice{background:#F5EEFC;border:1px solid #E9D9F6;color:#6F3D91;border-radius:10px;padding:12px 14px;font-size:12px;margin-bottom:17px}.category-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.category-card{background:#fff;border:1px solid var(--line);border-radius:13px;padding:18px;box-shadow:var(--shadow)}.category-art{width:54px;height:54px;border-radius:14px;background:#F3E8FF;color:var(--purple);display:grid;place-items:center;font-size:26px}.category-card h3{font-size:14px;margin:14px 0 5px}.category-card p{font-size:11px;color:#9A94A0;margin:0 0 13px}.suggestion-list{display:grid;gap:14px;max-width:850px}.suggestion{padding:18px}.suggestion-head{display:flex;align-items:center;gap:10px}.suggestion-head>div:nth-child(2){flex:1}.suggestion-head b{font-size:12px}.soft-avatar{background:#F3E8FF}.suggestion h3{font-size:14px;margin:17px 0 7px}.suggestion>p{color:#8D8593;font-size:12px;margin:0}.suggestion-actions{display:flex;gap:8px;margin-top:16px}.empty-state{text-align:center;background:#fff;border:1px dashed #DDD4E4;border-radius:15px;padding:65px 20px;color:#928A98}.empty-state>span{font-size:38px;color:var(--purple)}.empty-state h2{font:700 17px Alexandria;color:#403448}.empty-state p{font-size:12px}.overlay{display:none;position:fixed;inset:0;background:#1C1224A8;z-index:30}.overlay.show{display:block}.toast{position:fixed;bottom:22px;left:22px;background:#2B2032;color:#fff;padding:12px 17px;border-radius:10px;font-size:12px;opacity:0;transform:translateY(10px);transition:.25s;z-index:60;pointer-events:none}.toast.show{opacity:1;transform:translateY(0)}.modal-backdrop{display:none;position:fixed;inset:0;background:#1C122477;z-index:50;align-items:center;justify-content:center;padding:18px}.modal-backdrop.show{display:flex}.modal{background:#fff;border-radius:16px;width:min(560px,100%);max-height:90vh;overflow:auto;padding:22px;box-shadow:0 20px 70px #160B2433}.modal-head{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:20px}.modal-head h2{font:700 18px Alexandria;margin:0}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}.field{display:grid;gap:6px}.field.full{grid-column:1/-1}.field label{font-size:11px;font-weight:700;color:#6C6373}.field input,.field select,.field textarea{width:100%;border:1px solid var(--line);border-radius:8px;padding:10px;background:#fff;outline:none;font-size:12px}.field input:focus,.field select:focus,.field textarea:focus{border-color:#B98AD9;box-shadow:0 0 0 3px #F4EAFB}.modal-actions{display:flex;justify-content:flex-start;gap:8px;margin-top:18px}.permission-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:10px}.permission-grid label{font-size:12px;color:#62596A;display:flex;align-items:center;gap:7px}.permission-grid input{accent-color:var(--purple)}.upload-box{border:1px dashed #CBB4DB;background:#FCFAFE;border-radius:12px;padding:24px;text-align:center;color:#81758A}.upload-box strong{display:block;color:#5C426E;margin:8px 0}.upload-box small{font-size:11px}.upload-box input{display:block;margin:14px auto 0;max-width:100%}
@media(max-width:1100px){.sidebar{width:230px}.main-area{margin-right:230px}.content-wrap{padding:25px 22px}.topbar{padding:0 22px}.category-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:800px){.sidebar{transform:translateX(105%);transition:transform .25s;width:270px;box-shadow:-10px 0 30px #24152A12}.sidebar.open{transform:translateX(0)}.main-area{margin-right:0}.menu-toggle,.close-sidebar{display:grid}.close-sidebar{margin-right:auto;width:30px;height:30px}.topbar{height:65px;padding:0 15px}.topbar-actions{gap:8px}.global-search{width:38px;border:0;background:#F7F5F9}.global-search input{display:none}.top-user>div:not(.avatar),.top-user>span{display:none}.content-wrap{padding:22px 15px 40px}.page-heading{align-items:flex-start;flex-direction:column}.heading-actions{width:100%;flex-wrap:wrap}.stats-grid{grid-template-columns:repeat(2,1fr);gap:10px}.dashboard-grid{grid-template-columns:1fr}.topbar .breadcrumb{font-size:11px}.category-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:480px){.page-heading h1{font-size:20px}.stat-card{padding:14px}.stat-card>strong{font-size:22px}.stat-top{font-size:11px}.quick-grid{gap:8px}.panel{padding:14px}.toolbar{flex-wrap:wrap}.table-search{width:100%}.toolbar .small{margin-right:0}.form-grid,.permission-grid{grid-template-columns:1fr}.category-grid{grid-template-columns:1fr 1fr}.category-card{padding:13px}.order-tabs{margin-left:-15px;margin-right:-15px;padding:0 15px}.topbar-actions .notification-btn{display:none}}
/* تبويبات العمل */
.workspace-tabs{display:flex;align-items:stretch;gap:6px;padding:10px 22px 0;background:#f5f3f9;border-bottom:1px solid #e8e1ef;overflow-x:auto;scrollbar-width:thin;min-height:53px}
.workspace-tab{display:flex;align-items:center;gap:7px;flex:0 0 auto;min-width:115px;max-width:220px;border:1px solid #e5dbea;border-bottom:0;border-radius:12px 12px 0 0;background:#eeeaf3;color:#65596d}
.workspace-tab.selected{background:white;color:#6b21a8;border-color:#d6c1e6;box-shadow:0 -2px 8px #6b21a80b}
.tab-name{border:0;background:none;color:inherit;font:inherit;font-weight:700;cursor:pointer;padding:10px 12px;min-width:0;text-align:right}
.tab-close{border:0;background:transparent;color:inherit;font-size:21px;cursor:pointer;padding:3px 10px;border-radius:7px}
.tab-close:hover{background:#e7d5f5}
.product-image-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(135px,1fr));gap:12px;width:100%}
.product-image-card{position:relative;border:1px solid #e5dbea;border-radius:12px;padding:7px;background:#faf8fc;min-width:0}
.product-image-card img{display:block;width:100%;height:115px;object-fit:cover;border-radius:8px}
.product-image-card small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:7px 0}
.image-controls{display:flex;gap:3px;flex-wrap:wrap}
.image-controls button{font:inherit;font-size:11px;cursor:pointer;border:1px solid #ddd0e7;background:white;border-radius:6px;padding:4px 6px;color:#6b21a8}
.image-controls button:disabled{opacity:.4;cursor:default}
.main-image-label{position:absolute;top:12px;right:12px;background:#6b21a8;color:white;font-size:10px;border-radius:6px;padding:4px 7px}
@media(max-width:650px){.workspace-tabs{padding:8px 10px 0}.workspace-tab{min-width:96px}.tab-name{padding:9px 8px}}


/* انتقالات ناعمة بين تبويبات سفرة */
.content-wrap{position:relative}
.workspace-tab{
  position:relative;
  transition:background-color .24s ease,color .24s ease,border-color .24s ease,box-shadow .24s ease;
}
.workspace-tab::after{
  content:"";
  position:absolute;bottom:0;right:12px;left:12px;height:3px;
  background:#7E22CE;border-radius:5px 5px 0 0;
  transform:scaleX(0);
  opacity:0;
  transition:transform .25s cubic-bezier(.2,.85,.2,1),opacity .2s ease;
}
.workspace-tab.selected::after{transform:scaleX(1);opacity:1}
.workspace-tab .tab-name{transition:color .22s ease}
.workspace-tab:not(.selected):hover{background:#e8dff0}
.page.active{
  animation:sofraPageIn .3s cubic-bezier(.2,.78,.2,1) both;
}
.page.is-leaving{
  display:block;
  position:absolute;top:30px;right:34px;left:34px;
  pointer-events:none;
  z-index:2;
  animation:sofraPageOut .20s ease-in both;
}
@keyframes sofraPageIn{
  from{opacity:0;transform:translateY(10px)}
  to{opacity:1;transform:translateY(0)}
}
@keyframes sofraPageOut{
  from{opacity:1;transform:translateY(0)}
  to{opacity:0;transform:translateY(-5px)}
}
@media(max-width:650px){
 .page.is-leaving{right:15px;left:15px}
}
@media(prefers-reduced-motion:reduce){
 .page.active,.page.is-leaving{animation:none}
 .workspace-tab,.workspace-tab::after,.workspace-tab .tab-name{transition:none}
}

/* ===== Supabase Admin Auth Gate ===== */
.auth-locked .app-shell,.auth-locked .overlay,.auth-locked .modal-backdrop,.auth-locked .toast{display:none!important}
.sofra-auth-gate{position:fixed;inset:0;z-index:10000;overflow-y:auto;display:grid;place-items:center;padding:24px;background:linear-gradient(140deg,#f6f1fc 0%,#fff 60%,#f1e5fa 100%);}
.sofra-auth-gate.is-hidden{display:none}
.sofra-auth-card{width:min(100%,450px);box-sizing:border-box;background:white;padding:34px 32px 26px;border-radius:24px;border:1px solid #eee6f4;box-shadow:0 25px 70px rgba(72,24,111,.10);text-align:right}
.sofra-login-logo{text-align:center;font-family:Alexandria,sans-serif;color:#6B21A8;font-weight:800;font-size:30px;letter-spacing:-1px}
.sofra-login-logo small{display:block;font-family:Arial,sans-serif;letter-spacing:4px;font-size:10px;margin-top:5px}
.sofra-auth-icon{font-size:29px;text-align:center;margin:20px 0 3px}
.sofra-auth-eyebrow{text-align:center;color:#7E22CE;font-weight:700;font-size:12px;margin:0 0 8px}
.sofra-auth-card h1{font-family:Alexandria,sans-serif;text-align:center;font-size:22px;margin:0}
.sofra-auth-description{text-align:center;font-size:13px;color:#8a8492;line-height:1.7}
#sofraLoginForm{display:flex;flex-direction:column;gap:8px;margin-top:24px}
#sofraLoginForm label{font-weight:700;font-size:13px;margin-top:8px}
#sofraLoginForm input{box-sizing:border-box;width:100%;height:46px;padding:10px 13px;border:1px solid #ded8e5;border-radius:10px;outline:0;background:#fcfbfd;color:#21172b;direction:ltr;text-align:left}
#sofraLoginForm input:focus{border-color:#7E22CE;box-shadow:0 0 0 3px #6b21a819}
#sofraLoginForm button{margin-top:16px;min-height:48px;background:#6B21A8;color:#fff;border:0;border-radius:10px;font-weight:800}
#sofraLoginForm button:disabled{opacity:.65;cursor:wait}
.sofra-auth-status{font-size:12px;color:#6b21a8;background:#f8f1ff;border-radius:10px;padding:10px 12px;line-height:1.7;margin:16px 0 0}
.sofra-auth-status.is-error{color:#a02929;background:#fff2f2}
.sofra-auth-footnote{color:#9a92a3;font-size:11px;text-align:center;margin-top:16px;line-height:1.7}
.sofra-top-logout{padding:7px 12px;border:1px solid #e9dcef;border-radius:8px;background:white;color:#6B21A8;font-size:12px;font-weight:700}
.sofra-logout-btn{width:100%;text-align:right;color:#a02929!important}
.sofra-stage-note{font-size:12px;padding:10px 34px;color:#795895;background:#faf3ff;border-bottom:1px solid #e9dcef}
@media(max-width:700px){.sofra-auth-card{padding:28px 21px}.sofra-stage-note{padding:9px 14px}.sofra-top-logout{padding:6px 8px}}

/* ===== Supabase Categories ===== */
.sofra-category-message{grid-column:1/-1;background:#fff;border:1px dashed #e3d6ed;border-radius:14px;padding:34px 20px;color:#74667e;text-align:center}
.sofra-cat-img{width:100%;height:95px;object-fit:contain;display:block;border-radius:10px}
.sofra-cat-meta{font-size:12px;color:#91889c;margin:9px 0 12px}
.sofra-cat-actions{display:flex;align-items:center;justify-content:center;gap:9px;flex-wrap:wrap;margin-top:12px}
.sofra-cat-actions button{border:1px solid #e9dcef;background:#fff;color:#6b21a8;border-radius:8px;font:inherit;font-size:12px;font-weight:700;padding:7px 10px}
.sofra-cat-actions button.cat-danger{color:#bc3636;border-color:#f5d6d6}
.sofra-category-upload-note{color:#8a8492;font-size:11px;margin-top:4px;display:block}
.sofra-category-upload-preview{max-height:120px;max-width:190px;object-fit:contain;margin-top:10px;border-radius:9px}
.category-card .category-art{overflow:hidden;display:flex;align-items:center;justify-content:center}

/* SOFRA | عرض وإدارة المنتجات المرتبطة بقاعدة البيانات */
.sofra-product-toolbar{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:15px}
.sofra-product-toolbar .table-search{min-width:190px;flex:1}
.sofra-product-toolbar select{max-width:220px;background:#fff;border:1px solid #ebe4f0;border-radius:9px;min-height:38px;padding:7px 12px;color:#30253d}
.sofra-product-thumb{width:48px;height:48px;overflow:hidden;flex:0 0 48px}
.sofra-product-thumb img{height:100%;width:100%;object-fit:cover}
.sofra-product-actions{white-space:nowrap}
.sofra-product-actions button{background:#f7f1fb;color:#6b21a8;border:1px solid #ece1f4;border-radius:7px;padding:7px 9px;margin:2px;font-weight:700;font-size:11px}
.sofra-product-actions button:hover{background:#ece0f7}
.sofra-product-actions .danger{color:#ba3030;background:#fff4f4;border-color:#f3dddd}
.sofra-product-pager{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 18px;color:#706779;font-size:13px}
.sofra-product-pager button{padding:7px 13px;background:#fff;border:1px solid #e6dcef;border-radius:8px;color:#6b21a8;margin-inline-start:7px}
.sofra-product-pager button:disabled{opacity:.4;cursor:default}
.sofra-product-message{text-align:center!important;white-space:normal!important;padding:36px 18px!important}
.sofra-product-form-error{padding:10px 12px;color:#b4232b;background:#fff1f1;border:1px solid #f4d8dc;border-radius:8px;font-size:12px}
.sofra-product-form-error[hidden]{display:none}
.modal-backdrop:has(#sofraRealProductForm) .modal{width:min(750px,100%)}
#sofraRealProductForm textarea{font:inherit;min-height:80px;padding:11px;border:1px solid #e6dcef;border-radius:9px;resize:vertical}
#sofraRealProductForm input[type=file]{padding:10px;background:#faf8fc}
#sofraRealProductForm small{color:#81798a;font-size:11px;line-height:1.6}
#sofraRealProductForm .product-image-grid{margin-top:4px}
#sofraRealProductForm .product-image-card{min-width:0}
@media(max-width:650px){
.sofra-product-toolbar{padding:12px}
.sofra-product-toolbar .table-search{min-width:100%;width:100%}
.sofra-product-toolbar select{max-width:none;flex:1;min-width:125px}
.sofra-product-pager{flex-wrap:wrap}
}

/* SOFRA operations, settings and bulk import */
.nav-link[hidden]{display:none!important}
.sofra-order-pager{display:flex;align-items:center;justify-content:space-between;gap:13px;padding:15px}
.sofra-order-pager button{background:white;border:1px solid #eadff1;color:#6B21A8;border-radius:9px;padding:8px 14px;font:inherit}
.sofra-order-pager button:disabled{opacity:.4}
.sofra-order-message{text-align:center;padding:28px;white-space:normal}
.sofra-order-details{line-height:1.8;font-size:13px}
.sofra-order-details h3{margin:16px 0 7px;font-size:15px}
.sofra-order-details .table-wrap{margin:12px 0}
.sofra-order-actions{display:flex;gap:8px;flex-wrap:wrap;margin:16px 0}
.sofra-order-actions .btn{white-space:normal;text-decoration:none}
.sofra-order-history{padding-inline-start:25px;max-height:180px;overflow:auto}
.sofra-settle-item{display:flex;align-items:center;gap:14px;flex-wrap:wrap;padding:12px 0;border-bottom:1px solid #eee}
.sofra-settle-item input{width:65px;min-height:35px;padding:5px;border:1px solid #ddd;border-radius:6px}
.sofra-settle-item label{font-size:12px}
.sofra-settings-panel{padding:22px;margin-bottom:18px}
.sofra-settings-panel h2{font:700 16px Alexandria,sans-serif;margin:0 0 15px}
.sofra-data-form{display:grid;gap:12px;max-width:600px}
.sofra-data-form label{display:grid;gap:6px;font-size:13px;font-weight:700}
.sofra-data-form input,.sofra-data-form select,.sofra-data-form textarea{
 width:100%;box-sizing:border-box;min-height:40px;border:1px solid #e7e0ee;
 padding:9px 12px;background:#fff;color:#271a30;border-radius:10px;font:inherit}
.sofra-data-form textarea{min-height:90px;resize:vertical}
.sofra-data-form button{justify-self:start}
.sofra-brand-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:14px;margin:18px 0}
.sofra-brand-item{display:grid;gap:10px;border:1px solid #eee8f2;background:#faf8fc;border-radius:12px;padding:13px}
.sofra-brand-item strong{font-size:12px}
.sofra-brand-preview{width:100%;height:95px;object-fit:contain;background:white;border-radius:10px}
.sofra-brand-item input{max-width:100%;font-size:11px}
.sofra-banner-row{display:flex;align-items:center;gap:14px;padding:12px 0;border-bottom:1px solid #eee}
.sofra-banner-row img{width:110px;height:65px;object-fit:cover;border-radius:9px}
.sofra-banner-row span{flex:1}
.sofra-suggestion-card{padding:18px;margin:12px 0}
.sofra-suggestion-card h3{font-size:15px}
.sofra-suggestion-card select{border:1px solid #e8dbea;padding:8px;background:white;border-radius:8px}
.sofra-bulk-modal{display:grid;gap:12px;font-size:13px}
.sofra-bulk-modal p{line-height:1.7}
.sofra-bulk-modal input[type=file]{width:100%;padding:8px;border:1px dashed #ddd;border-radius:9px}
.sofra-bulk-modal .modal-actions{flex-wrap:wrap}
.modal-backdrop:has(.sofra-bulk-modal) .modal{width:min(780px,100%)}
@media(max-width:650px){.sofra-settings-panel{padding:15px}.sofra-settle-item{display:grid;grid-template-columns:1fr 1fr}}

/* =============================================================
   SOFRA | Staff login directory with professional full-screen gate
   ============================================================= */
.sofra-auth-gate{padding:24px;background:radial-gradient(circle at 12% 20%,#e6d4fc,transparent 35%),linear-gradient(135deg,#faf7ff,#f5ecff 62%,#fcfaff)}
.sofra-auth-card{width:min(100%,1010px);min-height:540px;padding:0;display:grid;grid-template-columns:.85fr 1.15fr;overflow:hidden;border:1px solid #e9dff1;border-radius:26px;box-shadow:0 32px 90px #3a125024}
.sofra-login-side{display:flex;flex-direction:column;text-align:right;padding:38px 36px 30px;background:linear-gradient(140deg,#592089,#7e22ce 65%,#9854dc);color:white;position:relative;overflow:hidden}
.sofra-login-side::before,.sofra-login-side::after{content:"";position:absolute;inset:auto -110px -140px auto;width:290px;height:290px;border:1px solid #ffffff3f;border-radius:50%;pointer-events:none}
.sofra-login-side::after{width:410px;height:410px;inset:auto -180px -185px auto;opacity:.45}
.sofra-login-mark{font:800 28px Alexandria,sans-serif;display:flex;gap:10px;align-items:center;position:relative;z-index:1}
.sofra-login-mark small{font:700 10px Tajawal,sans-serif;letter-spacing:3px;color:#f0d5ff}
.sofra-login-side-art{margin:40px 0 25px;width:120px;height:120px;display:grid;place-items:center;position:relative;border:1px solid #ffffff60;background:#ffffff15;border-radius:28px;transform:rotate(-8deg)}
.sofra-login-side-art span:first-child{font:800 70px Alexandria,sans-serif;transform:rotate(8deg)}
.sofra-login-side-art span:last-child{position:absolute;top:7px;left:10px;font-size:20px;color:#e8cdff}
.sofra-login-kicker{color:#e6cafb;font-size:13px;margin:0 0 12px}
.sofra-login-side h2{font:700 27px/1.7 Alexandria,sans-serif;margin:0 0 6px;color:white}
.sofra-login-side>p:not(.sofra-login-kicker){color:#e7d3f8;line-height:1.9;font-size:13px;margin:0;max-width:295px}
.sofra-login-side-footer{display:flex;align-items:center;gap:9px;margin-top:auto;color:#eddcf8;font-size:11px;position:relative;z-index:1}
.sofra-login-dot{width:7px;height:7px;background:#79e6bd;border-radius:50%;box-shadow:0 0 0 4px #ffffff21}
.sofra-login-main{padding:36px 38px 30px;min-width:0}
.sofra-login-topline{display:flex;align-items:center;justify-content:space-between;margin-bottom:17px}
.sofra-login-lock{width:35px;height:35px;border-radius:11px;background:#f4eafc;color:#70229b;display:grid;place-items:center;font-size:19px}
.sofra-auth-eyebrow{text-align:right;margin:0}
.sofra-auth-card h1{text-align:right;font-size:23px;line-height:1.6;margin:0}
.sofra-auth-description{text-align:right;margin:8px 0 24px}
.sofra-login-search-label{font-size:12px;font-weight:700;color:#56445d;display:block;margin-bottom:8px}
.sofra-login-search-row{display:flex;gap:9px}
.sofra-login-search-row input{width:100%;background:#fbf9fd;border:1px solid #e5dbee;border-radius:12px;padding:12px 14px;font:inherit;min-width:0}
.sofra-login-search-row button{background:#f5edfc;border:1px solid #e9d7f8;color:#7421b4;border-radius:12px;min-width:44px;font-size:22px;cursor:pointer}
.sofra-login-accounts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;max-height:265px;overflow-y:auto;margin:14px 0 6px;padding:2px;scrollbar-color:#d7bee9 transparent}
.sofra-login-account{display:flex;gap:11px;align-items:center;text-align:right;border:1px solid #eae4ef;background:#fff;border-radius:13px;padding:12px;min-height:72px;cursor:pointer;transition:transform .15s,box-shadow .15s,border-color .15s;color:inherit;font:inherit;min-width:0}
.sofra-login-account:hover,.sofra-login-account:focus-visible{transform:translateY(-2px);border-color:#ab6bd9;background:#faf6fe;box-shadow:0 10px 20px #50237b12;outline:0}
.sofra-login-avatar,.sofra-login-selected-avatar{width:42px;height:42px;flex:0 0 42px;display:grid;place-items:center;border-radius:13px;background:linear-gradient(145deg,#f3e7fb,#e9d7f5);color:#6b21a8;font:800 18px Alexandria}
.sofra-login-account-data{display:flex;flex-direction:column;gap:4px;min-width:0}
.sofra-login-account-data strong{font-weight:700;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sofra-login-account-data small{font-size:10px;color:#9b829d}
.sofra-login-text-button{border:0;background:transparent;color:#7427b8;cursor:pointer;padding:9px 0;font:700 11px Alexandria;text-decoration:underline;text-underline-offset:4px}
.sofra-login-form{margin-top:6px;display:grid;gap:9px}
.sofra-login-form[hidden],.sofra-login-directory[hidden],.sofra-login-selected-account[hidden],#sofraEmailWrap[hidden]{display:none!important}
.sofra-login-form label{font-size:12px;font-weight:700;color:#5b4c60;margin-top:4px}
.sofra-login-form input{width:100%;box-sizing:border-box;min-height:45px;background:#fcfaff;border:1px solid #e5daed;border-radius:12px;padding:12px 14px;font:inherit}
.sofra-login-form input:focus,.sofra-login-search-row input:focus{border-color:#ad69d7;outline:3px solid #eddafa}
.sofra-login-form button[type=submit]{margin-top:7px;border:0;background:#7528b7;color:white;font:700 13px Alexandria;padding:14px;border-radius:12px;cursor:pointer;box-shadow:0 10px 25px #7e22ce30}
.sofra-login-form button[type=submit]:disabled{opacity:.56;cursor:default}
.sofra-login-selected-account{display:flex;align-items:center;gap:12px;border:1px solid #ebe0f1;background:#faf6fe;padding:13px;border-radius:14px;margin-bottom:8px}
.sofra-login-selected-data{display:flex;flex:1;flex-direction:column;min-width:0;gap:3px}
.sofra-login-selected-data strong{font-size:14px}
.sofra-login-selected-data small{font-size:11px;color:#86768d}
#sofraSwitchAccount{background:#fff;border:1px solid #e5d5ee;border-radius:8px;color:#7528b7;font-size:11px;font-weight:700;cursor:pointer;padding:7px 11px}
.sofra-login-fetch-status{grid-column:1/-1;text-align:center;background:#faf7fc;border:1px dashed #e4d9ef;border-radius:12px;padding:18px;font-size:12px;color:#806b8b;margin:0}
.sofra-auth-status{margin:15px 0 0}
.sofra-auth-footnote{margin-top:11px;line-height:1.8}
@media(max-width:800px){.sofra-auth-gate{padding:12px}.sofra-auth-card{grid-template-columns:1fr;max-width:600px}.sofra-login-side{padding:20px 24px}.sofra-login-side-art,.sofra-login-side>p:not(.sofra-login-kicker),.sofra-login-side h2,.sofra-login-side-footer{display:none}.sofra-login-mark{font-size:20px}.sofra-login-kicker{margin-top:6px}.sofra-login-main{padding:26px 23px 23px}}
@media(max-width:400px){.sofra-login-accounts{grid-template-columns:1fr}.sofra-auth-card h1{font-size:19px}}
@media(prefers-reduced-motion:reduce){.sofra-login-account{transition:none}}
/* Make numeric fields manually typed only: no spinner and no wheel-based changes. */
input[type="number"]{-moz-appearance:textfield;appearance:textfield}
input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}

/* Higher specificity for old auth styles overridden by the account chooser. */
#sofraLoginForm[hidden]{display:none!important}
#sofraLoginForm #sofraSwitchAccount{background:white;color:#7623b7;border:1px solid #e5d5ee;
  border-radius:9px;min-height:auto;margin:0;padding:9px 11px;font:700 11px Alexandria;cursor:pointer}
#sofraLoginForm #sofraBackToAccounts{margin:4px 0 0;min-height:auto;background:transparent;
  color:#7e22ce;border:0;box-shadow:none;padding:7px;font-size:11px;cursor:pointer}
@media(max-width:800px){.sofra-auth-card{padding:0}}

/* Order workflow and checkmark timeline */
.sofra-order-timeline{display:grid;grid-template-columns:repeat(5,minmax(95px,1fr));gap:8px;margin:18px 0;overflow-x:auto}
.sofra-order-step{display:flex;align-items:center;gap:9px;padding:12px 10px;background:#f5f1f8;border:1px solid #e9e1f0;border-radius:10px;font-size:11px;color:#7e7390;min-width:96px}
.sofra-order-step span{display:grid;place-items:center;background:white;width:25px;height:25px;flex:0 0 25px;border-radius:50%;font-size:17px}
.sofra-order-step.done{background:#eaf8f0;color:#167047;border-color:#b9e5c9}
.sofra-order-step.done span{background:#167047;color:white}
.sofra-order-tracking-tools,.sofra-order-actions{display:flex;gap:10px;flex-wrap:wrap;margin:14px 0}
input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}
input[type=number]{appearance:textfield;-moz-appearance:textfield}
@media(max-width:780px){.sofra-order-timeline{grid-template-columns:repeat(5,130px)}}

input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type="number"]{appearance:textfield;-moz-appearance:textfield}

/* SOFRA | قائمة عمل الموظف خطوة بخطوة */
.sofra-simple-hint{background:#f6effb;color:#703294;padding:12px 16px;border:1px solid #eadbf4;border-radius:12px;font-size:13px;margin:0 0 15px}
.sofra-simple-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin:18px 0}
.sofra-simple-step{display:flex;align-items:center;gap:9px;padding:12px;border:1px solid #eee5f3;border-radius:12px;background:#faf8fc;color:#877b92;font-size:12px;font-weight:700}
.sofra-simple-step strong{display:grid;place-items:center;flex:0 0 24px;width:24px;height:24px;border-radius:50%;background:#e9e3ef;font-size:12px}
.sofra-simple-step.done{border-color:#caeadb;background:#f0faf5;color:#20754e}
.sofra-simple-step.done strong{background:#d3f3e3;color:#146b42}
.sofra-simple-step.current{border:1px solid #a868d6;background:#f2e9fa;color:#65208e}
.sofra-simple-step.current strong{background:#7e22ce;color:#fff}
.sofra-next-action{border:1px solid #e7d7f3;border-radius:15px;background:#f9f4fd;padding:20px;margin:16px 0}
.sofra-next-action h3{font-size:17px;margin:0 0 8px;color:#542174}
.sofra-next-action p{font-size:12px;color:#6f607a;margin:0 0 12px;line-height:1.85}
.sofra-simple-btn{min-height:44px!important;display:inline-flex;align-items:center;justify-content:center;font-size:13px!important;white-space:normal!important}
.sofra-sent-confirm{border:1px solid #d2bfe2;background:white;color:#63288b!important;margin-inline-start:8px}
.sofra-simple-done{color:#24764d;font-weight:800}
.sofra-minimal-order-summary{background:#fff;border:1px solid #f0eaf3;border-radius:10px;padding:14px;margin:12px 0}
.sofra-minimal-order-summary p{margin:4px 0!important;line-height:1.75}
.sofra-minimal-order-summary table{white-space:normal}
.sofra-order-details>details{border-top:1px solid #eee5f3;margin-top:15px;padding-top:12px}
.sofra-order-details>details summary{cursor:pointer;color:#70617b;font-size:12px}
.sofra-order-history{font-size:12px;line-height:1.8}
.sofra-order-actions button:disabled{opacity:.5}
@media(max-width:700px){.sofra-simple-steps{grid-template-columns:repeat(2,minmax(0,1fr))}.sofra-next-action{padding:15px}.sofra-sent-confirm{margin:9px 0 0}}

/* SOFRA v6: deliberate destructive actions, compact cards and admin forms */
.sofra-order-archive-action{border-top:1px solid #eee4f3;margin-top:18px;padding-top:15px;display:flex;align-items:center;flex-wrap:wrap;gap:12px}
.sofra-order-archive-action small{font-size:11px;color:#8c8394}
.sofra-order-danger{background:#b42335!important;color:white!important;border:1px solid #b42335!important;border-radius:9px;padding:10px 16px;font-weight:800;cursor:pointer}
.sofra-order-danger:hover{background:#92192a!important}
.sofra-inline-actions{display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.sofra-inline-actions button{white-space:nowrap}
.sofra-danger-text{color:#bb2535!important;border-color:#f1cad0!important}
.sofra-avatar-preview{width:78px;height:78px;border-radius:50%;object-fit:cover;border:3px solid #e9d9f4;background:#f3eafa;display:block;margin:6px auto}
.sofra-staff-avatar{height:38px;width:38px;border-radius:50%;object-fit:cover;background:#eee5f6;vertical-align:middle;margin-inline-end:8px}
.sofra-customer-controls{white-space:nowrap}
.sofra-customer-controls button{margin:0 2px}
.sofra-profile-note{font-size:11px;color:#7f7388;padding:10px 12px;background:#faf7fd;border-radius:10px}

.sofra-login-user-photo{display:block;width:100%;height:100%;object-fit:cover;border-radius:50%}

.sofra-archive-policy{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:13px 16px;border:1px solid #e9dff0;border-radius:12px;background:#fcf9fe;margin-bottom:15px}
.sofra-archive-policy[hidden]{display:none}
.sofra-archive-policy label{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:700}
.sofra-archive-policy small{color:#827788;font-size:10px}

/* V8 | Clean multi-select product manager */
.sofra-bulk-selector{display:flex;align-items:center;flex-wrap:wrap;gap:9px;padding:12px 16px;border-bottom:1px solid #eee4f4;color:#665474;font-size:12px}
.sofra-bulk-selector .btn{font-size:12px}
.sofra-bulk-bar{display:flex;align-items:center;flex-wrap:wrap;gap:12px;padding:14px 16px;background:linear-gradient(110deg,#f6efff,#fdfaff);border-bottom:1px solid #decaf4;border-top:1px solid #decaf4}
.sofra-bulk-bar[hidden]{display:none!important}
.sofra-bulk-bar strong{font-size:13px;color:#5e1e95;min-width:100px}
.sofra-bulk-actions{display:flex;align-items:center;flex-wrap:wrap;gap:8px}
.sofra-bulk-actions .btn{font-size:12px;padding:9px 12px}
.sofra-bulk-danger{border:1px solid #e8a9b0!important;background:#fff2f3!important;color:#ab2738!important}
.sofra-bulk-danger:hover:not(:disabled){background:#ffe4e7!important}
.sofra-bulk-bar small{width:100%;font-size:11px;line-height:1.7;color:#6f5b7b}
.sofra-select-col{width:42px;min-width:42px;text-align:center!important}
.sofra-select-col input{appearance:auto;accent-color:#7e22ce;width:17px;height:17px;cursor:pointer}
.sofra-row-selected td{background:#faf5ff!important}
.sofra-bulk-warning{background:#fff9eb;color:#7e5b15;padding:12px;border-radius:9px;font-size:12px;line-height:1.8;margin:10px 0}
.sofra-product-actions button:disabled,.sofra-bulk-actions button:disabled,.sofra-bulk-selector button:disabled{opacity:.5;cursor:not-allowed}
@media(max-width:650px){
 .sofra-bulk-selector{padding:10px;gap:6px}
 .sofra-bulk-selector>span{width:100%}
 .sofra-bulk-bar{padding:12px;gap:10px}
 .sofra-bulk-actions{width:100%}
 .sofra-bulk-actions button{flex:1 1 calc(50% - 9px)}
}

/* SOFRA V9 — WhatsApp settings preview */
.sofra-wa-admin-preview{
 display:flex;align-items:center;justify-content:space-between;gap:12px;
 flex-wrap:wrap;padding:13px 15px;border-radius:12px;
 background:#f8f3fc;border:1px solid #ebdef4;color:#6b21a8;
 font-size:12px;line-height:1.7;font-weight:600;
}
.sofra-wa-admin-preview a[hidden]{display:none!important}
.sofra-data-form label small{display:block;font-size:11px;font-weight:400;line-height:1.7}

/* SOFRA V13 — all avatar placeholders are actual images, never text/initials. */
.sofra-login-avatar,.sofra-login-selected-avatar,.avatar,.brand-mark,.sofra-login-side-art,.sofra-staff-avatar-spot,.sofra-login-mark{
  overflow:hidden;position:relative;
}
.sofra-avatar-logo-image{display:block;width:100%;height:100%;object-fit:contain;padding:3px;background:transparent}
.sofra-avatar-photo-image{display:block;width:100%;height:100%;object-fit:cover;border-radius:inherit}
.sofra-avatar-empty{background-color:#f5edfa}
.sofra-login-mark{width:120px;height:44px;display:flex;align-items:center;justify-content:flex-start}
.sofra-login-mark .sofra-avatar-logo-image{padding:0;object-position:right center}
.sofra-login-side-art .sofra-avatar-logo-image{padding:12px;transform:rotate(8deg)}
.sofra-staff-avatar-spot{display:inline-grid;place-items:center;width:38px;height:38px;flex:none;border-radius:50%;background:#eee5f6;vertical-align:middle;margin-inline-end:8px}
.sofra-profile-avatar{flex:0 0 36px}

/* SOFRA V14 — professional, consistent image treatment */
.sofra-login-avatar,.sofra-login-selected-avatar,.avatar,.brand-mark,.sofra-staff-avatar-spot{
 border:1px solid #e7d6f3;background:linear-gradient(140deg,#fff,#f6eafa);box-shadow:0 3px 11px rgba(70,29,112,.09);overflow:hidden;isolation:isolate
}
.sofra-login-avatar,.sofra-login-selected-avatar{border-radius:14px}
.sofra-staff-avatar-spot,.sofra-profile-avatar{border-radius:50%;border:2px solid #e8d5f5;box-shadow:0 3px 10px rgba(72,31,104,.12)}
.sofra-login-mark{width:145px;height:55px;border-radius:12px;border:1px solid #ffffff5c;background:#fff;box-shadow:0 6px 23px rgba(30,8,50,.15);padding:4px;overflow:hidden}
.sofra-login-side-art{width:135px;height:135px;border-radius:30px;border:1px solid #ffffff8f;background:linear-gradient(125deg,#ffffff33,#ffffff15);box-shadow:0 13px 31px rgba(42,7,71,.2);padding:13px}
.sofra-avatar-logo-image{width:100%;height:100%;object-fit:contain;object-position:center;border-radius:inherit;padding:5px;background:linear-gradient(140deg,#fff,#f9f3ff)}
.sofra-avatar-photo-image{width:100%;height:100%;object-fit:cover;object-position:center;border-radius:inherit;padding:0;background:#ece0f5}
.sofra-login-side-art .sofra-avatar-logo-image{padding:12px;transform:none;border-radius:19px;background:#fff}
.sofra-login-mark .sofra-avatar-logo-image{padding:3px 7px;object-position:center}
.sofra-login-account:hover .sofra-login-avatar{border-color:#b984e6;box-shadow:0 6px 16px rgba(107,33,168,.18)}
.sofra-brand-preview{border:1px solid #e7d7f1;background:linear-gradient(135deg,#fff,#fbf7ff);padding:9px;box-shadow:0 4px 15px rgba(51,17,80,.06);border-radius:14px;object-fit:contain}
.sofra-avatar-preview{width:90px;height:90px;border:3px solid #e7d4f5;border-radius:21px;box-shadow:0 9px 24px rgba(81,33,113,.12);padding:5px;object-fit:contain;background:#fff}
.sofra-avatar-preview.sofra-preview-person{border-radius:50%;object-fit:cover;padding:0}
.sofra-avatar-preview.sofra-preview-logo{object-fit:contain}
.sofra-suggestion-toolbar{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:15px 0}
.sofra-suggestion-toolbar .active{color:#6b21a8;border:1px solid #bb8ae3;background:#f6edfe;box-shadow:0 2px 8px rgba(107,33,168,.08)}
.sofra-suggestion-v14{border:1px solid #ecddf5;border-radius:15px;box-shadow:0 8px 24px rgba(63,24,96,.05);display:grid;gap:10px}
.sofra-suggestion-source{justify-self:start;border-radius:99px;background:#f0e2ff;color:#6b21a8;font-weight:800;padding:5px 10px;font-size:11px}
.sofra-suggestion-source.customer{background:#e9f6f5;color:#136d66}
.sofra-suggestion-v14 h3{margin:0;font-size:15px}
.sofra-suggestion-v14 .sofra-suggestion-body{margin:0;line-height:1.9;white-space:pre-wrap;overflow-wrap:anywhere;font-size:13px;color:#40324f}
.sofra-suggestion-v14 small{color:#83718e;font-size:11px}
.sofra-suggestion-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.sofra-suggestion-actions select{padding:8px 13px;background:#fff;border:1px solid #e7d5f5;border-radius:10px}
@media(max-width:650px){.sofra-suggestion-toolbar .btn{flex:1 1 auto}.sofra-login-mark{width:123px;height:50px}}


/* SOFRA V15 — expandable, accessible order details (works in every order tab). */
#ordersBody .sofra-order-row:hover{background:#fdfbff}
#ordersBody .sofra-order-row:has(+ .sofra-order-expansion){background:#faf6ff}
.sofra-order-table-actions{min-width:220px;white-space:normal}
.sofra-order-table-actions .btn{margin:3px 0}
.sofra-order-toggle{display:inline-flex;align-items:center;justify-content:center;gap:7px;margin:3px 7px 3px 0;padding:7px 11px;border:1px solid #dfc8ef;border-radius:10px;color:#69259b;background:#fbf7ff;font-size:12px;font-weight:800;line-height:1.5;transition:background .2s,border-color .2s,box-shadow .2s}
.sofra-order-toggle svg{flex:0 0 16px;transition:transform .24s ease}
.sofra-order-toggle:hover{background:#efe2fc;border-color:#b984df}
.sofra-order-toggle[aria-expanded="true"]{background:#6b21a8;color:#fff;border-color:#6b21a8;box-shadow:0 5px 14px #6b21a821}
.sofra-order-toggle[aria-expanded="true"] svg{transform:rotate(180deg)}
.sofra-order-toggle:focus-visible{outline:3px solid #b58bd9;outline-offset:2px}
#ordersBody tr.sofra-order-expansion>td.sofra-order-expansion-cell{padding:0 15px 19px;white-space:normal;background:#faf6ff;border-bottom:1px solid #e7d9f2}
.sofra-order-expand-panel{max-width:100%;padding:20px;background:#fff;border:1px solid #e9dcf2;border-radius:16px;box-shadow:0 10px 24px #32104d0a;color:#31213a;white-space:normal}
.sofra-order-expand-head,.sofra-order-expand-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.sofra-order-expand-head{margin-bottom:15px}
.sofra-order-overline{display:block;font-size:11px;font-weight:800;color:#7e22ce;margin-bottom:4px}
.sofra-order-expand-head h3{font:700 17px Alexandria,Tajawal,sans-serif;margin:0;color:#301344}
.sofra-order-contact{display:inline-flex;align-items:center;gap:7px;max-width:100%;vertical-align:middle;padding:6px 11px;border:1px solid #e5d6f0;border-radius:999px;background:#f8f2fc;color:#6b298b;font-size:12px;font-weight:800;line-height:1.5;white-space:normal}
.sofra-order-contact-dot{display:inline-block;width:7px;height:7px;flex:0 0 7px;border-radius:50%;background:currentColor}
.sofra-order-contact.whatsapp{color:#18794a;background:#eaf8ef;border-color:#c9ead6}
.sofra-order-contact.call{color:#2c67aa;background:#edf5ff;border-color:#cde0fa}
.sofra-order-contact.unknown{color:#77657d;background:#f7f5f9;border-color:#eae4ee}
.sofra-order-info-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:19px}
.sofra-order-info-card{padding:12px 14px;background:#fbfafc;border:1px solid #efeaf3;border-radius:11px;min-width:0}
.sofra-order-info-card span{display:block;color:#8a7f92;font-size:11px;font-weight:700;margin-bottom:6px}
.sofra-order-info-card strong{display:block;color:#382640;font-size:13px;overflow-wrap:anywhere;line-height:1.7}
.sofra-order-info-card strong[dir="ltr"]{text-align:right;unicode-bidi:plaintext}
.sofra-order-expand-heading{margin:0 0 9px}
.sofra-order-expand-heading h4,.sofra-order-customer-notes h4{font-size:14px;color:#4f2472;margin:0;font-weight:800}
.sofra-order-expand-heading span{font-size:11px;background:#f2e7fb;color:#6b21a8;border-radius:7px;padding:4px 9px;font-weight:800}
.sofra-order-item-scroll{max-width:100%;overflow-x:auto;border:1px solid #eee7f3;border-radius:11px;margin-bottom:14px}
.sofra-order-items-table{min-width:530px;width:100%;border-collapse:collapse;text-align:right;white-space:normal}
.sofra-order-items-table th{background:#f8f3fc;color:#6a4c7c;font-weight:800;font-size:11px;padding:12px;white-space:nowrap}
.sofra-order-items-table td{color:#45374e;font-size:12px;padding:12px;border-top:1px solid #f0ebf3;white-space:normal;line-height:1.6}
.sofra-order-items-table th:first-child,.sofra-order-items-table td:first-child{width:42px;text-align:center}
.sofra-order-item-sku{display:block;color:#9a8da2;font-size:10px;margin-top:3px;direction:ltr;text-align:right;unicode-bidi:plaintext}
.sofra-order-expand-bottom{display:grid;grid-template-columns:minmax(0,1fr) minmax(220px,330px);align-items:start;gap:15px}
.sofra-order-customer-notes{padding:13px;background:#faf8fb;border:1px solid #f0eaf3;border-radius:11px;min-height:70px}
.sofra-order-customer-notes p{margin:7px 0 0;color:#574b5e;font-size:12px;line-height:1.8;overflow-wrap:anywhere}
.sofra-order-price-summary{padding:11px 13px;background:#f9f5fc;border:1px solid #e9d9f5;border-radius:11px;margin:0;font-size:12px}
.sofra-order-price-summary>div{display:flex;justify-content:space-between;gap:12px;align-items:baseline;padding:5px 0}
.sofra-order-price-summary dt{color:#756583}
.sofra-order-price-summary dd{margin:0;color:#32223c;font-weight:800;white-space:nowrap}
.sofra-order-price-summary .sofra-order-total{border-top:1px solid #ddc8ea;margin-top:8px;padding-top:10px;font-size:14px}
.sofra-order-price-summary .sofra-order-total dt,.sofra-order-price-summary .sofra-order-total dd{color:#6b21a8;font-weight:900}
.sofra-order-loading,.sofra-order-load-error{padding:25px 14px;text-align:center;color:#70577f;font-size:13px}
.sofra-order-load-error{color:#ac3e48;background:#fff4f4;border-radius:10px}
.sofra-order-empty-items{padding:12px;background:#fff8ee;color:#8d622d;border:1px solid #f7e4c6;border-radius:10px;font-size:12px}
.sofra-detail-accordion{border:1px solid #eadcf4!important;background:#fdfbff;border-radius:14px;margin:12px 0;padding:11px!important}
.sofra-detail-accordion>summary{cursor:pointer;padding:8px;color:#6b21a8!important;font-weight:800;font-size:13px!important}
.sofra-detail-accordion[open]>summary{margin-bottom:8px}
.sofra-detail-accordion .sofra-order-expand-panel{box-shadow:none}
@media(max-width:950px){.sofra-order-info-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){
 .sofra-order-expand-panel{padding:13px}
 .sofra-order-info-grid{grid-template-columns:1fr 1fr;gap:7px}
 .sofra-order-info-card{padding:10px}
 .sofra-order-expand-bottom{grid-template-columns:1fr}
 .sofra-order-expand-head h3{font-size:14px}
 .sofra-order-table-actions{min-width:190px}
}
@media(max-width:410px){.sofra-order-info-grid{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.sofra-order-toggle,.sofra-order-toggle svg{transition:none}}

/* SOFRA V16: empty banners info */
.sofra-banner-empty{padding:16px;margin-top:12px;border:1px dashed #d9c5ea;border-radius:12px;background:#faf7ff;color:#5b3674;line-height:1.9;font-size:13px}