:root{--bg:#f4f7fb;--card:#fff;--text:#182235;--muted:#718096;--border:#dbe4ef;--primary:#2563eb;--primary-dark:#1d4ed8;--success:#16a34a;--warning:#d97706;--danger:#dc2626;--sidebar:#101827;--sidebar-text:#d7e1f0;--shadow:0 14px 35px rgba(20,32,55,.10)}
[data-theme="dark"]{--bg:#0e1624;--card:#141f31;--text:#edf3ff;--muted:#9ba9bd;--border:#26364d;--primary:#4f8cff;--primary-dark:#2f6fe8;--sidebar:#0a111d;--shadow:0 16px 36px rgba(0,0,0,.35)}
.attempt-tabs>input{position:absolute;opacity:0;pointer-events:none}.attempt-tab-head{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:10px}.attempt-tab-head label{display:inline-flex;align-items:center;gap:7px;border:1px solid var(--border);border-radius:6px;background:var(--card);color:var(--text);padding:8px 11px;font-weight:900;cursor:pointer}.attempt-tab-head label:hover{border-color:rgba(37,99,235,.35);color:var(--primary)}.attempt-link{display:none;margin-left:auto}.attempt-tab-panel{display:none}#attempt-tab-failed:checked~.attempt-tab-head label[for="attempt-tab-failed"],#attempt-tab-active:checked~.attempt-tab-head label[for="attempt-tab-active"]{border-color:rgba(37,99,235,.45);background:rgba(37,99,235,.09);color:var(--primary)}#attempt-tab-failed:checked~.attempt-tab-head .failed-link,#attempt-tab-active:checked~.attempt-tab-head .active-link{display:inline-flex}#attempt-tab-failed:checked~.failed-panel,#attempt-tab-active:checked~.active-panel{display:block}@media(max-width:800px){.attempt-tab-head{align-items:stretch}.attempt-tab-head label{flex:1 1 120px;justify-content:center}.attempt-link{margin-left:0;width:100%;justify-content:center}}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,Segoe UI,Arial,sans-serif}.app-shell{display:grid;grid-template-columns:260px 1fr;min-height:100vh}.sidebar{background:var(--sidebar);color:var(--sidebar-text);padding:22px 16px;position:sticky;top:0;height:100vh}.brand{display:flex;align-items:center;gap:10px;font-weight:800;font-size:18px;margin-bottom:26px}.brand-mark{display:grid;place-items:center;width:36px;height:36px;border-radius:8px;background:linear-gradient(135deg,#2563eb,#0ea5e9);color:#fff}.nav-link{display:block;color:var(--sidebar-text);text-decoration:none;padding:11px 12px;border-radius:8px;margin:4px 0}.nav-link:hover,.nav-link.active{background:rgba(255,255,255,.11);color:#fff}.main{min-width:0}.topbar{display:flex;align-items:center;justify-content:space-between;padding:20px 26px;border-bottom:1px solid var(--border);background:var(--card)}.topbar h1{margin:0;font-size:24px}.topbar p{margin:4px 0 0;color:var(--muted)}.top-actions{display:flex;align-items:center;gap:10px}.content{padding:24px}.grid{display:grid;gap:16px}.stats{grid-template-columns:repeat(auto-fit,minmax(170px,1fr));margin-bottom:18px}.card{background:var(--card);border:1px solid var(--border);border-radius:8px;box-shadow:var(--shadow);padding:18px}.stat span{display:block;color:var(--muted);font-size:13px}.stat strong{display:block;margin-top:8px;font-size:28px}.toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px;flex-wrap:wrap}.filters{display:flex;gap:8px;flex-wrap:wrap}input,select,textarea{width:100%;padding:10px 12px;border:1px solid var(--border);border-radius:8px;background:var(--card);color:var(--text)}textarea{min-height:90px}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}.field label{display:block;margin-bottom:6px;font-size:13px;color:var(--muted);font-weight:700}.table-wrap{overflow:auto;border:1px solid var(--border);border-radius:8px;background:var(--card)}table{width:100%;border-collapse:collapse;min-width:780px}th,td{text-align:left;padding:12px;border-bottom:1px solid var(--border);vertical-align:top}th{font-size:12px;text-transform:uppercase;color:var(--muted);background:rgba(37,99,235,.05)}.btn,.icon-btn{border:0;border-radius:8px;background:var(--primary);color:#fff;padding:10px 13px;text-decoration:none;display:inline-flex;align-items:center;gap:7px;cursor:pointer;font-weight:700}.btn:hover{background:var(--primary-dark)}.btn.secondary{background:#64748b}.btn.danger{background:var(--danger)}.btn.warning{background:var(--warning)}.icon-btn{width:38px;height:38px;justify-content:center;padding:0}.actions{display:flex;gap:6px;flex-wrap:wrap}.badge{display:inline-flex;padding:5px 8px;border-radius:999px;font-size:12px;font-weight:800;background:#e5e7eb;color:#374151}.badge.success{background:rgba(22,163,74,.14);color:var(--success)}.badge.warning{background:rgba(217,119,6,.14);color:var(--warning)}.badge.danger{background:rgba(220,38,38,.14);color:var(--danger)}.badge.muted{background:rgba(100,116,139,.14);color:var(--muted)}.modal-backdrop{position:fixed;inset:0;background:rgba(2,6,23,.64);display:grid;place-items:center;padding:20px;z-index:50}.modal-card{width:min(980px,96vw);max-height:92vh;overflow:auto;background:var(--card);border:1px solid var(--border);border-radius:8px;box-shadow:0 26px 80px rgba(0,0,0,.35)}.modal-head{display:flex;justify-content:space-between;align-items:center;padding:16px 18px;border-bottom:1px solid var(--border)}.modal-body{padding:18px}.modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:16px}.swal{position:fixed;right:18px;top:18px;background:var(--card);border:1px solid var(--border);border-left:5px solid var(--primary);box-shadow:var(--shadow);border-radius:8px;padding:14px 16px;z-index:80;max-width:360px}.swal.success{border-left-color:var(--success)}.swal.warning{border-left-color:var(--warning)}.swal.error{border-left-color:var(--danger)}.toggle-switch{width:48px;height:26px;border:0;border-radius:999px;background:#94a3b8;padding:3px;cursor:pointer;vertical-align:middle}.toggle-switch span{display:block;width:20px;height:20px;border-radius:999px;background:#fff;transition:transform .18s}.toggle-switch.on{background:var(--success)}.toggle-switch.on span{transform:translateX(22px)}.warning-card{border-left:5px solid var(--warning)}.danger-card{border-left:5px solid var(--danger)}.pagination{display:flex;gap:8px;margin-top:14px}.pagination a{padding:8px 11px;border:1px solid var(--border);border-radius:8px;color:var(--text);text-decoration:none}.pagination a.active{background:var(--primary);color:#fff}@media(max-width:800px){.app-shell{grid-template-columns:1fr}.sidebar{height:auto;position:relative}.topbar{align-items:flex-start;gap:12px;flex-direction:column}.content{padding:16px}}
.muted{color:var(--muted);font-size:12px}.hardware-list{display:grid;gap:6px;min-width:360px}.hardware-list span{display:grid;grid-template-columns:80px minmax(0,1fr);gap:8px;word-break:break-all}.hardware-list b{color:var(--muted);font-size:12px;text-transform:uppercase}.policy-toggle-grid{display:grid;grid-template-columns:repeat(2,minmax(95px,1fr));gap:6px;min-width:220px}.default-policy-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:8px}.license-policy-card{margin-top:16px;padding:14px;border:1px solid var(--border);border-radius:8px;background:rgba(37,99,235,.04)}.license-policy-card h2{margin:0 0 4px;font-size:18px}.license-policy-card p{margin:0 0 12px}.license-policy-item{display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px solid var(--border);border-radius:8px;background:var(--card);padding:10px 12px}.license-policy-item strong{display:block;font-size:13px}.license-policy-item span{display:block;margin-top:3px;color:var(--muted);font-size:12px}.policy-toggle{display:flex;justify-content:space-between;align-items:center;gap:8px;border:1px solid var(--border);border-radius:8px;background:rgba(100,116,139,.12);color:var(--text);padding:7px 8px;cursor:pointer;font-weight:800}.policy-toggle.on{border-color:rgba(22,163,74,.36);background:rgba(22,163,74,.14);color:var(--success)}.policy-toggle b{font-size:11px}.policy-toggle span{font-size:12px}.modal-backdrop[hidden]{display:none}.binding-modal-card{width:min(860px,96vw)}.binding-artifact-list{display:grid;gap:10px}.binding-artifact-row{display:grid;grid-template-columns:minmax(0,1fr) 160px;gap:12px;align-items:center;padding:12px;border:1px solid var(--border);border-radius:8px}.binding-artifact-row strong{display:block;margin-bottom:5px}.binding-artifact-row span{word-break:break-all;color:var(--muted)}.binding-artifact-row .policy-toggle span{color:inherit;word-break:normal}.section-card{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:16px;padding:18px;border:1px solid var(--border);border-radius:8px;background:linear-gradient(135deg,rgba(37,99,235,.10),rgba(20,184,166,.08) 48%,rgba(245,158,11,.08));box-shadow:var(--shadow)}.section-card h2,.coming-soon-card h2{margin:4px 0 6px;font-size:22px}.section-card p,.coming-soon-card p{margin:0}.eyebrow{display:inline-flex;align-items:center;gap:7px;color:var(--primary);font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.08em}.modal-grid .field.full{grid-column:1/-1}.license-modal-card{width:min(1120px,96vw)}.product-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:14px}.product-tab{border:1px solid var(--border);border-radius:8px;background:var(--card);color:var(--text);padding:10px 14px;font-weight:900;cursor:pointer}.product-tab.active{border-color:rgba(37,99,235,.38);background:rgba(37,99,235,.12);color:var(--primary)}.product-panel{display:none}.product-panel.active{display:block}.coming-soon-card{min-height:260px;display:grid;place-content:center;text-align:center;border:1px dashed var(--border);border-radius:8px;background:linear-gradient(135deg,rgba(100,116,139,.10),rgba(20,184,166,.08));padding:34px}.coming-soon-card h2{font-size:34px}.type-overview{background:linear-gradient(135deg,rgba(37,99,235,.10),rgba(124,58,237,.08),rgba(20,184,166,.08))}.customer-overview{background:linear-gradient(135deg,rgba(20,184,166,.11),rgba(37,99,235,.08),rgba(245,158,11,.08))}.license-overview{background:linear-gradient(135deg,rgba(37,99,235,.10),rgba(20,184,166,.09),rgba(244,63,94,.06))}.actions .action-menu{position:relative;display:inline-block}.action-menu summary{list-style:none;border:1px solid var(--border);border-radius:8px;background:var(--card);color:var(--text);padding:8px 11px;cursor:pointer;font-weight:800;white-space:nowrap}.action-menu summary::-webkit-details-marker{display:none}.action-menu[open] summary{border-color:rgba(37,99,235,.38);box-shadow:0 0 0 3px rgba(37,99,235,.10)}.action-menu-list{position:absolute;right:0;top:calc(100% + 6px);z-index:30;display:grid;min-width:190px;padding:6px;border:1px solid var(--border);border-radius:8px;background:var(--card);box-shadow:var(--shadow)}.action-menu-list .btn{width:100%;justify-content:flex-start;border-radius:6px;background:transparent;color:var(--text);padding:9px 10px}.action-menu-list .btn:hover{background:rgba(37,99,235,.10);color:var(--primary)}.action-menu-list .btn.warning{color:var(--warning)}.action-menu-list .btn.danger{color:var(--danger)}.action-menu-list .btn.warning:hover{background:rgba(217,119,6,.12)}.action-menu-list .btn.danger:hover{background:rgba(220,38,38,.12)}@media(max-width:800px){.binding-artifact-row{grid-template-columns:1fr}.section-card{align-items:flex-start;flex-direction:column}.product-tab{flex:1 1 140px}.coming-soon-card{min-height:220px}.action-menu-list{left:0;right:auto}}
.auth-wide{width:100%;justify-content:center;margin-top:10px}.auth-note{margin:14px 0 0;text-align:center}.auth-note a{color:var(--primary);font-weight:800;text-decoration:none}.field.full{grid-column:1/-1}
.modal-tabs{display:flex;gap:8px;margin:0 0 14px;border-bottom:1px solid var(--border)}.modal-tab{border:0;border-bottom:3px solid transparent;background:transparent;color:var(--muted);padding:10px 12px;font-weight:900;cursor:pointer}.modal-tab.active{border-color:var(--primary);color:var(--primary)}.modal-tab-panel{display:none}.modal-tab-panel.active{display:block}
.btn.google-btn{background:#fff;color:#1e293b;border:1px solid #cbd5e1;box-shadow:0 1px 2px rgba(0,0,0,0.05);transition:background 0.15s,border-color 0.15s;display:flex;align-items:center;justify-content:center;gap:10px;text-decoration:none;font-weight:700}
.btn.google-btn:hover{background:#f8fafc;border-color:#94a3b8}
[data-theme="dark"] .btn.google-btn{background:#1e293b;color:#f8fafc;border-color:#334155}
[data-theme="dark"] .btn.google-btn:hover{background:#334155;border-color:#475569}
.google-icon{flex-shrink:0;vertical-align:middle}
.portal-order-layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:16px;align-items:start}.portal-order-main{display:grid;gap:16px}.portal-product-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px}.portal-product-card{display:grid;gap:5px;text-align:left;border:1px solid var(--border);border-radius:8px;background:var(--card);color:var(--text);padding:13px;cursor:pointer;font:inherit}.portal-product-card strong{font-size:15px}.portal-product-card span{color:var(--muted);font-size:12px}.portal-product-card.active{border-color:rgba(37,99,235,.62);background:rgba(37,99,235,.10);box-shadow:0 0 0 3px rgba(37,99,235,.10)}.portal-plan-panel{display:none}.portal-plan-panel.active{display:block}.portal-panel-title{margin:4px 0 12px}.portal-panel-title h2{margin:4px 0 0;font-size:20px}.portal-plan-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:12px}.portal-plan-card{display:grid;gap:8px;min-height:138px;border:1px solid var(--border);border-radius:8px;background:var(--card);padding:14px;cursor:pointer;box-shadow:0 8px 20px rgba(20,32,55,.06)}.portal-plan-card:has(input:checked){border-color:rgba(37,99,235,.62);box-shadow:0 0 0 3px rgba(37,99,235,.12)}.portal-plan-card input{position:absolute;opacity:0;pointer-events:none}.portal-plan-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.portal-plan-head strong{font-size:16px}.portal-plan-head b{white-space:nowrap;color:var(--primary)}.portal-payment-card{display:grid;gap:10px}.portal-payment-card h2{margin:0;font-size:20px}.portal-payment-detail-card{display:grid;gap:7px;border:1px solid var(--border);border-radius:8px;background:rgba(37,99,235,.05);padding:12px}.portal-payment-detail-card strong{font-size:14px}.payment-details{white-space:normal;line-height:1.55;color:var(--text);font-size:14px}
.action-menu{position:relative;display:inline-flex}.action-menu-toggle{border:1px solid var(--border);border-radius:8px;background:var(--card);color:var(--text);padding:9px 12px;cursor:pointer;font-weight:800;white-space:nowrap}.action-menu-toggle:hover,.action-menu-toggle[aria-expanded="true"]{border-color:rgba(37,99,235,.38);box-shadow:0 0 0 3px rgba(37,99,235,.10)}.action-menu-list[hidden]{display:none}.action-menu-list{display:grid;gap:3px;min-width:210px;max-width:min(280px,calc(100vw - 16px));padding:6px;border:1px solid var(--border);border-radius:10px;background:var(--card);box-shadow:0 20px 50px rgba(15,23,42,.22);}.action-menu-list .btn,.action-menu-list a,.action-menu-list button{width:100%;justify-content:flex-start;border-radius:8px;background:transparent;color:var(--text);padding:9px 10px;border:0;text-align:left;text-decoration:none;font:inherit;font-weight:800;cursor:pointer}.action-menu-list .btn:hover,.action-menu-list a:hover,.action-menu-list button:hover{background:rgba(37,99,235,.10);color:var(--primary)}.action-menu-list .danger,.action-menu-list .btn.danger{color:var(--danger)}.action-menu-list .warning,.action-menu-list .btn.warning{color:var(--warning)}.action-menu-list form{margin:0}.actions{justify-content:flex-end}
@media(max-width:1000px){.portal-order-layout{grid-template-columns:1fr}}
.request-payment-table{min-width:1280px}.request-payload-grid,.request-notes{display:grid;gap:7px;min-width:230px}.request-payload-grid span,.request-notes span{display:grid;gap:2px;word-break:break-word}.request-payload-grid b,.request-notes strong{color:var(--muted);font-size:11px;text-transform:uppercase}.request-payment-list{display:grid;gap:8px;min-width:260px}.request-payment-list div{display:grid;gap:3px;border:1px solid var(--border);border-radius:8px;background:rgba(37,99,235,.05);padding:8px}.request-payment-list span{font-size:12px;color:var(--muted);word-break:break-word}
.sidebar-nav{display:grid;gap:14px}.nav-section{display:grid;gap:4px}.nav-section>span{padding:0 12px 4px;color:#94a3b8;font-size:11px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.nav-section .nav-link{margin:0}.cockpit-hero{background:linear-gradient(135deg,rgba(37,99,235,.12),rgba(20,184,166,.10),rgba(245,158,11,.10))}.quick-actions{display:flex;gap:8px;flex-wrap:wrap}.cockpit-stats .cockpit-stat{text-decoration:none;color:var(--text);transition:transform .15s,border-color .15s}.cockpit-stat:hover{transform:translateY(-2px);border-color:rgba(37,99,235,.35)}.tone-success{border-left:5px solid var(--success)}.tone-danger{border-left:5px solid var(--danger)}.tone-warning{border-left:5px solid var(--warning)}.tone-info{border-left:5px solid var(--primary)}.cockpit-layout{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.cockpit-panel{min-width:0}.cockpit-panel.wide{grid-column:1/-1}.card-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.card-head h2{margin:0;font-size:20px}.toolbar-link{color:var(--primary);font-weight:900;text-decoration:none}.health-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:12px}.health-grid.single{grid-template-columns:1fr}.cockpit-health-card{display:grid;gap:8px;color:var(--text);text-decoration:none;border:1px solid var(--border);border-radius:8px;background:rgba(100,116,139,.07);padding:13px}.cockpit-health-card:hover{border-color:rgba(37,99,235,.38);box-shadow:0 0 0 3px rgba(37,99,235,.08)}.cockpit-health-card strong{font-size:16px}.cockpit-health-card span,.cockpit-health-card small{color:var(--muted)}.health-meter{height:8px;border-radius:999px;background:rgba(100,116,139,.20);overflow:hidden}.health-meter i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--success),#14b8a6)}.cockpit-bars{display:grid;gap:10px}.cockpit-bar-row{display:grid;grid-template-columns:120px minmax(0,1fr) 42px;gap:10px;align-items:center}.cockpit-bar-row span{font-weight:800;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cockpit-bar-row div{height:11px;border-radius:999px;background:rgba(100,116,139,.18);overflow:hidden}.cockpit-bar-row i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--primary),#14b8a6)}.cockpit-bar-row b{text-align:right}.compact-table table{min-width:980px}.verification-overview{background:linear-gradient(135deg,rgba(20,184,166,.12),rgba(37,99,235,.10),rgba(220,38,38,.06))}.verification-filters{width:100%;display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));align-items:end}.verification-log-table{min-width:1450px}.fingerprint-cell,.log-detail-grid{display:grid;gap:5px;min-width:190px}.fingerprint-cell span,.log-detail-grid span{display:grid;gap:2px;word-break:break-word}.fingerprint-cell b,.log-detail-grid b{color:var(--muted);font-size:11px;text-transform:uppercase}.log-details summary{cursor:pointer;font-weight:900;color:var(--primary)}.log-detail-grid{margin-top:8px;padding:10px;border:1px solid var(--border);border-radius:8px;background:rgba(100,116,139,.08)}.log-detail-grid .full{grid-column:1/-1}.log-detail-grid code{display:block;max-width:460px;white-space:pre-wrap;word-break:break-word;color:var(--text)}.customer-activity-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;min-width:260px}.customer-activity-grid a{display:flex;justify-content:space-between;gap:8px;border:1px solid var(--border);border-radius:8px;background:rgba(37,99,235,.05);padding:7px 8px;color:var(--text);text-decoration:none;font-weight:800}.customer-activity-grid a:hover{border-color:rgba(37,99,235,.35);color:var(--primary)}.license-type-categories{display:grid;grid-template-columns:2fr 1fr;gap:14px;margin-bottom:14px}.license-type-category-card{border:1px solid var(--border);border-radius:8px;background:linear-gradient(135deg,rgba(37,99,235,.10),rgba(20,184,166,.08));box-shadow:var(--shadow);padding:16px}.license-type-category-card.kalnex{background:linear-gradient(135deg,rgba(245,158,11,.11),rgba(37,99,235,.08))}.license-type-category-card h2{margin:4px 0 6px;font-size:21px}.license-type-category-card p{margin:0}.product-count-tabs .product-tab{display:grid;gap:4px;text-align:left;min-width:150px}.product-count-tabs .product-tab span{font-size:12px;color:var(--muted)}.product-count-tabs .product-tab.active span{color:var(--primary)}@media(max-width:1000px){.cockpit-layout,.license-type-categories{grid-template-columns:1fr}.cockpit-bar-row{grid-template-columns:92px minmax(0,1fr) 34px}.customer-activity-grid{grid-template-columns:1fr}}@media(max-width:800px){.quick-actions{width:100%}.quick-actions .btn{flex:1 1 150px;justify-content:center}.verification-filters{grid-template-columns:1fr}.cockpit-layout{gap:12px}}
.card,.section-card{box-shadow:none}.section-card,.section-card.plain-section,.cockpit-hero,.type-overview,.customer-overview,.license-overview,.verification-overview{background:var(--card);border:1px solid var(--border)}.section-card h2{font-size:20px}.eyebrow{letter-spacing:0;color:var(--muted)}.sidebar{padding:18px 12px}.brand-mark{background:var(--primary);border-radius:6px}.nav-section{gap:2px}.nav-section>span{padding:10px 10px 4px;color:#8fa1b8;letter-spacing:0}.nav-link{border-radius:6px;padding:9px 10px}.topbar{padding:16px 22px}.content{padding:20px}.stats{gap:12px}.stat strong{font-size:24px}.cockpit-stat:hover{transform:none}.tone-success,.tone-danger,.tone-warning,.tone-info{border-left-width:3px}.cockpit-layout{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.cockpit-panel.wide{grid-column:1/-1}.card-head h2{font-size:17px}.toolbar-link{font-weight:800}.quick-actions .btn{padding:9px 11px}.compact-table table{min-width:640px}.product-tab{border-radius:6px;padding:9px 12px}.product-tab.active{background:rgba(37,99,235,.08)}.product-count-tabs .product-tab{gap:2px;min-width:130px}.customer-activity-grid a{background:var(--card);border-radius:6px}.log-detail-grid{background:var(--card)}@media(max-width:1100px){.cockpit-layout{grid-template-columns:1fr 1fr}}@media(max-width:800px){.cockpit-layout{grid-template-columns:1fr}.content{padding:14px}.section-card{padding:14px}}
.sidebar{background:#0f172a;padding:16px 12px}.brand{margin-bottom:18px;padding:10px 8px;border-bottom:1px solid rgba(255,255,255,.10)}.brand span:last-child{display:grid;gap:2px}.brand strong{font-size:16px;color:#fff}.brand small{font-size:11px;color:#9fb0c8;font-weight:700}.brand-mark{width:34px;height:34px;background:#38bdf8;color:#082f49}.sidebar-nav{gap:10px}.nav-section{padding:4px 0 8px;border-bottom:1px solid rgba(255,255,255,.07)}.nav-section:last-child{border-bottom:0}.nav-section>span{display:block;padding:7px 10px 5px;color:#7dd3fc;font-size:11px;font-weight:900;text-transform:uppercase}.nav-link{position:relative;margin:1px 0;padding:9px 10px 9px 14px;border-radius:7px;color:#cbd5e1;font-weight:750}.nav-link:before{content:"";position:absolute;left:6px;top:50%;width:3px;height:0;border-radius:999px;background:#38bdf8;transform:translateY(-50%);transition:height .14s}.nav-link:hover{background:rgba(255,255,255,.08);color:#fff}.nav-link.active{background:#e0f2fe;color:#0f172a;font-weight:900}.nav-link.active:before{height:20px;background:#0284c7}.top-actions .icon-btn{background:#e2e8f0;color:#0f172a}@media(max-width:800px){.sidebar{padding:12px}.brand{margin-bottom:10px}.sidebar-nav{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:8px}.nav-section{border:1px solid rgba(255,255,255,.08);border-radius:8px;padding:6px}.nav-section>span{padding:4px 8px}.nav-link{padding:8px 10px}}
.summary-panel[hidden]{display:none}.summary-panel{margin:0 0 12px;padding:14px 16px;border:1px solid #bfd1e2;border-left:4px solid var(--primary);border-radius:6px;background:#fff;box-shadow:0 2px 8px rgba(15,23,42,.08)}.summary-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;margin-bottom:12px}.summary-head h2{margin:3px 0 4px;font-size:19px;line-height:1.25}.summary-head p{margin:0}.summary-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:8px}.summary-grid span{display:grid;gap:2px;min-width:0;padding:8px;border:1px solid #e2eaf2;border-radius:5px;background:#f8fbfd;word-break:break-word}.summary-grid b{color:#5b6b7c;font-size:11px;text-transform:uppercase}.summary-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px;padding-top:12px;border-top:1px solid var(--border)}[data-row-summary]{cursor:pointer}[data-row-summary].selected{background:#eef6ff}[data-row-summary].selected td:first-child{box-shadow:inset 3px 0 0 var(--primary)}[data-row-summary]:hover td{background:#f7fbff}
.modal-backdrop{background:rgba(15,23,42,.55);padding:18px}.modal-card{width:min(920px,96vw);max-height:92vh;display:flex;flex-direction:column;overflow:hidden;border-radius:8px;border:1px solid #c6d4e1}.license-modal-card{width:min(1120px,96vw)}.modal-head{align-items:flex-start;padding:14px 16px;background:#f8fbfd}.modal-head h2{margin:0;font-size:18px}.modal-head p{margin:4px 0 0}.modal-body{overflow:auto;padding:16px}.modal-actions{position:sticky;bottom:-16px;margin:14px -16px -16px;padding:12px 16px;background:#fff;border-top:1px solid var(--border)}.form-grid.modal-grid{grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:10px}.field label{font-size:12px;color:#5b6b7c}input,select,textarea{border-radius:5px;padding:8px 10px;background:#fff}.license-policy-card{background:#f8fbfd;border-radius:6px}.license-policy-item,.customer-activity-grid a,.request-payment-list div,.log-detail-grid{border-radius:5px;background:#fff}.action-menu-list{border-radius:6px}.action-menu-list .btn,.action-menu-list a,.action-menu-list button{border-radius:5px;font-size:13px}
:root{--bg:#edf3f8;--card:#fff;--text:#1d2b3f;--muted:#64748b;--border:#d5e0ea;--primary:#1f6feb;--primary-dark:#1557be;--sidebar:#233246;--sidebar-text:#d9e6f3;--shadow:0 2px 8px rgba(15,23,42,.08)}body{background:#dbe6ef;font-size:14px}.app-shell{grid-template-columns:238px minmax(0,1fr);gap:14px;padding:14px;background:linear-gradient(145deg,#d6e1ec,#c3d0dc)}.sidebar{height:calc(100vh - 28px);border:1px solid rgba(255,255,255,.12);border-radius:8px;background:#233246;box-shadow:0 8px 22px rgba(15,23,42,.16)}.main{min-width:0;border:1px solid var(--border);border-radius:8px;background:var(--bg);overflow:hidden}.topbar{min-height:58px;padding:12px 18px;background:#fff;border-bottom:1px solid var(--border)}.topbar h1{font-size:20px;line-height:1.2}.topbar p{font-size:12px}.content{padding:16px}.section-card{align-items:center;margin-bottom:12px;padding:14px 16px;border-radius:6px;background:#fff}.section-card h2{font-size:18px;line-height:1.25}.toolbar{margin-bottom:10px;padding:10px;border:1px solid var(--border);border-radius:6px;background:#fff}.filters{width:100%;align-items:end}.filters input,.filters select{width:auto;min-width:150px}.table-wrap{border-radius:6px;box-shadow:0 1px 3px rgba(15,23,42,.06)}table{font-size:13px}th{padding:9px 10px;background:#f4f7fa;color:#526173;letter-spacing:0}td{padding:10px;border-bottom-color:#e3ebf2}.btn,.icon-btn,.action-menu-toggle{border-radius:5px;padding:8px 11px;font-size:13px}.btn.secondary{background:#edf2f7;color:#24364b;border:1px solid #cbd7e3}.btn.secondary:hover{background:#dce6f0}.badge{border-radius:5px;padding:4px 7px;font-size:11px}.brand{margin-bottom:12px;padding:8px 7px}.brand-mark{border-radius:5px;background:#58c4f6}.nav-section{gap:1px}.nav-section>span{color:#9fc7e4}.nav-link{border-radius:5px;padding:8px 10px 8px 14px;font-size:13px}.nav-link.active{background:#f8fbff;color:#1b2a3c}
@media(max-width:800px){.app-shell{display:block;padding:0}.sidebar{position:relative;height:auto;border-radius:0}.main{border-radius:0;border-left:0;border-right:0}.filters input,.filters select{width:100%}.summary-head{display:grid}.summary-actions .btn{flex:1 1 150px;justify-content:center}.modal-card,.license-modal-card{width:100%;max-height:96vh}.content{padding:12px}}
input[type="checkbox"]{width:auto;padding:0}.field label input[type="checkbox"],th input[type="checkbox"],td input[type="checkbox"]{margin-right:6px;vertical-align:middle}

/* Keep every admin popup fully reachable on short screens. */
.modal-backdrop{align-items:start;place-items:start center;overflow-y:auto;padding:18px}
.modal-card{max-height:calc(100dvh - 36px);min-height:0;overflow:hidden}
.modal-head{flex:0 0 auto}
.modal-body{flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding-bottom:18px}
.modal-actions{position:sticky;bottom:0;margin:14px -16px -18px;padding:12px 16px;background:var(--card);border-top:1px solid var(--border);z-index:2}
@supports not (height:100dvh){.modal-card{max-height:calc(100vh - 36px)}}
@media(max-width:800px){.modal-backdrop{padding:10px}.modal-card,.license-modal-card{max-height:calc(100dvh - 20px)}.modal-body{padding-bottom:20px}}

/* Marketing content admin surfaces */
.section-card .button-row{display:flex;gap:8px;flex-wrap:wrap}.warning-card{border-left:4px solid var(--warning)}.card .button-row{display:flex;gap:8px;flex-wrap:wrap}.field input[type="file"]{padding:7px;background:#fff}.badge.muted{background:#eef2f6;color:#64748b}.badge.success{background:#dcfce7;color:#166534}.badge.warning{background:#fef3c7;color:#92400e}.badge.danger{background:#fee2e2;color:#991b1b}

/* Customer portal checkout and installation surfaces */
.portal-checkout-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));align-items:stretch}.portal-checkout-card{position:relative;display:grid;gap:9px;cursor:pointer}.portal-checkout-card input[type="radio"]{position:absolute;right:12px;top:12px}.portal-checkout-card:has(input[type="radio"]:checked){border-color:var(--primary);box-shadow:0 0 0 3px rgba(31,111,235,.10)}.portal-addon-option{display:flex;align-items:flex-start;gap:8px;margin-top:4px;padding:9px;border:1px solid var(--border);border-radius:6px;background:#f8fbfd;color:var(--text);font-size:13px;font-weight:800;line-height:1.35}.portal-addon-option input{margin-top:2px}.portal-checkout-card small{color:var(--muted);line-height:1.5}.portal-onboarding-card{max-width:760px}.portal-install-step{display:grid;gap:8px}.portal-install-step span{width:34px;height:34px;display:grid;place-items:center;border-radius:8px;background:#e0f2fe;color:#075985;font-weight:900}.portal-install-step h2{margin:0;font-size:18px}.portal-payment-detail-card{border:1px solid var(--border);border-radius:6px;background:#f8fbfd;padding:12px}.portal-order-main .portal-plan-card,.portal-checkout-card{background:#fff}@media(max-width:800px){.portal-checkout-grid{grid-template-columns:1fr}.portal-addon-option{font-size:12px}}

/* Customer portal: website-aligned header and colors */
.portal-client{--bg:#050913;--card:#0c1526;--text:#f4f7fb;--muted:#91a3b8;--border:rgba(143,174,214,.16);--primary:#1687ff;--primary-dark:#116fe8;--success:#2cda89;--warning:#ff9f43;--danger:#ef4444;--sidebar:#08101f;--sidebar-text:#dce7f5;--shadow:0 18px 45px rgba(0,0,0,.28);background:#050913;color:var(--text)}.portal-client:before{content:"";position:fixed;inset:0;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px);background-size:64px 64px;mask-image:linear-gradient(to bottom,#000,transparent 70%);z-index:-1}.portal-web-header{position:sticky;top:0;z-index:45;min-height:76px;display:flex;align-items:center;gap:24px;padding:0 max(24px,calc((100vw - 1200px)/2));background:rgba(5,9,19,.86);border-bottom:1px solid var(--border);backdrop-filter:blur(18px)}.portal-web-brand{display:flex;width:178px;flex:0 0 auto}.portal-web-brand img{display:block;width:100%;height:auto}.portal-web-nav{display:flex;align-items:center;gap:8px;margin-left:auto;padding:6px;border:1px solid rgba(137,169,205,.14);border-radius:999px;background:rgba(8,17,31,.54)}.portal-web-nav a{padding:10px 14px;border-radius:999px;color:#d5dfed;text-decoration:none;font-size:13px;font-weight:800}.portal-web-nav a:hover{color:#fff;background:rgba(22,135,255,.16)}.portal-web-actions{display:flex;align-items:center;gap:10px}.portal-web-cta,.portal-web-user{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:0 14px;border-radius:7px;border:1px solid rgba(137,169,205,.28);color:#fff;text-decoration:none;font-size:13px;font-weight:800}.portal-web-cta{border-color:#2188ff;background:linear-gradient(135deg,#1687ff,#116fe8);box-shadow:0 12px 35px rgba(22,135,255,.22)}.portal-web-user{max-width:190px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;background:rgba(22,135,255,.08);color:#dceaff}.portal-client .app-shell{grid-template-columns:248px minmax(0,1fr);gap:18px;min-height:calc(100vh - 76px);padding:18px;background:transparent}.portal-client .sidebar{height:calc(100vh - 112px);top:94px;border-color:var(--border);border-radius:10px;background:rgba(8,16,31,.92);box-shadow:0 22px 60px rgba(0,0,0,.28);backdrop-filter:blur(16px)}.portal-client .brand{border-bottom-color:rgba(255,255,255,.10)}.portal-client .brand-mark{background:linear-gradient(135deg,#1687ff,#25d2e7);color:#fff}.portal-client .brand strong{color:#fff}.portal-client .brand small{color:#8fb3d7}.portal-client .nav-link{color:#cbd8ea}.portal-client .nav-link:hover{background:rgba(22,135,255,.14);color:#fff}.portal-client .nav-link.active{background:linear-gradient(135deg,rgba(22,135,255,.95),rgba(37,210,231,.70));color:#fff}.portal-client .main{border-color:var(--border);border-radius:10px;background:rgba(8,16,31,.68);box-shadow:0 22px 60px rgba(0,0,0,.24)}.portal-client .topbar,.portal-client .card,.portal-client .section-card,.portal-client .toolbar,.portal-client .table-wrap,.portal-client .modal-card{background:rgba(12,21,38,.92);border-color:var(--border);color:var(--text)}.portal-client .topbar{border-bottom-color:var(--border)}.portal-client .topbar h1,.portal-client .card h2,.portal-client .section-card h2{color:#f7f9fc}.portal-client input,.portal-client select,.portal-client textarea{background:#08111e;border-color:rgba(143,174,214,.18);color:var(--text)}.portal-client th{background:rgba(22,135,255,.08);color:#9fb7d3}.portal-client td{border-bottom-color:rgba(143,174,214,.12)}.portal-client .btn.secondary{background:rgba(255,255,255,.06);border-color:rgba(143,174,214,.22);color:#dceaff}.portal-client .btn.secondary:hover{background:rgba(22,135,255,.14);color:#fff}.portal-client .portal-product-card,.portal-client .portal-plan-card,.portal-client .portal-checkout-card,.portal-client .portal-payment-detail-card,.portal-client .portal-addon-option,.portal-client .license-policy-item,.portal-client .request-payment-list div{background:#08111e;border-color:rgba(143,174,214,.16);color:var(--text)}.portal-client .portal-plan-card:has(input:checked),.portal-client .portal-checkout-card:has(input[type="radio"]:checked),.portal-client .portal-product-card.active{border-color:rgba(37,210,231,.72);box-shadow:0 0 0 3px rgba(37,210,231,.12);background:rgba(22,135,255,.10)}.portal-client .portal-install-step span{background:linear-gradient(135deg,#1687ff,#25d2e7);color:#fff}.portal-client .modal-actions{background:#0c1526;border-top-color:var(--border)}.portal-client .icon-btn{background:rgba(255,255,255,.08);color:#dceaff;border:1px solid rgba(143,174,214,.18)}@media(max-width:1080px){.portal-web-header{flex-wrap:wrap;height:auto;padding-top:12px;padding-bottom:12px}.portal-web-nav{order:3;width:100%;overflow:auto;margin-left:0}.portal-web-actions{margin-left:auto}}@media(max-width:800px){.portal-client .app-shell{display:block;padding:0}.portal-client .sidebar{position:relative;top:auto;height:auto;border-radius:0;border-left:0;border-right:0}.portal-client .main{border-radius:0;border-left:0;border-right:0}.portal-web-header{position:relative}.portal-web-brand{width:150px}.portal-web-actions{width:100%;justify-content:space-between}.portal-web-cta,.portal-web-user{flex:1 1 auto}.portal-web-nav a{white-space:nowrap}}

/* Customer portal order cards aligned with public pricing cards */
.portal-client .portal-product-tabs{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;margin:18px 0 20px}.portal-client .portal-checkout-panels{display:grid;gap:18px}.portal-client .portal-price-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(270px,1fr));gap:14px;align-items:stretch}.portal-client .portal-price-card{position:relative;display:flex;flex-direction:column;min-height:100%;padding:26px 22px;border:1px solid rgba(143,174,214,.16);border-radius:9px;background:#0a1524;color:var(--text);box-shadow:0 18px 45px rgba(0,0,0,.22);cursor:pointer;transition:border-color .2s,box-shadow .2s,transform .2s}.portal-client .portal-price-card:hover{transform:translateY(-2px);border-color:rgba(37,210,231,.44);box-shadow:0 24px 58px rgba(0,0,0,.32)}.portal-client .portal-price-card.featured{border-color:rgba(22,135,255,.56);box-shadow:0 18px 54px rgba(22,135,255,.18)}.portal-client .portal-price-card:has(.portal-price-radio:checked){border-color:rgba(37,210,231,.82);box-shadow:0 0 0 3px rgba(37,210,231,.12),0 24px 58px rgba(0,0,0,.32)}.portal-client .portal-price-radio{position:absolute;opacity:0;pointer-events:none}.portal-client .portal-product-name{color:#6eb9ff;font-size:9px;font-weight:900;letter-spacing:.15em;text-transform:uppercase}.portal-client .portal-price-card h3{margin:20px 0 8px;color:#f7f9fc;font-size:18px}.portal-client .portal-price-card>p{min-height:50px;margin:0;color:#91a3b8;font-size:12px;line-height:1.65}.portal-client .portal-price-line{padding:20px 0;border-block:1px solid rgba(143,174,214,.16);margin:20px 0}.portal-client .portal-price-line strong{display:block;color:#f7f9fc;font-size:22px}.portal-client .portal-price-line .price-unit{display:inline;color:#8ea0b8;font-size:11px;font-weight:800}.portal-client .portal-price-line>span{display:block;margin-top:6px;color:#8ea0b8;font-size:11px;font-weight:800}.portal-client .portal-price-features{list-style:none;min-height:0;margin:0 0 18px;padding:0}.portal-client .portal-price-features li{margin:14px 0;color:#a8bacd;font-size:11px;line-height:1.45}.portal-client .portal-price-features li:before,.portal-client .li-feature-list li:before{content:"\2713";color:#31dc8c;margin-right:8px}.portal-client .portal-price-addons{display:grid;gap:9px;margin-top:auto;padding:12px;border:1px solid rgba(143,174,214,.16);border-radius:7px;background:rgba(37,210,231,.06)}.portal-client .portal-price-addons .portal-addon-option{margin:0;padding:0;border:0;background:transparent;font-size:12px;font-weight:700}.portal-client .portal-price-addons .portal-addon-option span{display:grid;gap:4px}.portal-client .portal-price-addons .portal-addon-option strong{display:block;color:#6eb9ff;font-size:12px}.portal-client .portal-price-addons small{color:#91a3b8;line-height:1.5}.portal-client .li-feature-list{list-style:none;min-height:0!important;margin:4px 0 0!important;padding:0!important}.portal-client .li-feature-list li{margin:6px 0!important;color:#a8bacd;font-size:10px;line-height:1.4}.portal-client .yearly-price{display:grid;gap:4px;margin-top:12px;padding-top:12px;border-top:1px solid rgba(143,174,214,.16)}.portal-client .yearly-original-row{display:flex;align-items:center;justify-content:space-between;gap:10px}.portal-client .yearly-original{color:#73849a;font-size:12px;text-decoration:line-through;text-decoration-thickness:2px}.portal-client .yearly-total{color:#dff4ff;font-size:14px;font-weight:900}.portal-client .yearly-price em{margin-left:auto;color:#31dc8c;font-size:10px;font-style:normal;font-weight:900;white-space:nowrap}.portal-client .popular{position:absolute;right:17px;top:17px;color:#55b5ff;font-size:7px;font-weight:900;letter-spacing:.12em}.portal-client .portal-product-tabs .portal-product-card{box-shadow:none}.portal-client .portal-product-tabs .portal-product-card strong{color:#f7f9fc}.portal-client .portal-product-tabs .portal-product-card span{color:#91a3b8}@media(max-width:800px){.portal-client .portal-price-grid{grid-template-columns:1fr}.portal-client .portal-price-card{padding:22px 18px}.portal-client .portal-price-card>p{min-height:0}}

/* Website-style fixed theme switch for portal pages */
.theme-toggle{position:fixed;right:22px;bottom:22px;z-index:90;display:inline-flex;align-items:center;justify-content:center;width:52px;min-width:52px;height:52px;min-height:52px;padding:0;border:1px solid rgba(255,255,255,.86);border-radius:50%;background:#f8fbff;color:#0f2a45;box-shadow:0 16px 42px rgba(0,0,0,.30),inset 0 1px 0 rgba(255,255,255,.8);backdrop-filter:blur(16px);font:700 14px Inter,Arial,sans-serif;cursor:pointer;transition:transform .2s,background .2s,border-color .2s,color .2s}.theme-toggle .theme-label{display:none}.theme-toggle .theme-icon{position:relative;display:block;width:24px;height:24px;font-size:0;line-height:1}.theme-toggle .theme-icon:before{content:"";position:absolute;left:50%;top:50%;width:14px;height:14px;border-radius:50%;background:currentColor;transform:translate(-50%,-50%);box-shadow:0 -9px 0 -6px currentColor,0 9px 0 -6px currentColor,9px 0 0 -6px currentColor,-9px 0 0 -6px currentColor,6px 6px 0 -6px currentColor,-6px 6px 0 -6px currentColor,6px -6px 0 -6px currentColor,-6px -6px 0 -6px currentColor}.theme-toggle:hover,.theme-toggle:focus-visible{transform:translateY(-2px);border-color:#fff;background:#fff;color:#0b2540;outline:none}html[data-theme="light"] .theme-toggle{color:#fff;border-color:#102b47;background:#102b47;box-shadow:0 14px 34px rgba(37,68,103,.22)}html[data-theme="light"] .theme-toggle .theme-icon:before{width:18px;height:18px;background:transparent;box-shadow:inset -6px 0 0 currentColor;transform:translate(-46%,-50%)}html[data-theme="light"] .theme-toggle:hover,html[data-theme="light"] .theme-toggle:focus-visible{background:#071827;color:#fff;border-color:#071827}@media(max-width:1000px){.theme-toggle{right:16px;bottom:16px;width:48px;min-width:48px;height:48px;min-height:48px}}
html[data-theme="light"] .portal-client{--bg:#f7faff;--card:#fff;--text:#142033;--muted:#53657a;--border:#c8d7e7;--primary:#126fe0;--primary-dark:#0e58bd;--sidebar:#eef5fc;--sidebar-text:#20344b;background:#f7faff;color:var(--text)}html[data-theme="light"] .portal-client:before{background-image:linear-gradient(rgba(30,64,104,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(30,64,104,.045) 1px,transparent 1px)}html[data-theme="light"] .portal-web-header{background:rgba(255,255,255,.9);box-shadow:0 10px 34px rgba(37,68,103,.10)}html[data-theme="light"] .portal-web-nav{background:rgba(237,245,253,.86);border-color:#c4d5e7}html[data-theme="light"] .portal-web-nav a{color:#263b54}html[data-theme="light"] .portal-web-nav a:hover{color:#0d4f9c;background:#dcecff}html[data-theme="light"] .portal-client .main{background:#edf4fb;border-color:#c8d7e7;box-shadow:0 18px 46px rgba(42,72,108,.12)}html[data-theme="light"] .portal-client .sidebar,html[data-theme="light"] .portal-client .topbar,html[data-theme="light"] .portal-client .card,html[data-theme="light"] .portal-client .section-card,html[data-theme="light"] .portal-client .toolbar,html[data-theme="light"] .portal-client .table-wrap,html[data-theme="light"] .portal-client .modal-card{background:#fff;border-color:#c8d7e7;color:#142033}html[data-theme="light"] .portal-client .brand strong,html[data-theme="light"] .portal-client .topbar h1,html[data-theme="light"] .portal-client .card h2,html[data-theme="light"] .portal-client .section-card h2,html[data-theme="light"] .portal-client .portal-price-card h3,html[data-theme="light"] .portal-client .portal-price-line strong,html[data-theme="light"] .portal-client .portal-product-tabs .portal-product-card strong{color:#10243d}html[data-theme="light"] .portal-client .brand small,html[data-theme="light"] .portal-client .portal-price-card>p,html[data-theme="light"] .portal-client .portal-price-features li,html[data-theme="light"] .portal-client .portal-price-line .price-unit,html[data-theme="light"] .portal-client .portal-price-line>span,html[data-theme="light"] .portal-client .portal-product-tabs .portal-product-card span{color:#30465e}html[data-theme="light"] .portal-client input,html[data-theme="light"] .portal-client select,html[data-theme="light"] .portal-client textarea{background:#f7faff;color:#17263a;border-color:#c7d6e6}html[data-theme="light"] .portal-client .portal-product-card,html[data-theme="light"] .portal-client .portal-plan-card,html[data-theme="light"] .portal-client .portal-checkout-card,html[data-theme="light"] .portal-client .portal-payment-detail-card,html[data-theme="light"] .portal-client .portal-addon-option,html[data-theme="light"] .portal-client .license-policy-item,html[data-theme="light"] .portal-client .request-payment-list div,html[data-theme="light"] .portal-client .portal-price-card{background:#fff;border-color:#b9cce0;color:#142033}html[data-theme="light"] .portal-client .portal-price-addons{background:#eef7ff;border-color:#bad5ef}html[data-theme="light"] .portal-client .yearly-total{color:#10243d}html[data-theme="light"] .portal-client .nav-link{color:#263b54}html[data-theme="light"] .portal-client .nav-link:hover{background:#dcecff;color:#0d4f9c}html[data-theme="light"] .portal-client .nav-link.active{background:#126fe0;color:#fff}

/* Customer portal dashboard */
.client-dashboard-hero{align-items:flex-start}.client-dashboard-hero h2{font-size:24px}.client-health-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:16px}.client-health-card{display:grid;gap:7px;text-decoration:none;color:var(--text);transition:transform .15s,border-color .15s}.client-health-card:hover{transform:translateY(-2px);border-color:rgba(37,210,231,.42)}.client-health-card strong{font-size:17px}.client-health-card small{color:var(--muted);line-height:1.45}.client-dashboard-layout{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.client-dashboard-layout .cockpit-panel{min-width:0}.client-list{display:grid;gap:9px}.client-list-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center;padding:11px;border:1px solid var(--border);border-radius:7px;background:rgba(100,116,139,.07);color:var(--text);text-decoration:none}.client-list-row:hover{border-color:rgba(37,210,231,.42);background:rgba(22,135,255,.10)}.client-list-row span{display:grid;gap:5px;min-width:0}.client-list-row strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.client-list-row small{color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.client-list-row b{text-align:right}.client-list-row em{justify-self:end;font-style:normal}.portal-client .compact-table table{min-width:720px}html[data-theme="light"] .portal-client .client-list-row,html[data-theme="light"] .portal-client .client-health-card{background:#f7faff;border-color:#c8d7e7}@media(max-width:1180px){.client-health-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.client-dashboard-layout{grid-template-columns:1fr}}@media(max-width:800px){.client-dashboard-hero{align-items:stretch}.client-dashboard-hero .quick-actions{width:100%}.client-dashboard-hero .quick-actions .btn{flex:1 1 130px;justify-content:center}.client-health-grid{grid-template-columns:1fr}.client-list-row{grid-template-columns:1fr}.client-list-row b,.client-list-row em{justify-self:start;text-align:left}.portal-web-user{max-width:none}.portal-web-actions{justify-content:flex-end}.portal-web-actions .portal-web-user{flex:0 1 auto}}

/* Light portal shared button contrast */
html[data-theme="light"] .portal-client .btn.secondary{background:#f8fbff;border:1px solid #b8cce3;color:#14375d;box-shadow:0 1px 2px rgba(20,55,93,.05)}
html[data-theme="light"] .portal-client .btn.secondary:hover{background:#e5f0fb;border-color:#8fb3d7;color:#0d4f9c}
html[data-theme="light"] .portal-web-user{background:#eaf4ff;border-color:#b8d3ef;color:#14375d;box-shadow:0 1px 2px rgba(20,55,93,.05)}
html[data-theme="light"] .portal-web-user:hover{background:#dcecff;border-color:#8fbce8;color:#0d4f9c}
html[data-theme="light"] .portal-client .modal-actions{background:#fff;border-top-color:#c8d7e7}
html[data-theme="light"] .portal-client form .modal-actions{background:#fff}
.theme-toggle:before{content:"";display:block;width:16px;height:16px;border-radius:50%;background:currentColor;box-shadow:0 -10px 0 -7px currentColor,0 10px 0 -7px currentColor,10px 0 0 -7px currentColor,-10px 0 0 -7px currentColor,7px 7px 0 -7px currentColor,-7px 7px 0 -7px currentColor,7px -7px 0 -7px currentColor,-7px -7px 0 -7px currentColor}
html[data-theme="light"] .theme-toggle:before{width:19px;height:19px;background:transparent;box-shadow:inset -7px 0 0 currentColor;transform:translateX(2px)}
.theme-toggle .theme-icon{display:none}

/* Email settings */
.email-settings-hero{align-items:flex-start}.email-settings-hero .quick-actions form{margin:0}.email-settings-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}.email-settings-grid .full{grid-column:1/-1}.email-toggle-panel{margin-top:18px;padding-top:16px;border-top:1px solid var(--border)}.email-toggle-panel h2{margin:0 0 12px;font-size:20px}.email-toggle-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:10px}.email-toggle-item{display:grid;grid-template-columns:minmax(0,1fr) 88px;align-items:center;gap:10px;border:1px solid var(--border);border-radius:8px;background:rgba(100,116,139,.07);padding:10px 12px}.email-toggle-item span{font-weight:800}.email-toggle-item select{padding:8px 9px}@media(max-width:800px){.email-settings-hero .quick-actions{width:100%}.email-settings-hero .quick-actions form,.email-settings-hero .quick-actions .btn{width:100%;justify-content:center}.email-toggle-item{grid-template-columns:1fr}}
.email-template-card{margin-top:16px}.template-variable-cell{color:var(--muted);font-size:12px}.template-variable-list{display:flex;flex-wrap:wrap;gap:7px}.template-variable-list code{padding:5px 7px;border:1px solid var(--border);border-radius:6px;background:rgba(100,116,139,.10);font-size:12px}.email-template-modal-card{width:min(1120px,96vw)}.rich-editor{border:1px solid var(--border);border-radius:8px;background:var(--card);overflow:hidden}.rich-toolbar{display:flex;flex-wrap:wrap;gap:6px;padding:9px;border-bottom:1px solid var(--border);background:rgba(100,116,139,.08)}.rich-toolbar button{border:1px solid var(--border);border-radius:6px;background:var(--card);color:var(--text);padding:7px 10px;font-weight:800;cursor:pointer}.rich-toolbar button:hover{border-color:rgba(37,99,235,.42);color:var(--primary)}.rich-surface,.rich-source,.rich-preview{min-height:280px;width:100%;padding:14px;background:var(--card);color:var(--text);outline:none;overflow:auto}.rich-source{border:0;border-radius:0;font-family:Consolas,Monaco,monospace;resize:vertical}.rich-preview{border-top:1px solid var(--border)}html[data-theme="light"] .template-variable-list code,html[data-theme="light"] .rich-toolbar{background:#f7faff}