:root{--bg:#eef3f8;--surface:#fff;--surface2:#f7f9fc;--surface3:#eef4fb;--text:#0f172a;--muted:#64748b;--line:#dbe5f0;--primary:#2563eb;--primary2:#0ea5e9;--success:#15803d;--successbg:#ecfdf3;--danger:#dc2626;--dangerbg:#fff1f2;--warning:#b45309;--warningbg:#fffbeb;--sidebar:194px;--radius:18px;--shadow:0 12px 34px rgba(15,23,42,.055)}
html[data-theme=dark]{--bg:#0b1626;--surface:#13243a;--surface2:#102033;--surface3:#172b44;--text:#e7eef8;--muted:#9eb0c5;--line:#304760;--primary:#60a5fa;--primary2:#22d3ee;--success:#86efac;--successbg:#123626;--danger:#fca5a5;--dangerbg:#421c24;--warning:#fcd34d;--warningbg:#3a2a13;--shadow:0 16px 44px rgba(2,10,23,.18)}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:var(--bg);color:var(--text);font-size:15px}body{min-height:100vh}a{color:var(--primary);text-decoration:none}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}.app-shell{min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:var(--sidebar);z-index:40;background:color-mix(in srgb,var(--surface) 96%,transparent);border-right:1px solid var(--line);display:flex;flex-direction:column;backdrop-filter:blur(16px)}.sidebar-top{height:56px;display:flex;align-items:center;justify-content:space-between;padding:10px 13px;border-bottom:1px solid var(--line)}.brand-link{display:block;min-width:0}.brand{display:flex;align-items:center;gap:9px;min-width:0}.brand-logo{width:132px;max-height:37px;object-fit:contain;object-position:left center}.brand-subtitle{display:none}.brand-fallback{display:grid;place-items:center;width:38px;height:38px;border-radius:11px;background:linear-gradient(135deg,var(--primary),var(--primary2));color:#fff;font-weight:900}.sidebar-close{display:none}.sidebar-nav{flex:1;overflow:auto;padding:6px 7px 10px}.nav-section{padding:2px 0 6px}.nav-section-title{padding:6px 9px 3px;font-size:9px;letter-spacing:.09em;text-transform:uppercase;font-weight:800;color:var(--muted)}.nav-link{display:flex;align-items:center;gap:8px;min-height:31px;margin:1px 0;padding:6px 9px;border-radius:9px;color:var(--text);font-size:12.5px;font-weight:650;transition:.15s}.nav-link i{width:17px;text-align:center;color:var(--muted)}.nav-link:hover{background:var(--surface2)}.nav-link.active{background:linear-gradient(135deg,color-mix(in srgb,var(--primary) 14%,var(--surface)),color-mix(in srgb,var(--primary2) 9%,var(--surface)));color:var(--primary);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--primary) 25%,transparent)}.nav-link.active i{color:var(--primary)}.sidebar-account{display:grid;grid-template-columns:34px minmax(0,1fr) 34px 34px;gap:9px;align-items:center;padding:10px;border-top:1px solid var(--line);background:var(--surface)}.account-icon{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:var(--surface3);color:var(--primary)}.account-copy{min-width:0}.account-copy strong,.account-copy small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.account-copy strong{font-size:12px}.account-copy small{margin-top:2px;font-size:10px;color:var(--muted)}.main{margin-left:var(--sidebar);min-height:100vh}.topbar{height:56px;position:sticky;top:0;z-index:30;display:grid;grid-template-columns:auto minmax(260px,560px) auto;align-items:center;gap:18px;padding:8px 22px;background:color-mix(in srgb,var(--surface) 83%,transparent);border-bottom:1px solid var(--line);backdrop-filter:blur(14px)}.topbar.no-search{grid-template-columns:1fr auto}.topbar-left{display:flex;align-items:center;gap:10px}.page-heading span{display:block;font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);font-weight:800}.page-heading h1{margin:1px 0 0;font-size:18px;line-height:1.2}.top-search{height:38px;display:flex;align-items:center;gap:9px;padding:0 12px;border:1px solid var(--line);border-radius:12px;background:var(--surface2)}.top-search i{color:var(--muted)}.top-search input{width:100%;border:0;outline:0;background:transparent}.top-actions{display:flex;align-items:center;justify-content:flex-end;gap:7px}.top-user{max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--muted);font-size:12px;font-weight:700}.icon-btn{display:inline-grid;place-items:center;width:34px;height:34px;border:1px solid var(--line);border-radius:10px;background:var(--surface);color:var(--text);position:relative}.icon-btn:hover,.icon-action:hover{background:var(--surface3);border-color:color-mix(in srgb,var(--primary) 30%,var(--line))}.counter{position:absolute;top:-5px;right:-5px;min-width:18px;height:18px;display:grid;place-items:center;padding:0 4px;border-radius:99px;background:var(--danger);color:#fff;font-size:9px;font-weight:900}.mobile-menu{display:none}.sidebar-overlay{display:none}.content{width:min(100%,1520px);margin:0 auto;padding:20px 24px 42px}.content>*+*{margin-top:16px}.impersonation-banner{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:11px 14px;border:1px solid #f6d48e;background:var(--warningbg);color:var(--warning);border-radius:14px}.impersonation-banner>div{display:flex;gap:8px;align-items:center}.card{border:1px solid var(--line);background:var(--surface);border-radius:var(--radius);padding:18px;box-shadow:var(--shadow)}.card-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.card-head h2{margin:0;font-size:16px;font-weight:850}.card h3{font-size:14px}.grid{display:grid;gap:13px}.grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.grid.four{grid-template-columns:repeat(4,minmax(0,1fr))}.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(155px,1fr));gap:10px}.stat{padding:13px 14px;border:1px solid var(--line);border-radius:14px;background:var(--surface)}.stat span{display:block;font-size:10px;text-transform:uppercase;letter-spacing:.07em;font-weight:800;color:var(--muted)}.stat strong{display:block;margin-top:6px;font-size:19px}.stat small{display:block;margin-top:5px;color:var(--muted);font-size:11px}.toolbar{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}.actions,.pill-row{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:36px;padding:8px 13px;border:1px solid var(--line);border-radius:11px;background:var(--surface);color:var(--text);font-weight:750;font-size:12px}.btn:hover{background:var(--surface2)}.btn.small{min-height:32px;padding:6px 10px}.btn.primary{border-color:transparent;background:var(--primary);color:#fff}.btn.primary:hover{filter:brightness(.96)}.btn.danger{border-color:transparent;background:var(--danger);color:#fff}.btn.warning{border-color:transparent;background:#d97706;color:#fff}.btn.ghost{background:transparent}.btn.full{width:100%}.icon-action{display:inline-grid;place-items:center;width:34px;height:34px;border:1px solid var(--line);border-radius:10px;background:var(--surface);color:var(--text)}.icon-action.danger{color:var(--danger)}.badge,.summary-chip{display:inline-flex;align-items:center;gap:6px;padding:4px 8px;border:1px solid var(--line);border-radius:999px;background:var(--surface2);font-size:10px;font-weight:800}.badge.success{background:var(--successbg);color:var(--success);border-color:color-mix(in srgb,var(--success) 25%,var(--line))}.badge.danger{background:var(--dangerbg);color:var(--danger);border-color:color-mix(in srgb,var(--danger) 25%,var(--line))}.badge.warning{background:var(--warningbg);color:var(--warning);border-color:color-mix(in srgb,var(--warning) 25%,var(--line))}.summary-chip{font-size:11px;color:var(--muted)}.table-wrap{width:100%;overflow:auto;border:1px solid var(--line);border-radius:13px}.table-wrap table{width:100%;border-collapse:collapse;min-width:720px}.table-wrap th{padding:10px 12px;text-align:left;background:var(--surface2);color:var(--muted);font-size:10px;letter-spacing:.075em;text-transform:uppercase}.table-wrap td{padding:11px 12px;border-top:1px solid var(--line);vertical-align:middle;font-size:13.5px}.table-wrap tbody tr:hover{background:color-mix(in srgb,var(--primary) 3%,var(--surface))}.empty{text-align:center!important;color:var(--muted);padding:28px!important}.muted{color:var(--muted)}.kv{display:grid;grid-template-columns:160px minmax(0,1fr);gap:9px 14px}.kv>div:nth-child(odd){color:var(--muted);font-size:11px;font-weight:750}.alert{display:flex;align-items:flex-start;gap:9px;padding:11px 13px;border:1px solid var(--line);border-radius:13px;background:var(--surface);font-size:12px}.alert.success{background:var(--successbg);color:var(--success);border-color:color-mix(in srgb,var(--success) 25%,var(--line))}.alert.danger{background:var(--dangerbg);color:var(--danger);border-color:color-mix(in srgb,var(--danger) 25%,var(--line))}.alert.warning{background:var(--warningbg);color:var(--warning);border-color:color-mix(in srgb,var(--warning) 25%,var(--line))}.pre{padding:12px;border:1px solid var(--line);border-radius:12px;background:var(--surface2);white-space:pre-wrap;overflow:auto}.tabs{display:flex;gap:5px;padding:4px;border:1px solid var(--line);border-radius:13px;background:var(--surface2);overflow:auto}.tab{white-space:nowrap;padding:7px 10px;border-radius:9px;color:var(--muted);font-size:11px;font-weight:800}.tab.active{background:var(--primary);color:#fff;box-shadow:0 4px 12px color-mix(in srgb,var(--primary) 25%,transparent)}label{display:flex;flex-direction:column;gap:5px;font-size:12.5px;font-weight:750;color:var(--muted)}input,select,textarea{width:100%;min-height:38px;border:1px solid var(--line);border-radius:10px;background:var(--surface2);padding:8px 10px;outline:0}textarea{min-height:92px;resize:vertical}input:focus,select:focus,textarea:focus{border-color:color-mix(in srgb,var(--primary) 50%,var(--line));box-shadow:0 0 0 3px color-mix(in srgb,var(--primary) 10%,transparent)}input[type=checkbox],input[type=radio]{width:auto;min-height:auto}.inline-form{display:flex;gap:8px;align-items:flex-end;flex-wrap:wrap}.inline-form label{min-width:150px}.stack-form{display:flex;flex-direction:column;gap:12px}hr{border:0;border-top:1px solid var(--line);margin:16px 0}.modal{position:fixed;inset:0;z-index:100;display:flex;align-items:center;justify-content:center;padding:18px}.modal[hidden]{display:none}.modal-backdrop{position:absolute;inset:0;background:rgba(2,8,23,.56);backdrop-filter:blur(8px)}.modal-dialog{position:relative;z-index:1;width:min(100%,650px);max-height:calc(100vh - 36px);overflow:auto;border:1px solid var(--line);border-radius:20px;background:var(--surface);box-shadow:0 24px 70px rgba(2,8,23,.35)}.modal-lg{width:min(100%,900px)}.modal-xl{width:min(100%,1180px)}.modal-head{position:sticky;top:0;z-index:2;display:flex;align-items:center;justify-content:space-between;padding:15px 18px;border-bottom:1px solid var(--line);background:var(--surface)}.modal-head h3{margin:0;font-size:16px}.modal-body{padding:18px}.modal-open{overflow:hidden}.product-grid,.list-grid,.invoice-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(245px,1fr));gap:11px}.product-tile,.service-tile,.invoice-mini{display:flex;flex-direction:column;gap:10px;padding:14px;border:1px solid var(--line);border-radius:14px;background:var(--surface)}.product-tile h2,.service-tile h2,.invoice-mini h2{margin:0;font-size:15px}.product-tile .price{font-size:20px;font-weight:900}.tile-actions{display:flex;gap:7px;flex-wrap:wrap;margin-top:auto}.invoice-mini .meta{display:grid;grid-template-columns:1fr 1fr;gap:9px}.invoice-mini .meta small{display:block;color:var(--muted);font-size:10px}.invoice-card{padding:0;overflow:hidden}.invoice-head{display:flex;justify-content:space-between;gap:15px;padding:20px;border-bottom:1px solid var(--line)}.invoice-brand img{max-width:205px;max-height:56px}.invoice-title{text-align:right}.invoice-title small{display:block;color:var(--muted);font-weight:800}.invoice-title strong{display:block;margin:4px 0 8px;font-size:22px}.invoice-contact,.invoice-meta{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:14px 20px 0}.invoice-contact .box,.invoice-meta .item{padding:12px;border:1px solid var(--line);border-radius:12px;background:var(--surface2)}.invoice-contact small,.invoice-meta small{display:block;margin-bottom:6px;color:var(--muted);font-size:9px;text-transform:uppercase;letter-spacing:.06em;font-weight:800}.invoice-summary{padding:16px 20px 20px}.invoice-total-box{margin-top:10px;border:1px solid var(--line);border-radius:12px;overflow:hidden}.invoice-total-box .row{display:grid;grid-template-columns:1fr auto;padding:9px 11px;border-bottom:1px solid var(--line)}.invoice-total-box .row:last-child{border-bottom:0;background:var(--surface3);font-weight:900}.invoice-note{margin-top:10px;color:var(--muted);font-size:11px}.invoice-position-row{display:grid;grid-template-columns:180px minmax(170px,1fr) 78px 105px 90px 40px;gap:8px;align-items:end;padding:10px;border:1px solid var(--line);border-radius:12px;background:var(--surface2)}.invoice-position-row+.invoice-position-row{margin-top:8px}.invoice-position-row .position-description{grid-column:1/6}.invoice-position-row .position-sum{grid-column:6/7;align-self:end;text-align:right;padding:10px 2px;font-weight:850}.qr-card{display:grid;grid-template-columns:210px 1fr;gap:18px;align-items:center}.qr-box{display:grid;place-items:center;padding:14px;border:1px solid var(--line);border-radius:14px;background:#fff}.login-body{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 0 0,color-mix(in srgb,var(--primary) 14%,transparent),transparent 34%),var(--bg)}.login-theme{position:fixed;top:18px;right:18px}.login-wrap{width:min(100%,1020px)}.login-wrap.narrow{width:min(100%,520px)}.login-card{display:grid;grid-template-columns:1fr 1fr;min-height:570px;border:1px solid var(--line);border-radius:24px;background:var(--surface);overflow:hidden;box-shadow:0 28px 70px rgba(15,23,42,.13)}.login-brand-panel{display:flex;flex-direction:column;justify-content:space-between;padding:38px;background:linear-gradient(145deg,color-mix(in srgb,var(--primary) 88%,#0f172a),color-mix(in srgb,var(--primary2) 76%,#0f172a));color:#fff}.login-brand-panel .brand-logo{width:230px;filter:brightness(0) invert(1)}.login-brand-copy h2{font-size:28px;margin:0 0 8px}.login-brand-copy p{opacity:.83;line-height:1.6}.login-feature{margin-top:12px;display:flex;align-items:center;gap:9px;font-weight:750}.login-form-panel{display:grid;place-items:center;padding:38px}.login-inner{width:min(100%,390px)}.eyebrow{display:block;margin-bottom:7px;color:var(--primary);font-size:10px;letter-spacing:.12em;font-weight:900}.login-inner h1,.auth-card h1{margin:0 0 18px;font-size:27px}.login-links{display:flex;justify-content:space-between;margin-top:15px;font-size:11px;font-weight:750}.auth-card{padding:30px;border:1px solid var(--line);border-radius:22px;background:var(--surface);box-shadow:var(--shadow)}.auth-icon{display:grid;place-items:center;width:48px;height:48px;margin-bottom:18px;border-radius:14px;background:var(--surface3);color:var(--primary);font-size:20px}.code-input{text-align:center;font-family:ui-monospace,monospace;font-size:19px;letter-spacing:.32em}.center-form{text-align:center;margin-top:12px}.link-button{border:0;background:transparent;color:var(--primary);font-weight:750}.install-body{min-height:100vh;padding:30px;background:var(--bg)}.install-wrap{max-width:1050px;margin:auto}.req-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:9px;margin:12px 0 20px}

.detail-toolbar{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}.table-actions{display:flex;align-items:center;gap:5px;white-space:nowrap}.table-actions form{margin:0}.form-section{padding:13px 0}.form-section+.form-section{border-top:1px solid var(--line)}.form-section-title{margin-bottom:10px;color:var(--text);font-size:12px;font-weight:850}.read-panel{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:9px}.read-item{padding:10px 11px;border:1px solid var(--line);border-radius:11px;background:var(--surface2);min-width:0}.read-item small{display:block;margin-bottom:5px;color:var(--muted);font-size:9px;text-transform:uppercase;letter-spacing:.06em;font-weight:850}.read-item strong,.read-item span{display:block;white-space:pre-line;overflow-wrap:anywhere}.settings-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin-bottom:14px}.settings-summary>div{padding:11px;border:1px solid var(--line);border-radius:11px;background:var(--surface2)}.settings-summary small{display:block;margin-bottom:5px;color:var(--muted);font-size:9px;text-transform:uppercase;font-weight:850}.settings-summary strong{display:block;font-size:12px}.choice-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.choice-card{display:flex;flex-direction:column;align-items:flex-start;gap:9px;padding:15px;border:1px solid var(--line);border-radius:13px;background:var(--surface2)}.choice-card>i{display:grid;place-items:center;width:38px;height:38px;border-radius:10px;background:var(--surface3);color:var(--primary);font-size:17px}.choice-card strong{font-size:13px}.choice-card span{min-height:36px;color:var(--muted);font-size:11px;line-height:1.5}.security-state{display:flex;align-items:center;gap:10px;padding:13px;border:1px solid var(--line);border-radius:12px;background:var(--surface2)}.compact-stats{display:flex;min-width:min(320px,100%)}.compact-stats .stat{min-width:210px}.danger-zone{border-color:color-mix(in srgb,var(--danger) 30%,var(--line));background:color-mix(in srgb,var(--dangerbg) 55%,var(--surface))}.section-note{padding:9px 11px;border-left:3px solid var(--primary);background:var(--surface2);color:var(--muted);font-size:11px;border-radius:0 9px 9px 0}
@media(max-width:1100px){:root{--sidebar:198px}.content{padding:18px}.topbar{grid-template-columns:auto minmax(220px,1fr) auto}.grid.four{grid-template-columns:repeat(2,minmax(0,1fr))}.invoice-position-row{grid-template-columns:1fr 1.5fr 75px 100px 85px 40px}}
@media(max-width:820px){.sidebar{transform:translateX(-104%);transition:.18s}.sidebar.open{transform:none}.sidebar-close{display:grid}.sidebar-overlay{position:fixed;inset:0;z-index:35;background:rgba(2,8,23,.4)}.sidebar.open~.sidebar-overlay{display:block}.main{margin-left:0}.mobile-menu{display:grid}.topbar{grid-template-columns:1fr auto;padding:8px 12px}.top-search{display:none}.top-user{display:none}.content{padding:14px}.grid.two,.grid.three,.grid.four,.invoice-contact,.invoice-meta,.qr-card,.settings-summary,.choice-grid{grid-template-columns:1fr}.kv{grid-template-columns:1fr}.kv>div:nth-child(odd){margin-top:6px}.login-card{grid-template-columns:1fr}.login-brand-panel{display:none}.invoice-position-row{grid-template-columns:1fr 1fr}.invoice-position-row .position-description,.invoice-position-row .position-sum{grid-column:1/-1}.invoice-position-row .position-sum{text-align:left}}
@media(max-width:520px){.content{padding:10px}.card{padding:13px;border-radius:14px}.modal{padding:8px}.modal-body{padding:13px}.invoice-head,.invoice-contact,.invoice-meta,.invoice-summary{padding-left:13px;padding-right:13px}.invoice-position-row{grid-template-columns:1fr}.login-form-panel{padding:24px}}

/* v2.1 detail/table refinements */
.detail-grid-two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.detail-card{border:1px solid var(--line);background:var(--surface);border-radius:15px;padding:16px}.detail-card h3{margin:0 0 12px;font-size:15px}.detail-card .read-panel{grid-template-columns:repeat(2,minmax(0,1fr))}.filterbar{display:flex;gap:9px;align-items:flex-end;flex-wrap:wrap;padding:12px;border:1px solid var(--line);border-radius:13px;background:var(--surface)}.filterbar label{min-width:150px}.filterbar .grow{flex:1;min-width:220px}.secret-value{display:inline-flex;align-items:center;gap:8px}.secret-text{filter:blur(5px);user-select:none;transition:.15s}.secret-value.revealed .secret-text{filter:none;user-select:text}.copy-feedback{font-size:10px;color:var(--success)}.payment-method-list{display:grid;gap:10px}.payment-method{padding:13px;border:1px solid var(--line);border-radius:12px;background:var(--surface2)}.payment-method h4{margin:0 0 7px;font-size:14px}.payment-method .instructions{white-space:pre-line;color:var(--muted)}.invoice-detail-only+.invoice-list-overview{display:none}.customer-summary-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:14px}.summary-table{width:100%;border-collapse:collapse}.summary-table td{padding:7px 9px;border-bottom:1px solid var(--line)}.summary-table td:first-child{color:var(--muted);font-weight:700}.summary-table td:last-child{text-align:right;font-weight:750}.summary-table tr:last-child td{border-bottom:0}.service-description{white-space:pre-line}.domain-target-custom[hidden]{display:none}.position-editor-row{display:grid;grid-template-columns:180px 220px minmax(260px,1fr) 80px 110px 90px 42px;gap:8px;align-items:end;padding:10px;border:1px solid var(--line);border-radius:12px;background:var(--surface2)}.position-editor-row textarea{min-height:74px}.position-editor-row+.position-editor-row{margin-top:8px}@media(max-width:1050px){.position-editor-row{grid-template-columns:1fr 1fr}.position-editor-row>*{min-width:0}.detail-grid-two,.customer-summary-grid{grid-template-columns:1fr}}
.overview-section{background:transparent}.overview-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}.overview-head h2{margin:0;font-size:17px}.overview-section>.table-wrap{background:var(--surface);box-shadow:var(--shadow)}

