@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@400;500;600;700;800;900&display=swap');
:root{--ink:#111827;--muted:#667085;--line:#e5e7eb;--surface:#fff;--bg:#f5f7fb;--navy:#0f172a;--navy2:#172554;--primary:#2563eb;--primary2:#1d4ed8;--success:#10b981;--danger:#ef4444;--warning:#f59e0b;--lav:#eef0ff;--radius:20px;--shadow:0 18px 55px rgba(15,23,42,.08);--shadow-sm:0 7px 25px rgba(15,23,42,.055)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:Cairo,"Segoe UI",Tahoma,Arial,sans-serif;line-height:1.65}a{color:inherit}button,input,textarea,select{font:inherit}.app{min-height:100vh}.top{position:sticky;top:0;z-index:120;height:76px;padding:10px 24px;background:rgba(255,255,255,.96);border-bottom:1px solid #e7eaf0;display:flex;align-items:center;justify-content:space-between;gap:18px}.top-brand,.top-info,.brand{display:flex;align-items:center}.top-brand{gap:12px}.brand{text-decoration:none}.brand-logo-wrap{height:54px;min-width:168px;padding:5px 15px;border-radius:14px;background:linear-gradient(135deg,#0b1220,#172554);display:flex;align-items:center;justify-content:center;box-shadow:0 8px 22px rgba(15,23,42,.15)}.brand img{width:145px;height:43px;object-fit:contain;display:block}.top-info{gap:9px;color:var(--muted);font-size:12px}.platform-label{font-size:10px;font-weight:900;color:#94a3b8;letter-spacing:.08em}.top-info strong{color:var(--ink)}.top-link{padding:9px 12px;border:1px solid var(--line);background:#fff;border-radius:11px;text-decoration:none;font-weight:800}.top-link:hover{border-color:#bfdbfe;color:var(--primary)}.top-link.logout{color:#475569}.mobile-menu{display:none;border:1px solid var(--line);background:#fff;border-radius:11px;width:42px;height:42px;cursor:pointer;font-size:19px}.layout{display:grid;grid-template-columns:275px minmax(0,1fr);min-height:calc(100vh - 76px)}.sidebar{position:sticky;top:76px;height:calc(100vh - 76px);padding:20px 15px;border-left:1px solid #e5e7eb;background:#fff;overflow:auto}.side-brand{padding:12px 12px 20px}.side-kicker{font-size:10px;font-weight:900;color:#94a3b8;letter-spacing:.07em}.side-title{font-size:18px;font-weight:900;line-height:1.45;margin-top:4px}.side-sub{font-size:11px;color:#98a2b3;margin-top:6px}.nav{display:grid;gap:5px}.nav a{display:flex;align-items:center;gap:11px;padding:11px 12px;border-radius:14px;text-decoration:none;color:#475467;font-weight:800;font-size:13px;transition:.18s}.nav a .nav-ico{width:32px;height:32px;border-radius:10px;display:grid;place-items:center;background:#f1f5f9;color:#64748b;font-size:14px}.nav a:hover{background:#f8fafc;color:#1d4ed8;transform:translateX(-2px)}.nav a.active{background:var(--lav);color:#2563eb;box-shadow:inset 0 0 0 1px #dfe3ff}.nav a.active .nav-ico{background:#fff;color:#2563eb;box-shadow:0 4px 12px rgba(37,99,235,.12)}.side-divider{height:1px;background:#edf0f3;margin:17px 8px}.side-help{padding:16px;border-radius:17px;background:linear-gradient(145deg,#0f172a,#172554);color:#fff;box-shadow:0 16px 40px rgba(15,23,42,.16)}.side-help small{display:block;color:#a5b4fc;font-weight:800;font-size:10px}.side-help b{display:block;margin:3px 0 5px}.side-help span{font-size:10px;color:#cbd5e1}.main{min-width:0}.container{max-width:1370px;margin:0 auto;padding:28px 30px 60px}h1{font-size:34px;letter-spacing:-1px;margin:0 0 16px;font-weight:900}h2{font-size:21px;margin:0;font-weight:900}h3{font-size:16px}.muted{color:var(--muted)}.small{font-size:11px}.card{background:rgba(255,255,255,.98);border:1px solid var(--line);border-radius:var(--radius);padding:23px;margin-bottom:18px;box-shadow:var(--shadow-sm)}.card:hover{box-shadow:var(--shadow)}.dashboard-hero{position:relative;overflow:hidden;border-radius:28px;padding:34px;color:#fff;background:linear-gradient(120deg,#0b1220,#172554 72%,#1e40af);box-shadow:0 25px 70px rgba(15,23,42,.18);margin-bottom:20px}.dashboard-hero:before{content:"";position:absolute;width:360px;height:360px;border-radius:50%;right:-160px;top:-220px;background:rgba(37,99,235,.25);filter:blur(8px)}.dashboard-hero:after{content:"";position:absolute;width:240px;height:240px;border-radius:50%;left:-120px;bottom:-170px;background:rgba(96,165,250,.16);filter:blur(5px)}.dashboard-hero>*{position:relative;z-index:1}.hero-kicker{display:inline-flex;align-items:center;gap:7px;font-size:10px;font-weight:900;color:#bfdbfe;letter-spacing:.07em}.hero-kicker:before{content:"";width:7px;height:7px;border-radius:50%;background:#34d399;box-shadow:0 0 0 5px rgba(52,211,153,.1)}.dashboard-hero h1{font-size:34px;line-height:1.2;margin:7px 0 9px}.dashboard-hero p{margin:0;color:#dbeafe;max-width:780px;font-size:13px}.hero-actions{display:flex;gap:9px;flex-wrap:wrap;margin-top:20px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;border:0;background:var(--navy);color:#fff;padding:10px 15px;border-radius:12px;text-decoration:none;cursor:pointer;font:inherit;font-weight:900;transition:.18s;line-height:1.4}.btn:hover{transform:translateY(-1px);box-shadow:0 9px 22px rgba(15,23,42,.13)}.btn.light{background:#fff;color:var(--navy)}.btn.ghost{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.22);color:#fff}.btn.blue,.btn.primary{background:linear-gradient(135deg,#2563eb,#1d4ed8)}.btn.green{background:linear-gradient(135deg,#10b981,#059669)}.btn.red{background:linear-gradient(135deg,#ef4444,#dc2626)}.btn.gray{background:#64748b}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.stat{position:relative;overflow:hidden;padding:20px;border:1px solid var(--line);border-radius:18px;background:#fff;box-shadow:var(--shadow-sm)}.stat:after{content:"";position:absolute;width:95px;height:95px;border-radius:50%;background:#eef0ff;left:-35px;bottom:-48px}.stat-icon{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;background:#eef2ff;color:#2563eb;font-weight:900;margin-bottom:11px}.stat-label{color:var(--muted);font-size:11px;font-weight:800}.stat b{position:relative;z-index:1;display:block;font-size:30px;line-height:1.1}.section-title{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:22px 0 11px}.mini-card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.mini-card{padding:18px;border:1px solid var(--line);border-radius:17px;background:#fff}.mini-card .icon{width:42px;height:42px;display:grid;place-items:center;border-radius:12px;background:var(--lav);color:#2563eb;font-weight:900;margin-bottom:11px}.mini-card h3{margin:0 0 4px}.mini-card p{margin:0;color:var(--muted);font-size:11px}.dashboard-columns{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(300px,.75fr);gap:16px}.progress-wrap{padding:18px;border:1px solid var(--line);border-radius:17px;background:#fbfcff}.progress-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:9px}.progress-head b{font-size:18px}.progress{height:9px;background:#edf1f7;border-radius:99px;overflow:hidden}.progress>span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#2563eb,#60a5fa)}.check-list{display:grid;gap:8px;margin-top:13px}.check{display:flex;align-items:center;gap:8px;font-size:11px;color:#475467}.check i{width:21px;height:21px;border-radius:7px;display:grid;place-items:center;background:#ecfdf3;color:#059669;font-style:normal;font-weight:900}.check.off i{background:#f2f4f7;color:#98a2b3}.link-card{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:15px 17px;border:1px solid var(--line);border-radius:16px;background:#fff}.link-card strong{display:block}.link-card small{color:var(--muted)}.field{margin-bottom:14px}.field label{display:block;margin-bottom:6px;font-weight:900;font-size:12px}input,textarea,select{width:100%;padding:11px 12px;border:1px solid #d7dce5;border-radius:11px;background:#fff;color:var(--ink);outline:none;transition:.16s}input:focus,textarea:focus,select:focus{border-color:#93b4ff;box-shadow:0 0 0 4px rgba(37,99,235,.08)}input[type=color]{padding:4px;height:48px;cursor:pointer}.row{display:grid;grid-template-columns:1fr 1fr;gap:15px}textarea{min-height:100px;resize:vertical}.actions{display:flex;gap:7px;flex-wrap:wrap}.alert{padding:12px 14px;border-radius:13px;margin-bottom:15px;font-weight:800;font-size:12px}.success{background:#ecfdf3;color:#047857;border:1px solid #bbf7d0}.error{background:#fff1f2;color:#be123c;border:1px solid #fecdd3}.note{background:#eff6ff;color:#1d4ed8;border:1px solid #bfdbfe;padding:13px;border-radius:13px;font-size:11px}.danger-note{background:#fff7ed;color:#9a3412;border:1px solid #fed7aa;padding:13px;border-radius:13px}.section-tabs{display:flex;gap:8px;align-items:center;padding:6px;background:#e9edf5;border-radius:15px;margin:-2px 0 16px;width:max-content;max-width:100%}.section-tab{border:0;background:transparent;color:#64748b;padding:9px 15px;border-radius:11px;font-weight:900;font-size:12px;cursor:pointer}.section-tab.active{background:#fff;color:#2563eb;box-shadow:0 4px 12px rgba(15,23,42,.08)}.section-tab.add{color:#047857}.section-view-card{display:block}.section-view-card.is-hidden{display:none!important}.section-headline{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.section-headline .eyebrow{font-size:10px;color:#94a3b8;font-weight:900;letter-spacing:.08em}.section-headline h2{margin:2px 0 0}.empty-state,.empty{text-align:center;padding:42px 20px;color:#98a2b3;border:1px dashed #d8dee8;border-radius:16px;background:#fafbfc}table{width:100%;border-collapse:separate;border-spacing:0;overflow:hidden;border:1px solid var(--line);border-radius:15px}th,td{padding:12px;border-bottom:1px solid #edf0f3;text-align:right;vertical-align:middle}th{background:#f8fafc;font-size:11px;color:#475467}tr:last-child td{border-bottom:0}.badge{display:inline-flex;align-items:center;padding:5px 9px;border-radius:999px;background:#eef2f6;font-size:10px;font-weight:900}.badge.green{background:#dcfce7;color:#166534}.thumb{width:76px!important;height:76px!important;min-width:76px;object-fit:cover!important;border-radius:13px;border:1px solid var(--line);background:#f8fafc;display:block}.preview{display:flex;align-items:center;gap:12px;margin-top:9px}.preview img.mini,.mini{width:105px!important;height:105px!important;max-width:105px!important;object-fit:cover!important;border-radius:15px;border:1px solid var(--line);background:#f8fafc;display:block}.preview img.mini.cover,.mini.cover{width:280px!important;height:130px!important;max-width:280px!important;object-fit:cover!important}.image-grid,.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.image-box{border:1px dashed #cbd5e1;border-radius:17px;padding:15px;background:#fbfcfe;overflow:hidden}.image-box>img,.image-box .preview img{max-width:100%!important;height:170px!important;width:100%!important;object-fit:contain!important;border-radius:13px}.image-box .preview img.mini{width:115px!important;height:115px!important;object-fit:cover!important}.color-palette{display:grid;grid-template-columns:repeat(4,1fr);gap:11px}.palette-card{border:1px solid var(--line);border-radius:16px;padding:12px;background:#fff}.palette-card .swatch{height:68px;border-radius:11px;margin-bottom:8px}.live-preview{border:1px solid var(--line);border-radius:19px;padding:17px;background:#f8fafc}.live-preview-box{border-radius:16px;padding:20px;color:#fff;background:linear-gradient(135deg,#0f172a,#172554);min-height:170px}.sortable-list{display:grid;gap:8px}.sortable-item,.sortable-row{display:flex!important;align-items:center!important;gap:10px!important;padding:11px 12px!important;border:1px solid #e5e7eb!important;border-radius:13px!important;margin:0!important;background:#fff!important;min-height:58px}.sortable-item:hover,.sortable-row:hover{border-color:#cbd5e1!important;box-shadow:0 6px 18px rgba(15,23,42,.05)}.sortable-item.dragging,.sortable-row.dragging{opacity:.55;border-color:#93c5fd!important;background:#eff6ff!important}.drag-handle{flex:0 0 auto;width:32px;height:32px;display:grid;place-items:center;border-radius:9px;background:#f1f5f9;color:#64748b;cursor:grab;font-size:16px}.grow{flex:1;min-width:0}.sort-actions{display:flex;gap:6px;align-items:center;flex-wrap:wrap}.mini-btn{padding:7px 10px!important;font-size:11px!important}.nested{margin-top:10px;padding:10px;border-radius:13px;background:#f8fafc;border:1px solid #eef2f6}.group-card{align-items:flex-start!important}.variant-row{display:grid;grid-template-columns:34px 1fr 180px 45px;gap:8px;align-items:center;margin-bottom:8px}.checklist label{display:block;padding:10px;background:#f8fafc;border-radius:10px;margin-bottom:6px}.inline-add{display:grid;grid-template-columns:1fr 140px 120px auto;gap:7px;margin-top:10px}.modal-backdrop{position:fixed;inset:0;background:rgba(15,23,42,.55);display:none;align-items:center;justify-content:center;z-index:300;padding:20px}.modal-backdrop.show{display:flex}.modal{width:min(480px,100%);background:#fff;border-radius:20px;padding:22px;box-shadow:0 30px 90px rgba(0,0,0,.2)}.color-control{display:flex;align-items:center;gap:10px}.color-control input[type=color]{width:70px;flex:0 0 70px}.accent-demo{width:42px;height:42px;border-radius:12px;border:1px solid #e5e7eb}.login-shell{min-height:100vh;display:grid;grid-template-columns:minmax(360px,1fr) minmax(430px,620px);background:#0b1220}.login-showcase{position:relative;overflow:hidden;padding:70px;display:flex;align-items:flex-end;color:#fff;background:radial-gradient(circle at 20% 20%,#1d4ed855 0,transparent 35%),linear-gradient(145deg,#0b1220,#172554)}.login-copy{position:relative;z-index:1;max-width:520px}.login-copy .eyebrow{font-size:12px;font-weight:900;color:#bfdbfe}.login-copy h2{font-size:46px;line-height:1.1;margin:10px 0 15px}.login-copy p{color:#cbd5e1}.login-points{display:grid;gap:10px;margin-top:25px}.login-points div{padding:12px 14px;border:1px solid #ffffff18;background:#ffffff0b;border-radius:14px}.login-card{display:flex;align-items:center;justify-content:center;padding:34px;background:#f7f8fc}.login-card form{width:min(480px,100%);padding:36px;background:#fff;border:1px solid var(--line);border-radius:26px;box-shadow:0 30px 90px #0002}.login-logo{display:block;width:180px;max-width:65%;height:auto;margin:0 auto 22px}.login-card h1{text-align:center;font-size:29px;margin-bottom:7px}.login-card .login-sub{text-align:center;color:var(--muted);margin:0 0 24px}.password-hint{font-size:12px;color:var(--muted);margin-top:7px}.footer{text-align:center;color:#98a2b3;padding:12px 20px 28px;font-size:10px}.footer b{color:#475467}
@media(max-width:1050px){.layout{grid-template-columns:225px 1fr}.grid{grid-template-columns:repeat(2,1fr)}.dashboard-columns{grid-template-columns:1fr}.container{padding-inline:20px}.platform-label{display:none}}
@media(max-width:780px){.top{height:66px;padding:8px 12px}.mobile-menu{display:grid;place-items:center}.top-info .top-link:first-of-type{display:none}.top-info>strong,.top-badge{display:none}.brand-logo-wrap{height:47px;min-width:145px;padding:4px 10px}.brand img{width:125px;height:38px}.layout{display:block}.sidebar{position:fixed;top:66px;right:0;width:292px;height:calc(100vh - 66px);z-index:110;transform:translateX(110%);transition:.25s;box-shadow:-25px 0 70px rgba(15,23,42,.18)}.sidebar.open{transform:translateX(0)}.main{width:100%}.container{padding:20px 11px 45px}h1{font-size:27px}.dashboard-hero{padding:25px 19px;border-radius:22px}.dashboard-hero h1{font-size:26px}.grid,.row,.image-grid,.settings-grid{grid-template-columns:1fr}.mini-card-grid{grid-template-columns:1fr}.section-title{align-items:flex-start;flex-direction:column}.card{padding:17px;border-radius:18px}.color-palette{grid-template-columns:repeat(2,1fr)}.link-card{align-items:flex-start;flex-direction:column}.section-tabs{width:100%;overflow:auto}.section-tab{white-space:nowrap;flex:1}.variant-row{grid-template-columns:34px 1fr 1fr 42px}.inline-add{grid-template-columns:1fr 1fr}.sort-actions{width:100%}.sortable-item,.sortable-row{flex-wrap:wrap!important}.sortable-item .grow,.sortable-row .grow{min-width:calc(100% - 45px)}.login-shell{grid-template-columns:1fr}.login-showcase{display:none}.login-card{min-height:100vh;padding:14px}.login-card form{padding:25px 18px;border-radius:22px}}

/* V12 product/list layout hardening */
.sort-thumb{width:76px!important;height:76px!important;min-width:76px!important;max-width:76px!important;object-fit:cover!important;border-radius:13px!important;border:1px solid var(--line)!important;background:#f8fafc!important;display:block!important;flex:0 0 76px!important}
.product-list-row{display:grid!important;grid-template-columns:32px 76px minmax(0,1fr) auto auto!important;align-items:center!important;gap:14px!important;width:100%!important}
.product-list-row .grow{min-width:0!important}
.product-list-row .sort-actions{margin-inline-start:auto!important;display:flex!important;gap:8px!important;flex:0 0 auto!important}
.product-list-row .sort-actions .btn{white-space:nowrap!important}
.form-sortable .variant-row{display:grid!important;grid-template-columns:34px minmax(0,1fr) 180px 45px!important;width:100%!important}
.form-sortable .group-select{display:flex!important;align-items:center!important;width:100%!important}
@media(max-width:780px){.product-list-row{grid-template-columns:32px 60px minmax(0,1fr)!important}.product-list-row .sort-actions{grid-column:3!important;margin-inline-start:0!important}.product-list-row .sort-actions .btn{flex:1}.sort-thumb{width:60px!important;height:60px!important;min-width:60px!important;max-width:60px!important;flex-basis:60px!important}.form-sortable .variant-row{grid-template-columns:34px minmax(0,1fr) minmax(100px,1fr) 42px!important}}


/* V13 CONSOLIDATED UI / CONTROL PANEL POLISH */
:root{--primary:#2840a2;--primary2:#2840a2;--navy:#131c2e;--navy2:#1b2742;--success:#4a9b72;--lav:#eef0ff}
/* exact action colors */
.btn{background:#131c2e}
.btn:not(.red):not(.gray):not(.green):not(.blue):not(.primary):not(.light):not(.ghost){background:#131c2e}
.btn.blue,.btn.primary{background:#2840a2}
.btn.green{background:#4a9b72}
.btn.gray{background:#131c2e}
/* edit links/buttons */
a.btn[href*="edit="],button[data-action="edit"],.edit-btn{background:#2840a2!important;color:#fff!important}
/* keep destructive delete distinct */
.btn.red{background:#ef4444}
/* no fake inactive/active add highlight while editing */
.section-tabs{border:1px solid #dfe4f0;background:#f5f7fb;box-shadow:0 5px 18px rgba(15,23,42,.05)}
.section-tab.active{background:#fff;color:#2840a2;box-shadow:0 5px 14px rgba(40,64,162,.12)}
.section-tab.add{color:#4a9b72}
.section-card.is-hidden{display:none!important}
.section-card.editing-mode{outline:2px solid rgba(40,64,162,.08)}
/* header */
.top{background:rgba(255,255,255,.98)}
.brand-logo-wrap{background:linear-gradient(145deg,#0b1220,#17213a)!important;border:1px solid rgba(255,255,255,.08);box-shadow:0 10px 28px rgba(15,23,42,.16)}
/* admin sidebar starts directly with navigation */
body[data-panel="admin"] .sidebar{padding-top:24px}
body[data-panel="admin"] .side-brand{display:none}
/* list rows: actions always anchored at far left in RTL */
.sortable-item,.sortable-row{position:relative}
.sort-actions{margin-inline-start:auto!important;justify-content:flex-start!important;flex:0 0 auto!important}
.sortable-item>strong,.sortable-row>strong{margin-inline-start:0}
/* products */
.product-list-row{display:grid!important;grid-template-columns:32px 76px minmax(180px,1fr) auto auto!important;align-items:center!important;gap:14px!important;width:100%!important}
.product-list-row .sort-actions{display:flex!important;gap:8px!important;align-items:center!important;margin-inline-start:0!important}
.sort-thumb{width:76px!important;height:76px!important;min-width:76px!important;max-width:76px!important;object-fit:cover!important;border-radius:14px!important;border:1px solid var(--line)!important;background:#f3f5f8!important;display:block!important;flex:0 0 76px!important}
.placeholder-thumb{display:grid!important;place-items:center!important;color:#94a3b8!important;font-weight:900!important}
.product-base-price{font-weight:900;white-space:nowrap;color:#2840a2}
/* restaurant image controls */
.logo-preview,.square-preview{width:115px!important;height:115px!important;max-width:115px!important;object-fit:cover!important;border-radius:16px!important}
.image-box.logo-box .preview{min-height:120px}
/* options nested rows */
.nested{padding:12px!important;background:#f7f8fb!important}
.nested .sortable-item{background:#fff!important}
.compact .sort-actions{margin-inline-start:auto!important}
/* responsive */
@media(max-width:780px){
 .product-list-row{grid-template-columns:32px 60px minmax(0,1fr)!important}
 .product-list-row .product-base-price{grid-column:3!important;justify-self:start}
 .product-list-row .sort-actions{grid-column:3!important;width:100%!important}
 .sort-thumb{width:60px!important;height:60px!important;min-width:60px!important;max-width:60px!important;flex-basis:60px!important}
 .sortable-item .sort-actions,.sortable-row .sort-actions{width:auto!important}
}

/* V13 consolidated final polish */
:root{--primary:#2840a2;--primary2:#2840a2;--navy:#131c2e;--navy2:#1b2742;--success:#4a9b72;--lav:#eef0ff}
.btn{background:#131c2e}.btn.blue,.btn.primary{background:#2840a2}.btn.green{background:#4a9b72}.btn.gray{background:#131c2e}.btn.red{background:#ef4444}
a.btn[href*="edit="]{background:#2840a2!important;color:#fff!important}
.section-tabs{border:1px solid #dfe4f0;background:#f5f7fb;box-shadow:0 5px 18px rgba(15,23,42,.05)}.section-tab.active{background:#fff;color:#2840a2;box-shadow:0 5px 14px rgba(40,64,162,.12)}.section-tab.add{color:#4a9b72}.section-card.is-hidden{display:none!important}.section-card.editing-mode{outline:2px solid rgba(40,64,162,.08)}
body[data-panel="admin"] .sidebar{padding-top:24px}.top{background:rgba(255,255,255,.98)}.brand-logo-wrap{background:linear-gradient(145deg,#0b1220,#17213a)!important;border:1px solid rgba(255,255,255,.08);box-shadow:0 10px 28px rgba(15,23,42,.16)}
.sort-actions{margin-inline-start:auto!important;justify-content:flex-start!important;flex:0 0 auto!important}
.product-list-row{display:grid!important;grid-template-columns:32px 76px minmax(180px,1fr) auto auto!important;align-items:center!important;gap:14px!important;width:100%!important}.product-list-row .sort-actions{display:flex!important;gap:8px!important;align-items:center!important;margin-inline-start:0!important}.sort-thumb{width:76px!important;height:76px!important;min-width:76px!important;max-width:76px!important;object-fit:cover!important;border-radius:14px!important;border:1px solid var(--line)!important;background:#f3f5f8!important;display:block!important;flex:0 0 76px!important}.placeholder-thumb{display:grid!important;place-items:center!important;color:#94a3b8!important;font-weight:900!important}.product-base-price{font-weight:900;white-space:nowrap;color:#2840a2}
.logo-preview,.square-preview{width:115px!important;height:115px!important;max-width:115px!important;object-fit:cover!important;border-radius:16px!important}.image-box.logo-box .preview{min-height:120px}
.option-group-head{display:flex;align-items:center;gap:10px;flex-wrap:wrap;width:100%}.option-group-head .spacer{flex:1}.option-item-row{display:grid!important;grid-template-columns:32px minmax(0,1fr) auto auto auto!important;align-items:center!important;gap:10px!important;padding:10px 12px!important;border:1px solid #e9edf3!important;border-radius:12px!important;margin-bottom:7px!important;background:#fff!important}.option-item-row .sort-actions{margin-inline-start:auto!important;display:flex!important;gap:7px!important}.option-item-price{font-weight:900;white-space:nowrap;color:#2840a2}.option-item-row .btn{padding:8px 11px!important;font-size:11px!important}.option-item-row.dragging{opacity:.55;background:#eef4ff!important}.section-card{overflow:visible}
@media(max-width:780px){.product-list-row{grid-template-columns:32px 60px minmax(0,1fr)!important}.product-list-row .product-base-price{grid-column:3!important;justify-self:start}.product-list-row .sort-actions{grid-column:3!important;width:100%!important}.sort-thumb{width:60px!important;height:60px!important;min-width:60px!important;max-width:60px!important;flex-basis:60px!important}.option-item-row{grid-template-columns:32px minmax(0,1fr) auto!important}.option-item-row .badge{grid-column:3}.option-item-row .sort-actions{grid-column:2 / -1;width:100%!important}.option-item-row .sort-actions .btn{flex:1}.option-group-head .spacer{display:none}}

/* V13.2 - vertically center table action buttons */
td.actions{display:table-cell!important;vertical-align:middle!important;text-align:right!important;white-space:nowrap!important}
td.actions .btn{vertical-align:middle!important;margin-top:0!important;margin-bottom:0!important}


/* V13.4 layout hardening */
html,body{max-width:100%;overflow-x:hidden!important}
.main,.container,.card,.section-card,.sortable-list,.sortable-row,.sortable-item,.group-box,.items-list{min-width:0;max-width:100%}
.option-group-head{min-width:0;flex-wrap:wrap;row-gap:10px!important}
.option-group-head>*{min-width:0}
.option-group-head strong{overflow-wrap:anywhere}
.sort-actions{gap:10px!important;align-items:center!important}
.sort-actions .btn{flex:0 0 auto;white-space:nowrap}
.option-item-row{min-width:0!important}
.option-item-row>*{min-width:0}
.option-item-row .grow{overflow-wrap:anywhere}
/* Keep menu-style save actions on the same success green as all save buttons. */
body[data-page="settings.php"] .btn.blue,body[data-page="theme.php"] .btn.blue{background:#4a9b72!important;color:#fff!important}
/* Admin/client header cleanup */
.brand-logo-wrap{background:transparent!important;border:0!important;box-shadow:none!important;padding:2px 4px!important;min-width:185px!important;height:58px!important}
.brand img{width:170px!important;height:50px!important}
@media(max-width:780px){.brand-logo-wrap{min-width:155px!important;height:50px!important}.brand img{width:145px!important;height:44px!important}.sort-actions{gap:10px!important}}

/* V13.5 consolidated fixes */
.sort-actions{display:flex!important;gap:12px!important;align-items:center!important;justify-content:flex-start!important;flex-wrap:wrap!important;margin-inline-start:auto!important;padding-inline-start:8px!important}
.sort-actions .btn{margin:0!important}
td.actions{padding-left:16px!important}
td.actions .btn{margin-inline:4px!important}
.product-list-row .sort-actions{gap:12px!important;padding-inline-start:8px!important}
.option-item-row .sort-actions{gap:12px!important}
.cover-preview{display:block!important;width:100%!important;max-width:360px!important;height:150px!important;object-fit:cover!important;border-radius:16px!important;border:1px solid var(--line)!important;background:#f3f5f8!important}
.account-card{max-width:850px}
.account-head{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:22px}
.password-hint{margin-top:6px}
@media(max-width:780px){.sort-actions{width:100%!important;padding-inline-start:0!important;gap:10px!important}.sort-actions .btn{flex:0 0 auto!important}.cover-preview{height:130px!important;max-width:100%!important}.account-card{padding:18px}}

/* V13.5 FINAL UNIFIED UI */
.btn{background:#131c2e!important;color:#fff!important}
.btn.blue,.btn.primary,a.btn[href*="edit="]{background:#2840a2!important;color:#fff!important}
.btn.green{background:#4a9b72!important;color:#fff!important}
.btn.gray{background:#131c2e!important;color:#fff!important}
.btn.red{background:#ef4444!important;color:#fff!important}
/* Separate Add / Manage screens are controlled by the sidebar links, never by in-page tabs. */
body[data-mode="add"] [data-section-card="manage"],
body[data-mode="edit"] [data-section-card="manage"]{display:none!important}
body[data-mode="list"] [data-section-card="add"]{display:none!important}
body[data-mode="list"] [data-section-card="manage"]{display:block!important}
body[data-mode="add"] [data-section-card="add"],
body[data-mode="edit"] [data-section-card="add"]{display:block!important}
.nav-group{display:grid;gap:3px;margin:-1px 8px 6px;padding:5px 0 6px;border-right:2px solid #e8ebf5}
.nav-group a{font-size:11px!important;padding:8px 10px!important;border-radius:10px!important;color:#64748b!important;background:transparent!important;box-shadow:none!important;transform:none!important}
.nav-group a:hover{background:#f5f7fb!important;color:#2840a2!important}
.nav-group a .nav-ico{width:25px!important;height:25px!important;border-radius:8px!important;font-size:12px!important}
.nav-group:not(.open){display:none}
body[data-panel="admin"] .side-brand,body[data-panel="client"] .side-brand,
body[data-panel="client"] .side-help{display:none!important}
body[data-panel="admin"] .sidebar,body[data-panel="client"] .sidebar{padding-top:24px}
/* Client options must use the exact same full-width layout as Admin. */
body[data-panel="client"] .group-box,
body[data-panel="client"] #groupsList,
body[data-panel="client"] .items-list{width:100%!important;max-width:100%!important;min-width:0!important}
body[data-panel="client"] .option-group-head{width:100%!important;display:flex!important;align-items:center!important;gap:12px!important;flex-wrap:wrap!important}
body[data-panel="client"] .option-item-row{width:100%!important;display:grid!important;grid-template-columns:32px minmax(0,1fr) auto auto auto!important;align-items:center!important;gap:12px!important}
/* Status sits immediately before action buttons in RTL; actions stay at the far left. */
.sortable-item>strong,.sortable-row>strong,.product-list-row .grow{order:1}
.sortable-item>.badge,.sortable-row>.badge,.product-list-row>.badge{order:3}
.sortable-item>.sort-actions,.sortable-row>.sort-actions,.product-list-row>.sort-actions{order:4;margin-inline-start:auto!important;display:flex!important;gap:12px!important;align-items:center!important}
.product-list-row .product-base-price{order:2}
.product-list-row .sort-thumb{order:5}
.sortable-item>.drag-handle,.sortable-row>.drag-handle{order:6}
.option-item-row .grow{order:1}.option-item-row .option-item-price{order:2}.option-item-row .badge{order:3}.option-item-row .sort-actions{order:4}.option-item-row .drag-handle{order:6}
.sort-actions .btn{margin:0!important}
td.actions{padding:12px 16px!important;vertical-align:middle!important}
td.actions .btn{margin-inline:4px!important}
/* Logo/cover previews */
.logo-preview,.square-preview{width:115px!important;height:115px!important;object-fit:cover!important}
.cover-preview{width:100%!important;max-width:420px!important;height:155px!important;object-fit:cover!important;border-radius:16px!important}
/* footer credit slightly larger */
footer,.footer,.site-footer,.footer-credit{font-size:13px!important}
@media(max-width:780px){
 .nav-group{margin-inline:4px}
 .product-list-row{grid-template-columns:32px 60px minmax(0,1fr)!important}
 .product-list-row .sort-actions{grid-column:3!important;order:7!important;width:auto!important}
 .option-item-row{grid-template-columns:32px minmax(0,1fr) auto!important}
 .option-item-row .sort-actions{grid-column:2 / -1!important;order:7!important;width:100%!important}
 .option-item-row .badge{grid-column:3!important}
}