:root {
    --bg: #f5f7fb;
    --surface: #ffffff;
    --text: #172033;
    --muted: #67718a;
    --primary: #5368f2;
    --primary-hover: #4054d9;
    --border: #e3e8f1;
    --danger: #c0392b;
    --sidebar: #18233a;
    --sidebar-text: #f7f9ff;
    --sidebar-muted: #c6d0e3;
    --shadow: 0 12px 30px rgba(23, 32, 51, .08);
    --radius: 18px;
}
* { box-sizing: border-box; }
html, body { margin: 0; min-height: 100%; font-family: Arial, Tahoma, sans-serif; background: var(--bg); color: var(--text); }
a { color: inherit; text-decoration: none; }
button, input { font: inherit; }
.container { width: min(1140px, calc(100% - 32px)); margin: 0 auto; }
.topbar { background: var(--surface); border-bottom: 1px solid var(--border); }
.nav-row { min-height: 72px; display: flex; align-items: center; justify-content: space-between; gap: 16px; }
.brand { font-weight: 800; font-size: 20px; }
.page-space { padding: 42px 0; }
.hero { min-height: 65vh; display: grid; place-items: center; text-align: center; }
.hero h1 { font-size: clamp(34px, 5vw, 64px); line-height: 1.05; max-width: 900px; margin: 14px auto; }
.hero p { max-width: 760px; margin: 0 auto 24px; color: var(--muted); font-size: 18px; line-height: 1.7; }
.eyebrow { display: inline-block; font-size: 12px; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; color: var(--primary); }
.btn { border: 0; border-radius: 12px; padding: 11px 16px; cursor: pointer; display: inline-flex; align-items: center; justify-content: center; gap: 8px; }
.btn-primary { background: var(--primary); color: #fff; }
.btn-primary:hover, .btn-primary:focus { background: var(--primary-hover); color: #fff; outline: 3px solid rgba(83,104,242,.18); }
.btn-light { background: #eef2f8; color: #1b273c; }
.btn-light:hover, .btn-light:focus { background: #dde5f0; color: #172033; }
.btn-block { width: 100%; }
.card { background: var(--surface); border: 1px solid var(--border); border-radius: var(--radius); box-shadow: var(--shadow); }
.card-body { padding: 24px; }
.auth-wrap { min-height: 70vh; display: grid; place-items: center; }
.auth-card { width: min(460px, 100%); }
.auth-card h1 { margin-bottom: 6px; }
.muted { color: var(--muted); }
label { display: block; margin: 18px 0 8px; font-weight: 700; }
input { width: 100%; min-height: 46px; border: 1px solid #cfd7e6; border-radius: 12px; padding: 0 13px; background: #fff; color: #172033; }
input:hover { border-color: #aebad0; }
input:focus { border-color: var(--primary); outline: 3px solid rgba(83,104,242,.15); background: #fff; color: #172033; }
.auth-card .btn-block { margin-top: 20px; }
.alert { padding: 13px 15px; border-radius: 12px; margin: 16px 0; }
.alert-error { background: #fff0ee; border: 1px solid #f5c0ba; color: #8c2b20; }
.admin-body { overflow-x: hidden; }
.admin-shell { min-height: 100vh; display: grid; grid-template-columns: 260px 1fr; }
.sidebar { background: var(--sidebar); color: var(--sidebar-text); padding: 20px 14px; transition: width .2s, transform .2s; }
.sidebar-brand { padding: 10px 14px 24px; font-size: 21px; font-weight: 900; }
.nav-link { display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 12px 14px; border-radius: 12px; color: var(--sidebar-muted); margin-bottom: 6px; }
.nav-link:hover, .nav-link:focus { background: #253452; color: #fff; outline: none; }
.nav-link.active { background: #314466; color: #fff; }
.nav-products { border-left: 4px solid #7c8cf8; }
.nav-orders { border-left: 4px solid #f0b849; }
.nav-sites { border-left: 4px solid #5dc6a2; }
.nav-ops { border-left: 4px solid #d17be4; }
.nav-support { border-left: 4px solid #ea7d7d; }
.soon { font-size: 10px; opacity: .75; }
.admin-main { min-width: 0; }
.admin-topbar { min-height: 72px; background: #fff; border-bottom: 1px solid var(--border); display: flex; align-items: center; justify-content: space-between; padding: 0 24px; position: sticky; top: 0; z-index: 20; }
.admin-user { display: flex; align-items: center; gap: 14px; }
.admin-user form { margin: 0; }
.icon-btn { width: 42px; height: 42px; border: 1px solid var(--border); border-radius: 12px; background: #fff; color: #172033; cursor: pointer; }
.icon-btn:hover, .icon-btn:focus { background: #edf1f8; color: #172033; outline: 3px solid rgba(83,104,242,.12); }
.admin-content { padding: 28px; }
.page-header h1 { margin: 8px 0 6px; }
.stats-grid { display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 16px; margin-top: 24px; }
.stat-card { background: #fff; border: 1px solid var(--border); border-radius: 16px; padding: 20px; }
.stat-label { display: block; color: var(--muted); margin-bottom: 10px; }
.stat-card strong { font-size: 34px; }
.mt-24 { margin-top: 24px; }
.status-list { display: flex; flex-wrap: wrap; gap: 9px; }
.status { display: inline-flex; padding: 8px 10px; border-radius: 999px; font-size: 13px; font-weight: 700; }
.status.ok { background: #e9f8f1; color: #1f7656; }
.error-page { min-height: 70vh; display: grid; place-items: center; text-align: center; }
.sidebar-collapsed .admin-shell { grid-template-columns: 82px 1fr; }
.sidebar-collapsed .sidebar-brand { font-size: 0; }
.sidebar-collapsed .sidebar-brand::after { content: "LL"; font-size: 18px; }
.sidebar-collapsed .nav-link { font-size: 0; min-height: 44px; }
.sidebar-collapsed .nav-link::before { content: "•"; font-size: 24px; margin: auto; }
.sidebar-collapsed .soon { display: none; }

@media (max-width: 900px) {
    .admin-shell { grid-template-columns: 1fr; }
    .sidebar { position: fixed; inset: 0 auto 0 0; width: 260px; z-index: 50; transform: translateX(-100%); }
    .mobile-sidebar-open .sidebar { transform: translateX(0); }
    .sidebar-collapsed .admin-shell { grid-template-columns: 1fr; }
    .stats-grid { grid-template-columns: 1fr; }
}

.product-grid,.feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:24px}
.product-card h2{margin:10px 0}.section{margin-top:42px}.lead{font-size:19px;color:var(--muted);line-height:1.7}
.content-text{line-height:1.8}.price{font-size:28px}.back-link{display:inline-block;margin-bottom:20px;color:var(--primary);font-weight:700}
.demo-credential{background:#f3f5f9;border:1px solid var(--border);border-radius:10px;padding:12px;margin:12px 0;line-height:1.7}
.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse}th,td{padding:12px 10px;border-bottom:1px solid var(--border);text-align:left;white-space:nowrap}
select,textarea{width:100%;border:1px solid #cfd7e6;border-radius:12px;padding:11px 13px;background:#fff;color:#172033;font:inherit}
select:focus,textarea:focus{border-color:var(--primary);outline:3px solid rgba(83,104,242,.15)}
.form-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.check{display:flex;align-items:center;gap:8px}.check input{width:auto;min-height:0}
@media(max-width:900px){.product-grid,.feature-grid,.form-grid{grid-template-columns:1fr}}

.checkout-grid{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:20px}
.order-line{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;padding:10px 0}
.order-line.grand{font-size:20px}.countdown-box{padding:14px;border-radius:12px;background:#fff6dd;border:1px solid #efd48f;color:#704f06;margin-bottom:16px}
.alert-success{background:#e9f8f1;border:1px solid #b6e6d2;color:#1f7656}.alert-info{background:#edf6ff;border:1px solid #b9d8f5;color:#255a82}
.btn-success{background:#247a57;color:#fff}.btn-success:hover,.btn-success:focus{background:#1d6448;color:#fff}
.btn-danger{background:#b94034;color:#fff}.btn-danger:hover,.btn-danger:focus{background:#9d342a;color:#fff}
.status.warn{background:#fff3d3;color:#76560b}.status.danger{background:#ffe6e2;color:#8c2b20}
.payment-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.payment-actions{display:grid;gap:12px}.payment-actions form{display:flex;gap:10px;align-items:center}.payment-actions input{flex:1}
.slip-preview{display:block;max-width:100%;max-height:420px;object-fit:contain;border:1px solid var(--border);border-radius:12px;background:#f5f7fb}
.qr-image{max-width:260px;width:100%;height:auto;border-radius:14px;border:1px solid var(--border)}
.segmented{display:flex;gap:6px;background:#edf1f7;padding:5px;border-radius:12px}.segmented a{padding:9px 13px;border-radius:9px;color:#526078}.segmented a.active{background:#fff;color:#172033;box-shadow:0 2px 8px rgba(23,32,51,.08)}
.mt-16{margin-top:16px}
@media(max-width:900px){.checkout-grid,.payment-grid{grid-template-columns:1fr}.payment-actions form{align-items:stretch;flex-direction:column}}

.customer-topbar{background:#fff;border-bottom:1px solid var(--border);position:sticky;top:0;z-index:20}
.customer-nav{min-height:72px;display:flex;align-items:center;gap:22px;justify-content:space-between}
.customer-links{display:flex;gap:8px;flex-wrap:wrap}.customer-links a{padding:9px 11px;border-radius:10px;color:#536078}
.customer-links a:hover,.customer-links a:focus{background:#edf2f8;color:#172033;outline:none}
.detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.detail-list{display:grid;grid-template-columns:170px 1fr;gap:10px 14px}.detail-list dt{font-weight:700;color:#667085}.detail-list dd{margin:0;word-break:break-word}
.notification-list{display:grid;gap:14px}.notification-card.unread{border-left:5px solid var(--primary)}.notification-card.read{opacity:.78}
.inline-form{display:flex;gap:10px;align-items:end}.inline-form input{max-width:220px}.renew-form{display:flex;gap:8px}.renew-form input{width:80px;min-height:38px}
@media(max-width:900px){.customer-nav{align-items:flex-start;flex-direction:column;padding:14px 0}.customer-links{width:100%}.detail-grid{grid-template-columns:1fr}.detail-list{grid-template-columns:1fr}.inline-form{align-items:stretch;flex-direction:column}.inline-form input{max-width:none}}

.stack-form{display:grid;gap:8px;min-width:280px}.stack-form label{margin:0;font-size:12px}.stack-form input,.stack-form select{min-height:38px}
.inline-action{display:inline-block;margin-left:8px}.inline-action button{padding:7px 10px}
code{word-break:break-all}

.release-action{display:grid;grid-template-columns:minmax(180px,1fr) auto;gap:8px;align-items:center;min-width:360px}
.release-action input[type=file]{min-width:0}
@media(max-width:900px){.release-action{grid-template-columns:1fr;min-width:240px}}

.batch-list{max-height:300px;overflow:auto;border:1px solid var(--border);border-radius:12px;padding:12px;margin:12px 0;background:#fafbfc}

.chat-thread{display:grid;gap:12px;margin:20px 0}.chat-bubble{max-width:78%;padding:13px 15px;border-radius:14px;line-height:1.6;border:1px solid var(--border);background:#fff}
.chat-bubble.customer,.chat-bubble.guest{justify-self:end;background:#edf4ff}.chat-bubble.staff{justify-self:start;background:#eef9f3}.chat-bubble.internal{justify-self:stretch;max-width:none;background:#fff6d9;border-style:dashed}
.chat-meta{font-size:12px;color:#6b7280;margin-bottom:6px}.reply-box{padding:16px}.ticket-link{display:flex;justify-content:space-between;gap:12px;padding:13px;border:1px solid var(--border);border-radius:12px;color:#172033}.ticket-link span{color:#6b7280}
@media(max-width:700px){.chat-bubble{max-width:94%}.ticket-link{flex-direction:column}}

.db-table-list{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.db-table-list a{padding:7px 10px;border:1px solid var(--border);border-radius:9px;background:#fff}

.report-filter{display:flex;gap:12px;align-items:end;flex-wrap:wrap}.report-filter>div{min-width:170px}

.buyout-actions{display:grid;gap:6px;min-width:150px}.buyout-actions form{margin:0}

.service-asset{display:flex;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid var(--border)}.service-asset span{color:#6b7280}


/* Phase 16 — Public Storefront */
.public-body{background:#f7f9fc}
.store-header{position:sticky;top:0;z-index:40;background:rgba(255,255,255,.94);backdrop-filter:blur(14px);border-bottom:1px solid var(--border)}
.store-nav{min-height:76px;display:flex;align-items:center;gap:22px}
.store-brand{display:inline-flex;align-items:center;gap:10px}.brand-mark{display:grid;place-items:center;width:36px;height:36px;border-radius:11px;background:linear-gradient(135deg,var(--primary),#7c63ef);color:#fff;font-weight:900}
.store-links{display:flex;align-items:center;gap:6px;margin-left:auto}.store-links a{padding:10px 12px;border-radius:10px;color:#55627a;font-weight:700}.store-links a:hover{background:#f0f3f9;color:#1b273c}
.store-actions{display:flex;gap:8px}.store-menu-toggle{display:none;border:0;background:#eef2f8;border-radius:10px;padding:9px 12px;font-size:20px}
.public-main{padding-top:30px;padding-bottom:70px}
.store-hero{min-height:610px;display:grid;grid-template-columns:1.15fr .85fr;align-items:center;gap:60px;padding:52px 0}
.hero-copy h1{font-size:clamp(42px,5vw,72px);line-height:1.02;letter-spacing:-.04em;margin:14px 0 20px;max-width:850px}.hero-copy>p{font-size:19px;line-height:1.8;color:var(--muted);max-width:760px}
.hero-actions{display:flex;gap:12px;margin:28px 0 20px}.btn-lg{padding:14px 20px;font-size:16px}.trust-row{display:flex;gap:18px;flex-wrap:wrap;color:#56627a;font-size:14px;font-weight:700}
.hero-panel{display:grid;place-items:center}.mini-window{width:min(460px,100%);background:#fff;border:1px solid #dfe5ef;border-radius:24px;box-shadow:0 30px 80px rgba(31,45,79,.16);overflow:hidden;transform:rotate(1deg)}.mini-window-bar{display:flex;gap:7px;padding:15px 18px;background:#f5f7fb;border-bottom:1px solid var(--border)}.mini-window-bar i{width:10px;height:10px;border-radius:50%;background:#cbd3e1}.mini-window-body{padding:30px}.mini-window-body h3{font-size:28px;margin:10px 0 26px}.mini-label{font-size:11px;letter-spacing:.16em;font-weight:900;color:var(--primary)}.mini-stat{display:flex;justify-content:space-between;padding:15px 0;border-top:1px solid var(--border)}.mini-stat strong{color:#247a57}
.storefront-section{padding-top:10px}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:22px}.section-heading h2{font-size:34px;margin:8px 0 4px}.text-link{color:var(--primary);font-weight:800}
.product-meta{display:flex;justify-content:space-between;gap:12px;align-items:center}.badge-soft{background:#eef1ff;color:#4c5bd2;padding:6px 9px;border-radius:999px;font-size:12px;font-weight:800}.storefront-product{transition:transform .18s,box-shadow .18s}.storefront-product:hover{transform:translateY(-4px);box-shadow:0 18px 42px rgba(23,32,51,.13)}.storefront-product h3{font-size:23px;margin:14px 0 8px}.product-bottom{display:flex;justify-content:space-between;align-items:end;gap:14px;margin-top:24px}.product-bottom small{display:block;color:var(--muted)}.store-price{display:block;font-size:25px}.demo-note{margin-top:14px;padding-top:12px;border-top:1px solid var(--border);color:#247a57;font-size:13px;font-weight:700}
.empty-state{padding:28px;background:#fff;border:1px dashed #cfd7e6;border-radius:16px;text-align:center}.empty-state.wide{grid-column:1/-1}
.steps-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.step-card{background:#fff;border:1px solid var(--border);border-radius:16px;padding:22px}.step-card>span{display:inline-grid;place-items:center;width:42px;height:42px;border-radius:12px;background:#eef1ff;color:var(--primary);font-weight:900}.step-card h3{margin:18px 0 8px}.step-card p{margin:0;color:var(--muted);line-height:1.65}
.service-band{background:linear-gradient(120deg,#202d4f,#5368f2);border-radius:26px;color:#fff;padding:38px 42px;display:flex;justify-content:space-between;align-items:center;gap:28px}.service-band h2{font-size:34px;margin:7px 0}.service-band p{max-width:780px;color:#dfe6ff;line-height:1.7}.eyebrow.light{color:#cbd5ff}.btn-white{background:#fff;color:#26345a;font-weight:800}
.news-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.news-grid h3,.news-grid h2{margin-top:8px}
.faq-section{max-width:900px}.faq-section details{background:#fff;border:1px solid var(--border);border-radius:14px;padding:18px 20px;margin:10px 0}.faq-section summary{cursor:pointer;font-weight:800}.faq-section p{color:var(--muted);line-height:1.7}
.store-footer{background:#18233a;color:#edf2ff;padding:48px 0 20px}.footer-grid{display:grid;grid-template-columns:2fr repeat(3,1fr);gap:30px}.footer-grid>div{display:flex;flex-direction:column;gap:10px}.footer-grid p,.footer-grid a{color:#bfc9dd}.footer-grid a:hover{color:#fff}.footer-bottom{border-top:1px solid rgba(255,255,255,.1);padding-top:20px;margin-top:30px;color:#9eabc5}
.chat-fab-wrap{position:fixed;right:22px;bottom:22px;z-index:80}.chat-fab{border:0;background:#5368f2;color:#fff;padding:14px 18px;border-radius:999px;box-shadow:0 12px 35px rgba(50,65,170,.35);font-weight:800;cursor:pointer}.chat-panel{position:absolute;right:0;bottom:64px;width:min(360px,calc(100vw - 28px));background:#fff;border:1px solid var(--border);border-radius:18px;box-shadow:0 25px 70px rgba(23,32,51,.2);overflow:hidden}.chat-panel-head{padding:16px 18px;background:#253354;color:#fff;display:flex;justify-content:space-between}.chat-panel-head small{display:block;color:#cbd4e8;margin-top:3px}.chat-panel-head button{border:0;background:transparent;color:#fff;font-size:26px;cursor:pointer}.chat-panel-body{padding:18px}.chat-panel-body label{font-size:13px;margin-top:12px}.chat-full-link{display:block;margin-top:13px;text-align:center;color:var(--primary);font-weight:700;font-size:13px}
.contact-grid{display:grid;grid-template-columns:1.3fr .7fr;gap:20px}.article-shell{max-width:850px;margin:auto}.article-shell h1{font-size:44px}.article-content{line-height:1.9;font-size:17px}.auth-switch{text-align:center;margin-top:18px}.auth-switch a{color:var(--primary);font-weight:800}
@media(max-width:980px){.store-hero{grid-template-columns:1fr;min-height:auto}.hero-panel{display:none}.steps-grid{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:1fr 1fr}.store-links{display:none;position:absolute;top:76px;left:16px;right:16px;background:#fff;border:1px solid var(--border);border-radius:14px;padding:10px;box-shadow:var(--shadow);flex-direction:column;align-items:stretch}.store-links.open{display:flex}.store-menu-toggle{display:block;margin-left:auto}.store-actions{display:none}}
@media(max-width:700px){.public-main{padding-top:14px}.store-hero{padding:34px 0}.hero-copy h1{font-size:42px}.hero-actions{flex-direction:column}.hero-actions .btn{width:100%}.trust-row{flex-direction:column;gap:8px}.steps-grid,.news-grid,.contact-grid{grid-template-columns:1fr}.service-band{padding:28px 24px;flex-direction:column;align-items:flex-start}.section-heading{align-items:flex-start;flex-direction:column}.footer-grid{grid-template-columns:1fr}.chat-fab span{display:none}.chat-fab{width:52px;height:52px;padding:0}.product-bottom{align-items:stretch;flex-direction:column}}


/* Phase 17 — Professional SaaS visual refresh */
:root{
  --bg:#f4f7fb;--surface:#fff;--text:#182033;--muted:#667085;
  --primary:#5b6cf9;--primary-hover:#4a5ce8;--border:#e6eaf2;
  --shadow:0 10px 30px rgba(18,38,63,.07);--shadow-lg:0 22px 65px rgba(18,38,63,.14);
  --radius:18px;--radius-lg:26px;
}
html{scroll-behavior:smooth}
body{background:
  radial-gradient(circle at 10% -10%,rgba(91,108,249,.10),transparent 28%),
  radial-gradient(circle at 95% 0%,rgba(124,92,255,.08),transparent 24%),
  var(--bg);letter-spacing:-.01em}
.card{border:1px solid rgba(226,231,240,.95);box-shadow:var(--shadow);transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}
.card:hover{border-color:#d9deeb}
.btn{font-weight:800;transition:transform .15s ease,box-shadow .15s ease,background .15s ease}
.btn:hover{transform:translateY(-1px)}
.btn-primary{box-shadow:0 8px 18px rgba(91,108,249,.22)}
.eyebrow{font-size:11px;letter-spacing:.14em}
.store-header{box-shadow:0 8px 28px rgba(20,34,66,.04)}
.store-nav{min-height:80px}
.store-brand{font-size:19px;letter-spacing:-.02em}
.brand-mark{box-shadow:inset 0 0 0 1px rgba(255,255,255,.24),0 8px 18px rgba(91,108,249,.28)}
.store-links a{position:relative}
.store-links a::after{content:"";position:absolute;left:12px;right:12px;bottom:5px;height:2px;background:var(--primary);transform:scaleX(0);transform-origin:center;transition:transform .18s ease}
.store-links a:hover::after{transform:scaleX(1)}
.store-hero{position:relative;overflow:hidden;border-radius:32px;padding:72px 64px;margin-top:14px;background:
 linear-gradient(135deg,rgba(255,255,255,.92),rgba(250,251,255,.88)),
 linear-gradient(135deg,#eef2ff,#f8f6ff);border:1px solid rgba(221,226,238,.95)}
.store-hero::before{content:"";position:absolute;width:360px;height:360px;border-radius:50%;background:rgba(91,108,249,.10);filter:blur(4px);right:-120px;top:-120px}
.store-hero::after{content:"";position:absolute;width:230px;height:230px;border-radius:50%;background:rgba(133,92,255,.08);left:-90px;bottom:-100px}
.hero-copy,.hero-panel{position:relative;z-index:1}
.hero-copy h1{font-weight:900;letter-spacing:-.055em}
.hero-copy>p{font-size:18px}
.mini-window{transform:rotate(2deg) translateY(6px);transition:transform .3s ease}
.mini-window:hover{transform:rotate(0deg) translateY(0)}
.storefront-product{overflow:hidden;position:relative}
.storefront-product::before{content:"";position:absolute;inset:0 0 auto 0;height:4px;background:linear-gradient(90deg,var(--primary),#8b5cf6);opacity:0;transition:opacity .2s}
.storefront-product:hover::before{opacity:1}
.storefront-product:hover{box-shadow:var(--shadow-lg)}
.steps-section .step-card{transition:transform .2s ease,box-shadow .2s ease}.steps-section .step-card:hover{transform:translateY(-4px);box-shadow:var(--shadow)}
.service-band{position:relative;overflow:hidden;box-shadow:0 20px 45px rgba(55,71,160,.22)}
.service-band::after{content:"";position:absolute;width:240px;height:240px;border-radius:50%;background:rgba(255,255,255,.08);right:-70px;top:-70px}
.faq-section details{transition:border-color .2s ease,transform .2s ease}.faq-section details[open]{border-color:#cfd6ff;transform:translateY(-1px)}
.store-footer{background:linear-gradient(180deg,#172136,#101827)}
.chat-fab{animation:chatFloat 3s ease-in-out infinite}
@keyframes chatFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-4px)}}

/* Admin visual refresh */
.admin-shell{grid-template-columns:286px 1fr;background:#f5f7fb}
.admin-sidebar-complete{background:
 linear-gradient(180deg,#17223b 0%,#111a2d 100%);padding:16px 12px 24px;box-shadow:8px 0 28px rgba(16,27,48,.08);overflow-y:auto;height:100vh;position:sticky;top:0}
.sidebar-brand-row{display:flex;align-items:center;justify-content:space-between;padding:4px 8px 14px}
.sidebar-brand{padding:10px 8px;font-size:21px;letter-spacing:-.03em}
.sidebar-close{display:none;border:0;background:transparent;color:#fff;font-size:24px}
.admin-nav{display:flex;flex-direction:column;gap:4px}
.nav-section{margin-top:8px}.nav-section-title{padding:10px 12px 6px;color:#7685a4;font-size:10px;font-weight:900;letter-spacing:.14em;text-transform:uppercase}
.nav-link{padding:10px 12px;border-radius:11px;margin:2px 0;color:#aebbd2;transition:background .16s,color .16s,transform .16s}
.nav-link:hover{background:rgba(255,255,255,.07);transform:translateX(2px)}
.nav-link.active{background:linear-gradient(90deg,rgba(91,108,249,.28),rgba(91,108,249,.12));color:#fff;box-shadow:inset 3px 0 0 #8b9aff}
.nav-left{display:flex;align-items:center;gap:10px;min-width:0}.nav-icon{width:24px;text-align:center;opacity:.95}.nav-label{overflow:hidden;text-overflow:ellipsis}
.nav-badge{min-width:22px;height:22px;padding:0 6px;border-radius:999px;background:#ff6b7a;color:#fff;display:grid;place-items:center;font-size:11px;font-weight:900}
.admin-main{background:linear-gradient(180deg,#f6f8fc,#f3f6fb)}
.admin-topbar{height:76px;border-bottom:1px solid #e8ecf3;box-shadow:0 4px 18px rgba(28,42,70,.03)}
.admin-top-left{display:flex;align-items:center;gap:12px}.admin-view-site{font-weight:800;color:#5d6b84;padding:9px 11px;border-radius:10px}.admin-view-site:hover{background:#eef2f8}
.admin-content{padding:32px 34px;max-width:1600px;width:100%}
.admin-content .page-header h1{font-size:34px;letter-spacing:-.035em}
.admin-stats-4{grid-template-columns:repeat(4,minmax(0,1fr))}
.stat-card{border:1px solid #e6eaf2;box-shadow:0 8px 22px rgba(18,38,63,.05);position:relative;overflow:hidden}
.stat-card::after{content:"";position:absolute;right:-26px;top:-26px;width:80px;height:80px;border-radius:50%;background:rgba(91,108,249,.06)}
.stat-card strong{font-size:32px}
.inline-filter{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.inline-filter input{width:240px}.inline-filter select{width:auto}
.form-action{display:flex;align-items:end}.admin-user-create{grid-template-columns:1.2fr 1.4fr 1fr .9fr auto}
.row-editor{position:relative}.row-editor summary{list-style:none}.row-editor form{position:absolute;right:0;z-index:20;width:340px;background:#fff;border:1px solid var(--border);border-radius:14px;padding:16px;box-shadow:var(--shadow-lg)}
.inbox-list{display:grid;gap:14px}.inbox-card.is-new{border-left:4px solid #f0b849}.inbox-head{display:flex;justify-content:space-between;gap:20px}.inbox-head h3{margin:10px 0 0}.message-box{background:#f7f9fc;border-radius:12px;padding:16px;line-height:1.7}.inbox-actions{display:flex;gap:8px;margin-top:14px}
.role-title{display:flex;justify-content:space-between;gap:20px}.permission-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:16px}.permission-module{grid-column:1/-1;font-weight:900;color:#5b6780;text-transform:uppercase;font-size:11px;letter-spacing:.1em;margin-top:10px}.permission-item{display:flex;gap:10px;align-items:flex-start;background:#f8f9fc;border:1px solid #e8ecf2;border-radius:12px;padding:12px;margin:0}.permission-item input{width:auto;min-height:0;margin-top:3px}.permission-item small{display:block;color:var(--muted);margin-top:3px}
.settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.settings-save{position:sticky;bottom:18px;margin:20px 0;box-shadow:0 12px 28px rgba(91,108,249,.25)}
@media(max-width:1100px){.admin-stats-4{grid-template-columns:repeat(2,1fr)}.admin-user-create{grid-template-columns:1fr 1fr}.permission-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:900px){.admin-sidebar-complete{position:fixed;z-index:70;width:286px;transform:translateX(-100%)}.mobile-sidebar-open .admin-sidebar-complete{transform:translateX(0)}.sidebar-close{display:block}.admin-content{padding:22px 16px}.settings-grid,.permission-grid,.admin-user-create{grid-template-columns:1fr}.admin-stats-4{grid-template-columns:1fr 1fr}.admin-user{gap:8px}.admin-user>span:first-child{display:none}}
@media(max-width:620px){.store-hero{padding:38px 24px;border-radius:22px}.admin-stats-4{grid-template-columns:1fr}.inline-filter{align-items:stretch;flex-direction:column}.inline-filter input,.inline-filter select{width:100%}.row-editor form{position:fixed;left:12px;right:12px;bottom:12px;width:auto;max-height:80vh;overflow:auto}.inbox-head{flex-direction:column}}


/* Phase 18 — Friendly Color Shade Refresh */
:root{
  --primary:#6675f7;
  --primary-hover:#5564e8;
  --accent-pink:#ef72a9;
  --accent-cyan:#58c7d9;
  --accent-mint:#62c9a5;
  --accent-amber:#f2ba62;
  --soft-violet:#eeeaff;
  --soft-blue:#eaf4ff;
  --soft-pink:#fff0f6;
  --soft-mint:#ebfaf5;
}
.public-body{
  background:
    radial-gradient(circle at 8% 4%,rgba(120,102,255,.17),transparent 24%),
    radial-gradient(circle at 92% 10%,rgba(239,114,169,.13),transparent 22%),
    radial-gradient(circle at 72% 70%,rgba(88,199,217,.11),transparent 25%),
    linear-gradient(180deg,#fbfcff 0%,#f6f8ff 48%,#fff9fc 100%);
}
.store-header{
  background:linear-gradient(90deg,rgba(255,255,255,.94),rgba(249,248,255,.95),rgba(255,249,252,.94));
  border-bottom:1px solid rgba(141,151,190,.16);
}
.brand-mark{background:linear-gradient(135deg,#6876f8 0%,#8e67f3 48%,#eb70aa 100%)}
.store-hero{
  background:
    radial-gradient(circle at 82% 18%,rgba(239,114,169,.20),transparent 28%),
    radial-gradient(circle at 24% 88%,rgba(88,199,217,.16),transparent 25%),
    linear-gradient(135deg,#ffffff 0%,#f0efff 46%,#fff1f7 100%);
  border-color:rgba(121,130,210,.18);
  box-shadow:0 32px 85px rgba(87,92,165,.14);
}
.hero-copy h1{
  background:linear-gradient(100deg,#202a52 0%,#5e62d9 48%,#c25b91 100%);
  -webkit-background-clip:text;background-clip:text;color:transparent;
}
.hero-copy .eyebrow{color:#8a57d5}
.trust-row span:nth-child(1){color:#5d70d9}.trust-row span:nth-child(2){color:#a85d93}.trust-row span:nth-child(3){color:#368d8b}
.mini-window{background:linear-gradient(180deg,#fff,#fbfaff)}
.mini-window-bar{background:linear-gradient(90deg,#f0efff,#fff0f6)}
.mini-window-bar i:nth-child(1){background:#ef7d99}.mini-window-bar i:nth-child(2){background:#f1bf66}.mini-window-bar i:nth-child(3){background:#6bc7aa}
.storefront-product:nth-child(4n+1){background:linear-gradient(180deg,#fff 0%,#f7f5ff 100%)}
.storefront-product:nth-child(4n+2){background:linear-gradient(180deg,#fff 0%,#fff5f9 100%)}
.storefront-product:nth-child(4n+3){background:linear-gradient(180deg,#fff 0%,#f2fbff 100%)}
.storefront-product:nth-child(4n+4){background:linear-gradient(180deg,#fff 0%,#f1fbf7 100%)}
.storefront-product:nth-child(4n+1)::before{background:linear-gradient(90deg,#6c75f4,#9671ee)}
.storefront-product:nth-child(4n+2)::before{background:linear-gradient(90deg,#d867a0,#f09bba)}
.storefront-product:nth-child(4n+3)::before{background:linear-gradient(90deg,#52aee4,#62d1d1)}
.storefront-product:nth-child(4n+4)::before{background:linear-gradient(90deg,#51b592,#7ad5b1)}
.step-card:nth-child(4n+1)>span{background:#eeecff;color:#665fe4}
.step-card:nth-child(4n+2)>span{background:#fff0f6;color:#cc5f93}
.step-card:nth-child(4n+3)>span{background:#eaf8ff;color:#3186b6}
.step-card:nth-child(4n+4)>span{background:#eaf9f3;color:#338c6d}
.step-card:nth-child(4n+1){background:linear-gradient(180deg,#fff,#faf9ff)}
.step-card:nth-child(4n+2){background:linear-gradient(180deg,#fff,#fff8fb)}
.step-card:nth-child(4n+3){background:linear-gradient(180deg,#fff,#f7fcff)}
.step-card:nth-child(4n+4){background:linear-gradient(180deg,#fff,#f6fcf9)}
.service-band{
  background:
    radial-gradient(circle at 90% 20%,rgba(255,255,255,.15),transparent 23%),
    linear-gradient(120deg,#5968e9 0%,#8264e8 48%,#d8649b 100%);
}
.news-grid .card:nth-child(3n+1){background:linear-gradient(180deg,#fff,#f7f5ff)}
.news-grid .card:nth-child(3n+2){background:linear-gradient(180deg,#fff,#fff5f8)}
.news-grid .card:nth-child(3n+3){background:linear-gradient(180deg,#fff,#f2fbfb)}
.faq-section details:nth-of-type(3n+1){background:linear-gradient(90deg,#fff,#faf9ff)}
.faq-section details:nth-of-type(3n+2){background:linear-gradient(90deg,#fff,#fff8fb)}
.faq-section details:nth-of-type(3n+3){background:linear-gradient(90deg,#fff,#f5fcfb)}
.chat-fab{background:linear-gradient(135deg,#6675f7,#8a67ec 55%,#e96fa7);box-shadow:0 15px 38px rgba(116,92,216,.34)}
.chat-panel-head{background:linear-gradient(100deg,#5868e6,#7d65df,#cf6497)}
.store-footer{background:
 radial-gradient(circle at 88% 0%,rgba(231,106,164,.15),transparent 22%),
 linear-gradient(135deg,#1b2542,#232b52 48%,#39284a)}

/* Admin color system */
.admin-body{
  background:
    radial-gradient(circle at 25% 0%,rgba(102,117,247,.09),transparent 22%),
    radial-gradient(circle at 94% 12%,rgba(239,114,169,.09),transparent 20%),
    #f6f8fd;
}
.admin-sidebar-complete{
  background:
    radial-gradient(circle at 40% 0%,rgba(125,105,235,.25),transparent 26%),
    linear-gradient(180deg,#202c50 0%,#1a2544 45%,#292043 100%);
}
.nav-section:nth-of-type(1) .nav-section-title{color:#aeb7ff}
.nav-section:nth-of-type(2) .nav-section-title{color:#f3b4d0}
.nav-section:nth-of-type(3) .nav-section-title{color:#8fd6c2}
.nav-section:nth-of-type(4) .nav-section-title{color:#8fcaf0}
.nav-section:nth-of-type(5) .nav-section-title{color:#f0c787}
.nav-section:nth-of-type(6) .nav-section-title{color:#c7afea}
.nav-link.active{
  background:linear-gradient(90deg,rgba(113,125,255,.32),rgba(214,103,164,.18));
  box-shadow:inset 3px 0 0 #a8b0ff,0 7px 20px rgba(10,18,45,.13);
}
.admin-main{
  background:
    radial-gradient(circle at 100% 0%,rgba(239,114,169,.07),transparent 22%),
    radial-gradient(circle at 18% 12%,rgba(102,117,247,.07),transparent 24%),
    linear-gradient(180deg,#f8f9ff,#f4f7fc);
}
.admin-topbar{
  background:linear-gradient(90deg,rgba(255,255,255,.96),rgba(248,247,255,.96),rgba(255,249,252,.96));
}
.stat-card:nth-child(4n+1){background:linear-gradient(145deg,#fff,#f1efff);border-color:#ded9ff}
.stat-card:nth-child(4n+2){background:linear-gradient(145deg,#fff,#fff0f6);border-color:#f6dce8}
.stat-card:nth-child(4n+3){background:linear-gradient(145deg,#fff,#edf9ff);border-color:#d6edf8}
.stat-card:nth-child(4n+4){background:linear-gradient(145deg,#fff,#ecfaf5);border-color:#d6f0e6}
.stat-card:nth-child(4n+1)::after{background:rgba(111,105,236,.10)}
.stat-card:nth-child(4n+2)::after{background:rgba(224,103,160,.10)}
.stat-card:nth-child(4n+3)::after{background:rgba(72,170,218,.10)}
.stat-card:nth-child(4n+4)::after{background:rgba(72,174,137,.10)}
.admin-content .card{
  background:linear-gradient(180deg,rgba(255,255,255,.98),rgba(251,252,255,.98));
}
.admin-content .card:nth-of-type(3n+1){border-top:3px solid rgba(102,117,247,.42)}
.admin-content .card:nth-of-type(3n+2){border-top:3px solid rgba(239,114,169,.36)}
.admin-content .card:nth-of-type(3n+3){border-top:3px solid rgba(88,199,217,.36)}
.status.ok{background:linear-gradient(90deg,#e8f8f1,#e9fbf6);color:#23775c}
.status.warn{background:linear-gradient(90deg,#fff4da,#fff0df);color:#8a5d0b}
.status.danger{background:linear-gradient(90deg,#ffe9e7,#fff0f3);color:#9c3844}
.alert-success{background:linear-gradient(90deg,#eaf9f2,#effbf7)}
.alert-info{background:linear-gradient(90deg,#eef5ff,#f3f0ff)}
.btn-primary{background:linear-gradient(135deg,#6574f6,#7f67e9 58%,#a760dc)}
.btn-primary:hover,.btn-primary:focus{background:linear-gradient(135deg,#5968e8,#725bdd 58%,#9650cf)}
.btn-light{background:linear-gradient(180deg,#fff,#f1f3f8);border:1px solid #e3e7ef}
input,select,textarea{background:linear-gradient(180deg,#fff,#fcfdff)}
input:focus,select:focus,textarea:focus{box-shadow:0 0 0 4px rgba(102,117,247,.10)}


/* Phase 19 — Order & Payment Flow Center */
.workflow-header{display:flex;justify-content:space-between;gap:20px;align-items:flex-end}
.workflow-header-actions{display:flex;gap:8px;flex-wrap:wrap}
.workflow-summary-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;margin-top:24px}
.flow-summary{min-width:0;border:1px solid var(--border);border-radius:18px;padding:18px;display:flex;flex-direction:column;gap:5px;transition:transform .18s ease,box-shadow .18s ease}
.flow-summary:hover{transform:translateY(-3px);box-shadow:var(--shadow)}
.flow-summary span{font-size:13px;font-weight:900}.flow-summary strong{font-size:31px;letter-spacing:-.04em}.flow-summary small{color:var(--muted)}
.flow-summary.warn{background:linear-gradient(145deg,#fff,#fff6df);border-color:#f3deb1}
.flow-summary.purple{background:linear-gradient(145deg,#fff,#f1edff);border-color:#ded6ff}
.flow-summary.danger{background:linear-gradient(145deg,#fff,#fff0f3);border-color:#f6d6df}
.flow-summary.blue{background:linear-gradient(145deg,#fff,#edf5ff);border-color:#d8e9fa}
.flow-summary.violet{background:linear-gradient(145deg,#fff,#f5edff);border-color:#e6d7fa}
.flow-summary.success{background:linear-gradient(145deg,#fff,#eaf9f2);border-color:#d2ecdf}
.workflow-map-card{overflow:hidden;background:
 radial-gradient(circle at 95% 0%,rgba(231,107,163,.10),transparent 22%),
 radial-gradient(circle at 10% 100%,rgba(91,108,249,.10),transparent 25%),
 #fff}
.workflow-track{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}
.workflow-node{position:relative;min-width:0;padding:18px;border:1px solid #e4e8f1;border-radius:17px;background:linear-gradient(150deg,#fff,#f8f9ff)}
.workflow-node:nth-child(5n+2){background:linear-gradient(150deg,#fff,#fff6fa)}
.workflow-node:nth-child(5n+3){background:linear-gradient(150deg,#fff,#f2fbff)}
.workflow-node:nth-child(5n+4){background:linear-gradient(150deg,#fff,#f1faf6)}
.workflow-node:nth-child(5n+5){background:linear-gradient(150deg,#fff,#fff8ea)}
.workflow-node-top{display:flex;justify-content:space-between;align-items:center}
.workflow-number{width:30px;height:30px;border-radius:10px;display:grid;place-items:center;background:#eaeaff;color:#5963df;font-weight:900}
.workflow-icon{font-size:23px}
.workflow-node h3{font-size:16px;margin:15px 0 6px}.workflow-node p{font-size:13px;color:var(--muted);line-height:1.55;margin:0}
.workflow-arrow{position:absolute;right:-13px;top:50%;z-index:2;width:26px;height:26px;border-radius:999px;background:#fff;border:1px solid #dfe4ee;display:grid;place-items:center;color:#75809a;font-weight:900}
.workflow-node:nth-child(5) .workflow-arrow{display:none}
.rejection-loop{margin-top:18px;border:1px solid #f1c7d3;background:linear-gradient(90deg,#fff5f8,#fffafc);border-radius:16px;padding:18px;display:flex;gap:16px;align-items:flex-start}
.rejection-loop-icon{width:44px;height:44px;flex:0 0 44px;border-radius:14px;background:#ffe2eb;color:#bd4f74;display:grid;place-items:center;font-size:24px;font-weight:900}
.rejection-loop p{margin:5px 0 0;color:#715665;line-height:1.7}
.flow-state{display:inline-flex;padding:7px 10px;border-radius:999px;font-size:12px;font-weight:900}
.flow-state.warn{background:#fff2cc;color:#7b5b0c}.flow-state.danger{background:#ffe4e9;color:#9b3453}.flow-state.purple{background:#eee8ff;color:#6b50c8}.flow-state.blue{background:#e5f1ff;color:#3972ad}.flow-state.cyan{background:#e2f8fb;color:#247b88}.flow-state.violet{background:#f2e9ff;color:#7750b2}.flow-state.teal{background:#e5f8f2;color:#2e8068}.flow-state.success{background:#e4f7ee;color:#287257}.flow-state.muted{background:#eef1f5;color:#687386}
.flow-reason{display:block;color:#9d536a;margin-top:6px;max-width:280px;white-space:normal}
.flow-step-pill{display:inline-flex;border:1px solid #dfe4ee;background:#fff;border-radius:999px;padding:6px 9px;font-size:12px;font-weight:900;color:#65708a}
.workflow-table td{vertical-align:top}
.setup-sequence{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.setup-card{display:grid;grid-template-columns:52px 1fr;gap:16px;padding:20px;border-radius:18px;border:1px solid #e2e7f0;background:linear-gradient(145deg,#fff,#f8f9ff);transition:transform .18s ease,box-shadow .18s ease}
.setup-card:nth-child(3n+2){background:linear-gradient(145deg,#fff,#fff6fa)}.setup-card:nth-child(3n+3){background:linear-gradient(145deg,#fff,#f1faf8)}
.setup-card:hover{transform:translateY(-2px);box-shadow:var(--shadow)}
.setup-index{width:48px;height:48px;border-radius:15px;background:linear-gradient(135deg,#6675f7,#9b67e8);color:#fff;display:grid;place-items:center;font-size:18px;font-weight:900}
.setup-card h3{margin:1px 0 6px}.setup-card p{margin:0 0 8px;color:var(--muted);line-height:1.6}
.workflow-state-guide{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.workflow-state-guide>div{padding:16px;border-radius:15px;background:#fff;border:1px solid var(--border)}.workflow-state-guide strong{display:block;margin-bottom:6px}.workflow-state-guide span{color:var(--muted);font-size:13px;line-height:1.6}
@media(max-width:1250px){.workflow-summary-grid{grid-template-columns:repeat(3,1fr)}.workflow-track{grid-template-columns:repeat(2,1fr)}.workflow-node:nth-child(5) .workflow-arrow{display:grid}.workflow-node:nth-child(even) .workflow-arrow{display:none}}
@media(max-width:760px){.workflow-header{align-items:flex-start;flex-direction:column}.workflow-summary-grid,.workflow-track,.setup-sequence,.workflow-state-guide{grid-template-columns:1fr}.workflow-node .workflow-arrow{display:none!important}}


/* Phase 20 — Admin Guidance, Bilingual UI, Theme Engine */
:root{
 --theme-primary:#6675f7;--theme-accent:#ef72a9;--theme-background:#f6f8fd;
 --theme-surface:#ffffff;--theme-text:#182033;--theme-sidebar:#202c50;--theme-radius:18px;
}
body{color:var(--theme-text)}
.public-body,.admin-main{background-color:var(--theme-background)}
.card,.setting-guide-card,.theme-card,.setup-card{border-radius:var(--theme-radius)}
.btn-primary{background:linear-gradient(135deg,var(--theme-primary),color-mix(in srgb,var(--theme-primary) 70%,var(--theme-accent)))}
.admin-sidebar-complete{background:linear-gradient(180deg,var(--theme-sidebar),color-mix(in srgb,var(--theme-sidebar) 78%,#000))}
.brand-mark,.setup-index{background:linear-gradient(135deg,var(--theme-primary),var(--theme-accent))}
.store-links small,.store-actions small{display:block;font-size:9px;line-height:1;color:var(--muted);font-weight:700;text-align:center;margin-top:2px}
.page-header h1 small,.section-heading h2 small,.glossary-card h3 small{font-weight:600;color:var(--muted);font-size:.48em}
.help-info{padding:18px 20px;border:1px solid #d9e2ff;background:linear-gradient(90deg,#f3f6ff,#fff6fb);border-radius:16px}.help-info p{margin:5px 0 0;color:#59657d;line-height:1.65}
.help-warning{padding:10px 12px;border-radius:10px;background:#fff4df;color:#7a5711;font-size:12px;line-height:1.55}
.settings-guide-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.setting-guide-card{padding:18px;border:1px solid #e3e7f0;background:linear-gradient(145deg,#fff,#fafbff)}
.setting-guide-head{display:flex;justify-content:space-between;gap:12px}.setting-guide-head label span{color:var(--muted);font-weight:600}.setting-guide-head code{display:block;margin-top:4px;color:#667085}
.setting-type{font-size:11px;background:#eef1f8;color:#667085;border-radius:999px;padding:5px 8px;height:max-content}
.setting-desc{color:#59657d;line-height:1.6;min-height:48px}.setting-meta{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:10px 0}.setting-meta>div{padding:9px;border-radius:10px;background:#f7f8fb;font-size:11px}.setting-meta b{display:block;margin-bottom:4px}.setting-meta code,.setting-meta span{word-break:break-word}
.btn-sm{padding:7px 10px;font-size:12px}
.help-modal[hidden]{display:none}.help-modal{position:fixed;inset:0;z-index:200;display:grid;place-items:center;padding:20px}.help-modal-backdrop{position:absolute;inset:0;background:rgba(13,20,36,.62);backdrop-filter:blur(3px)}.help-modal-dialog{position:relative;z-index:1;width:min(680px,100%);max-height:85vh;overflow:auto;background:#fff;border-radius:20px;padding:24px;box-shadow:0 28px 80px rgba(0,0,0,.28)}.help-modal-close{position:absolute;right:14px;top:12px;border:0;background:#eef1f5;border-radius:999px;width:36px;height:36px;font-size:21px}.modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:20px}.help-example{padding:13px;background:#f4f6fb;border-radius:12px;font-family:monospace}
.theme-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.theme-card{overflow:hidden;border:2px solid #e5e8ef;background:#fff}.theme-card.active{border-color:var(--theme-primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--theme-primary) 15%,transparent)}.theme-preview{height:120px;background:var(--theme-bg);padding:14px;display:grid;grid-template-columns:32% 1fr;gap:10px;color:var(--theme-text)}.theme-preview>span:first-child{grid-row:1/3;background:var(--theme-primary);border-radius:10px}.theme-preview>span:nth-child(2){height:16px;border-radius:6px;background:color-mix(in srgb,var(--theme-primary) 25%,white)}.theme-preview>div{background:#fff;border-radius:10px;padding:10px}.theme-preview i{display:block;height:7px;background:#e9edf4;border-radius:5px;margin-top:7px}.theme-card-body{padding:14px}.theme-title{display:flex;justify-content:space-between;gap:8px}.theme-title small{display:block;color:var(--muted);margin-top:3px}.master-badge{font-size:9px;letter-spacing:.08em;background:#222b45;color:#fff;border-radius:999px;padding:5px 7px;height:max-content}.theme-swatches{display:flex;gap:6px;margin:12px 0}.theme-swatches i{width:22px;height:22px;border-radius:50%;border:1px solid rgba(0,0,0,.08)}.theme-actions{display:flex;flex-wrap:wrap;gap:8px}.theme-custom-list{display:grid;gap:14px}.theme-editor-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.custom-theme-head{display:flex;justify-content:space-between}
.glossary-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.glossary-card p{color:var(--muted);line-height:1.65}.mini-flow{display:flex;gap:9px;flex-wrap:wrap;align-items:center}.mini-flow a,.mini-flow span{padding:8px 10px;border-radius:10px;background:#f3f5fb;font-weight:800}.mini-flow b{color:var(--theme-primary)}
.db-table-list a.active{background:var(--theme-primary);color:#fff}
.theme-layout-compact .admin-content{padding:20px 22px}.theme-layout-compact .card-body{padding:16px}.theme-layout-compact .nav-link{padding-top:8px;padding-bottom:8px}
.theme-layout-soft .card,.theme-layout-soft .btn,.theme-layout-soft input,.theme-layout-soft select,.theme-layout-soft textarea{border-radius:24px}
.theme-layout-sharp .card,.theme-layout-sharp .btn,.theme-layout-sharp input,.theme-layout-sharp select,.theme-layout-sharp textarea{border-radius:4px!important}
@media(max-width:1200px){.theme-grid{grid-template-columns:repeat(3,1fr)}.theme-editor-grid{grid-template-columns:repeat(2,1fr)}.glossary-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:800px){.settings-guide-grid,.theme-grid,.theme-editor-grid,.glossary-grid{grid-template-columns:1fr}.setting-meta{grid-template-columns:1fr}}


/* Phase 21 — Production / Inspector / Maintenance / Module DB */
.readiness-hero{display:flex;gap:16px;align-items:center;padding:22px;border-radius:20px;border:2px solid}
.readiness-hero.ready{background:linear-gradient(135deg,#e5f9ed,#f3fff8);border-color:#63c589;color:#145c34}
.readiness-hero.not-ready{background:linear-gradient(135deg,#ffe8eb,#fff5f6);border-color:#e45e70;color:#8a2031}
.readiness-icon{width:58px;height:58px;border-radius:18px;display:grid;place-items:center;font-size:30px;font-weight:1000;background:rgba(255,255,255,.75)}
.readiness-hero strong{display:block;font-size:22px}.readiness-hero span{display:block;margin-top:4px;font-weight:800}
.readiness-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.readiness-check{border:2px solid;border-radius:18px;padding:18px;background:#fff}.readiness-check.pass{border-color:#8bd1a4;background:linear-gradient(145deg,#fff,#effbf4)}.readiness-check.fail{border-color:#ed8f9b;background:linear-gradient(145deg,#fff,#fff0f2)}.readiness-check-head{display:flex;gap:13px;align-items:flex-start}.readiness-status{min-width:58px;text-align:center;padding:8px;border-radius:10px;font-size:11px;font-weight:1000}.pass .readiness-status{background:#26a65b;color:#fff}.fail .readiness-status{background:#d83f55;color:#fff}.readiness-check h3{margin:0}.readiness-check h3 small{font-size:12px;color:var(--muted);font-weight:700}.readiness-check code{display:block;margin-top:5px;color:#737d90}.readiness-check p{color:#556176;line-height:1.65}.readiness-current,.readiness-fix{padding:10px 12px;border-radius:11px;display:grid;gap:4px;font-size:12px}.readiness-current{background:rgba(255,255,255,.75)}.readiness-fix{margin-top:8px;background:#fff1d7;color:#6e4e0c}.readiness-fix a{font-weight:900;margin-top:5px}
.inspector-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.inspector-item{padding:16px;border:1px solid #e2e7ef;border-radius:16px;background:linear-gradient(145deg,#fff,#f8fbff)}.inspector-item.warn{background:linear-gradient(145deg,#fff,#fff7e9);border-color:#edd9ae}.inspector-item strong{font-size:20px;display:block;margin:8px 0}.inspector-item p{font-size:12px;color:var(--muted);line-height:1.55;min-height:38px}.inspector-item small{font-size:11px;color:#6c7690}
.module-db-mini-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:9px}.module-db-mini{padding:13px;border-radius:13px;border:1px solid}.module-db-mini strong,.module-db-mini span,.module-db-mini small{display:block}.module-db-mini span{font-size:10px;font-weight:1000;margin:5px 0}.module-db-mini small{word-break:break-all}.module-db-mini.ok{background:#ecfaf3;border-color:#cbe9d8}.module-db-mini.bad{background:#fff0f2;border-color:#efd0d5}.module-db-mini.idle{background:#f5f6f8;border-color:#e3e5e9}
.module-db-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.module-db-card{padding:20px;border:2px solid;border-radius:18px;background:#fff}.module-db-card.ready{border-color:#87cfa1;background:linear-gradient(145deg,#fff,#effbf4)}.module-db-card.partial{border-color:#e6ba67;background:linear-gradient(145deg,#fff,#fff8e9)}.module-db-card.missing{border-color:#e38b98;background:linear-gradient(145deg,#fff,#fff1f3)}.module-db-head{display:flex;justify-content:space-between;gap:12px}.module-db-status{font-size:10px;font-weight:1000;padding:7px 9px;border-radius:999px;background:#fff;height:max-content}.module-db-card dl{display:grid;grid-template-columns:120px 1fr;gap:7px 10px}.module-db-card dt{font-weight:900;color:#687386}.module-db-card dd{margin:0;word-break:break-word}.module-db-install{margin-top:12px;padding:12px;border-radius:11px;background:rgba(255,255,255,.7)}.module-db-install b,.module-db-install code{display:block;margin-bottom:5px}
.maintenance-live-status{padding:10px 13px;border-radius:999px;font-size:11px;font-weight:1000}.maintenance-live-status.on{background:#d83f55;color:#fff}.maintenance-live-status.off{background:#27a65b;color:#fff}.maintenance-toggle{display:flex;gap:12px;align-items:flex-start;padding:16px;background:#f6f7fb;border-radius:14px;margin-bottom:18px}.maintenance-toggle input{width:20px;height:20px;min-height:0}.maintenance-toggle strong,.maintenance-toggle small{display:block}.maintenance-toggle small{color:var(--muted);margin-top:3px}
.maintenance-public{background:radial-gradient(circle at 20% 0%,color-mix(in srgb,var(--theme-primary) 16%,transparent),transparent 28%),var(--theme-background);min-height:100vh}.maintenance-page{max-width:720px;margin:0 auto;padding:90px 24px;text-align:center}.maintenance-symbol{width:82px;height:82px;border-radius:25px;margin:0 auto 22px;display:grid;place-items:center;font-size:38px;background:linear-gradient(135deg,var(--theme-primary),var(--theme-accent));color:#fff}.maintenance-page h1{font-size:42px;letter-spacing:-.04em}.maintenance-page h1 small{display:block;font-size:15px;color:var(--muted);margin-top:8px}.maintenance-page>p{font-size:18px;line-height:1.75}.maintenance-note{margin:22px auto;padding:14px;border-radius:13px;background:var(--theme-surface);border:1px solid var(--border);color:var(--muted)}
.module-setup-assistant{padding:20px;border-radius:18px;border:2px solid #e6b65e;background:linear-gradient(145deg,#fff9eb,#fff4d7)}.module-setup-assistant ol{line-height:1.8}.module-setup-assistant code{background:#fff;padding:2px 5px;border-radius:5px}
@media(max-width:1200px){.inspector-grid{grid-template-columns:repeat(2,1fr)}.module-db-mini-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:800px){.readiness-grid,.module-db-grid,.inspector-grid,.module-db-mini-grid{grid-template-columns:1fr}.maintenance-page{padding-top:55px}.maintenance-page h1{font-size:32px}}

/* Phase 22 — Backup/Restore, Cleanup, Scheduler */
.backup-flow{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.backup-flow>div{display:flex;align-items:center;gap:9px;padding:11px 13px;background:linear-gradient(145deg,#fff,#f5f7ff);border:1px solid #e2e7f2;border-radius:13px}.backup-flow>div>b{width:28px;height:28px;display:grid;place-items:center;border-radius:9px;background:var(--theme-primary);color:#fff}.backup-flow small{color:var(--muted)}.backup-flow>i{font-style:normal;color:var(--theme-primary);font-weight:1000}
.cleanup-policy-grid,.scheduler-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.cleanup-head,.scheduler-head{display:flex;justify-content:space-between;gap:12px}.cleanup-head h3,.scheduler-head h3{margin:4px 0}.cleanup-policy-card p,.scheduler-card p{color:var(--muted);line-height:1.6}.cleanup-policy-form,.scheduler-form{display:grid;grid-template-columns:1fr 1fr auto;gap:9px;align-items:end;margin:14px 0}.cleanup-stats,.scheduler-meta{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin:12px 0}.cleanup-stats span,.scheduler-meta span{padding:10px;background:#f6f8fc;border-radius:10px}.cleanup-stats b,.cleanup-stats small,.scheduler-meta b{display:block}.cleanup-stats b{font-size:20px}.cleanup-stats small,.scheduler-meta{font-size:11px;color:var(--muted)}.scheduler-meta{grid-template-columns:repeat(3,1fr)}.scheduler-meta b{color:var(--theme-text);margin-bottom:4px}
@media(max-width:900px){.cleanup-policy-grid,.scheduler-grid{grid-template-columns:1fr}.cleanup-policy-form,.scheduler-form,.cleanup-stats,.scheduler-meta{grid-template-columns:1fr}}

/* Phase 23 — Provision / Deployment / License / Update guidance */
.admin-flow-nav{display:flex;align-items:stretch;gap:4px;overflow-x:auto;padding:8px 0 4px}.admin-flow-nav a,.admin-flow-nav span{position:relative;flex:1;min-width:105px;padding:10px 12px;background:#f3f5f9;border:1px solid #e1e6ef;text-align:center}.admin-flow-nav a:first-child,.admin-flow-nav span:first-child{border-radius:12px 0 0 12px}.admin-flow-nav a:last-child,.admin-flow-nav span:last-child{border-radius:0 12px 12px 0}.admin-flow-nav b,.admin-flow-nav small{display:block}.admin-flow-nav small{font-size:10px;color:var(--muted);margin-top:3px}.admin-flow-nav .current{background:linear-gradient(135deg,var(--theme-primary),var(--theme-accent));color:#fff;border-color:transparent}.admin-flow-nav .current small{color:#fff}
.provision-guide,.license-flow,.update-pipeline{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.provision-guide>div,.license-flow span,.update-pipeline span{padding:10px 12px;border-radius:12px;background:#f5f7fc;border:1px solid #e2e7f0;font-weight:800}.provision-guide>div{display:flex;gap:8px;align-items:center}.provision-guide>div>b{width:27px;height:27px;border-radius:8px;display:grid;place-items:center;background:var(--theme-primary);color:#fff}.provision-guide i,.license-flow i,.update-pipeline i{font-style:normal;color:var(--theme-primary);font-weight:1000}
.guided-form{display:grid;grid-template-columns:1fr 1fr auto;gap:12px;align-items:end}.guided-form small{display:block;color:var(--muted);margin-top:5px}.quick-link-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.quick-link-grid a{padding:15px;border-radius:14px;border:1px solid #e2e6ef;background:linear-gradient(145deg,#fff,#f7f8ff)}.quick-link-grid b,.quick-link-grid small{display:block}.quick-link-grid small{margin-top:4px;color:var(--muted)}
@media(max-width:900px){.guided-form,.quick-link-grid{grid-template-columns:1fr}}

/* Phase 24 — Domain / Site Provisioning / Initial Data / Custom / Managed guidance */
.provisioning-guided,.initial-guided,.custom-version-form{grid-template-columns:repeat(2,minmax(0,1fr))}.provisioning-guided>button,.initial-guided>button,.custom-version-form>button{align-self:end}.guided-form .full-field{grid-column:1/-1}
.initial-example-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.initial-example-grid>div{padding:14px;border:1px solid #e2e7ef;border-radius:14px;background:linear-gradient(145deg,#fff,#f5f9ff)}.initial-example-grid b,.initial-example-grid span{display:block}.initial-example-grid span{margin-top:5px;color:var(--muted);font-size:12px}
.custom-version-flow{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.custom-version-flow span{padding:10px 12px;border-radius:11px;background:#f5f7fc;border:1px solid #e2e7ef;font-weight:800}.custom-version-flow i{font-style:normal;color:var(--theme-primary);font-weight:1000}
@media(max-width:850px){.provisioning-guided,.initial-guided,.custom-version-form,.initial-example-grid{grid-template-columns:1fr}}

/* Phase 25 — Dashboard + Admin Notification Center */
.topbar-bell{position:relative;display:inline-flex;width:42px;height:42px;align-items:center;justify-content:center;border-radius:13px;background:linear-gradient(145deg,#fff,#f2f6ff);border:1px solid #dde5f3;text-decoration:none;font-size:20px}.topbar-bell b{position:absolute;right:-6px;top:-7px;min-width:20px;height:20px;padding:0 5px;border-radius:20px;background:#dc2626;color:#fff;font-size:10px;display:flex;align-items:center;justify-content:center;box-shadow:0 3px 9px #dc262655}
.dashboard-kpi-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.dash-kpi{padding:18px;border-radius:18px;background:linear-gradient(145deg,#fff,#f6f8fc);border:1px solid #e2e7ef;text-decoration:none;color:inherit;box-shadow:0 8px 25px #1f29370b}.dash-kpi span,.dash-kpi small{display:block}.dash-kpi strong{display:block;font-size:32px;margin:6px 0}.dash-kpi.attention{background:linear-gradient(145deg,#fff,#fff8e6);border-color:#f3d596}.dash-kpi.good{background:linear-gradient(145deg,#fff,#ecfdf5);border-color:#a7e7cb}.dash-kpi.danger{background:linear-gradient(145deg,#fff,#fff0f0);border-color:#f2aaaa}
.dashboard-columns{display:grid;grid-template-columns:1.1fr .9fr;gap:18px}.quick-action-list{display:grid;gap:9px}.quick-action-list a{display:flex;justify-content:space-between;gap:15px;padding:12px 14px;border-radius:12px;background:#f7f9fd;text-decoration:none;color:inherit}.quick-action-list span{color:var(--muted);font-size:12px}.dashboard-shortcuts{display:grid;grid-template-columns:repeat(2,1fr);gap:9px}.dashboard-shortcuts a{padding:12px;border-radius:11px;background:linear-gradient(135deg,var(--theme-primary),var(--theme-accent));color:#fff;text-decoration:none;font-weight:800;text-align:center}
.admin-alert-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.admin-alert-card{display:flex;gap:16px;padding:18px;border-radius:18px;border:1px solid #dfe5ee;background:#fff;text-decoration:none;color:inherit}.admin-alert-card.danger{border-color:#f1aaaa;background:#fff4f4}.admin-alert-card.warning{border-color:#f2d28d;background:#fffaf0}.admin-alert-card.info{border-color:#a9c8f5;background:#f4f8ff}.admin-alert-count{min-width:54px;height:54px;border-radius:16px;display:flex;align-items:center;justify-content:center;background:#172033;color:#fff;font-size:22px;font-weight:900}.admin-alert-card p{margin:5px 0;color:var(--muted)}
@media(max-width:900px){.dashboard-kpi-grid{grid-template-columns:repeat(2,1fr)}.dashboard-columns,.admin-alert-grid{grid-template-columns:1fr}}@media(max-width:560px){.dashboard-kpi-grid{grid-template-columns:1fr}}

/* Phase 26 — stronger active theme application */
body.public-body,body.customer-body,.admin-main{background:var(--theme-background)!important;color:var(--theme-text)!important}
.store-header,.customer-topbar{background:color-mix(in srgb,var(--theme-surface) 92%,var(--theme-primary) 8%)!important;border-color:color-mix(in srgb,var(--theme-primary) 20%,transparent)!important}
.card,.theme-card,.stat-card,.dash-kpi{background:var(--theme-surface)!important;color:var(--theme-text)!important}
a:not(.btn):not(.nav-link){color:var(--theme-primary)}
.btn-primary,.customer-buy-link{background:linear-gradient(135deg,var(--theme-primary),var(--theme-accent))!important;border-color:transparent!important}
.brand-mark{background:linear-gradient(135deg,var(--theme-primary),var(--theme-accent))!important}
.admin-sidebar-complete{background:linear-gradient(180deg,var(--theme-sidebar),color-mix(in srgb,var(--theme-sidebar) 72%,black))!important}
.theme-layout-compact .page-space{padding-top:20px;padding-bottom:20px}.theme-layout-spacious .page-space{padding-top:38px;padding-bottom:38px}
.customer-links small{display:block;font-size:9px;opacity:.7}.customer-buy-link{color:#fff!important;padding:8px 11px;border-radius:10px}

/* Notification list hotfix */
.notification-list-table .notification-unread td{background:color-mix(in srgb,var(--theme-primary) 6%,var(--theme-surface))}
.notification-list-table .notification-read{opacity:.72}
.notification-actions{white-space:nowrap}

/* Combined media/chat/payment hotfix */
.product-cover-picker{margin:18px 0;padding:16px;border:1px solid #e2e7ef;border-radius:16px;background:#f8faff}
.product-cover-preview{display:block;max-width:420px;max-height:260px;object-fit:contain;border-radius:14px;margin:10px 0;background:#fff}
.media-library-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.media-card{overflow:hidden;border:1px solid #e2e7ef;border-radius:14px;background:var(--theme-surface)}.media-card img{width:100%;height:170px;object-fit:cover;display:block}.media-card>div{padding:10px;display:grid;gap:5px}.media-card code{white-space:normal;word-break:break-all;font-size:10px}
.product-feature-admin-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.feature-editor-card{padding:14px;border:1px solid #e2e7ef;border-radius:14px;background:#f9fbff}
.chat-age{display:inline-block;padding:6px 9px;border-radius:999px;font-weight:900;font-size:11px}.chat-age-ok{background:#e9f9ef;color:#17653b}.chat-age-warn{background:#fff3d6;color:#8a5d00}.chat-age-danger{background:#ffe6e8;color:#a21f32}
.payment-review-card .slip-preview{display:block;width:100%;max-height:520px;object-fit:contain;background:#f4f5f7;border-radius:14px;border:1px solid #e1e5ec}.slip-image-link{display:block}.payment-actions{display:grid;grid-template-columns:auto 1fr;gap:10px;align-items:end;margin-top:14px}.payment-actions form:last-child{display:grid;grid-template-columns:1fr auto;gap:8px}
@media(max-width:1000px){.media-library-grid{grid-template-columns:repeat(2,1fr)}.product-feature-admin-grid{grid-template-columns:1fr}}@media(max-width:620px){.media-library-grid,.payment-actions{grid-template-columns:1fr}.payment-actions form:last-child{grid-template-columns:1fr}}

/* Phase 27 final operational hardening */
.product-hero-detail{display:grid;grid-template-columns:1.05fr .95fr;gap:28px;align-items:center;padding:24px 0}.product-hero-cover img{width:100%;max-height:520px;object-fit:contain;border-radius:22px;background:var(--theme-surface);box-shadow:0 18px 60px #1112}.product-hero-copy .btn{margin-right:8px;margin-top:8px}
.product-feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.product-feature-card{display:flex;gap:12px;padding:18px;border-radius:16px;background:var(--theme-surface);border:1px solid #e1e6ef}.product-feature-icon{flex:0 0 auto;min-width:30px;display:inline-flex;align-items:flex-start;justify-content:center;background:none!important;border:0!important;border-radius:0!important;box-shadow:none!important;color:inherit;font-size:26px;line-height:1.15;font-weight:400}.product-feature-card p{margin:5px 0 0;color:var(--muted)}
.public-product-gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.public-product-gallery img{width:100%;height:240px;object-fit:cover;border-radius:16px}.pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.pricing-card{border:1px solid #e0e6ef;border-radius:18px;background:var(--theme-surface)}.setup-fee-note{font-size:12px;padding:8px 10px;border-radius:10px;background:#fff5df}.demo-thumb{width:100%;height:180px;object-fit:cover;border-radius:12px;margin-bottom:10px}
.module-db-status-list{display:grid;gap:10px}.module-db-row{display:grid;grid-template-columns:1.2fr 1.5fr 1fr 1fr 1.7fr;gap:12px;align-items:center;padding:14px 16px;border-radius:14px;background:var(--theme-surface);border:1px solid #e1e6ef}.module-db-row.ready{border-left:5px solid #22a06b}.module-db-row.partial{border-left:5px solid #d59a00}.module-db-row.missing{border-left:5px solid #d64545}.module-db-title small,.module-db-row>div>span.muted,.module-db-actions small{display:block;font-size:10px}.module-db-missing{grid-column:1/-1;color:#a33;font-size:12px}
@media(max-width:900px){.product-hero-detail,.product-feature-grid,.public-product-gallery,.pricing-grid{grid-template-columns:1fr}.module-db-row{grid-template-columns:1fr 1fr}.module-db-missing{grid-column:1/-1}}

/* Phase 28 — Product Package & Pricing Manager */
.pricing-manager-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.pricing-manager-summary>div{padding:15px;border-radius:15px;border:1px solid #e2e7ef;background:var(--theme-surface)}.pricing-manager-summary span,.pricing-manager-summary strong{display:block}.pricing-manager-summary strong{font-size:22px;margin-top:4px}
.plan-editor-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;align-items:end}.plan-editor-grid .full-field{grid-column:1/-1}.plan-manager-list{display:grid;gap:16px}.plan-manager-card{padding:16px;border:1px solid #dfe6ef;border-radius:18px;background:var(--theme-surface)}.plan-manager-card.is-inactive{opacity:.68}.plan-manager-head{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:14px}.plan-manager-head>div{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.plan-admin-price{font-size:24px}.plan-admin-actions{display:flex;gap:8px;margin-top:12px}
.pricing-card{position:relative}.pricing-card.recommended{border:2px solid var(--theme-primary);transform:translateY(-4px);box-shadow:0 14px 40px color-mix(in srgb,var(--theme-primary) 20%,transparent)}.recommended-ribbon{position:absolute;top:10px;right:10px;padding:5px 9px;border-radius:999px;background:linear-gradient(135deg,var(--theme-primary),var(--theme-accent));color:#fff;font-size:11px;font-weight:900}.billing-label{display:block;margin-top:3px;color:var(--muted);font-size:12px}
@media(max-width:1000px){.pricing-manager-summary{grid-template-columns:repeat(2,1fr)}.plan-editor-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:620px){.pricing-manager-summary,.plan-editor-grid{grid-template-columns:1fr}.plan-manager-head{align-items:flex-start;flex-direction:column}}

/* Phase 29 UX */
.icon-preset-grid{display:grid;grid-template-columns:repeat(10,1fr);gap:5px;max-height:220px;overflow:auto;padding:8px;border:1px solid #dde4ee;border-radius:12px}.icon-preset-grid input{display:none}.icon-preset-grid span{display:grid;place-items:center;height:36px;border-radius:9px;background:#f5f7fb;cursor:pointer;font-size:19px}.icon-preset-grid input:checked+span{outline:2px solid var(--theme-primary)}.feature-editor-card{border-top:4px solid var(--feature-highlight,#2563eb)}.feature-current-icon{font-size:28px}
.compact-media-control{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.compact-media-preview,.setting-image-preview{display:flex;gap:6px;flex-wrap:wrap;margin:8px 0}.compact-media-preview img,.setting-image-preview img{width:88px;height:66px;object-fit:contain;border-radius:9px;background:#fff;border:1px solid #e2e6ed}.setting-image-preview.favicon img{width:48px;height:48px}
.media-picker-modal{position:fixed;inset:0;z-index:10000}.media-picker-backdrop{position:absolute;inset:0;background:#111a}.media-picker-dialog{position:relative;width:min(980px,92vw);max-height:86vh;margin:7vh auto;background:var(--theme-surface,#fff);border-radius:20px;display:flex;flex-direction:column;overflow:hidden}.media-picker-head,.media-picker-foot{display:flex;justify-content:space-between;align-items:center;padding:14px 18px;border-bottom:1px solid #e5e7eb}.media-picker-foot{border-top:1px solid #e5e7eb;border-bottom:0}.media-picker-close{border:0;background:none;font-size:28px}.media-picker-search{margin:12px 18px}.media-picker-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:9px;padding:0 18px 18px;overflow:auto}.media-picker-item{border:2px solid transparent;border-radius:12px;padding:5px;background:#f6f7fa;cursor:pointer}.media-picker-item.selected{border-color:var(--theme-primary)}.media-picker-item img{width:100%;height:115px;object-fit:cover;border-radius:8px}.media-picker-item span{font-size:10px;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.realtime-chat-thread{height:min(60vh,620px);overflow-y:auto;scroll-behavior:smooth;overscroll-behavior:contain}.reply-box.ajax-chat-form{position:sticky;bottom:0;z-index:10}.chat-image{display:block;max-width:min(420px,85%);max-height:360px;border-radius:12px;margin-top:8px}.chat-image-upload{display:inline-flex;gap:8px;align-items:center;padding:8px 10px;border-radius:10px;background:#f4f6fa}
.product-gallery-viewer{display:grid;gap:12px}.gallery-stage{position:relative;display:grid;place-items:center;min-height:460px;background:#111;border-radius:20px;overflow:hidden}.gallery-main{max-width:100%;max-height:600px;object-fit:contain}.gallery-nav{position:absolute;top:50%;transform:translateY(-50%);z-index:2;width:44px;height:60px;border:0;border-radius:12px;background:#0008;color:#fff;font-size:38px}.gallery-nav.prev{left:12px}.gallery-nav.next{right:12px}.gallery-zoom{position:absolute;right:12px;bottom:12px;border:0;border-radius:10px;padding:8px 12px}.gallery-thumbs{display:flex;gap:8px;overflow-x:auto;padding-bottom:5px}.gallery-thumbs button{border:2px solid transparent;padding:2px;border-radius:10px;background:#fff}.gallery-thumbs button.active{border-color:var(--theme-primary)}.gallery-thumbs img{width:100px;height:72px;object-fit:cover;border-radius:7px}.gallery-lightbox{position:fixed;inset:0;z-index:12000;background:#000e;display:grid;place-items:center;overflow:auto}.gallery-lightbox[hidden]{display:none}.gallery-lightbox img{max-width:90vw;max-height:88vh;transition:transform .12s}.gallery-lightbox-close{position:fixed;right:22px;top:18px;color:#fff;background:#ffffff22;border:0;border-radius:50%;width:48px;height:48px;font-size:32px}.gallery-lightbox-hint{position:fixed;bottom:16px;color:#fff9}
.profile-avatar-preview{width:112px;height:112px;object-fit:cover;border-radius:50%;display:block;margin-bottom:12px;border:3px solid color-mix(in srgb,var(--theme-primary) 30%,white)}.email-status{display:inline-block;padding:7px 10px;border-radius:10px;font-weight:800}.email-status.verified{background:#e9f9ef;color:#17653b}.email-status.unverified{background:#fff1dd;color:#8b5600}
#packages{scroll-margin-top:90px}.product-hero-detail+#packages{margin-top:10px;padding-top:12px;border-top:1px solid #e6e9ef}
@media(max-width:800px){.icon-preset-grid{grid-template-columns:repeat(6,1fr)}.media-picker-grid{grid-template-columns:repeat(2,1fr)}.gallery-stage{min-height:280px}}

/* Phase 30 — LevelLance branding, compact header, floating chat, customer sidebar */
.levellance-brand-body{background:
 radial-gradient(circle at 82% -10%,color-mix(in srgb,var(--theme-primary) 12%,transparent),transparent 34%),
 var(--theme-background)}
.store-header-compact{backdrop-filter:blur(16px);background:color-mix(in srgb,var(--theme-surface) 88%,transparent)!important}
.store-header-compact .store-nav{min-height:64px;gap:18px}
.levellance-brand .site-logo{width:42px;height:42px;object-fit:cover;border-radius:10px;box-shadow:0 5px 18px #0ea5e933}
.levellance-brand span{font-weight:900;letter-spacing:-.02em}
.store-header-compact .store-links{gap:4px}.store-header-compact .store-links a{padding:7px 9px;border-radius:9px;font-size:13px}
.store-actions-compact{gap:8px}.store-auth-link{font-size:13px;font-weight:800;text-decoration:none;padding:7px 5px}.store-register-btn{padding:8px 12px!important;font-size:12px!important}

.floating-chat{position:fixed;right:18px;bottom:18px;z-index:9500}
.floating-chat-toggle{border:0;border-radius:999px;padding:11px 15px;display:flex;gap:8px;align-items:center;background:linear-gradient(135deg,var(--theme-primary),var(--theme-accent));color:#fff;font-weight:900;box-shadow:0 12px 32px color-mix(in srgb,var(--theme-primary) 30%,transparent);cursor:pointer}
.floating-chat-dot{width:8px;height:8px;border-radius:50%;background:#79f2cf;box-shadow:0 0 0 4px #79f2cf22}
.floating-chat-panel{position:absolute;right:0;bottom:54px;width:min(370px,calc(100vw - 24px));height:min(590px,calc(100vh - 100px));display:flex;flex-direction:column;background:var(--theme-surface);border:1px solid color-mix(in srgb,var(--theme-primary) 16%,#dfe6ef);border-radius:20px;overflow:hidden;box-shadow:0 24px 70px #07111f44}
.floating-chat-panel[hidden]{display:none}.floating-chat-head{display:flex;justify-content:space-between;align-items:center;padding:13px 15px;background:linear-gradient(135deg,color-mix(in srgb,var(--theme-primary) 12%,var(--theme-surface)),var(--theme-surface));border-bottom:1px solid #e4e8ef}.floating-chat-head small{display:block;color:var(--muted);font-size:10px}.floating-chat-head button{border:0;background:none;font-size:24px}
.floating-chat-status{padding:7px 13px;font-size:11px;color:var(--muted);border-bottom:1px solid #edf0f4}.floating-chat-thread{flex:1;overflow:auto;padding:12px;display:flex;flex-direction:column;gap:8px}.floating-chat-message{max-width:82%;padding:9px 11px;border-radius:14px;background:#f3f5f9;align-self:flex-start;font-size:13px}.floating-chat-message.mine{align-self:flex-end;background:linear-gradient(135deg,color-mix(in srgb,var(--theme-primary) 16%,white),color-mix(in srgb,var(--theme-accent) 10%,white))}.floating-chat-meta{font-size:9px;color:var(--muted);margin-bottom:3px}.floating-chat-message img{max-width:190px;max-height:180px;border-radius:9px;margin-top:6px;display:block}
.floating-chat-form{padding:10px;border-top:1px solid #e5e9ef;display:grid;gap:7px;background:var(--theme-surface)}.floating-chat-form textarea,.floating-chat-form input{margin:0}.floating-chat-compose-row{display:flex;gap:8px;justify-content:space-between;align-items:center}.floating-chat-image{font-size:12px;padding:7px 9px;border-radius:9px;background:#f3f5f9;cursor:pointer}.floating-chat-image input{max-width:165px;font-size:10px}

.contact-honeypot{position:absolute!important;left:-99999px!important;width:1px;height:1px;overflow:hidden}

.customer-shell-body{overflow:hidden}.customer-shell{display:grid;grid-template-columns:260px minmax(0,1fr);min-height:100vh}.customer-sidebar{height:100vh;position:sticky;top:0;background:linear-gradient(180deg,color-mix(in srgb,var(--theme-sidebar) 92%,#06111f),color-mix(in srgb,var(--theme-sidebar) 78%,#020712));color:#fff;border-right:1px solid #ffffff12;display:flex;flex-direction:column}.customer-sidebar-brand{padding:14px 13px;border-bottom:1px solid #ffffff12;display:flex;justify-content:space-between;align-items:center}.customer-sidebar-brand a{display:flex;align-items:center;gap:9px;color:#fff;text-decoration:none;font-weight:900}.customer-sidebar-brand img{width:38px;height:38px;border-radius:9px;object-fit:cover}.customer-sidebar-brand button{display:none;background:none;border:0;color:#fff;font-size:24px}.customer-side-nav{padding:10px;overflow:auto;display:grid;gap:5px}.customer-side-nav a{display:flex;gap:10px;align-items:center;padding:9px 10px;border-radius:11px;color:#dbe6f5;text-decoration:none}.customer-side-nav a:hover,.customer-side-nav a.active{background:linear-gradient(135deg,color-mix(in srgb,var(--theme-primary) 28%,transparent),color-mix(in srgb,var(--theme-accent) 18%,transparent));color:#fff}.customer-side-nav small{display:block;font-size:9px;opacity:.7}.customer-side-icon{width:26px;text-align:center}.customer-main{min-width:0;height:100vh;overflow:auto}.customer-topbar-compact{position:sticky;top:0;z-index:100;min-height:58px;padding:0 18px;display:flex;align-items:center;gap:12px;justify-content:flex-start}.customer-view-store{font-size:12px;font-weight:800;text-decoration:none}.customer-top-user{margin-left:auto;display:flex;align-items:center;gap:10px}.customer-content{max-width:1500px;margin:0 auto;padding-left:24px;padding-right:24px}
.customer-sidebar-collapsed .customer-shell{grid-template-columns:76px minmax(0,1fr)}.customer-sidebar-collapsed .customer-sidebar-brand span,.customer-sidebar-collapsed .customer-side-nav a>span:last-child{display:none}.customer-sidebar-collapsed .customer-sidebar-brand a{justify-content:center}.customer-sidebar-collapsed .customer-side-nav a{justify-content:center}

.sidebar-brand-logo{display:flex!important;align-items:center;gap:8px}.sidebar-brand-logo img{width:36px;height:36px;border-radius:8px;object-fit:cover}
.google-login-btn{border:1px solid #d8dee8;background:#fff!important;color:#1f2937!important;display:flex;justify-content:center;align-items:center;gap:9px}.google-g{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:linear-gradient(135deg,#4285f4,#34a853,#fbbc05,#ea4335);color:#fff;font-weight:900}.auth-divider{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:11px;margin:12px 0}.auth-divider:before,.auth-divider:after{content:"";height:1px;flex:1;background:#e1e5ec}
.table-thumb{width:72px;height:52px;object-fit:cover;border-radius:8px}.news-cover{width:100%;height:210px;object-fit:cover}.article-cover{display:block;width:100%;max-height:520px;object-fit:cover;border-radius:18px;margin:16px 0}
.help-modal-dialog.wide{width:min(920px,92vw)}

@media(max-width:900px){
 .customer-shell{grid-template-columns:1fr}.customer-sidebar{position:fixed;left:-280px;top:0;width:260px;z-index:9800;transition:left .2s}.customer-sidebar-open .customer-sidebar{left:0}.customer-sidebar-brand button{display:block}.customer-sidebar-collapsed .customer-shell{grid-template-columns:1fr}.customer-sidebar-collapsed .customer-sidebar-brand span,.customer-sidebar-collapsed .customer-side-nav a>span:last-child{display:block}
 .store-header-compact .store-actions-compact{gap:5px}.store-register-btn{padding:7px 9px!important}
}
@media(max-width:560px){.floating-chat{right:10px;bottom:10px}.floating-chat-toggle span:last-child{display:none}.floating-chat-panel{right:0;width:calc(100vw - 20px);height:72vh}.customer-top-user>span{display:none}.customer-content{padding-left:14px;padding-right:14px}}

/* Phase 31 — Feature delete + in-place Gallery delete */
.feature-admin-item{position:relative;border-radius:14px}
.feature-admin-item .feature-editor-card{margin:0}
.feature-delete-form{margin-top:8px;display:flex;justify-content:flex-end}
.feature-card-actions{display:flex;gap:8px;align-items:center}
.ajax-delete-form button[disabled]{opacity:.55;cursor:wait}
.feature-admin-item.removing,.media-card.removing{opacity:0;transform:scale(.97);transition:opacity .18s ease,transform .18s ease}

/* Phase 32 — Floating Chat reliability */
.floating-chat-status-row{display:flex;align-items:center;border-bottom:1px solid #edf0f4}
.floating-chat-status-row .floating-chat-status{flex:1;border-bottom:0}
.floating-chat-reload{width:32px;height:32px;margin-right:7px;border:0;border-radius:9px;background:#f0f4f9;color:var(--theme-primary);cursor:pointer;font-size:17px;font-weight:900}
.floating-chat-reload:hover{background:color-mix(in srgb,var(--theme-primary) 10%,#fff)}

/* Phase 33 — Checkout / livechat / slug / media tabs / product cards / package presets */
.checkout-page{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:22px;align-items:start}.checkout-main-card,.checkout-summary-card{background:var(--theme-surface);border:1px solid #e2e7ef;border-radius:22px;box-shadow:0 14px 45px #0a16300b}.checkout-main-card{padding:24px}.checkout-heading{display:flex;justify-content:space-between;gap:18px;align-items:flex-start}.checkout-step-pill{padding:8px 11px;border-radius:999px;background:#f5f7fb;font-size:11px;white-space:nowrap}.checkout-step-pill span{display:inline-grid;place-items:center;width:22px;height:22px;border-radius:50%;background:var(--theme-primary);color:#fff;font-weight:900}.checkout-product-strip{display:flex;gap:16px;align-items:center;padding:16px;border-radius:17px;background:linear-gradient(135deg,color-mix(in srgb,var(--theme-primary) 7%,#fff),color-mix(in srgb,var(--theme-accent) 5%,#fff));margin:18px 0}.checkout-product-strip img{width:112px;height:88px;object-fit:cover;border-radius:13px}.checkout-product-copy h2{margin:3px 0}.checkout-product-copy p{margin:5px 0;color:var(--muted)}.checkout-section{padding:20px 0;border-top:1px solid #edf0f4}.checkout-section-title{display:flex;gap:10px;align-items:center;margin-bottom:13px}.checkout-section-title>span{width:34px;height:34px;border-radius:11px;display:grid;place-items:center;background:linear-gradient(135deg,var(--theme-primary),var(--theme-accent));color:#fff;font-weight:900}.checkout-section-title small{display:block;color:var(--muted)}.payment-choice-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.payment-choice{position:relative;display:flex;align-items:center;gap:10px;padding:13px;border:1px solid #dfe5ed;border-radius:14px;cursor:pointer}.payment-choice input{position:absolute;opacity:0}.payment-choice-mark{width:26px;height:26px;border-radius:50%;display:grid;place-items:center;background:#edf1f6;color:transparent}.payment-choice input:checked~.payment-choice-mark{background:var(--theme-primary);color:#fff}.payment-choice:has(input:checked){border-color:var(--theme-primary);background:color-mix(in srgb,var(--theme-primary) 5%,#fff)}.payment-choice small{display:block;color:var(--muted)}.checkout-submit{width:100%;padding:13px;font-size:14px}.checkout-summary-card{position:sticky;top:84px;padding:22px}.checkout-summary-line,.checkout-summary-total{display:flex;justify-content:space-between;gap:12px;padding:13px 0;border-bottom:1px solid #edf0f4}.checkout-summary-total{border-bottom:0;border-top:2px solid #e6eaf0;margin-top:10px;font-size:18px}.checkout-summary-total strong{font-size:25px;color:var(--theme-primary)}.checkout-saving{padding:9px 10px;border-radius:10px;background:#eaf8ef;color:#17653b;font-size:11px}.checkout-safe-note{padding:11px;border-radius:12px;background:#f5f7fb;color:var(--muted);font-size:11px;margin-top:12px}

.product-catalog-card{overflow:hidden;transition:transform .18s ease,box-shadow .18s ease}.product-catalog-card:hover{transform:translateY(-4px);box-shadow:0 18px 50px #0a163018}.product-card-media{display:block;position:relative;height:220px;background:#081525;overflow:hidden}.product-card-media img{width:100%;height:100%;object-fit:cover;transition:transform .25s ease}.product-catalog-card:hover .product-card-media img{transform:scale(1.035)}.product-card-placeholder{height:100%;display:grid;place-items:center;background:linear-gradient(135deg,#07111f,#0a5bbf);color:#fff;font-size:46px;font-weight:900}.product-featured-badge{position:absolute;top:12px;right:12px;padding:6px 10px;border-radius:999px;background:#fff;color:#0b5fc6;font-size:10px;font-weight:900}.product-card-desc{min-height:42px}.product-card-bottom{display:flex;justify-content:space-between;gap:12px;align-items:end;margin-top:14px}.product-card-bottom small,.product-card-bottom strong{display:block}.product-card-bottom strong{font-size:20px}

.floating-chat-head-actions{display:flex;align-items:center;gap:4px}.floating-chat-full{width:30px;height:30px;display:grid;place-items:center;border-radius:9px;text-decoration:none;background:#eef3f8;color:var(--theme-primary);font-weight:900}

.slug-live-help{display:block;margin-top:5px;color:var(--muted);font-size:10px}.slug-live-help code{padding:2px 5px;border-radius:5px;background:#eef2f7;color:#344054}

.media-input-tabs{border:1px solid #e1e6ed;border-radius:13px;padding:9px;background:#fafbfd}.media-input-tabbar{display:flex;gap:5px;margin-bottom:9px}.media-input-tabbar button{border:0;border-radius:9px;padding:7px 11px;background:#edf1f5;color:#526071;font-weight:800;cursor:pointer}.media-input-tabbar button.active{background:linear-gradient(135deg,var(--theme-primary),var(--theme-accent));color:#fff}.media-input-tabs [data-media-pane]{min-height:42px}.media-input-tabs input{margin:0}

.package-preset-section{margin:22px 0}.package-preset-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.package-preset{display:grid;gap:4px;text-align:left;padding:14px;border:1px solid #dfe5ed;border-radius:14px;background:var(--theme-surface);cursor:pointer;font-size:20px}.package-preset strong{font-size:13px}.package-preset small{font-size:10px;color:var(--muted)}.package-preset:hover{border-color:var(--theme-primary);box-shadow:0 8px 24px color-mix(in srgb,var(--theme-primary) 10%,transparent)}

@media(max-width:950px){.checkout-page{grid-template-columns:1fr}.checkout-summary-card{position:static}.payment-choice-grid,.package-preset-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:620px){.checkout-heading{display:block}.checkout-step-pill{display:inline-block;margin-top:8px}.checkout-product-strip{align-items:flex-start}.checkout-product-strip img{width:88px;height:72px}.payment-choice-grid,.package-preset-grid{grid-template-columns:1fr}.product-card-media{height:190px}}

/* Phase 34 — Full Live Chat composer must never cover newest messages */
.realtime-chat-thread{
  height:min(58vh,620px);
  overflow-y:auto;
  padding-bottom:28px!important;
  scroll-padding-bottom:28px;
}
.reply-box.ajax-chat-form{
  position:static!important;
  bottom:auto!important;
  margin-top:10px;
  z-index:auto!important;
  box-shadow:0 8px 26px #0b17220d;
}
.ajax-chat-form textarea{min-height:78px}
@media(max-width:700px){
  .realtime-chat-thread{height:52vh;padding-bottom:34px!important}
}

/* Phase 34 — Domain Zone UX + payment slip history */
.domain-zone-required{border:1px dashed #d9a222;background:#fff9e9}
.domain-zone-required code,.field-help code{background:#eef2f7;padding:2px 5px;border-radius:5px}
.field-help{display:block;font-size:10px;color:var(--muted);margin-top:4px}
.payment-slip-history{margin-top:14px;border-top:1px solid #e7ebf0;padding-top:12px}
.payment-slip-history summary{cursor:pointer;font-weight:900;color:#344054}
.payment-slip-history summary span{font-size:10px;color:var(--muted);font-weight:700}
.payment-history-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:10px}
.payment-history-item{padding:9px;border:1px solid #e0e5ec;border-radius:12px;background:#fafbfd}
.payment-history-item.rejected{border-color:#efb2b2;background:#fff6f6}
.payment-history-item img{width:100%;height:150px;object-fit:contain;background:#fff;border-radius:8px;border:1px solid #e5e7eb}
.payment-history-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:7px}
.payment-history-item small{display:block;color:var(--muted);margin-top:5px;font-size:9px}
.rejected-history-reason{margin-top:7px;padding:7px;border-radius:8px;background:#ffeaea;color:#8f1d1d;font-size:10px}
@media(max-width:850px){.payment-history-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.payment-history-grid{grid-template-columns:1fr}}

/* Phase 35 — Editable package presets + brand media tabs + sitemap */
.package-preset-manager[hidden]{display:none!important}
.preset-manager-list{display:grid;gap:12px}
.preset-manager-card{padding:14px;border:1px solid #e0e5ec;border-radius:14px;background:#fbfcfe}
.preset-manager-card.is-inactive{opacity:.66}
.preset-manager-card>form:last-child{margin-top:8px;display:flex;justify-content:flex-end}
.package-preset>span{font-size:22px}
.brand-media-row{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:12px}
.brand-media-box{padding:12px;border:1px solid #e0e5ec;border-radius:14px;background:#fafbfd}
.brand-media-box>label{margin-top:0}
.media-input-tabs.compact .media-input-tabbar{flex-wrap:nowrap}
.media-input-tabs.compact .media-input-tabbar button{flex:1;white-space:nowrap}
.sitemap-admin-box{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px;border:1px solid #dfe6ee;border-radius:14px;background:linear-gradient(135deg,#f7faff,#f4fbff)}
.sitemap-admin-box small{display:block;color:var(--muted);margin-top:3px}
.sitemap-actions{display:flex;gap:8px;flex-wrap:wrap}
@media(max-width:760px){.brand-media-row{grid-template-columns:1fr}.sitemap-admin-box{align-items:flex-start;flex-direction:column}}

/* Phase 36 — Full Live Chat: one-screen workspace. Only message history scrolls. */
.full-chat-screen{
  height:calc(100dvh - 128px);
  min-height:480px;
  display:flex;
  flex-direction:column;
  overflow:hidden;
  background:var(--surface);
  border:1px solid var(--border);
  border-radius:18px;
  box-shadow:var(--shadow);
}
.full-chat-toolbar{
  flex:0 0 auto;
  min-height:58px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:9px 12px;
  border-bottom:1px solid var(--border);
  background:linear-gradient(135deg,#fbfdff,#f4f8ff);
}
.full-chat-title{display:flex;align-items:center;gap:10px;min-width:0}
.full-chat-title>div{display:grid;line-height:1.15}
.full-chat-title .eyebrow{font-size:9px;letter-spacing:.08em}
.full-chat-title strong{font-size:16px}
.full-chat-title .status{padding:5px 8px;font-size:10px}
.full-chat-back{
  width:36px;height:36px;display:grid;place-items:center;flex:0 0 auto;
  border:1px solid var(--border);border-radius:10px;background:#fff;font-size:20px;font-weight:800
}
.full-chat-status{display:flex;align-items:center;gap:7px;margin:0}
.full-chat-status select{width:auto;min-width:108px;padding:7px 9px}
.full-chat-alert{flex:0 0 auto;margin:8px 12px 0}
.full-chat-screen .full-chat-thread{
  flex:1 1 auto;
  min-height:0;
  height:auto!important;
  max-height:none!important;
  overflow-y:auto;
  overscroll-behavior:contain;
  margin:0!important;
  padding:14px 16px 18px!important;
  background:linear-gradient(180deg,#f7f9fc,#f3f7fb);
  align-content:start;
}
.full-chat-screen .chat-bubble{margin:0;box-shadow:0 3px 12px rgba(23,32,51,.04)}
.full-chat-screen .reply-box.ajax-chat-form{
  flex:0 0 auto;
  margin:0!important;
  padding:9px 10px!important;
  border:0!important;
  border-top:1px solid var(--border)!important;
  border-radius:0!important;
  box-shadow:none!important;
  display:grid;
  grid-template-columns:minmax(0,1fr) auto auto auto;
  align-items:center;
  gap:8px;
  background:#fff;
}
.full-chat-screen .ajax-chat-form textarea{
  min-height:42px!important;
  height:42px;
  max-height:84px;
  resize:none;
  padding:10px 12px;
}
.full-chat-screen .chat-image-upload,
.full-chat-screen .ajax-chat-form>.check{
  margin:0!important;
  min-height:38px;
  display:flex;
  align-items:center;
  gap:5px;
  padding:7px 9px;
  border-radius:10px;
  background:#f0f3f8;
  white-space:nowrap;
  font-size:12px;
  cursor:pointer;
}
.full-chat-screen .chat-image-upload input[type=file]{display:none}
.full-chat-screen .ajax-chat-form>.check input{width:auto;min-height:0}
.full-chat-screen .ajax-chat-form>.btn{min-height:40px;padding:8px 14px}
.customer-full-chat-screen .ajax-chat-form{grid-template-columns:minmax(0,1fr) auto auto}
.admin-body .admin-content:has(.admin-full-chat-screen){padding-top:14px;padding-bottom:14px}
@media(max-width:700px){
  .full-chat-screen{height:calc(100dvh - 92px);min-height:420px;border-radius:12px}
  .full-chat-toolbar{min-height:52px;padding:7px 8px}
  .full-chat-status select{min-width:90px}
  .full-chat-screen .full-chat-thread{padding:10px!important}
  .full-chat-screen .reply-box.ajax-chat-form{grid-template-columns:minmax(0,1fr) auto;padding:7px!important}
  .full-chat-screen .ajax-chat-form textarea{grid-column:1/-1}
  .full-chat-screen .ajax-chat-form>.check{display:none}
  .full-chat-screen .chat-image-upload{font-size:0}
  .full-chat-screen .chat-image-upload::first-letter{font-size:16px}
}

/* Phase 37 — Dedicated Package Presets + visual icon picker */
.icon-preset-picker{display:grid;grid-template-columns:repeat(auto-fill,minmax(42px,1fr));gap:7px;padding:10px;border:1px solid var(--border);border-radius:12px;background:#f7f9fc;max-height:190px;overflow:auto}
.icon-preset-choice{min-width:42px;height:42px;border:1px solid #dce3ed;border-radius:10px;background:#fff;font-size:21px;cursor:pointer;transition:.15s}
.icon-preset-choice:hover{transform:translateY(-2px);border-color:var(--primary);box-shadow:0 5px 12px rgba(23,32,51,.08)}
.icon-preset-choice.selected{border-color:var(--primary);outline:3px solid rgba(83,104,242,.15);background:#eef2ff}
.selected-icon-preview{display:inline-grid;place-items:center;width:30px;height:30px;border-radius:8px;background:#eef2ff;font-size:18px}

/* Phase 38 — compact single floating composer + top action navigation */
.floating-chat-panel{width:min(350px,calc(100vw - 24px))}
.floating-chat-head{padding:9px 11px}.floating-chat-status-row{min-height:32px}.floating-chat-status{padding:6px 10px;font-size:11px}
.floating-chat-thread{height:250px;max-height:38vh;padding:9px}
.floating-chat-single-composer{padding:8px!important;border-top:1px solid #e8edf3;background:#fff}
.floating-chat-guest-fields{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-bottom:6px}
.floating-chat-guest-fields[hidden]{display:none}
.floating-chat-guest-fields input{min-height:34px;padding:7px 9px;font-size:12px}
.floating-chat-compose{display:grid;grid-template-columns:34px minmax(0,1fr) 36px;gap:6px;align-items:end}
.floating-chat-compose textarea{min-height:38px!important;height:38px;max-height:76px;resize:none;padding:9px 10px;margin:0}
.floating-chat-image{width:34px;height:34px;display:grid;place-items:center;border-radius:9px;background:#f1f5f9;cursor:pointer}.floating-chat-image input{display:none}
.floating-chat-send{width:36px;height:36px;border:0;border-radius:10px;background:var(--theme-primary);color:#fff;font-size:17px;cursor:pointer}
.customer-top-actions,.admin-top-actions{display:flex;align-items:center;gap:6px}
.customer-top-actions a,.admin-top-actions a{display:flex;align-items:center;gap:5px;padding:7px 10px;border:1px solid var(--border);border-radius:10px;background:#fff;font-size:12px;font-weight:750;white-space:nowrap}
.customer-top-actions a:hover,.admin-top-actions a:hover{background:#f5f8fc}
.admin-top-actions b{min-width:18px;height:18px;display:grid;place-items:center;border-radius:9px;background:#ef4444;color:#fff;font-size:10px}
@media(max-width:820px){.customer-top-actions a,.admin-top-actions a{font-size:0;padding:7px}.customer-top-actions a::first-letter,.admin-top-actions a::first-letter{font-size:16px}}

/* Phase 39 */
.package-type-chip{display:inline-flex;align-items:center;gap:5px;padding:5px 9px;border-radius:999px;border:1px solid var(--type-color);color:var(--type-color);font-weight:750;background:#fff}
.type-color-dot{display:inline-block;width:14px;height:14px;border-radius:50%;margin-right:6px;vertical-align:-2px}
.payment-grid{grid-template-columns:repeat(auto-fill,minmax(290px,1fr))!important;gap:10px!important}
.payment-review-compact .card-body{padding:11px!important}
.payment-review-compact .slip-preview{height:120px!important;width:100%!important;object-fit:cover;border-radius:9px}
.payment-compact-meta{display:flex;justify-content:space-between;gap:8px;font-size:12px;margin:5px 0}
.payment-read-state{font-size:10px;color:var(--muted);padding:4px 7px;border-radius:8px;background:#f3f6fa;margin-bottom:6px}
.payment-review-compact .payment-actions{gap:6px}.payment-review-compact .payment-actions .btn{padding:6px 8px;font-size:11px}

/* Admin login recovery during Maintenance */
.account-switch-notice{display:flex;flex-direction:column;gap:4px}

/* Phase 40 visual + helpers */
.maintenance-admin-hotspot{position:fixed;left:0;top:0;width:22px;height:22px;opacity:.015;z-index:9999;cursor:default}
.public-main{position:relative}
body:not(.admin-body):not(.customer-body){background:
linear-gradient(135deg,color-mix(in srgb,var(--primary,#2563eb) 5%,transparent) 0 12%,transparent 12% 25%,color-mix(in srgb,var(--accent,#06b6d4) 4%,transparent) 25% 38%,transparent 38% 55%),
radial-gradient(ellipse at 15% 10%,color-mix(in srgb,var(--primary,#2563eb) 10%,transparent),transparent 42%),
linear-gradient(180deg,var(--bg,#f7f9fc),color-mix(in srgb,var(--bg,#f7f9fc) 92%,var(--primary,#2563eb))) fixed}
.field-help{display:block;font-size:10px;font-weight:500;line-height:1.35;color:var(--muted);margin-top:2px}
.contact-field-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.contact-field.full{grid-column:1/-1}.contact-field-icon{display:inline-grid;place-items:center;width:25px;height:25px;border-radius:8px;background:color-mix(in srgb,var(--primary,#2563eb) 12%,white);margin-right:5px}
@media(max-width:700px){.contact-field-grid{grid-template-columns:1fr}.contact-field.full{grid-column:auto}}

/* Phase 41 fulfillment */
.flow-selected-row{outline:2px solid color-mix(in srgb,var(--primary,#2563eb) 45%,transparent);outline-offset:-2px;background:color-mix(in srgb,var(--primary,#2563eb) 5%,white)}
.fulfillment-track{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 18px}.fulfillment-track span{padding:7px 11px;border-radius:999px;background:#eef2f7;color:var(--muted);font-size:12px;font-weight:700}.fulfillment-track .done{background:#e8f8ef;color:#167647}

/* Phase42 pending-work center */
.pending-work-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:12px}.pending-work-card{display:flex;justify-content:space-between;gap:12px;padding:16px;border:1px solid var(--border);border-radius:16px;background:var(--surface,#fff);text-decoration:none;color:inherit}.pending-work-card p{margin:5px 0 0;color:var(--muted);font-size:12px}.pending-work-card>span{min-width:38px;height:38px;display:grid;place-items:center;border-radius:12px;background:#eef2f7;font-weight:800}.pending-work-card.danger{border-left:4px solid #dc3545}.pending-work-card.warn{border-left:4px solid #f59e0b}.pending-work-card.info{border-left:4px solid #0ea5e9}.dashboard-pending-banner{display:flex;justify-content:space-between;gap:16px;align-items:center;padding:14px 16px;margin-bottom:18px;border-radius:16px;background:linear-gradient(100deg,#fff4e5,#fff);border:1px solid #fed7aa;color:#7c2d12;text-decoration:none}.dashboard-pending-banner span{display:block;font-size:12px;margin-top:3px}.payment-service-context{padding:8px 10px;border-radius:10px;background:color-mix(in srgb,var(--primary,#2563eb) 6%,white);margin:7px 0}.payment-service-context span{display:block;font-size:11px;color:var(--muted);margin-top:2px}.payment-next-actions{display:flex;gap:6px;flex-wrap:wrap;margin-top:8px}

/* Phase43 compact flow types / release inspector */
.flow-type-tabs{display:flex;gap:7px;flex-wrap:wrap;margin:16px 0 8px}.flow-type-tabs button{border:1px solid var(--border);background:var(--surface,#fff);padding:8px 12px;border-radius:999px;cursor:pointer}.flow-type-tabs button.active{background:var(--primary);color:#fff;border-color:var(--primary)}.flow-type-panel{padding:12px 14px;border:1px solid var(--border);border-radius:14px;background:color-mix(in srgb,var(--primary) 4%,var(--surface,#fff));margin-bottom:16px}.flow-type-panel strong,.flow-type-panel span{display:block}.flow-type-panel span{color:var(--muted);font-size:13px;margin-top:4px}.release-inspector-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(280px,.8fr);gap:16px}.hash{word-break:break-all}@media(max-width:850px){.release-inspector-grid{grid-template-columns:1fr}}

/* Phase44 safe renewal + release shortcuts */
.renew-confirm-grid{display:grid;grid-template-columns:minmax(0,.85fr) minmax(340px,1.15fr);gap:16px}.renew-impact-card{border:2px solid color-mix(in srgb,var(--primary) 35%,var(--border))}.renew-date-change{display:grid;grid-template-columns:1fr auto 1fr;gap:12px;align-items:center;margin:14px 0}.renew-date-change div{padding:12px;border-radius:12px;background:color-mix(in srgb,var(--primary) 5%,var(--surface,#fff))}.renew-date-change small,.renew-date-change strong{display:block}.renew-last{display:block;margin-top:5px;color:var(--muted)}.renew-success-row{outline:2px solid #22c55e;outline-offset:-2px;background:#effcf3}.release-shortcuts{display:flex;gap:6px;flex-wrap:wrap;margin-top:7px}.release-missing-warning{margin-top:8px}@media(max-width:850px){.renew-confirm-grid{grid-template-columns:1fr}}

/* Phase45 deployment edit + signing readiness */
.deployment-edit-dialog{max-width:650px}.license-env-check{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;border-radius:14px;margin:14px 0}.license-env-check strong,.license-env-check span{display:block}.license-env-check span{font-size:12px;margin-top:3px}.license-env-check.ready{background:#ecfdf3;border:1px solid #bbf7d0}.license-env-check.blocked{background:#fff7ed;border:1px solid #fed7aa}.system-check-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.system-check-card{padding:15px;border:1px solid var(--border);border-radius:15px}.system-check-card strong,.system-check-card b,.system-check-card span{display:block}.system-check-card b{font-size:18px;margin:6px 0}.system-check-card span{font-size:12px;color:var(--muted)}.system-check-card.ok{border-left:4px solid #22c55e}.system-check-card.danger{border-left:4px solid #dc3545}@media(max-width:760px){.system-check-grid{grid-template-columns:1fr}}

/* Phase46 release dropdown manager */
.release-option-form{display:grid;grid-template-columns:1.1fr 1fr 1.3fr 100px auto;gap:8px;align-items:end}.release-option-groups{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:18px}.release-option-groups section{padding:12px;border:1px solid var(--border);border-radius:14px}.release-option-row{display:grid;grid-template-columns:1fr 1.2fr 70px auto;gap:5px;margin-top:7px}.release-option-row input{min-width:0}@media(max-width:1000px){.release-option-form,.release-option-groups{grid-template-columns:1fr}.release-option-row{grid-template-columns:1fr 1fr}}

/* Phase47 release package guidance */
.release-upload-help{margin-top:7px;max-width:560px;font-size:12px}.release-upload-help summary{cursor:pointer;font-weight:700;color:var(--primary)}.release-upload-help>div{margin-top:7px;padding:10px 12px;border:1px solid var(--border);border-radius:12px;background:var(--surface,#fff);line-height:1.55}.release-upload-help pre{white-space:pre-wrap;margin:8px 0;padding:9px;border-radius:9px;background:color-mix(in srgb,var(--primary) 5%,var(--surface,#fff))}

/* Phase48 release visibility diagnostics */
.release-state-info{margin-top:7px;padding:8px 10px;border-radius:10px;background:color-mix(in srgb,var(--primary) 5%,var(--surface,#fff));font-size:12px}.release-publish-callout{display:inline-flex;flex-direction:column;gap:2px;margin:7px 6px 4px 0;padding:7px 9px;border:1px solid #f59e0b;border-radius:10px;background:#fffbeb}.release-publish-callout small{font-size:11px}

/* Phase49 license preflight */
.license-instance-preflight{display:flex;flex-direction:column;gap:4px;margin-top:9px;padding:10px 12px;border:1px solid var(--border);border-radius:12px;background:color-mix(in srgb,var(--primary) 4%,var(--surface,#fff));font-size:12px}.license-instance-preflight strong{font-size:13px}.license-instance-preflight span{display:block}.license-instance-preflight small{color:var(--muted)}

/* Phase50 release edit/delete */
.release-edit-box{margin:8px 0;font-size:12px}.release-edit-box summary{cursor:pointer;font-weight:700}.release-edit-box form{margin-top:8px;padding:10px;border:1px solid var(--border);border-radius:12px}

/* Phase51 long selector safety */
select{max-width:100%}option{max-width:100%}.inline-form #paidOrderSearch{min-width:min(620px,100%);max-width:100%}.table-wrap td,.table-wrap th{overflow-wrap:anywhere}

/* Phase53 logs */
.log-context{max-width:520px;max-height:240px;overflow:auto;white-space:pre-wrap;overflow-wrap:anywhere;font-size:11px}

/* Phase54 focused deployment */
.row-focus{outline:2px solid currentColor;outline-offset:-2px}

/* Phase 59 — Blue-first public storefront refresh */
.public-body{
  --public-navy:#0b1f46;--public-blue:#123f8f;--public-royal:#1d5fd1;--public-cyan:#39a9e8;
  --public-surface:#eaf3ff;--public-surface-2:#dcecff;--public-border:rgba(45,104,183,.22);
  background:
    radial-gradient(circle at 8% 2%,rgba(42,115,222,.28),transparent 28%),
    radial-gradient(circle at 92% 12%,rgba(40,174,232,.20),transparent 24%),
    linear-gradient(180deg,#dbeaff 0%,#edf5ff 42%,#d9eaff 100%);
}
.public-body .store-header{
  background:linear-gradient(100deg,rgba(9,35,82,.97),rgba(17,68,145,.96),rgba(18,88,169,.95));
  border-bottom:1px solid rgba(122,190,255,.28);box-shadow:0 10px 32px rgba(8,38,88,.20)
}
.public-body .store-brand,.public-body .store-brand span,.public-body .store-links a,.public-body .store-auth-link{color:#edf7ff}
.public-body .store-links a:hover{background:rgba(255,255,255,.11);color:#fff}.public-body .store-links a::after{background:#6fd0ff}
.public-body .store-menu-toggle{background:rgba(255,255,255,.13);color:#fff}.public-body .store-register-btn{background:#fff;color:#174c9d;border-color:#fff;box-shadow:0 8px 22px rgba(4,24,58,.22)}
.public-body .site-logo{filter:drop-shadow(0 5px 14px rgba(0,20,60,.18))}
.public-body .store-hero{
  background:
    radial-gradient(circle at 84% 12%,rgba(77,184,242,.24),transparent 28%),
    radial-gradient(circle at 12% 92%,rgba(45,105,210,.18),transparent 28%),
    linear-gradient(135deg,#cfe4ff 0%,#e7f2ff 46%,#cce9ff 100%);
  border-color:rgba(42,103,184,.24);box-shadow:0 32px 80px rgba(20,72,143,.18)
}
.public-body .hero-copy h1{background:linear-gradient(100deg,#0a234f 0%,#174f9f 52%,#1689c7 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.public-body .hero-copy .eyebrow{color:#175cae}.public-body .hero-copy>p,.public-body .lead{color:#385777}.public-body .trust-row,.public-body .trust-row span{color:#24578d!important}
.public-body .mini-window{background:linear-gradient(180deg,#eaf4ff,#dcecff);border-color:rgba(44,102,178,.24);box-shadow:0 28px 70px rgba(19,67,130,.22)}
.public-body .mini-window-bar{background:linear-gradient(90deg,#cfe3ff,#d9efff);border-color:rgba(44,102,178,.16)}
.public-body .mini-window-bar i:nth-child(1){background:#3e72c8}.public-body .mini-window-bar i:nth-child(2){background:#45a8df}.public-body .mini-window-bar i:nth-child(3){background:#75c8ed}
.public-body .mini-label,.public-body .text-link{color:#1558aa}.public-body .mini-stat{border-color:rgba(42,103,184,.16)}.public-body .mini-stat strong{color:#176aa4}
.public-body .card,.public-body .storefront-product,.public-body .step-card,.public-body .faq-section details,.public-body .empty-state,.public-body .auth-card{
  background:linear-gradient(145deg,rgba(239,247,255,.96),rgba(216,235,255,.92));border-color:var(--public-border);box-shadow:0 12px 32px rgba(22,72,132,.09)
}
.public-body .storefront-product:nth-child(n),.public-body .step-card:nth-child(n),.public-body .news-grid .card:nth-child(n),.public-body .faq-section details:nth-of-type(n){background:linear-gradient(145deg,#edf6ff,#dcecff)}
.public-body .storefront-product::before{background:linear-gradient(90deg,#1c5fd0,#35a9e7)}
.public-body .badge-soft,.public-body .step-card>span{background:#c9e1ff;color:#164f9d}.public-body .demo-note{color:#146b9e;border-color:rgba(42,103,184,.18)}
.public-body .service-band{background:radial-gradient(circle at 90% 15%,rgba(83,196,246,.24),transparent 25%),linear-gradient(120deg,#0b2d68,#1557aa 55%,#148bc5);box-shadow:0 22px 48px rgba(11,53,112,.27)}
.public-body input,.public-body select,.public-body textarea{background:#f1f7ff;border-color:#a9c8ed;color:#102b4f}.public-body input:focus,.public-body select:focus,.public-body textarea:focus{border-color:#3989d8;box-shadow:0 0 0 3px rgba(43,133,218,.13)}
.public-body .btn-primary{background:linear-gradient(135deg,#1558b7,#168dce);border-color:#1558b7;box-shadow:0 9px 22px rgba(21,88,183,.25)}
.public-body .chat-fab{background:linear-gradient(135deg,#124fa8,#168fcb);box-shadow:0 15px 38px rgba(14,74,151,.34)}
.public-body .chat-panel{background:#eaf4ff;border-color:#9fc3ec}.public-body .chat-panel-head{background:linear-gradient(100deg,#0b326f,#145dab,#158bc5)}.public-body .chat-panel-body{background:#eaf4ff}
.public-body .store-footer{background:radial-gradient(circle at 88% 0%,rgba(46,157,218,.18),transparent 24%),linear-gradient(135deg,#071a39,#0c2e63 52%,#0d4779)}
.public-body .footer-grid p,.public-body .footer-grid a{color:#bcd7f3}.public-body .footer-bottom{color:#91b7dc}
@media(max-width:980px){.public-body .store-links{background:#0d326d;border-color:rgba(122,190,255,.28)}.public-body .store-links a{color:#eef7ff}}

/* Phase60: public contrast + navigation personality + compact floating chat */
.public-body{background:linear-gradient(145deg,#071b3d 0,#0b2d63 34%,#0e3f82 68%,#092653 100%);color:#f8fbff}
.public-main{color:#102746}.public-main .card,.public-main .product-card,.public-main .step-card,.public-main .faq-section details,.public-main .empty-state{background:#f7fbff;color:#102746;border-color:#b9d8f5}
.public-main h1,.public-main h2,.public-main h3,.public-main strong{color:#092653}.public-main .muted,.public-main p{color:#36536f}.public-main .eyebrow{color:#075bb5}
.store-header{background:linear-gradient(100deg,#061a3a,#0a3470 55%,#0759aa);border-bottom:1px solid #62b8ff55;box-shadow:0 10px 35px #001a3d55}
.store-header .store-brand,.store-header .store-brand span{color:#fff}
.store-links{gap:8px}.store-links a{display:flex;align-items:center;gap:7px;padding:8px 11px;border-radius:12px;color:#eaf6ff!important;font-weight:800;border:1px solid transparent;transition:.18s ease}
.store-links a:hover{background:#ffffff16;border-color:#78c9ff66;transform:translateY(-2px);color:#fff!important}
.store-nav-icon{width:27px;height:27px;display:inline-grid;place-items:center;border-radius:9px;background:#ffffff18;color:#fff;font-size:15px;box-shadow:inset 0 0 0 1px #ffffff22}
.nav-products .store-nav-icon{background:#13a8e5}.nav-news .store-nav-icon{background:#3867ff}.nav-contact .store-nav-icon{background:#0877c9}.nav-home .store-nav-icon{background:#1553a5}
.store-auth-link{color:#fff!important;font-weight:800}
.floating-chat-panel{height:min(520px,calc(100vh - 88px))}
.floating-chat-status-row{flex:0 0 auto}
.floating-chat-thread{min-height:0;flex:1 1 auto;padding:8px 10px}
.floating-chat-form{flex:0 0 auto;margin:0;padding:8px 9px 9px;gap:5px}
.floating-chat-guest-fields{display:grid;grid-template-columns:1fr 1fr;gap:5px}
.floating-chat-guest-fields input{min-height:34px;padding:6px 8px}
.floating-chat-compose{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:6px;align-items:end}
.floating-chat-compose textarea{min-height:38px;max-height:84px;padding:8px 9px}
.floating-chat-image,.floating-chat-send{align-self:stretch;display:grid;place-items:center}
.fulfillment-proof-actions{align-items:stretch}.fulfillment-proof-actions .btn{display:flex;flex-direction:column;align-items:flex-start;gap:3px;border-width:2px}.fulfillment-proof-actions .btn small{font-size:10px;opacity:.8}.proof-ok{border-color:#2ebd78!important;background:#eafff3!important;color:#14663f!important}.proof-bad{border-color:#e15b64!important;background:#fff0f1!important;color:#8b2730!important}

/* Phase61 */
.language-switch{display:flex;background:#041c3e;border:1px solid #5aaef055;border-radius:10px;padding:2px}.language-switch a{padding:5px 8px;border-radius:7px;color:#bfe2ff;text-decoration:none;font-size:11px;font-weight:900}.language-switch a.active{background:#fff;color:#084c91}
.store-hero .hero-actions .btn-primary{background:linear-gradient(135deg,#5b3cc4,#8a55d8)!important;border-color:#7650cf!important;box-shadow:0 10px 28px #44238b45}.store-hero .hero-actions .btn-primary:hover{background:linear-gradient(135deg,#4930a6,#7040bc)!important}
.floating-chat-panel{display:grid!important;grid-template-rows:auto auto minmax(0,1fr) auto!important;height:min(520px,calc(100vh - 88px))!important}
.floating-chat-panel[hidden]{display:none!important}.floating-chat-thread{min-height:0!important;height:auto!important;overflow-y:auto!important}.floating-chat-form{position:static!important;align-self:end!important;margin:0!important;bottom:auto!important}.floating-chat-single-composer{margin-top:0!important}
.homepage-ad-layer{position:fixed;inset:0;z-index:9400;pointer-events:none;display:flex;align-items:center;justify-content:center}
.homepage-ad-popup{--ad-w:min(520px,calc(100vw - 30px));position:absolute;width:var(--ad-w);height:auto;max-height:min(680px,calc(100vh - 40px));background:#fff;border:1px solid #b8d9f6;border-radius:18px;overflow:hidden;box-shadow:0 28px 90px #001b4299;pointer-events:auto;transform:translate(calc(var(--ad-stack)*10px),calc(var(--ad-stack)*10px))}
.homepage-ad-top{height:42px;padding:0 12px;display:flex;align-items:center;justify-content:space-between;background:#082e63;color:#fff}.homepage-ad-top button{border:0;background:transparent;color:#fff;font-size:25px;cursor:pointer}
.homepage-ad-popup>a{display:block}.homepage-ad-popup img{display:block;width:100%;height:360px;object-fit:contain;background:#071d3a}.homepage-ad-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:10px 12px;color:#17344f;font-size:12px}.homepage-ad-actions .btn{margin-left:auto}
.media-picker-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:8px;max-height:300px;overflow:auto}.media-picker-item{border:1px solid #d6e2ee;border-radius:10px;padding:6px}.media-picker-item img{width:100%;height:80px;object-fit:cover;border-radius:7px}
@media(max-width:650px){.homepage-ad-popup img{height:280px}.language-switch{order:-1}.homepage-ad-actions{gap:7px}}

/* Phase62: closed Live Chat status */
.livechat-status-closed{display:inline-flex;align-items:center;gap:7px;font-weight:800;color:#9f2732;text-transform:lowercase}
.livechat-status-closed i{display:block;width:10px;height:10px;border-radius:50%;background:#dc3545;box-shadow:0 0 0 4px #dc35451c}

/* Phase63: force readable public top navigation regardless of selected theme */
body.public-body header.store-header.store-header-compact{background:#082b5b!important;background-image:linear-gradient(105deg,#061a39 0%,#0a3470 55%,#0759aa 100%)!important;color:#fff!important;border-bottom:1px solid #57b7ff66!important}
body.public-body header.store-header .store-nav{background:transparent!important}
body.public-body header.store-header .store-brand,body.public-body header.store-header .store-brand span{color:#fff!important}
body.public-body header.store-header nav.store-links{background:transparent!important}
body.public-body header.store-header nav.store-links>a{background:#0a3a76!important;color:#fff!important;border:1px solid #4fa9ed66!important;text-shadow:0 1px 2px #00152f!important}
body.public-body header.store-header nav.store-links>a:hover{background:#1261ac!important;color:#fff!important;border-color:#83d2ff!important}
body.public-body header.store-header .store-auth-link{color:#fff!important;background:#0a3a76!important;border:1px solid #4fa9ed66!important;padding:8px 10px;border-radius:10px}
body.public-body header.store-header .store-register-btn{background:#fff!important;color:#073d78!important;border-color:#fff!important}
body.public-body header.store-header .language-switch{background:#031b3b!important;border-color:#5db9fa!important}
body.public-body header.store-header .language-switch a{color:#cfeaff!important}
body.public-body header.store-header .language-switch a.active{background:#fff!important;color:#073d78!important}
@media(max-width:900px){body.public-body header.store-header nav.store-links{background:#082b5b!important;border:1px solid #4fa9ed55!important;box-shadow:0 18px 45px #00142f88!important;padding:10px!important}}

/* Phase64: high-contrast Admin Dashboard Quick Access */
.dashboard-shortcuts-v2{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(125px,1fr));gap:10px!important}
.dashboard-shortcuts-v2>a{min-height:76px!important;display:flex!important;flex-direction:column;align-items:flex-start!important;justify-content:center;gap:5px;padding:13px 14px!important;border:0!important;border-radius:14px!important;color:#fff!important;font-weight:900!important;text-decoration:none!important;box-shadow:0 8px 22px #10233d20!important;transition:transform .16s ease,box-shadow .16s ease,filter .16s ease}
.dashboard-shortcuts-v2>a i{font-style:normal;font-size:21px;line-height:1;color:#fff!important}.dashboard-shortcuts-v2>a span{color:#fff!important;font-size:13px;text-shadow:0 1px 2px #00152f55}
.dashboard-shortcuts-v2>a:hover{transform:translateY(-3px);filter:brightness(1.08);box-shadow:0 13px 28px #10233d35!important}
.dashboard-shortcuts-v2 .shortcut-blue{background:linear-gradient(135deg,#0758b5,#087fdd)!important}.dashboard-shortcuts-v2 .shortcut-cyan{background:linear-gradient(135deg,#08748d,#0799b6)!important}.dashboard-shortcuts-v2 .shortcut-indigo{background:linear-gradient(135deg,#3446a8,#5067d8)!important}.dashboard-shortcuts-v2 .shortcut-violet{background:linear-gradient(135deg,#6737a9,#8c4fd0)!important}.dashboard-shortcuts-v2 .shortcut-green{background:linear-gradient(135deg,#17714a,#229b67)!important}.dashboard-shortcuts-v2 .shortcut-teal{background:linear-gradient(135deg,#086b70,#0b9296)!important}.dashboard-shortcuts-v2 .shortcut-orange{background:linear-gradient(135deg,#a6500c,#d97816)!important}.dashboard-shortcuts-v2 .shortcut-red{background:linear-gradient(135deg,#a82e3a,#d94b58)!important}.dashboard-shortcuts-v2 .shortcut-slate{background:linear-gradient(135deg,#33485e,#506b85)!important}.dashboard-shortcuts-v2 .shortcut-purple{background:linear-gradient(135deg,#563287,#7747ac)!important}

/* Phase65: managed service band contrast */
.public-main .managed-service-band{background:#071d42!important;background-image:linear-gradient(120deg,#061832 0%,#0a3268 58%,#07549b 100%)!important;border:1px solid #4eaeef66!important;box-shadow:0 18px 46px #00193655!important}
.public-main .managed-service-band h2{color:#fff!important;text-shadow:0 2px 4px #00142d88!important}
.public-main .managed-service-band p{color:#d9efff!important;font-weight:600!important;line-height:1.75!important}
.public-main .managed-service-band .eyebrow,.public-main .managed-service-band .eyebrow.light{color:#74d7ff!important}
.public-main .managed-service-band .btn-white{background:#fff!important;color:#073e7a!important;border:2px solid #fff!important;font-weight:900!important;box-shadow:0 8px 22px #00193644!important}
.public-main .managed-service-band .btn-white:hover{background:#dff3ff!important;color:#052e5b!important}
/* Phase66 promotion slider */
.promo-slider{max-width:980px;margin:18px auto 28px!important}.promo-slider-track{position:relative;aspect-ratio:4/1;min-height:150px;max-height:245px;border-radius:18px;overflow:hidden;background:#061b3a;box-shadow:0 16px 40px #001a3a55}.promo-slide{position:absolute;inset:0;opacity:0;pointer-events:none;transition:opacity .55s ease}.promo-slide.active{opacity:1;pointer-events:auto}.promo-slide img{width:100%;height:100%;object-fit:cover;display:block}.promo-dots{display:flex;justify-content:center;gap:7px;margin-top:9px}.promo-dots button{width:9px;height:9px;border:0;border-radius:50%;background:#8fb2d0;cursor:pointer}.promo-dots button.active{width:25px;border-radius:8px;background:#1676d2}@media(max-width:650px){.promo-slider-track{aspect-ratio:2.5/1;min-height:120px}}
.backend-language-switch{margin-left:auto;margin-right:8px}.backend-language-switch a{min-width:32px;text-align:center}

/* Phase67 billing documents */
.billing-document{max-width:920px;margin:0 auto}.print-toolbar{display:flex;gap:8px;justify-content:flex-end;margin-bottom:18px}.print-toolbar form{margin:0}.bill-head{display:flex;justify-content:space-between;gap:28px}.bill-head>div:last-child{text-align:right;max-width:48%}.bill-total{margin-left:auto;margin-top:18px;max-width:360px;display:grid;gap:6px;text-align:right}.bill-total strong{font-size:20px;color:#082f62}
@media print{body *{visibility:hidden!important}.billing-document,.billing-document *{visibility:visible!important}.billing-document{position:absolute;left:0;top:0;width:100%;max-width:none;border:0!important;box-shadow:none!important}.no-print{display:none!important}.customer-sidebar,.customer-topbar,.admin-sidebar,.admin-topbar,.floating-chat{display:none!important}}

/* Phase 74: bilingual product editor — Thai always left, English always right */
.bilingual-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px;align-items:start;margin:12px 0}.bilingual-field{min-width:0}.bilingual-field label{display:block;margin-top:0}.bilingual-field input,.bilingual-field textarea,.bilingual-field select{width:100%;box-sizing:border-box}.bilingual-field.th{padding-right:4px}.bilingual-field.en{padding-left:4px;border-left:2px solid #e8edf5}.plan-editor-grid>.bilingual-row{grid-column:1/-1;margin:0}.feature-editor-card>.bilingual-row{grid-column:1/-1;width:100%}@media(max-width:700px){.bilingual-row{grid-template-columns:1fr;gap:10px}.bilingual-field.en{padding-left:0;border-left:0;border-top:1px dashed #d8e0ec;padding-top:10px}}

/* Phase 75 */
.safe-link-row{display:flex;gap:8px;align-items:center}.safe-link-row input{flex:1;min-width:0}.homepage-ad-actions input[type="checkbox"]{width:14px!important;height:14px!important;min-width:14px!important;transform:none!important;margin:0 5px 0 0}.home-product-cover{display:block;aspect-ratio:16/9;overflow:hidden;background:#eef3f8}.home-product-cover img{width:100%;height:100%;display:block;object-fit:cover}.setup-flow{display:grid;gap:12px;margin-top:20px}.setup-flow-step{display:grid;grid-template-columns:52px 1fr 40px;align-items:center;gap:14px;padding:16px 18px;border:1px solid #dce5ef;border-radius:16px;background:#fff;text-decoration:none;color:inherit}.setup-flow-step:hover{border-color:#8fb8e8;box-shadow:0 8px 22px rgba(25,63,105,.08)}.setup-flow-step.done .flow-number{background:#e8f7ef;color:#18784b}.setup-flow-step.pending .flow-number{background:#fff4dd;color:#9b6100}.flow-number{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;font-weight:800}.setup-flow-step p{margin:4px 0 0;color:#68778a}.flow-state{font-size:20px;text-align:center}.product-flow-summary .card-body{display:flex;gap:14px;flex-wrap:wrap;align-items:center}.news-editor-modal{max-width:min(1400px,96vw)}@media(max-width:700px){.safe-link-row{flex-direction:column;align-items:stretch}.setup-flow-step{grid-template-columns:42px 1fr 28px;padding:13px}}

/* Phase 76: bilingual ChatGPT Feature batch import */
.feature-batch-format{padding:12px 14px;margin:10px 0 12px;border:1px dashed #b9cbe0;border-radius:12px;background:#f7faff;overflow:auto}
.feature-batch-format code{white-space:nowrap}
.feature-batch-help{margin:12px 0}

/* Phase 78: visible bilingual feature paste examples */
.feature-batch-examples{display:grid;gap:8px;margin:10px 0 12px}.feature-batch-example{display:flex;align-items:center;gap:10px;padding:10px 12px;border:1px solid #dbe5f0;border-radius:12px;background:#fff;overflow:auto}.feature-example-icon{display:grid;place-items:center;flex:0 0 36px;width:36px;height:36px;border-radius:10px;background:#eef4ff;font-size:21px}.feature-batch-example code{white-space:nowrap}

/* Phase 79: popup suppression choice state */
.homepage-ad-actions .ad-choice{display:inline-flex!important;align-items:center!important;gap:6px;white-space:nowrap}
.homepage-ad-actions .ad-choice-tick{display:none;width:15px;height:15px;line-height:15px;text-align:center;border-radius:50%;font-size:10px;font-weight:900}
.homepage-ad-actions .ad-choice.is-selected{background:#e7f6ee!important;border-color:#45a873!important;color:#17613d!important;box-shadow:0 0 0 2px rgba(69,168,115,.12)}
.homepage-ad-actions .ad-choice.is-selected .ad-choice-tick{display:inline-block;background:#2f9662;color:#fff}
@media(max-width:560px){.homepage-ad-actions{display:flex;flex-wrap:wrap;gap:7px}.homepage-ad-actions .ad-choice{font-size:12px}}

/* Phase 80: product feature reset/import UX */
.feature-list-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:16px}
.feature-list-heading h2{margin-bottom:4px}
.feature-list-heading form{flex:0 0 auto}
@media(max-width:700px){.feature-list-heading{flex-direction:column}.feature-list-heading form,.feature-list-heading .btn{width:100%}}

/* Phase 82 list-first Package/Preset management */
.package-type-chip{display:inline-flex;align-items:center;gap:5px;padding:4px 8px;border:1px solid #dbe5f0;border-radius:999px;background:#fff;font-size:12px;font-weight:700}
.preset-list-icon{font-size:20px;vertical-align:middle;margin-right:5px}

/* Phase 85: referral balance visibility */
.referral-current-balance,.profile-points-row{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.referral-current-balance{padding:12px 14px;margin-bottom:12px;border:1px solid var(--border,#dbe4f0);border-radius:12px;background:rgba(59,130,246,.06)}.referral-current-balance strong{font-size:1.25rem}.profile-points-card{margin-bottom:24px}.profile-points-row h2{margin:.25rem 0}.profile-points-row h2 strong{margin-left:8px}

/* Phase 89 — compact admin workflow navigation */
.workflow-case-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(330px,1fr));gap:16px}.workflow-case-grid.compact{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}
.workflow-case-card{display:flex;gap:16px;padding:20px;border:1px solid var(--border,#dbe4f0);border-radius:16px;background:var(--card,#fff);color:inherit;text-decoration:none;box-shadow:0 8px 24px rgba(15,23,42,.04);transition:.18s ease}.workflow-case-card:not(.static):hover{transform:translateY(-2px);border-color:#60a5fa;box-shadow:0 12px 30px rgba(15,23,42,.08)}.workflow-case-card h2{font-size:1.05rem;margin:0 0 7px}.workflow-case-card p{margin:0 0 9px;color:var(--muted,#64748b);line-height:1.55}.workflow-case-card strong{font-size:.9rem}.workflow-case-icon{display:grid;place-items:center;flex:0 0 44px;height:44px;border-radius:12px;background:rgba(59,130,246,.09);font-size:1.25rem}.workflow-mini-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:10px}.workflow-mini-grid a{padding:12px 14px;border:1px solid var(--border,#dbe4f0);border-radius:12px;text-decoration:none;color:inherit;background:rgba(59,130,246,.035)}.admin-hub-links{margin:0 0 18px}

/* Phase 92 customer ownership/referral UX */
.copy-field-row,.profile-email-row{display:flex;gap:10px;align-items:center}.copy-field-row input,.profile-email-row input{flex:1}.profile-email-row form{margin:0;flex:0 0 auto}.referral-label-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(290px,1fr));gap:16px}.referral-label-item{padding:16px;border:1px solid var(--border,#dbe4f0);border-radius:14px}.referral-label-preview{overflow:auto;padding:12px 0}.referral-label-item textarea{width:100%;font-family:ui-monospace,monospace;font-size:12px}.customer-ownership-notice{margin:12px 0 18px}@media(max-width:680px){.copy-field-row,.profile-email-row{align-items:stretch;flex-direction:column}}

/* CUSTOMER-MOBILE-NOTIFICATION-BELL-CSS-V1 */
.customer-mobile-notification-bell{display:none;position:relative;align-items:center;justify-content:center;width:42px;height:42px;flex:0 0 42px;border-radius:12px;text-decoration:none;font-size:22px;line-height:1;background:var(--surface,#fff);border:1px solid rgba(15,23,42,.12);box-shadow:0 2px 8px rgba(15,23,42,.08)}
.customer-mobile-notification-badge{position:absolute;top:-5px;right:-5px;display:flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 5px;border-radius:999px;background:#dc2626;color:#fff;font-size:11px;font-weight:800;line-height:20px;border:2px solid #fff;box-shadow:0 1px 4px rgba(0,0,0,.2)}
@media (max-width:768px){
 .customer-mobile-notification-bell{display:flex!important;margin-left:auto;z-index:5}
 .customer-topbar-compact{gap:8px}
 .customer-topbar-compact .customer-top-actions{display:none}
 .customer-topbar-compact .backend-language-switch{flex:0 0 auto}
 .customer-topbar-compact .customer-top-user>span{display:none}
}
/* Phase 164 - Public brand logo size guard */
.public-body .brand-identity .site-logo,
.public-body .store-brand .site-logo {
    width: auto;
    height: 42px;
    max-width: 180px;
    max-height: 42px;
    object-fit: contain;
    flex: 0 0 auto;
}

/* Phase 164 - Auth brand logo size guard */
.auth-brand-lockup {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
}

.auth-brand-lockup img {
    width: auto;
    height: 48px;
    max-width: 200px;
    max-height: 48px;
    object-fit: contain;
    flex: 0 0 auto;
}

.auth-brand-lockup strong {
    line-height: 1.2;
}