/* v2.1 readability pass: content is larger while the sidebar stays compact */
body{font-size:15.5px}.nav-link{font-size:13px}.account-copy strong{font-size:12.5px}.page-heading h1{font-size:19px}.card-head h2{font-size:17px}.card h3{font-size:15px}.table-wrap th{font-size:10.5px}.table-wrap td{font-size:14px;line-height:1.45}.btn{font-size:12.75px}label{font-size:13px}.alert{font-size:12.75px}.read-item small{font-size:9.5px}.read-item strong,.read-item span{font-size:13.5px}.tab{font-size:11.5px}.invoice-note{font-size:12px}

/* v2.3.0 layout refinements */
body{font-weight:400;color:var(--text);} 
strong,h1,h2,h3,h4,.nav-link span,.stat strong,.page-heading h1{font-weight:600;}
.page-heading h1{font-size:clamp(1.5rem,2vw,2rem);letter-spacing:-.02em;}
body.admin-view .sidebar{background:linear-gradient(180deg,#eef4ff 0%,#ffffff 100%);border-right:1px solid #dbeafe;}
body.customer-view .sidebar{background:linear-gradient(180deg,#f8fafc 0%,#ffffff 100%);border-right:1px solid #e2e8f0;}
.nav-section-title{font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;font-weight:700;color:var(--muted);} 
.nav-link{font-weight:500;font-size:.98rem;} 
.sidebar-account strong{font-weight:600;} 
.area-chip{display:inline-flex;align-items:center;gap:8px;border-radius:999px;padding:6px 10px;font-size:.78rem;font-weight:600;margin-top:8px;width:max-content;}
.area-chip.admin{background:#dbeafe;color:#1d4ed8;}
.area-chip.customer{background:#dcfce7;color:#166534;}
.topbar,.card,.detail-card,.overview-section{box-shadow:0 12px 40px rgba(15,23,42,.05);} 
.card h2,.detail-card h3,.overview-head h2{font-weight:600;} 
.product-grid.shop-cards-wide,.shop-cards-wide{display:grid;grid-template-columns:1fr;gap:18px;}
.product-grid.shop-cards-wide .product-tile,.shop-cards-wide .product-tile{display:grid;grid-template-columns:1.4fr auto auto;gap:16px;align-items:center;padding:22px 24px;}
.product-grid.shop-cards-wide .product-tile h2,.shop-cards-wide .product-tile h2{margin:4px 0 6px;font-size:1.2rem;}
.product-grid.shop-cards-wide .tile-actions,.shop-cards-wide .tile-actions{justify-self:end;}
.product-grid.shop-cards-wide .price,.shop-cards-wide .price{font-size:1.3rem;white-space:nowrap;}
@media (max-width:980px){.product-grid.shop-cards-wide .product-tile,.shop-cards-wide .product-tile{grid-template-columns:1fr;}}
@media (min-width:821px){.sidebar-close{display:none !important;}}

/* v2.3 shop category / wide-card layout */
.shop-category{margin-top:20px}.shop-category+.shop-category{margin-top:30px}.shop-category-head{display:flex;align-items:end;justify-content:space-between;gap:16px;margin-bottom:12px}.shop-category-head h2{margin:2px 0 0;font-size:22px;font-weight:600}.shop-category-intro{border:1px solid var(--line);border-radius:16px;background:linear-gradient(135deg,var(--surface3),var(--surface));padding:18px 20px;line-height:1.65}.shop-category-intro h2{margin:4px 0 8px;font-weight:600}.shop-category-intro.compact{margin-bottom:12px;padding:14px 16px}.shop-category-intro.compact>strong{display:block;margin-bottom:5px;font-weight:600}.shop-wide-list{display:grid;gap:12px}.shop-wide-card{display:grid;grid-template-columns:minmax(0,1fr) 150px 140px;gap:20px;align-items:center;padding:20px 22px;border:1px solid var(--line);border-radius:17px;background:var(--surface);box-shadow:var(--shadow)}.shop-wide-main h3{margin:0 0 6px;font-size:18px;font-weight:600}.shop-wide-main p{margin:0 0 12px;color:var(--muted);line-height:1.55}.shop-wide-price{text-align:right}.shop-wide-price strong,.shop-wide-price span,.shop-wide-price small{display:block}.shop-wide-price strong{font-size:20px;font-weight:600}.shop-wide-price span,.shop-wide-price small{margin-top:4px;color:var(--muted);font-size:12px}.shop-wide-action{display:flex;justify-content:flex-end;margin:0}.shop-spec-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:7px;margin-top:10px}.shop-spec{display:flex;justify-content:space-between;gap:12px;padding:8px 10px;border:1px solid var(--line);border-radius:10px;background:var(--surface2);font-size:12px}.shop-spec span{color:var(--muted)}.shop-spec strong{font-weight:600;text-align:right}.shop-product-detail{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr);gap:24px;align-items:start}.shop-product-detail h2{margin:3px 0 10px;font-size:26px;font-weight:600}.shop-price-line{display:flex;align-items:baseline;gap:8px;margin-bottom:12px}.shop-price-line strong{font-size:25px;font-weight:600}.shop-price-line span{color:var(--muted)}.shop-order-panel{padding:18px;border:1px solid var(--line);border-radius:15px;background:var(--surface2)}.shop-order-panel h3{margin:0 0 14px;font-weight:600}.shop-addon-list{display:grid;gap:8px}.shop-addon{display:grid;grid-template-columns:1fr auto 24px;gap:12px;align-items:center;padding:10px;border:1px solid var(--line);border-radius:11px;background:var(--surface)}.shop-addon span:first-child strong,.shop-addon span:first-child small{display:block}.shop-addon span:first-child small{margin-top:3px;color:var(--muted);font-weight:400}.public-shop-category{margin-top:0;margin-bottom:24px}
@media(max-width:900px){.shop-wide-card{grid-template-columns:1fr}.shop-wide-price{text-align:left}.shop-wide-action{justify-content:flex-start}.shop-product-detail{grid-template-columns:1fr}}

.shop-public-layout{display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:20px;align-items:start}.shop-public-layout>.card{margin:0}@media(max-width:1050px){.shop-public-layout{grid-template-columns:1fr}}

/* v2.3 typography: larger, calmer, less bold */
body{font-size:16px}
label{font-weight:500}
.btn{font-weight:500}
.badge,.summary-chip,.tab,.stat span,.table-wrap th,.read-item small,.form-section-title,.settings-summary small,.page-heading span{font-weight:600}
.table-wrap td{font-weight:400}
.account-copy strong{font-weight:500}
body.admin-view .topbar{border-bottom-color:#bfdbfe}
body.customer-view .topbar{border-bottom-color:#d1fae5}

/* =========================================================
   v2.4 — separate Admin CP / Customer CP layout systems
   ========================================================= */
/* Shared form controls */
label:has(> input[type="checkbox"]),label:has(> input[type="radio"]),.check-row{display:flex;flex-direction:row;align-items:center;gap:9px;color:var(--text);font-weight:500;cursor:pointer;min-height:34px}
label:has(> input[type="checkbox"]) input,label:has(> input[type="radio"]) input,.check-row input{width:17px;height:17px;min-height:17px;flex:0 0 17px;margin:0;accent-color:var(--primary)}
.check-row span{display:flex;flex-direction:column;gap:1px}.check-row small{font-size:11px;color:var(--muted);font-weight:400}.check-grid{display:flex;flex-wrap:wrap;gap:10px 20px;margin:9px 0}.check-emphasis{padding:10px 12px;border:1px solid var(--line);border-radius:11px;background:var(--surface2)}
.feature-icon-preview{display:inline-flex;align-items:center;gap:8px}.feature-icon-preview i{width:22px;color:var(--primary);font-size:17px}

/* ADMIN: fixed dark control sidebar + compact utility topbar */
body.admin-layout{--admin-side:#0f1f36;--admin-side2:#132a48;--admin-side-text:#dbeafe;--admin-side-muted:#8fa7c4;background:var(--bg)}
body.admin-layout .admin-sidebar{background:linear-gradient(180deg,var(--admin-side),#0a1729)!important;border-right:0;box-shadow:12px 0 36px rgba(15,23,42,.10)}
body.admin-layout .admin-sidebar .sidebar-top{border-bottom-color:rgba(255,255,255,.09)}
body.admin-layout .admin-sidebar .brand-logo{filter:none}
body.admin-layout .admin-sidebar .nav-section-title{color:var(--admin-side-muted);font-weight:600}
body.admin-layout .admin-sidebar .nav-link{color:var(--admin-side-text);font-weight:450}
body.admin-layout .admin-sidebar .nav-link i{color:#87a6ca}
body.admin-layout .admin-sidebar .nav-link:hover{background:rgba(255,255,255,.075)}
body.admin-layout .admin-sidebar .nav-link.active{background:#2563eb;color:#fff;box-shadow:none}
body.admin-layout .admin-sidebar .nav-link.active i{color:#fff}
body.admin-layout .admin-sidebar .sidebar-account{background:rgba(0,0,0,.15);border-top-color:rgba(255,255,255,.09)}
body.admin-layout .admin-sidebar .account-copy strong{color:#fff}body.admin-layout .admin-sidebar .account-copy small{color:#9fb4cd}
body.admin-layout .admin-sidebar .icon-btn{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.11);color:#e5efff}
body.admin-layout .admin-topbar{background:color-mix(in srgb,var(--surface) 94%,transparent);box-shadow:0 4px 22px rgba(15,23,42,.04);height:64px}
body.admin-layout .admin-content{max-width:1540px;padding-top:22px}
html[data-theme=dark] body.admin-layout{--admin-side:#07111f;--admin-side2:#0a182b}
html[data-theme=dark] body.admin-layout .admin-topbar{background:rgba(11,22,38,.94)}

/* CUSTOMER: completely different — top navigation, no desktop sidebar */
body.customer-layout{background:var(--bg)}
.customer-shell{min-height:100vh}.customer-header{position:sticky;top:0;z-index:45;background:color-mix(in srgb,var(--surface) 96%,transparent);border-bottom:1px solid var(--line);box-shadow:0 6px 28px rgba(15,23,42,.055);backdrop-filter:blur(18px)}
.customer-header-inner{height:72px;max-width:1440px;margin:auto;padding:0 24px;display:flex;align-items:center;gap:24px;justify-content:space-between}.customer-brand .brand-logo{width:155px;max-height:44px}.customer-brand .brand-subtitle{display:block;font-size:10px;color:var(--muted);letter-spacing:.08em;text-transform:uppercase}
.customer-account-actions{display:flex;align-items:center;gap:8px}.customer-user{display:flex;align-items:center;gap:9px;padding:7px 11px;border:1px solid var(--line);border-radius:12px;background:var(--surface2)}.customer-user>i{font-size:21px;color:var(--primary)}.customer-user span{display:block}.customer-user strong,.customer-user small{display:block}.customer-user strong{font-size:13px;font-weight:550}.customer-user small{font-size:10px;color:var(--muted);margin-top:1px}.customer-menu-button{display:none}
.customer-nav{max-width:1440px;margin:auto;padding:0 24px;display:flex;gap:3px;overflow:auto;scrollbar-width:none}.customer-nav::-webkit-scrollbar{display:none}.customer-nav-link{display:inline-flex;align-items:center;gap:7px;padding:12px 13px;border-bottom:3px solid transparent;color:var(--muted);font-size:13px;font-weight:500;white-space:nowrap}.customer-nav-link i{font-size:12px}.customer-nav-link:hover{color:var(--text);background:var(--surface2)}.customer-nav-link.active{color:var(--primary);border-bottom-color:var(--primary);background:color-mix(in srgb,var(--primary) 5%,transparent)}
.customer-main{width:min(100% - 32px,1380px);margin:0 auto;padding:26px 0 54px}.customer-main>*+*{margin-top:16px}.customer-page-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:17px}.customer-page-head span{font-size:10px;letter-spacing:.10em;color:var(--muted);font-weight:600}.customer-page-head h1{margin:3px 0 0;font-size:28px;line-height:1.15;font-weight:550;letter-spacing:-.025em}
html[data-theme=dark] .customer-header{background:rgba(11,22,38,.96)}html[data-theme=dark] .customer-user{background:#102033}

/* hard Light/Dark consistency — no light islands */
html[data-theme=dark] .card,html[data-theme=dark] .detail-card,html[data-theme=dark] .table-wrap,html[data-theme=dark] .filterbar,html[data-theme=dark] .modal-dialog,html[data-theme=dark] .shop-wide-card,html[data-theme=dark] .payment-method,html[data-theme=dark] .read-item{background:var(--surface);border-color:var(--line);color:var(--text)}
html[data-theme=dark] input,html[data-theme=dark] select,html[data-theme=dark] textarea{background:var(--surface2);border-color:var(--line);color:var(--text)}
html[data-theme=dark] .table-wrap th{background:var(--surface2)}
html[data-theme=dark] .shop-category-intro{background:linear-gradient(135deg,var(--surface3),var(--surface))}

/* shop feature icons */
.shop-spec{display:grid!important;grid-template-columns:24px minmax(0,1fr) auto!important;align-items:center!important;justify-content:initial!important}.shop-spec>i{display:grid;place-items:center;width:24px;height:24px;border-radius:8px;background:color-mix(in srgb,var(--primary) 10%,var(--surface));color:var(--primary);font-size:12px}.shop-spec>span{text-align:left}.shop-spec>strong{text-align:right}
.cart-spec-list{display:grid;gap:5px;margin:9px 0 0;padding:0;list-style:none}.cart-spec-list li{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--muted)}.cart-spec-list i{width:17px;text-align:center;color:var(--primary)}

/* automation settings */
.automation-settings{display:grid;gap:16px}.automation-time-card{display:grid;grid-template-columns:52px minmax(0,1fr) 180px;gap:16px;align-items:center;padding:16px;border:1px solid var(--line);border-radius:15px;background:var(--surface2)}.automation-icon{display:grid;place-items:center;width:48px;height:48px;border-radius:14px;background:color-mix(in srgb,var(--primary) 12%,var(--surface));color:var(--primary);font-size:20px}.automation-time-card h3{margin:0 0 4px}.automation-time-card p{margin:0;color:var(--muted);font-size:12px;line-height:1.55}

@media(max-width:900px){.customer-header-inner{height:62px;padding:0 14px}.customer-menu-button{display:grid}.customer-user{display:none}.customer-nav{display:none;padding:8px 12px 12px;flex-direction:column;border-top:1px solid var(--line)}.customer-nav.open{display:flex}.customer-nav-link{border:0;border-radius:9px;padding:10px 12px}.customer-nav-link.active{border:0;background:color-mix(in srgb,var(--primary) 11%,var(--surface));}.customer-main{width:min(100% - 20px,1380px);padding-top:18px}.customer-page-head h1{font-size:23px}.automation-time-card{grid-template-columns:44px 1fr}.automation-time-card label{grid-column:1/-1}}
@media(min-width:821px){body.admin-layout .sidebar-close{display:none!important}}
/* v2.4 brand contrast */
body.admin-layout .admin-sidebar .brand-link{display:block;background:#fff;border-radius:11px;padding:7px 9px;margin-right:4px}
body.admin-layout .admin-sidebar .brand-link .brand-subtitle{color:#52657d}
.customer-brand{display:inline-flex;background:#fff;border:1px solid #e2e8f0;border-radius:11px;padding:6px 9px;box-shadow:0 4px 14px rgba(15,23,42,.04)}
.customer-brand .brand-subtitle{color:#64748b!important}
/* v2.4 checkbox alignment exceptions */
.shop-addon:has(> input[type="checkbox"]){display:grid!important;grid-template-columns:minmax(0,1fr) auto 22px!important;align-items:center!important;gap:12px!important;min-height:0!important;color:var(--text)!important;font-weight:400!important}
.shop-addon>input[type="checkbox"]{justify-self:end}
.pill-row>label:has(>input[type="checkbox"]){padding:6px 9px;border:1px solid var(--line);border-radius:9px;background:var(--surface2)}

/* =========================================================
   v2.5 — customer sidebar + detail-table cleanup
   ========================================================= */
body.customer-layout{--customer-sidebar:238px;background:var(--bg)}
.customer-app-shell{min-height:100vh;display:block}
.customer-sidebar{position:fixed;inset:0 auto 0 0;width:var(--customer-sidebar);z-index:48;display:flex;flex-direction:column;background:linear-gradient(180deg,#f8fbff 0%,#eef5ff 100%);border-right:1px solid #cfe0f5;box-shadow:10px 0 32px rgba(37,99,235,.06)}
.customer-sidebar-brand{min-height:70px;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:12px 14px;border-bottom:1px solid #d9e6f5}.customer-sidebar-brand>a{display:block;min-width:0}.customer-sidebar-brand .brand-logo{width:154px;max-height:43px}.customer-sidebar-brand .brand-subtitle{display:block;color:#64748b;font-size:9px;letter-spacing:.10em;text-transform:uppercase;margin-top:2px}.customer-sidebar-close{display:none}
.customer-side-nav{flex:1;overflow-y:auto;padding:12px 10px 18px}.customer-side-section+.customer-side-section{margin-top:10px}.customer-side-title{padding:4px 10px 5px;color:#7890ab;font-size:9px;font-weight:650;letter-spacing:.10em;text-transform:uppercase}.customer-side-link{display:flex;align-items:center;gap:9px;min-height:38px;padding:8px 10px;margin:2px 0;border-radius:10px;color:#38506b;font-size:13px;font-weight:500;transition:.15s}.customer-side-link i{width:18px;text-align:center;color:#7392b6}.customer-side-link:hover{background:#e8f1fc;color:#173a63}.customer-side-link.active{background:#dbeafe;color:#1d4ed8;box-shadow:inset 0 0 0 1px #bfdbfe}.customer-side-link.active i{color:#2563eb}
.customer-side-account{display:grid;grid-template-columns:36px minmax(0,1fr) 34px 34px;align-items:center;gap:8px;padding:11px 12px;border-top:1px solid #d9e6f5;background:rgba(255,255,255,.78)}.customer-avatar{display:grid;place-items:center;width:36px;height:36px;border-radius:11px;background:#dbeafe;color:#2563eb;font-size:18px}.customer-account-copy{min-width:0}.customer-account-copy strong,.customer-account-copy small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.customer-account-copy strong{font-size:12.5px;font-weight:550;color:#17324d}.customer-account-copy small{margin-top:2px;font-size:10px;color:#71869d}.customer-side-account .icon-btn{background:#fff;border-color:#cfdeee;color:#35516f}
.customer-workspace{min-height:100vh;margin-left:var(--customer-sidebar)}.customer-mobilebar{display:none}.customer-main{width:min(100% - 36px,1500px);margin:0 auto;padding:24px 0 54px}.customer-page-head{margin-bottom:18px}.customer-page-head span{color:var(--primary)}
.customer-sidebar-overlay{display:none}
html[data-theme=dark] .customer-sidebar{background:linear-gradient(180deg,#12243a 0%,#0f1e31 100%);border-right-color:#2d4661;box-shadow:10px 0 32px rgba(0,0,0,.15)}html[data-theme=dark] .customer-sidebar-brand{border-bottom-color:#29425d}html[data-theme=dark] .customer-sidebar-brand .brand-logo{filter:none}html[data-theme=dark] .customer-side-title{color:#7892ae}html[data-theme=dark] .customer-side-link{color:#c3d2e3}html[data-theme=dark] .customer-side-link i{color:#819bb8}html[data-theme=dark] .customer-side-link:hover{background:#18314e;color:#fff}html[data-theme=dark] .customer-side-link.active{background:#1e4774;color:#eaf4ff;box-shadow:inset 0 0 0 1px #315e8e}html[data-theme=dark] .customer-side-link.active i{color:#8bc5ff}html[data-theme=dark] .customer-side-account{background:#0d1c2d;border-top-color:#29425d}html[data-theme=dark] .customer-account-copy strong{color:#eef6ff}html[data-theme=dark] .customer-account-copy small{color:#8ca4bd}html[data-theme=dark] .customer-avatar{background:#183b61;color:#8bc5ff}html[data-theme=dark] .customer-side-account .icon-btn{background:#142941;border-color:#2d4661;color:#dcecff}

/* Product/service detail tables should fit their cards without inner scrollbars. */
.no-scroll-table .table-wrap{overflow:visible!important;border-radius:12px}.no-scroll-table .table-wrap table{min-width:0!important;width:100%!important;table-layout:fixed}.no-scroll-table .table-wrap th,.no-scroll-table .table-wrap td{white-space:normal!important;overflow-wrap:anywhere;word-break:break-word}.no-scroll-table .secret-value{max-width:100%;flex-wrap:wrap}.no-scroll-table code{white-space:normal;overflow-wrap:anywhere}

@media(max-width:900px){
 body.customer-layout{--customer-sidebar:270px}.customer-sidebar{transform:translateX(-102%);transition:transform .2s ease;box-shadow:18px 0 44px rgba(2,8,23,.22)}.customer-sidebar.open{transform:none}.customer-sidebar-close{display:grid}.customer-sidebar-overlay{position:fixed;inset:0;z-index:47;background:rgba(2,8,23,.48);backdrop-filter:blur(3px);display:none}.customer-sidebar-overlay.open{display:block}.customer-workspace{margin-left:0}.customer-mobilebar{position:sticky;top:0;z-index:42;height:62px;display:flex;align-items:center;justify-content:space-between;padding:9px 12px;border-bottom:1px solid var(--line);background:color-mix(in srgb,var(--surface) 94%,transparent);backdrop-filter:blur(15px)}.customer-mobile-logo .brand-logo{width:135px;max-height:38px}.customer-mobile-logo .brand-subtitle{display:none}.customer-main{width:min(100% - 20px,1500px);padding-top:18px}
}
.product-info-table th:first-child,.product-info-table td:first-child{width:34%}.product-addon-table th:nth-child(1),.product-addon-table td:nth-child(1){width:22%}.product-addon-table th:nth-child(2),.product-addon-table td:nth-child(2){width:31%}.product-addon-table th:nth-child(3),.product-addon-table td:nth-child(3){width:15%}.product-addon-table th:nth-child(4),.product-addon-table td:nth-child(4){width:17%}.product-addon-table th:nth-child(5),.product-addon-table td:nth-child(5){width:15%}
.mail-template-help code,.card code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.92em;padding:2px 5px;border-radius:6px;background:var(--surface3)}


/* v2.5.1 rich category intro */
.shop-category-intro .shop-rich-intro,.shop-category-intro > div:last-child{line-height:1.75;}
.shop-category-intro i{width:1.4em;text-align:center;margin-right:.4rem;color:var(--primary);}
.shop-category-intro ul,.shop-category-intro ol{margin:.45rem 0 .2rem 1.4rem;padding:0;}
.shop-category-intro p{margin:.35rem 0;}
.shop-html-help{margin:-2px 0 14px;padding:10px 12px;border:1px dashed var(--border);border-radius:12px;background:var(--surface-2);color:var(--muted);font-size:.9rem;line-height:1.55;}
.shop-intro-preview{margin:0 0 14px;padding:14px;border:1px solid var(--border);border-radius:14px;background:var(--surface-2);}
.shop-intro-preview small{display:block;color:var(--muted);font-weight:600;margin-bottom:8px;text-transform:uppercase;letter-spacing:.05em;}
.shop-intro-preview i{width:1.4em;text-align:center;margin-right:.4rem;color:var(--primary);}

/* =========================================================
   v2.6 — checkout, admin order wizard and discount workflows
   ========================================================= */
.public-shop-page{min-height:100vh;background:radial-gradient(circle at 10% 0%,rgba(59,130,246,.10),transparent 30%),var(--bg);color:var(--text)}
.public-shop-shell{width:min(1480px,calc(100% - 36px));margin:0 auto;padding-bottom:56px}.public-shop-header{position:sticky;top:0;z-index:40;display:grid;grid-template-columns:minmax(210px,.8fr) minmax(360px,1.4fr) auto;align-items:center;gap:20px;margin:14px 0 24px;padding:12px 16px;border:1px solid var(--line);border-radius:18px;background:color-mix(in srgb,var(--surface) 94%,transparent);backdrop-filter:blur(18px);box-shadow:var(--shadow)}.public-shop-header .brand-logo{width:175px;max-height:50px}.public-shop-progress{display:flex;align-items:center;justify-content:center;gap:8px}.public-shop-progress span{padding:8px 12px;border-radius:999px;background:var(--surface2);border:1px solid var(--line);color:var(--muted);font-size:11px;font-weight:600}.public-shop-progress span.active{background:color-mix(in srgb,var(--primary) 13%,var(--surface));border-color:color-mix(in srgb,var(--primary) 35%,var(--line));color:var(--primary)}.public-shop-main{display:grid;gap:18px}.shop-hero{padding:32px;border:1px solid var(--line);border-radius:22px;background:linear-gradient(135deg,color-mix(in srgb,var(--primary) 9%,var(--surface)),var(--surface));box-shadow:var(--shadow)}.shop-hero.compact{padding:22px 26px}.shop-hero h1{margin:6px 0 8px;font-size:clamp(25px,3vw,38px);font-weight:620;letter-spacing:-.03em}.shop-hero p{max-width:760px;margin:0;color:var(--muted);line-height:1.65}.domain-shop .detail-card{min-height:100%}.domain-search-row{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(210px,.8fr) auto;gap:8px;align-items:end}.checkout-layout{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(300px,.55fr);gap:18px;align-items:start}.checkout-summary{position:sticky;top:94px}.cart-full-list{display:grid;gap:10px}.cart-full-item{display:grid;grid-template-columns:44px minmax(0,1fr) auto 38px;gap:13px;align-items:center;padding:14px;border:1px solid var(--line);border-radius:14px;background:var(--surface2)}.cart-full-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:color-mix(in srgb,var(--primary) 11%,var(--surface));color:var(--primary)}.cart-full-main{min-width:0}.cart-full-main>strong,.cart-full-main>span{display:block}.cart-full-main>strong{font-size:14px;font-weight:620}.cart-full-main>span{margin-top:4px;color:var(--muted);font-size:11.5px;line-height:1.5}.cart-full-main .shop-spec-grid{margin-top:9px}.cart-full-price{font-size:14px;font-weight:620;text-align:right;white-space:nowrap}.cart-full-price small{display:block;margin-top:4px;color:var(--muted);font-size:10px;text-decoration:line-through}.discount-form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:end;margin-bottom:14px}.actions.vertical{display:grid;gap:8px;margin-top:14px}.actions.vertical .btn{width:100%}.summary-line,.mini-cart-line{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;padding:9px 0;border-bottom:1px solid var(--line);font-size:12px}.summary-line strong,.mini-cart-line>span{font-weight:620;white-space:nowrap}.summary-line.discount{color:var(--success)}.mini-cart-line div{min-width:0}.mini-cart-line strong,.mini-cart-line small{display:block}.mini-cart-line small{margin-top:3px;color:var(--muted);font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.customer-cart-aside{position:sticky;top:20px}.buyer-choice{display:grid;grid-template-columns:1fr 1fr;gap:14px}.buyer-option{display:grid;grid-template-columns:48px minmax(0,1fr) auto;gap:14px;align-items:center;min-height:126px;padding:18px;border:1px solid var(--line);border-radius:16px;background:var(--surface2);color:var(--text);transition:.16s}.buyer-option:hover{border-color:color-mix(in srgb,var(--primary) 45%,var(--line));transform:translateY(-1px);box-shadow:var(--shadow)}.buyer-option>i:first-child{display:grid;place-items:center;width:46px;height:46px;border-radius:13px;background:color-mix(in srgb,var(--primary) 11%,var(--surface));color:var(--primary);font-size:18px}.buyer-option strong,.buyer-option span{display:block}.buyer-option strong{font-size:14px;font-weight:620}.buyer-option span{margin-top:5px;color:var(--muted);font-size:11px;line-height:1.5}.buyer-option form{margin:0}.checkout-section-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:18px}.checkout-section-head h2{margin:4px 0 0;font-weight:620}.checkout-customer-form{max-width:900px}.legal-checks{display:grid;gap:8px;padding:13px;border:1px solid var(--line);border-radius:13px;background:var(--surface2)}.checkout-complete{text-align:center;padding:70px 20px}.checkout-complete>i{font-size:54px;color:var(--success)}.checkout-complete h1{margin:16px 0 10px;font-weight:620}.empty-state{display:grid;justify-items:center;gap:12px;padding:70px 20px;text-align:center;border:1px dashed var(--line);border-radius:18px;background:var(--surface)}.empty-state>i{font-size:42px;color:var(--muted)}
.wizard-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:16px}.wizard-steps span{position:relative;padding:11px 13px;border-radius:11px;border:1px solid var(--line);background:var(--surface2);color:var(--muted);font-size:11px;font-weight:600}.wizard-steps span.active{background:color-mix(in srgb,var(--primary) 11%,var(--surface));border-color:color-mix(in srgb,var(--primary) 32%,var(--line));color:var(--primary)}.dynamic-collection{display:grid;gap:10px}.dynamic-list{display:grid;gap:10px}.dynamic-row{padding:12px;border:1px solid var(--line);border-radius:13px;background:var(--surface2)}.inline-checks{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:9px}.check-list{display:grid;gap:8px}.check-list .check-row{padding:9px 10px;border:1px solid var(--line);border-radius:10px;background:var(--surface2)}
@media(max-width:1000px){.public-shop-header{grid-template-columns:1fr auto}.public-shop-progress{grid-column:1/-1;grid-row:2}.checkout-layout{grid-template-columns:1fr}.checkout-summary,.customer-cart-aside{position:static}.buyer-choice{grid-template-columns:1fr}.domain-search-row{grid-template-columns:1fr}.wizard-steps{grid-template-columns:1fr 1fr}}
@media(max-width:620px){.public-shop-shell{width:min(100% - 18px,1480px)}.public-shop-header{margin-top:8px;padding:9px}.public-shop-progress{overflow:auto;justify-content:flex-start}.public-shop-header>.actions .public-shop-login{display:none}.cart-full-item{grid-template-columns:38px minmax(0,1fr) 34px}.cart-full-price{grid-column:2/3;text-align:left}.wizard-steps{grid-template-columns:1fr}.shop-hero{padding:22px 18px}}

/* =========================================================
   v2.7 — public shop groups, live cart, TLD catalog, auth recovery
   ========================================================= */
.shop-group-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:16px}.shop-group-card{position:relative;display:grid;grid-template-rows:auto 1fr auto;gap:16px;min-height:270px;padding:22px;border:1px solid var(--line);border-radius:20px;background:var(--surface);color:var(--text);box-shadow:var(--shadow);transition:transform .16s,border-color .16s,box-shadow .16s}.shop-group-card:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--primary) 42%,var(--line));box-shadow:0 18px 46px rgba(15,23,42,.11)}.shop-group-icon{display:grid;place-items:center;width:48px;height:48px;border-radius:14px;background:color-mix(in srgb,var(--primary) 11%,var(--surface));color:var(--primary);font-size:19px}.shop-group-card-domain .shop-group-icon{background:color-mix(in srgb,#0ea5e9 12%,var(--surface));color:#0284c7}.shop-group-copy h2{margin:3px 0 8px;font-size:22px;font-weight:620}.shop-group-copy>p{margin:0;color:var(--muted);line-height:1.58;white-space:pre-line}.shop-group-intro{margin-top:14px;padding-top:13px;border-top:1px solid var(--line);color:var(--muted);font-size:12px;line-height:1.55;max-height:100px;overflow:hidden}.shop-group-intro i,.shop-group-banner-features i{width:21px;margin-right:5px;color:var(--primary);text-align:center}.shop-group-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:13px;border-top:1px solid var(--line);color:var(--muted);font-size:12px}.shop-group-footer i{color:var(--primary)}
.shop-catalog-layout{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:20px;align-items:start}.shop-catalog-content{min-width:0;display:grid;gap:14px}.shop-back-row{display:flex;align-items:center;justify-content:space-between}.shop-group-banner{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(280px,.9fr);gap:22px;align-items:start;padding:20px 22px;border:1px solid var(--line);border-radius:18px;background:linear-gradient(135deg,color-mix(in srgb,var(--primary) 7%,var(--surface)),var(--surface));box-shadow:var(--shadow)}.shop-group-banner h2{margin:3px 0 8px;font-size:23px;font-weight:620}.shop-group-banner p{margin:0;color:var(--muted);line-height:1.6}.shop-group-banner-features{padding:14px 16px;border:1px solid var(--line);border-radius:14px;background:var(--surface2);font-size:12.5px;line-height:1.65}.shop-group-banner-features p{margin:0 0 5px}.shop-group-banner-features p:last-child{margin-bottom:0}
.live-cart-dock{position:sticky;top:94px;min-width:0}.live-cart-card{padding:18px;border:1px solid var(--line);border-radius:19px;background:var(--surface);box-shadow:0 18px 44px rgba(15,23,42,.09)}.live-cart-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding-bottom:13px;border-bottom:1px solid var(--line)}.live-cart-head h2{margin:2px 0 0;font-size:18px;font-weight:620}.live-cart-count{display:inline-flex;align-items:center;gap:7px;padding:7px 9px;border:1px solid var(--line);border-radius:11px;background:var(--surface2);font-size:11px}.live-cart-empty{display:grid;justify-items:center;gap:6px;padding:34px 12px;text-align:center;color:var(--muted)}.live-cart-empty>i{font-size:28px;color:color-mix(in srgb,var(--primary) 70%,var(--muted))}.live-cart-empty strong{color:var(--text);font-size:13px;font-weight:600}.live-cart-empty span{max-width:260px;font-size:11px;line-height:1.5}.live-cart-items{display:grid;gap:8px;padding:12px 0}.live-cart-item{display:grid;grid-template-columns:34px minmax(0,1fr) auto 30px;gap:9px;align-items:center;padding:9px;border:1px solid var(--line);border-radius:12px;background:var(--surface2)}.live-cart-item-icon{display:grid;place-items:center;width:32px;height:32px;border-radius:9px;background:color-mix(in srgb,var(--primary) 10%,var(--surface));color:var(--primary);font-size:12px}.live-cart-item-copy{min-width:0}.live-cart-item-copy strong,.live-cart-item-copy small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.live-cart-item-copy strong{font-size:11.5px;font-weight:600}.live-cart-item-copy small{margin-top:2px;color:var(--muted);font-size:9.5px}.live-cart-item-price{font-size:11px;font-weight:620;white-space:nowrap}.live-cart-remove{margin:0}.live-cart-remove .icon-action{width:29px;height:29px;border-radius:8px}.live-cart-totals{margin:2px 0 13px;padding-top:10px;border-top:1px solid var(--line)}.live-cart-totals>div{display:flex;justify-content:space-between;gap:12px;padding:4px 0;color:var(--muted);font-size:11px}.live-cart-totals .live-cart-total{padding-top:9px;color:var(--text);font-size:14px}.live-cart-total strong{font-size:18px;font-weight:650}.live-cart-feedback{min-height:0;margin-top:8px;color:var(--success);font-size:10.5px;line-height:1.4}.live-cart-feedback.error{color:var(--danger)}.live-cart-card.is-loading{opacity:.72;pointer-events:none}
.domain-catalog-head{scroll-margin-top:110px}.domain-config-card{padding:18px;border:1px solid var(--line);border-radius:16px;background:var(--surface);box-shadow:var(--shadow)}.domain-config-card h3{margin-top:0}.tld-price-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px}.tld-price-card{display:grid;gap:7px;padding:14px;border:1px solid var(--line);border-radius:14px;background:var(--surface2);color:var(--text);transition:.15s}.tld-price-card:hover{border-color:color-mix(in srgb,var(--primary) 38%,var(--line));background:color-mix(in srgb,var(--primary) 4%,var(--surface))}.tld-price-card>strong{font-size:18px;color:var(--primary)}.tld-price-card>div{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:11px}.tld-price-card span{color:var(--muted)}.tld-price-card b{font-weight:600}.tld-price-card .tld-years{margin-top:3px;padding-top:7px;border-top:1px solid var(--line)}
.auth-recovery-note{margin:0 0 16px;color:var(--muted);font-size:12px;line-height:1.6}.auth-recovery-links{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:16px;font-size:11px}.auth-recovery-status{margin-bottom:14px}.login-form-panel .auth-recovery-actions{display:grid;gap:9px;margin-top:4px}
@media(max-width:1120px){.shop-catalog-layout{grid-template-columns:minmax(0,1fr) 320px}.shop-group-banner{grid-template-columns:1fr}.shop-wide-card{grid-template-columns:minmax(0,1fr) 130px 126px}}
@media(max-width:920px){.shop-catalog-layout{grid-template-columns:1fr}.live-cart-dock{position:static;order:-1}.live-cart-card{box-shadow:var(--shadow)}.shop-group-grid{grid-template-columns:1fr 1fr}}
@media(max-width:650px){.shop-group-grid{grid-template-columns:1fr}.shop-group-card{min-height:0}.shop-wide-card{grid-template-columns:1fr}.shop-wide-price{text-align:left}.shop-wide-action{justify-content:flex-start}.live-cart-item{grid-template-columns:32px minmax(0,1fr) 28px}.live-cart-item-price{grid-column:2/3}.shop-group-banner{padding:17px}}

[data-custom-nameservers][hidden],[data-domain-webhosting-target][hidden],[data-domain-custom-target][hidden]{display:none!important}

/* v2.7.5: legal footer, public shop theme toggle and dashboard polish */
.legal-footer{margin-top:28px;border-top:1px solid var(--line);color:var(--muted)}
.legal-footer-inner{width:min(100%,1480px);margin:0 auto;padding:18px 0 24px;display:grid;gap:12px}
.legal-footer-main{display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap}
.legal-footer-main strong{color:var(--text);font-size:11px;font-weight:650}
.legal-footer-main nav{display:flex;gap:8px 16px;align-items:center;flex-wrap:wrap}
.legal-footer-main nav a{font-size:11px;font-weight:650;color:var(--muted)}
.legal-footer-main nav a:hover{color:var(--primary)}
.legal-footer-notice{display:flex;align-items:flex-start;gap:8px;padding:9px 11px;border:1px solid var(--line);border-radius:11px;background:var(--surface2);font-size:10.5px;line-height:1.55}
.legal-footer-notice i{margin-top:2px;color:var(--primary)}
.customer-legal-footer{width:min(100% - 36px,1500px);margin:0 auto}
.customer-legal-footer .legal-footer-inner{width:100%;padding-bottom:28px}
.public-shop-footer{margin-top:34px}
.public-shop-theme{flex:0 0 auto}

.dashboard-welcome{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:22px 24px;border:1px solid var(--line);border-radius:18px;background:linear-gradient(135deg,color-mix(in srgb,var(--primary) 10%,var(--surface)),var(--surface));box-shadow:var(--shadow)}
.dashboard-welcome h2{margin:5px 0 6px;font-size:24px;font-weight:620;letter-spacing:-.025em}
.dashboard-welcome p{margin:0;color:var(--muted);line-height:1.55}
.dashboard-welcome-icon{display:grid;place-items:center;flex:0 0 auto;width:58px;height:58px;border-radius:17px;background:color-mix(in srgb,var(--primary) 13%,var(--surface));color:var(--primary);font-size:23px}
.dashboard-stats .stat-with-icon{display:grid;grid-template-columns:46px minmax(0,1fr);align-items:center;gap:12px;min-height:100px;padding:15px}
.stat-with-icon .stat-icon{display:grid;place-items:center;width:46px;height:46px;border-radius:13px;background:color-mix(in srgb,var(--primary) 11%,var(--surface2));color:var(--primary);font-size:18px}
.stat-with-icon .stat-copy{min-width:0}
.stat-with-icon .stat-copy strong{margin-top:4px}
html[data-theme=dark] .dashboard-welcome{background:linear-gradient(135deg,color-mix(in srgb,var(--primary) 13%,var(--surface)),var(--surface))}
html[data-theme=dark] .legal-footer-notice{background:var(--surface2)}

@media(max-width:900px){
 .customer-legal-footer{width:min(100% - 20px,1500px)}
}
@media(max-width:620px){
 .public-shop-header>.actions{gap:5px}
 .public-shop-theme{width:36px;height:36px}
 .dashboard-welcome{padding:18px}
 .dashboard-welcome-icon{width:48px;height:48px;font-size:19px}
 .dashboard-welcome h2{font-size:21px}
 .legal-footer-main{align-items:flex-start;flex-direction:column}
}