:root{--blue:#24509d;--gold:#c99b45;--ink:#172033;--muted:#667085;--line:#e5e7eb;--soft:#f6f8fb;--side:#101828;--danger:#b42318;--ok:#14804a}*{box-sizing:border-box}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Arial,sans-serif;background:var(--soft);color:var(--ink)}a{text-decoration:none;color:inherit}button,input,select,textarea{font:inherit}.app-shell{display:grid;grid-template-columns:250px 1fr;min-height:100vh}.sidebar{background:var(--side);color:#fff;position:sticky;top:0;height:100vh;display:flex;flex-direction:column}.brand{font-size:22px;font-weight:800;letter-spacing:.09em;padding:22px 20px;border-bottom:1px solid #344054}.brand img{display:block;width:150px;background:#fff;padding:6px;border-radius:4px;margin-bottom:8px}.brand small{display:block;font-size:9px;letter-spacing:.18em;color:#98a2b3;margin-top:3px}.sidebar nav{padding:12px;flex:1;overflow:auto}.sidebar nav a{display:flex;gap:12px;align-items:center;padding:11px 12px;border-radius:6px;color:#c7ced8;font-size:14px;margin:2px 0}.sidebar nav a:hover,.sidebar nav a.active{background:#1d2939;color:#fff}.sidebar nav span{width:22px;color:#84adff}.side-foot{border-top:1px solid #344054;padding:16px 20px}.side-foot small,.side-foot b{display:block}.side-foot small{color:#d0d5dd}.side-foot b{font-size:11px;color:#84adff;margin:3px 0 10px;text-transform:uppercase}.side-foot button{background:none;border:0;color:#fda29b;padding:0}.main{min-width:0}.main>header{height:62px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 28px;position:sticky;top:0;z-index:30}.main>header a{color:var(--blue);font-size:13px;font-weight:700}.env{font-size:10px;color:var(--blue);background:#edf4ff;padding:5px 8px;border-radius:99px;font-weight:800;letter-spacing:.08em}.hamb{display:none}.content{padding:28px;max-width:1700px;margin:auto}.page-head{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:22px}.page-head h1{margin:0;font-size:30px}.page-head p{color:var(--muted);margin:6px 0 0}.btn{border:1px solid #d0d5dd;background:#fff;color:var(--ink);border-radius:6px;padding:10px 14px;font-weight:700}.btn.primary{background:var(--blue);border-color:var(--blue);color:#fff}.btn.danger{background:#fff0f0;border-color:#f6b8b8;color:var(--danger)}.kpis{display:grid;grid-template-columns:repeat(5,1fr);gap:14px;margin-bottom:18px}.kpi{background:#fff;border:1px solid var(--line);padding:20px}.kpi small{display:block;color:var(--muted);font-weight:600}.kpi strong{display:block;font-size:28px;margin-top:8px}.grid2{display:grid;grid-template-columns:1.4fr .8fr;gap:18px}.card{background:#fff;border:1px solid var(--line);padding:20px;margin-bottom:18px}.card h2{margin:0 0 16px;font-size:19px}.card-head{display:flex;justify-content:space-between;align-items:center}.card-head a{color:var(--blue);font-size:13px;font-weight:700}.readiness p{border-bottom:1px solid var(--line);padding:9px 0;margin:0}.readiness .warn{color:#b54708}table{width:100%;border-collapse:collapse;font-size:13px}th{text-align:left;color:#667085;font-weight:700;background:#fafafa}th,td{padding:12px;border-bottom:1px solid var(--line);vertical-align:middle}td small{display:block;color:var(--muted);margin-top:4px}.table-wrap{overflow:auto}.pill{display:inline-flex;border-radius:99px;padding:4px 8px;font-size:11px;font-weight:800;background:#edf4ff;color:var(--blue)}.pill.active,.pill.paid,.pill.delivered{background:#eaf8ef;color:var(--ok)}.pill.cancelled,.pill.failed,.pill.refunded{background:#fff0f0;color:var(--danger)}.pill.processing,.pill.pending,.pill.awaiting-payment,.pill.confirmed,.pill.packed,.pill.dispatched{background:#fff6e5;color:#b54708}.toolbar{display:flex;gap:10px;margin-bottom:14px}.toolbar input,.toolbar select{height:40px;border:1px solid #d0d5dd;padding:0 12px;border-radius:5px}.toolbar input{min-width:300px}.prod-cell{display:flex;gap:10px;align-items:center}.prod-cell img,.cat-thumb{width:52px;height:52px;object-fit:cover;border-radius:4px;background:#f3f4f6}.prod-cell div{min-width:200px}.prod-cell b,.prod-cell small{display:block}.low{color:#b54708}.iconbtn{border:1px solid #d0d5dd;background:#fff;border-radius:4px;padding:6px 9px;color:var(--blue)}.drawer-back{position:fixed;inset:0;background:rgba(16,24,40,.42);z-index:100;display:flex;justify-content:flex-end}.drawer{width:min(720px,92vw);height:100%;overflow:auto;background:#fff;padding:24px}.drawer.small{width:min(480px,92vw)}.drawer-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.drawer-head h2{margin:0}.drawer-head button{border:0;background:none;font-size:28px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.form-grid .wide{grid-column:1/-1}label{display:block;color:#344054;font-size:13px;font-weight:700;margin:12px 0}label input,label select,label textarea{width:100%;border:1px solid #d0d5dd;border-radius:5px;padding:10px 11px;margin-top:6px;background:#fff}.upload{border:1px dashed #b9c1cc;padding:13px;border-radius:5px}.drawer-actions{display:grid;grid-template-columns:auto 1fr auto auto;gap:10px;border-top:1px solid var(--line);padding-top:18px;margin-top:22px}.order-item{display:grid;grid-template-columns:70px 1fr auto;gap:12px;align-items:center;padding:12px 0;border-bottom:1px solid var(--line)}.order-item img{width:70px;height:70px;object-fit:cover}.order-item span{display:flex;flex-direction:column}.order-item small{color:var(--muted);margin-top:4px}.order-admin aside .card{position:sticky;top:80px}.totals p{display:flex;justify-content:space-between}.totals .total{font-size:18px;border-top:1px solid var(--line);padding-top:12px}.event{display:grid;grid-template-columns:16px 1fr;gap:10px;padding:8px 0}.event i{width:10px;height:10px;border-radius:50%;background:var(--blue);margin-top:5px}.event span{display:block}.event small{display:block;color:var(--muted);margin-top:3px}.cms-layout{display:grid;grid-template-columns:1fr 350px;gap:18px}.preview-card{height:max-content;position:sticky;top:80px}.preview-card img{width:100%;height:170px;object-fit:cover;background:#eee}.preview-card h3{font-size:25px;margin:13px 0 5px}.preview-card a{color:var(--blue);font-weight:700}.media-upload{max-width:700px}.media-upload input[type=file]{display:block;margin:15px 0}.media-upload #mediaResult{margin-top:20px}.media-upload #mediaResult img{width:260px;display:block;margin-bottom:8px}.media-upload #mediaResult input{width:100%;padding:8px}.settings{max-width:700px}.settings>label{padding:8px 0}.settings>label>input[type=checkbox]{width:auto}.warning{background:#fff6e5;color:#934c00;border:1px solid #f2d39b;padding:12px;margin-top:15px}.auth{min-height:100vh;display:grid;place-items:center;background:linear-gradient(135deg,#eef4ff,#f8fafc)}.login-card{width:min(440px,calc(100% - 30px));background:#fff;border:1px solid var(--line);box-shadow:0 18px 60px rgba(36,80,157,.12);padding:34px}.wordmark{font-size:26px;font-weight:900;color:var(--blue);letter-spacing:.12em}.wordmark small{display:block;font-size:9px;color:var(--gold);letter-spacing:.18em}.login-card h1{margin:28px 0 5px}.login-card>p{color:var(--muted)}.login-card label{margin:15px 0}.login-card .btn{width:100%;margin-top:8px}.auth-note{font-size:12px;color:var(--muted);background:var(--soft);padding:12px;margin-top:18px}.auth-note a,.back{color:var(--blue)}.toast{position:fixed;right:22px;bottom:22px;background:#101828;color:#fff;padding:12px 18px;border-radius:5px;z-index:200}.toast.bad{background:var(--danger)}.empty{color:var(--muted);padding:35px;text-align:center}.error{background:#fff0f0;color:var(--danger);padding:18px}.side-open .sidebar{transform:translateX(0)}
@media(max-width:1100px){.kpis{grid-template-columns:repeat(3,1fr)}.grid2,.cms-layout{grid-template-columns:1fr}.preview-card,.order-admin aside .card{position:static}.app-shell{grid-template-columns:220px 1fr}}
@media(max-width:800px){.app-shell{grid-template-columns:1fr}.sidebar{position:fixed;left:0;top:0;bottom:0;width:250px;z-index:80;transform:translateX(-105%);transition:.2s}.main>header{padding:0 16px}.hamb{display:inline-block;border:0;background:#fff;font-size:20px;margin-right:10px}.content{padding:18px}.page-head{display:block}.page-head>div:last-child{margin-top:12px}.kpis{grid-template-columns:1fr 1fr}.toolbar{display:grid}.toolbar input{min-width:0;width:100%}.form-grid{grid-template-columns:1fr}.form-grid .wide{grid-column:auto}.grid2{grid-template-columns:1fr}.card{overflow:auto}.cms-layout{grid-template-columns:1fr}}
@media(max-width:520px){.kpis{grid-template-columns:1fr}.page-head h1{font-size:25px}.content{padding:12px}.main>header .env{display:none}.drawer{padding:18px}.order-item{grid-template-columns:55px 1fr}.order-item>b{grid-column:2}.order-item img{width:55px;height:55px}}
.page-list{display:flex;flex-direction:column;gap:4px;height:max-content}.page-list a{padding:10px 12px;border-radius:5px}.page-list a.active{background:#edf4ff;color:var(--blue);font-weight:800}

/* v2.0.3 bootstrap diagnostics */
.error-note{border-color:#b42318!important;background:#fff4f2!important;color:#b42318!important}

/* v2.1 staff permissions + customer section builder */
.permission-levels{display:grid;grid-template-columns:repeat(6,1fr);gap:10px;margin-bottom:18px}.permission-levels>div{background:#fff;border:1px solid var(--line);padding:14px;text-align:center}.permission-levels b{display:block;font-size:19px;color:var(--blue)}.permission-levels span{display:block;font-size:11px;color:var(--muted);margin-top:4px}.staff-perm-head{margin:24px 0 8px}.staff-perm-head h3{margin:0 0 5px}.staff-perm-head p{margin:0;color:var(--muted);font-size:13px}.permission-matrix{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.permission-matrix fieldset,.promo-builder fieldset{border:1px solid var(--line);padding:12px;margin:0}.permission-matrix legend,.promo-builder legend{font-weight:800;color:var(--blue);font-size:12px;padding:0 6px}.perm-check{display:flex;align-items:flex-start;gap:8px;margin:8px 0;font-weight:500}.perm-check input{width:auto;margin:2px 0 0}.perm-check span{font-size:12px}.builder-note{background:#edf4ff;border:1px solid #cfe0ff;color:#344054;padding:13px 16px;margin-bottom:16px}.section-stack{display:grid;gap:10px}.section-row{display:grid;grid-template-columns:48px 1fr auto;align-items:center;gap:14px;background:#fff;border:1px solid var(--line);padding:14px}.section-drag{width:36px;height:36px;display:grid;place-items:center;background:var(--soft);border-radius:5px;font-weight:800;color:var(--blue)}.section-meta b,.section-meta span{display:block}.section-meta span{font-size:12px;color:var(--muted);margin-top:4px}.section-actions{display:flex;flex-wrap:wrap;gap:6px;justify-content:flex-end}.danger-link{color:var(--danger)!important}.empty-builder{text-align:center;padding:45px}.empty-builder p{color:var(--muted)}.section-fields-title{border-top:1px solid var(--line);margin-top:8px;padding-top:15px}.section-fields-title h3{margin:0}.section-help{background:var(--soft);padding:15px;color:var(--muted)}.promo-builder{display:grid;grid-template-columns:1fr 1fr;gap:12px}.drawer-head small{display:block;color:var(--muted);margin-top:4px}.pill.admin{background:#edf4ff;color:var(--blue)}.pill.operational{background:#eef8f2;color:var(--ok)}
@media(max-width:1100px){.permission-levels{grid-template-columns:repeat(3,1fr)}.permission-matrix{grid-template-columns:1fr 1fr}.section-row{grid-template-columns:42px 1fr}.section-actions{grid-column:2;justify-content:flex-start}.promo-builder{grid-template-columns:1fr}}
@media(max-width:650px){.permission-levels{grid-template-columns:1fr 1fr}.permission-matrix{grid-template-columns:1fr}.section-row{grid-template-columns:1fr}.section-drag{display:none}.section-actions{grid-column:auto}.promo-builder{grid-template-columns:1fr}}


/* Gentelle v2.2 Design & Theme Studio */
.theme-studio{display:grid;gap:18px;padding-bottom:84px}.theme-block>h2{margin-bottom:4px}.theme-block>.hint,.section-fields-title p{color:#667085;margin-top:0}.theme-block input[type=color]{height:46px;padding:4px;cursor:pointer}.theme-block textarea{min-height:110px}.theme-block .checkrow{display:flex;align-items:center;gap:10px;min-height:46px;border:1px solid #d8dee9;border-radius:6px;padding:0 12px}.theme-block .checkrow input{width:auto;margin:0}.service-editor{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.service-editor fieldset{border:1px solid #dfe4ec;border-radius:8px;padding:16px;display:grid;grid-template-columns:1fr 1fr;gap:12px}.service-editor legend{font-weight:800;padding:0 8px}.theme-savebar{position:sticky;bottom:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:20px;background:#fff;border:1px solid #dfe4ec;box-shadow:0 -8px 28px rgba(23,32,51,.08);padding:14px 18px;border-radius:8px}.section-fields-title{border-top:1px solid #e5e9f0;margin-top:8px;padding-top:18px}.section-fields-title h3{margin:0 0 4px}@media(max-width:900px){.service-editor{grid-template-columns:1fr}.service-editor fieldset{grid-template-columns:1fr}.theme-savebar{position:static;align-items:flex-start;flex-direction:column}}
.integration-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 0;border-bottom:1px solid var(--line)}.integration-row b,.integration-row small{display:block}.integration-row small{color:var(--muted);margin-top:3px}.permission-group{border:1px solid var(--line);padding:12px;margin:12px 0}.permission-group>b{display:block;margin-bottom:8px;color:var(--blue)}.permission-group label{display:flex;gap:8px;align-items:center;margin:7px 0;font-weight:500}.permission-group label input{width:auto;margin:0}.card code,.warning code{overflow-wrap:anywhere}.pill.manual-ready,.pill.ready,.pill.booked,.pill.in-transit,.pill.out-for-delivery{background:#fff6e5;color:#b54708}

/* v2.3.1 storefront design lock */
.design-lock-card{border:2px solid #c99b45!important;background:#fffaf0!important}.design-lock-card h2{color:#24509d}.design-lock-card .check{background:#fff;border:1px solid #ead8a7;padding:14px;border-radius:6px}.design-lock-card .hint{margin-top:12px;color:#667085}

/* v2.4 category hierarchy */
.hint-box{padding:12px 14px;margin-bottom:14px;background:#f6f8fc;border:1px solid #e4e9f2;border-radius:6px;color:#4d5a72;font-size:13px}.muted{color:#98a2b3}.card table td small{display:block;color:#667085;margin-top:3px}