:root { color-scheme: dark; --bg:#0d1115; --panel:#171d22; --panel-2:#1b2228; --line:#303940; --text:#e9edef; --muted:#7f8a92; --accent:#f2a20d; --green:#54bd78; --red:#e26b67; --font-micro:12px; --font-caption:13px; --font-body:14px; --font-emphasis:15px; --font-subtitle:16px; --font-section:17px; --font-highlight:18px; --font-card-title:20px; --font-icon:22px; --font-page:23px; --font-display:26px; --font-metric:43px; font-family:Inter,"PingFang SC","Microsoft YaHei",sans-serif; }
html { overflow-y:scroll; scrollbar-gutter:stable; }
* { box-sizing: border-box; }
body { margin:0; min-width:320px; min-height:100vh; color:var(--text); background:radial-gradient(circle at 75% 0,rgba(242,162,13,.07),transparent 30%),var(--bg); font-size:var(--font-body); }
button,input,select { font:inherit; }
button { min-height:36px; padding:7px 13px; border:1px solid #3a444c; border-radius:7px; outline:0; color:#c8d0d5; background:#1a2127; cursor:pointer; transition:border-color .18s ease,color .18s ease,background .18s ease,box-shadow .18s ease; }
button:hover:not(:disabled) { border-color:#59646d; color:#fff; background:#222a31; }
button:disabled { opacity:.42; cursor:default; }
button.primary { border-color:#ffb429; color:#1c1405; background:linear-gradient(#ffc04a,#ee9d08); font-weight:750; }
button.danger { border-color:#d95f5a; color:#fff3f2; background:linear-gradient(#d96863,#b94b47); font-weight:750; }
button.danger:hover:not(:disabled) { border-color:#ed817c; color:#fff; background:linear-gradient(#e47772,#c6534f); }
button.primary:disabled { border-color:#303940; color:#68747c; background:#1a2127; opacity:1; }
button:focus-visible { border-color:var(--accent); box-shadow:0 0 0 3px rgba(242,162,13,.14); }
[hidden] { display:none !important; }
.eyebrow,.panel-heading>div:first-child>span { color:var(--accent); font-size:var(--font-caption); font-weight:800; letter-spacing:.16em; }
.login-card form,.form-body { display:grid; gap:15px; }.login-card label,.form-body label { display:grid; gap:7px; color:#aeb7bd; font-size:var(--font-body); }
input,select { width:100%; height:40px; padding:0 11px; border:1px solid #374149; border-radius:7px; outline:none; color:#edf1f3; background:#10161a; }
input:focus,select:focus { border-color:var(--accent); box-shadow:0 0 0 3px rgba(242,162,13,.1); }
.select-native { position:absolute!important; width:1px!important; height:1px!important; overflow:hidden; clip-path:inset(50%); opacity:0; pointer-events:none; }.form-body label.has-open-select { position:relative; z-index:80; }.select-control { position:relative; min-width:0; }.select-control.is-open { z-index:80; }.select-trigger { position:relative; display:flex; width:100%; height:40px; align-items:center; justify-content:space-between; gap:12px; padding:0 40px 0 11px; border-color:#374149; color:#edf1f3; text-align:left; background:#10161a; }.select-trigger::after { position:absolute; top:50%; right:14px; width:7px; height:7px; border-right:1.5px solid #9da7ad; border-bottom:1.5px solid #9da7ad; content:""; transform:translateY(-70%) rotate(45deg); transition:transform .16s ease,border-color .16s ease; }.select-trigger:hover:not(:disabled) { border-color:#59646d; background:#12191e; }.select-control.is-open .select-trigger { border-color:var(--accent); background:#11181c; box-shadow:0 0 0 3px rgba(242,162,13,.1); }.select-control.is-open .select-trigger::after { border-color:#ffc04a; transform:translateY(-20%) rotate(225deg); }.select-trigger:disabled { color:#68747c; background:#151b20; }.select-menu { position:absolute; z-index:60; top:calc(100% + 6px); right:0; left:0; display:grid; max-height:246px; gap:3px; overflow:auto; padding:6px; border:1px solid #424d55; border-radius:9px; background:#11171b; box-shadow:0 18px 44px rgba(0,0,0,.48); animation:select-menu-in .14s ease-out; }.select-option { position:relative; width:100%; min-height:36px; padding:7px 36px 7px 10px; border-color:transparent; border-radius:6px; color:#b9c2c7; text-align:left; background:transparent; }.select-option:hover:not(:disabled),.select-option:focus-visible { border-color:#303a41; color:#fff; background:#1b2329; box-shadow:none; }.select-option[aria-selected="true"] { border-color:rgba(242,162,13,.32); color:#ffd58a; background:rgba(242,162,13,.1); }.select-option[aria-selected="true"]::after { position:absolute; top:50%; right:12px; width:9px; height:5px; border-bottom:1.5px solid #f5b43a; border-left:1.5px solid #f5b43a; content:""; transform:translateY(-65%) rotate(-45deg); }@keyframes select-menu-in { from { opacity:0; transform:translateY(-5px); } to { opacity:1; transform:translateY(0); } }
.form-message { position:relative; margin:0; padding:9px 11px 9px 32px; border:1px solid #39444c; border-radius:7px; color:#aeb7bd; background:#141a1f; font-size:var(--font-body); line-height:1.5; }.form-message::before { position:absolute; top:9px; left:10px; display:grid; width:14px; height:14px; place-items:center; border:1px solid #59646d; border-radius:50%; color:#8d989f; content:"i"; font-size:var(--font-micro); font-weight:800; }.form-message.error { border-color:rgba(226,107,103,.4); color:#f0aaa7; background:rgba(226,107,103,.055); }.form-message.error::before { border-color:rgba(226,107,103,.55); color:#f0aaa7; content:"!"; }.form-message.success { border-color:rgba(84,189,120,.4); color:#91d7a9; background:rgba(84,189,120,.055); }.form-message.success::before { border-color:rgba(84,189,120,.55); color:#91d7a9; content:"✓"; }
.form-hint { margin:0; padding:10px 11px; border:1px solid rgba(84,189,120,.28); border-radius:6px; color:#a9d8b9; background:rgba(84,189,120,.07); font-size:var(--font-body); line-height:1.5; }
.admin-layout { display:grid; min-height:100vh; grid-template-columns:220px minmax(0,1fr); }
.sidebar { position:sticky; top:0; display:grid; height:100vh; grid-template-rows:auto 1fr auto; padding:22px 14px; border-right:1px solid var(--line); background:#11171b; }
.brand { display:flex; align-items:center; gap:11px; padding:0 8px 24px; border-bottom:1px solid var(--line); }.brand>img { display:block; width:52px; height:36px; object-fit:contain; }.brand strong,.brand small { display:block; }.brand strong { font-size:calc(var(--font-body) * 1.5); line-height:1.15; white-space:nowrap; }.brand small { margin-top:3px; color:#68747c; font-size:var(--font-micro); text-transform:uppercase; letter-spacing:.1em; white-space:nowrap; }
nav { display:grid; align-content:start; gap:7px; padding-top:20px; }nav button { width:100%; min-height:40px; border-color:#222b31; border-radius:8px; text-align:left; color:#85919a; background:#141a1f; }nav button:hover:not(:disabled) { border-color:#364149; color:#d8dee1; background:#192127; }nav button.active { border-color:rgba(242,162,13,.62); color:#ffe3ad; background:rgba(242,162,13,.1); box-shadow:none; }nav button:focus-visible { border-color:rgba(242,162,13,.62); box-shadow:none; }
.sidebar-foot { display:flex; align-items:center; gap:8px; padding:13px 8px 0; border-top:1px solid var(--line); color:#6d7981; font-size:var(--font-caption); }.sidebar-foot i { width:7px; height:7px; border-radius:50%; background:var(--green); box-shadow:0 0 8px rgba(84,189,120,.5); }
.content { min-width:0; padding:0 28px 36px; }.topbar { display:flex; min-height:84px; align-items:center; justify-content:space-between; gap:20px; border-bottom:1px solid var(--line); }.topbar h1 { margin:0; font-size:var(--font-page); }.topbar p { margin:7px 0 0; color:var(--muted); font-size:var(--font-caption); }.top-actions,.manage-tools { display:flex; align-items:center; gap:8px; }.manage-tools { justify-content:space-between; padding:12px 18px; border-bottom:1px solid var(--line); background:#141a1f; }.user-search { position:relative; display:block; }.user-search svg { position:absolute; z-index:1; top:10px; left:11px; width:15px; height:15px; fill:#6f7b83; }.user-search input { width:260px; height:36px; padding-left:34px; border-radius:999px; font-size:var(--font-caption); }.manage-tools #heartbeat-all { border-color:rgba(242,162,13,.38); color:#f4c777; background:rgba(242,162,13,.07); white-space:nowrap; }
.admin-layout.is-customers-view { min-height:100vh; }.admin-layout.is-customers-view .content { min-height:100vh; padding-bottom:36px; }.admin-layout.is-customers-view #customers-view,.admin-layout.is-customers-view #managed-users-table { min-height:0; overflow:visible; }.admin-layout.is-customers-view .managed-users { display:grid; min-height:0; grid-template-rows:auto auto auto; }.admin-layout.is-customers-view #managed-users-table .table-wrap { height:auto; overflow-x:auto; overflow-y:visible; overscroll-behavior-x:contain; }
.view { display:grid; gap:20px; padding-top:24px; }.metric-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; }.metric { display:grid; min-height:164px; grid-template-columns:minmax(0,1fr) minmax(130px,.86fr); grid-template-rows:auto 1fr; align-items:center; column-gap:18px; padding:25px 26px; border:1px solid var(--line); border-radius:13px; background:var(--panel); }.metric span { align-self:end; color:#a0aab0; font-size:var(--font-subtitle); font-weight:650; }.metric strong { grid-column:2; grid-row:1/span 2; place-self:center; color:#f0f3f4; font-size:var(--font-metric); line-height:1; letter-spacing:-.025em; white-space:nowrap; }.metric small { align-self:start; margin-top:11px; color:#6f7b83; font-size:var(--font-body); line-height:1.55; }
.overview-dashboard{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.overview-group{display:grid;grid-column:1/-1;gap:14px;padding:20px;border:1px solid var(--line);border-radius:13px;background:#12181d}.overview-group>header h2{margin:0;color:#e7ebed;font-size:var(--font-highlight)}.overview-group>header p{margin:6px 0 0;color:#76828a;font-size:var(--font-caption)}.overview-group__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.overview-group__grid .metric{min-height:126px;padding:18px;grid-template-columns:1fr;grid-template-rows:auto auto auto;gap:8px}.overview-group--matched-height .metric{height:126px;min-height:126px}.overview-group__grid .metric--span-2{grid-column:span 2}.overview-group__grid .metric span{align-self:auto;font-size:var(--font-caption)}.overview-group__grid .metric strong{grid-column:1;grid-row:2;place-self:auto;color:#f0f3f4;font-size:31px}.overview-group__grid .metric small{margin:0;font-size:var(--font-caption)}.overview-group__grid .metric--coupon{grid-template-columns:104px minmax(0,1fr);grid-template-rows:auto minmax(0,1fr);align-content:stretch;column-gap:12px;overflow:hidden}.overview-group__grid .metric--coupon>span{grid-column:1;grid-row:1;align-self:start}.overview-group__grid .metric--coupon>strong{grid-column:1;grid-row:2;align-self:end;font-size:31px}.overview-group__grid .metric--coupon>small{display:none}.overview-group[data-tone="warning"]{border-color:rgba(226,107,103,.38);background:rgba(226,107,103,.035)}.overview-coupon-list{display:grid;min-height:0;grid-template-columns:repeat(var(--coupon-columns,2),minmax(0,1fr));grid-template-rows:repeat(var(--coupon-rows,1),minmax(0,1fr));grid-column:2;grid-row:1/3;column-gap:0;row-gap:2px;margin:0;overflow:hidden}.overview-coupon-list article{display:grid;min-width:0;min-height:0;grid-template-columns:1fr;grid-template-rows:auto 1fr;align-content:center;justify-items:start;gap:3px;padding:var(--coupon-pad-y,5px) var(--coupon-pad-x,7px);border:0;border-left:1px solid rgba(126,141,153,.18);border-radius:0;background:transparent}.overview-group__grid .metric--coupon .overview-coupon-list strong{grid-column:1;grid-row:1;overflow:hidden;max-width:100%;color:#d9dfe2;font-size:var(--coupon-note-size,11px);font-weight:650;text-overflow:ellipsis;white-space:nowrap}.overview-group__grid .metric--coupon .overview-coupon-list span{grid-column:1;grid-row:2;align-self:end;color:#76828a;font-size:var(--coupon-count-size,10px);white-space:nowrap}.overview-coupon-list>p{margin:0;color:#707c84;font-size:var(--font-caption)}
.panel { min-width:0; overflow:hidden; border:1px solid var(--line); border-radius:11px; background:var(--panel); }.panel-heading { display:flex; min-height:67px; align-items:center; justify-content:space-between; gap:20px; padding:15px 18px; border-bottom:1px solid var(--line); background:#151b20; }.panel-heading h2 { margin:6px 0 0; font-size:var(--font-section); }.panel-heading>small { color:#68747c; font-size:var(--font-micro); }.two-column { display:grid; grid-template-columns:minmax(320px,.72fr) minmax(520px,1.5fr); gap:20px; align-items:start; }.form-body { padding:18px; }.number-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:9px; }
.create-user-panel { width:100%; }.create-user-form { grid-template-columns:minmax(360px,.88fr) minmax(0,1.12fr); grid-template-rows:auto auto auto auto; align-items:start; column-gap:24px; row-gap:17px; }.email-builder { display:grid; grid-template-columns:minmax(0,1.3fr) minmax(160px,.7fr); grid-column:2; gap:12px; }.email-builder #custom-domain-field { grid-column:1/-1; }.create-user-form>label,.create-user-form>.form-message,.create-primary { grid-column:2; }.create-primary { width:100%; min-height:44px; margin-top:2px; }.customer-preview,.customer-created { display:flex; min-height:100%; grid-column:1; grid-row:1/span 5; flex-direction:column; gap:16px; margin:0; padding:20px; border:1px solid #374149; border-radius:10px; background:#10161a; transition:border-color .2s ease,background .2s ease,box-shadow .2s ease; }.preview-header { display:flex; align-items:center; justify-content:space-between; gap:14px; padding-bottom:14px; border-bottom:1px solid rgba(126,141,153,.14); }.preview-header>div { display:grid; gap:5px; }.preview-header span { color:#8d989f; font-size:var(--font-micro); font-weight:800; letter-spacing:.14em; }.preview-header strong { color:#dbe0e3; font-size:var(--font-emphasis); }.preview-header i { padding:4px 8px; border:1px solid #354047; border-radius:99px; color:#7f8a92; background:#151c21; font-size:var(--font-micro); font-style:normal; }.preview-details { display:grid; gap:0; }.preview-details>div { display:grid; grid-template-columns:82px minmax(0,1fr); align-items:center; min-height:38px; border-bottom:1px solid rgba(126,141,153,.1); }.preview-details span,.preview-code-heading span { color:#7f8a92; font-size:var(--font-micro); }.preview-details strong { overflow:hidden; color:#dbe0e3; font-size:var(--font-body); text-overflow:ellipsis; white-space:nowrap; }.preview-code-block { display:grid; gap:9px; padding:13px; border:1px solid #303940; border-radius:8px; background:#0e1418; }.preview-code-heading { display:flex; align-items:center; justify-content:space-between; gap:12px; }.preview-code-heading small { color:#657078; font-size:var(--font-micro); }.preview-code-value { display:flex; min-width:0; align-items:center; gap:10px; }.preview-code-value strong { flex:1; min-width:0; color:#c6cdd1; font-family:"SFMono-Regular",Consolas,monospace; font-size:var(--font-highlight); letter-spacing:.035em; word-break:break-all; }.preview-code-value button { flex:0 0 auto; min-height:30px; padding:4px 9px; font-size:var(--font-micro); }.customer-preview p { margin:0; color:#7f8a92; font-size:var(--font-micro); line-height:1.55; }.preview-actions { display:flex; justify-content:flex-end; gap:8px; margin-top:auto; padding-top:2px; }.preview-actions button { min-width:100px; }.preview-actions .primary { min-width:128px; }.customer-created { border-color:rgba(84,189,120,.35); background:rgba(84,189,120,.055); }.customer-created>span { color:#89b899; }
.customer-preview.is-empty { border-color:#303940; background:#12181d; }.customer-preview.is-empty .preview-details strong,.customer-preview.is-empty .preview-code-value strong { color:#68747c; }.customer-preview.is-empty .preview-actions { visibility:hidden; }.customer-preview.is-pending { border-color:rgba(242,162,13,.48); background:rgba(242,162,13,.055); box-shadow:inset 3px 0 0 rgba(242,162,13,.72); }.customer-preview.is-pending .preview-header i { border-color:rgba(242,162,13,.35); color:#e1b45f; background:rgba(242,162,13,.08); }.customer-preview.is-pending .preview-code-block { border-color:rgba(242,162,13,.32); background:rgba(17,14,8,.3); }.customer-preview.is-pending .preview-code-value strong { color:#ffd687; }.customer-preview.is-success { border-color:rgba(84,189,120,.48); background:rgba(84,189,120,.055); box-shadow:inset 3px 0 0 rgba(84,189,120,.72); }.customer-preview.is-success .preview-header i { border-color:rgba(84,189,120,.35); color:#9bd7ae; background:rgba(84,189,120,.08); }.customer-preview.is-success .preview-code-block { border-color:rgba(84,189,120,.3); }.customer-preview.is-success .preview-code-value strong { color:#a9dfba; }.customer-preview.is-success #edit-customer,.customer-preview.is-success #confirm-customer { display:none; }
.preview-email-status { display:grid; min-width:0; grid-template-columns:auto minmax(0,1fr); align-items:center; gap:3px 12px; padding:10px 12px; border:1px solid rgba(242,162,13,.32); border-radius:8px; color:#e8bd6c; background:rgba(242,162,13,.055); }.preview-email-status>span { grid-row:1/3; font-size:var(--font-caption); }.preview-email-status>strong { font-size:var(--font-body); }.preview-email-status>small { overflow:hidden; color:#a58c5d; font-size:var(--font-caption); text-overflow:ellipsis; white-space:nowrap; }.preview-email-status[data-tone="success"] { border-color:rgba(84,189,120,.38); color:#a9dfba; background:rgba(84,189,120,.07); }.preview-email-status[data-tone="success"]>small { color:#80b491; }.preview-email-status[data-tone="error"] { border-color:rgba(226,107,103,.4); color:#f0aaa7; background:rgba(226,107,103,.07); }.preview-email-status[data-tone="error"]>small { color:#c98784; }
.customer-workspace { display:grid; grid-template-columns:280px minmax(0,1fr); gap:20px; align-items:start; }.user-directory { position:sticky; top:20px; display:grid; max-height:calc(100vh - 44px); grid-template-rows:auto auto minmax(0,1fr); }.form-actions { display:flex; justify-content:flex-end; gap:8px; }.directory-meta { display:flex; align-items:center; justify-content:space-between; gap:10px; padding:12px 14px 8px; color:#9aa4aa; font-size:var(--font-micro); }.directory-meta small { color:#657078; font-size:var(--font-micro); }.customers-list { display:grid; gap:6px; overflow:auto; padding:6px 8px 10px; }.customer-item { display:grid; width:100%; min-height:82px; gap:6px; padding:11px 12px; border-color:transparent; text-align:left; background:transparent; }.customer-item:hover:not(:disabled) { border-color:#39434a; background:#1b2227; }.customer-item.active { border-color:rgba(242,162,13,.38); color:#fff1d3; background:rgba(242,162,13,.08); }.customer-item-heading { display:flex; align-items:center; justify-content:space-between; gap:8px; }.customer-item-heading strong { overflow:hidden; font-size:var(--font-body); text-overflow:ellipsis; white-space:nowrap; }.customer-item-heading i { display:flex; align-items:center; gap:4px; color:#839097; font-size:var(--font-micro); font-style:normal; }.customer-item-heading i::before { width:5px; height:5px; border-radius:50%; background:#748089; content:""; }.customer-item-heading i.ok { color:#86c99b; }.customer-item-heading i.ok::before { background:var(--green); }.customer-item-heading i.bad { color:#dc9895; }.customer-item-heading i.bad::before { background:var(--red); }.customer-item>small { overflow:hidden; color:#6f7b83; font-size:var(--font-micro); text-overflow:ellipsis; white-space:nowrap; }.customer-item-meta { color:#98a2a8; font-size:var(--font-micro); }.directory-empty { padding:24px 12px; }
.user-detail { display:grid; min-width:0; gap:20px; scroll-margin-top:12px; }.detail-identity { display:flex; min-height:86px; align-items:center; justify-content:space-between; gap:18px; padding:17px 19px; border-bottom:1px solid var(--line); background:#151b20; }.detail-identity h2 { margin:6px 0 0; font-size:var(--font-card-title); }.detail-identity p { margin:5px 0 0; color:var(--muted); font-size:var(--font-micro); }.detail-metrics { display:grid; grid-template-columns:repeat(4,1fr); }.detail-metrics>div { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:14px 17px; border-right:1px solid var(--line); }.detail-metrics>div:last-child { border-right:0; }.detail-metrics span { color:var(--muted); font-size:var(--font-micro); }.detail-metrics strong { font-size:var(--font-card-title); }.deployment-form { border-bottom:1px solid var(--line); background:#141a1f; }.deployment-form .form-body { grid-template-columns:minmax(220px,1fr) 220px auto; align-items:end; gap:12px; }.deployment-form-copy strong { font-size:var(--font-body); }.deployment-form-copy p { margin:6px 0 0; color:var(--muted); font-size:var(--font-micro); line-height:1.5; }.deployment-form .form-message,.deployment-form .generated-code { grid-column:1/-1; }.empty-workspace { display:grid; min-height:280px; place-content:center; text-align:center; }.empty-workspace strong { font-size:var(--font-subtitle); }.empty-workspace p { margin:8px 0 0; color:var(--muted); font-size:var(--font-caption); }
.settings-grid { display:grid; grid-template-columns:minmax(0,1fr); gap:20px; }.settings-grid>.panel { width:100%; }.policy-list { display:grid; gap:0; padding:0 18px; }.policy-list>div { padding:17px 0; border-bottom:1px solid rgba(126,141,153,.12); }.policy-list>div:last-child { border-bottom:0; }.policy-list b { font-size:var(--font-body); }.policy-list p { margin:6px 0 0; color:var(--muted); font-size:var(--font-caption); line-height:1.6; }
.heartbeat-duration-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; }.heartbeat-duration-group { display:grid; align-content:start; gap:12px; min-height:150px; padding:16px; border:1px solid #333d44; border-radius:8px; background:#141a1f; }.heartbeat-duration-group>strong { color:#d9dee2; font-size:var(--font-body); }.heartbeat-duration-group>div { display:grid; grid-template-columns:1fr 1fr; gap:10px; }
.lease-ttl-group>small { color:var(--muted); font-size:var(--font-micro); line-height:1.55; }
.ttl-impact { padding:13px 15px; border:1px solid #333d44; border-radius:8px; color:#aeb7bd; background:#141a1f; font-size:var(--font-caption); line-height:1.6; }.ttl-impact[data-tone="warning"] { border-color:rgba(242,162,13,.38); color:#e7c077; background:rgba(242,162,13,.055); }
.system-status-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); }.system-status-item { display:grid; min-height:142px; grid-template-columns:minmax(0,1fr) auto; align-content:center; gap:12px 14px; padding:22px 20px; border-right:1px solid var(--line); border-bottom:1px solid var(--line); }.system-status-item:nth-child(3n) { border-right:0; }.system-status-item:last-child,.system-status-item:nth-child(3n+1):nth-last-child(-n+3),.system-status-item:nth-child(3n+1):nth-last-child(-n+3)~.system-status-item { border-bottom:0; }.system-status-item>span { color:#8b969d; font-size:var(--font-caption); }.system-status-item>strong { color:#e3e8ea; font-size:var(--font-subtitle); }.system-status-item>small { grid-column:1/-1; overflow-wrap:anywhere; color:#69757d; font-size:var(--font-micro); line-height:1.5; }.system-status-item[data-tone="ok"]>strong { color:#9bd7ae; }.system-status-item[data-tone="warning"]>strong { color:#efc36f; }.system-status-item[data-tone="error"]>strong { color:#efa7a4; }
.audit-filter-grid { display:grid; grid-template-columns:.82fr .82fr 1.12fr 1fr 1fr .82fr; align-items:end; gap:8px; padding:14px 16px; }.audit-filter-actions { display:flex; justify-content:flex-end; gap:6px; }.audit-filter-actions button { min-width:88px; }.audit-retention-row { display:grid; grid-template-columns:minmax(220px,320px) minmax(0,1fr) auto; align-items:end; gap:14px; padding:16px 18px; border-top:1px solid var(--line); background:#141a1f; }.audit-retention-row .form-message { align-self:center; margin:0; }.audit-retention-row>button { min-width:108px; }.audit-controls input[type="datetime-local"] { min-width:0; }
fieldset { display:grid; grid-template-columns:repeat(2,1fr); gap:9px; margin:0; padding:12px; border:1px solid #333d44; border-radius:8px; }legend { padding:0 6px; color:#7f8a92; font-size:var(--font-caption); }.form-body label.check { display:flex; align-items:center; gap:8px; }.check input { width:15px; height:15px; accent-color:var(--accent); }
.table-wrap { overflow:auto; }.data-table { width:100%; border-collapse:collapse; }.data-table th,.data-table td { padding:12px 14px; border-bottom:1px solid rgba(126,141,153,.12); text-align:left; white-space:nowrap; font-size:var(--font-caption); }.data-table th { color:#727e86; background:#141a1f; font-weight:650; }.data-table td { color:#c5cdd2; }.data-table tr:last-child td { border-bottom:0; }.data-table button { min-height:28px; padding:4px 9px; font-size:var(--font-micro); }.empty { padding:38px 18px; color:#69757d; text-align:center; font-size:var(--font-body); }
.managed-users .data-table { min-width:900px; }.user-identity { display:flex; min-width:210px; align-items:center; flex-wrap:wrap; gap:4px 7px; }.user-identity strong { width:100%; color:#e1e6e8; font-size:var(--font-caption); font-weight:650; }.user-identity small { overflow:hidden; max-width:160px; color:#75818a; font-size:var(--font-micro); text-overflow:ellipsis; white-space:nowrap; }.user-price { width:max-content; padding:2px 6px; border-radius:99px; color:#e4b960; background:rgba(242,162,13,.08); font-size:var(--font-micro); font-style:normal; }.user-actions { display:flex; align-items:center; gap:6px; }.heartbeat-button { border-color:rgba(242,162,13,.3); color:#e9bd6c; background:rgba(242,162,13,.055); }.delete-user-button { border-color:rgba(226,107,103,.28); color:#d99a97; background:rgba(226,107,103,.045); }.delete-user-button:hover:not(:disabled) { border-color:rgba(226,107,103,.55); color:#ffc0bd; background:rgba(226,107,103,.1); }
.status { display:inline-flex; align-items:center; gap:6px; padding:4px 7px; border-radius:99px; color:#9da7ad; background:#232b31; }.status::before { width:6px; height:6px; border-radius:50%; background:#748089; content:""; }.status.ok { color:#9bd7ae; background:rgba(84,189,120,.09); }.status.ok::before { background:var(--green); }.status.bad { color:#efa7a4; background:rgba(226,107,103,.09); }.status.bad::before { background:var(--red); }.status.warn { color:#efc36f; background:rgba(242,162,13,.09); }.status.warn::before { background:var(--accent); }
.mono { font-family:"SFMono-Regular",Consolas,monospace; font-size:var(--font-micro); }.fingerprint { display:inline-flex; align-items:center; gap:6px; }.fingerprint code { color:#cbd3d7; font-family:"SFMono-Regular",Consolas,monospace; font-size:var(--font-micro); }.fingerprint button { min-height:24px; padding:2px 6px; border-color:transparent; color:#79858d; background:transparent; }.fingerprint button:hover:not(:disabled) { border-color:#3b464d; }.generated-code { display:grid; gap:9px; padding:14px; border:1px solid rgba(242,162,13,.42); border-radius:9px; background:rgba(242,162,13,.06); }.generated-code span { color:#a98645; font-size:var(--font-micro); }.generated-code strong { color:#ffd687; font-family:"SFMono-Regular",Consolas,monospace; font-size:var(--font-highlight); letter-spacing:.04em; word-break:break-all; }
.notice-modal { position:fixed; z-index:200; inset:0; display:grid; place-items:center; padding:24px; }.notice-backdrop { position:absolute; min-height:0; padding:0; border:0; border-radius:0; inset:0; background:rgba(5,8,10,.72); backdrop-filter:blur(5px); cursor:default; animation:notice-fade-in .16s ease-out; }.notice-backdrop:hover:not(:disabled) { border:0; background:rgba(5,8,10,.72); }.notice-dialog { position:relative; display:grid; width:min(430px,100%); grid-template-columns:44px minmax(0,1fr); gap:16px; padding:22px; border:1px solid #3b464d; border-radius:13px; outline:none; background:#151c21; box-shadow:0 28px 90px rgba(0,0,0,.58); animation:notice-dialog-in .18s ease-out; }.notice-icon { display:grid; width:44px; height:44px; place-items:center; border:1px solid rgba(226,107,103,.5); border-radius:12px; color:#f0aaa7; background:rgba(226,107,103,.09); font-size:var(--font-icon); font-weight:850; }.notice-copy { min-width:0; }.notice-copy>span { color:#dd8e8a; font-size:var(--font-micro); font-weight:800; letter-spacing:.16em; }.notice-copy h2 { margin:6px 0 0; font-size:var(--font-highlight); }.notice-copy p { margin:8px 0 0; color:#9ca7ad; font-size:var(--font-body); line-height:1.65; white-space:pre-line; word-break:break-word; }.notice-actions { display:flex; grid-column:1/-1; justify-content:flex-end; gap:8px; margin-top:4px; }.notice-actions button { min-width:104px; }.notice-dialog[data-tone="warning"] .notice-icon { border-color:rgba(242,162,13,.5); color:#f5c15e; background:rgba(242,162,13,.09); }.notice-dialog[data-tone="warning"] .notice-copy>span { color:#d9a642; }@keyframes notice-fade-in { from { opacity:0; } to { opacity:1; } }@keyframes notice-dialog-in { from { opacity:0; transform:translateY(8px) scale(.985); } to { opacity:1; transform:translateY(0) scale(1); } }
.notice-confirm-field { display:grid; grid-column:1/-1; gap:7px; color:#aeb7bd; font-size:var(--font-caption); }.notice-confirm-field input { height:40px; font-family:"SFMono-Regular",Consolas,monospace; }.notice-confirm-field input:focus { border-color:rgba(226,107,103,.72); box-shadow:0 0 0 3px rgba(226,107,103,.1); }
.registration-license-status { display:flex; align-items:center; gap:6px; flex-wrap:wrap; }
.delivery-summary{display:flex;align-items:center;gap:7px;flex-wrap:wrap;padding:10px 16px;border-bottom:1px solid var(--line);background:#12181d}
.preview-actions { display:grid; width:min(440px,100%); grid-template-columns:repeat(2,minmax(0,1fr)); align-self:flex-end; }.preview-actions button,.preview-actions .primary { width:100%; min-width:0; }.customer-preview.is-success .preview-actions { grid-template-columns:1fr; }.user-actions { display:grid; grid-template-columns:repeat(3,66px); }.user-actions button { width:66px; padding-right:5px; padding-left:5px; }.notice-actions { display:grid; grid-template-columns:repeat(2,104px); justify-content:end; }.notice-actions button { width:104px; min-width:0; }.notice-actions #notice-close { grid-column:2; }
.toggle-user-button { border-color:#3a444c; color:#aeb7bd; background:#1a2127; }.toggle-user-button.disable:hover:not(:disabled),.toggle-user-button.disable:focus-visible { border-color:rgba(226,107,103,.5); color:#efa7a4; background:rgba(226,107,103,.08); }.toggle-user-button.enable:hover:not(:disabled),.toggle-user-button.enable:focus-visible { border-color:rgba(84,189,120,.5); color:#9bd7ae; background:rgba(84,189,120,.08); }
.summary-actions { display:grid; grid-template-columns:repeat(2,72px); justify-content:end; gap:8px; }.summary-actions button { width:72px; padding-right:5px; padding-left:5px; }.user-details-button { border-color:#3a444c; color:#aeb7bd; background:#1a2127; }.user-details-button:hover:not(:disabled),.user-details-button:focus-visible,.user-details-button[aria-expanded="true"] { border-color:rgba(242,162,13,.48); color:#f4c777; background:rgba(242,162,13,.07); }
.user-expanded-row>td { padding:0!important; border-bottom:1px solid #3a444c!important; white-space:normal!important; background:#10161a; }.user-expanded-panel { display:grid; gap:18px; padding:20px 22px 22px; border-top:1px solid rgba(242,162,13,.24); background:linear-gradient(180deg,rgba(242,162,13,.025),transparent 54%),#10161a; }.user-expanded-panel>header { display:flex; min-height:52px; align-items:center; justify-content:space-between; gap:20px; padding:0 2px; }.user-expanded-panel>header>div { display:grid; gap:5px; }.user-expanded-panel>header span { color:#9c824f; font-size:var(--font-micro); font-weight:800; letter-spacing:.14em; }.user-expanded-panel>header strong { color:#e2e7e9; font-size:var(--font-section); }.user-expanded-panel>header small { color:#69757d; font-size:var(--font-micro); }.deployment-detail-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }.deployment-detail-card { display:grid; min-width:0; gap:15px; padding:16px; border:1px solid #303940; border-radius:9px; background:#141a1f; }.deployment-detail-card:only-child { grid-column:1/-1; }.deployment-detail-card>header { display:flex; min-width:0; align-items:center; justify-content:space-between; gap:16px; padding-bottom:13px; border-bottom:1px solid rgba(126,141,153,.12); }.deployment-detail-card>header>div { display:grid; min-width:0; gap:5px; }.deployment-detail-card>header strong { color:#dce2e5; font-size:var(--font-body); }.deployment-detail-card>header small { color:#69757d; font-family:"SFMono-Regular",Consolas,monospace; font-size:var(--font-micro); line-height:1.5; overflow-wrap:anywhere; }.release-device-button { flex:0 0 auto; min-height:32px; padding:5px 11px; color:#aeb7bd; background:#1a2127; font-size:var(--font-micro); }.release-device-button:hover:not(:disabled),.release-device-button:focus-visible { border-color:rgba(226,107,103,.5); color:#efa7a4; background:rgba(226,107,103,.08); }.deployment-detail-fields { display:grid; grid-template-columns:1fr 1fr; gap:10px; }.deployment-detail-card:only-child .deployment-detail-fields { grid-template-columns:repeat(4,minmax(0,1fr)); }.deployment-detail-field { display:grid; min-width:0; min-height:82px; align-content:space-between; gap:10px; padding:12px; border:1px solid rgba(126,141,153,.12); border-radius:7px; background:#10161a; }.deployment-detail-field>span { color:#77838b; font-size:var(--font-micro); }.deployment-detail-field>div { display:flex; min-width:0; align-items:flex-start; gap:9px; }.deployment-detail-field code,.deployment-detail-field strong { flex:1; min-width:0; color:#cdd5d9; font-family:"SFMono-Regular",Consolas,monospace; font-size:var(--font-micro); font-weight:500; line-height:1.55; overflow-wrap:anywhere; word-break:break-all; }.deployment-detail-field button { flex:0 0 auto; min-height:25px; padding:2px 6px; border-color:transparent; color:#79858d; background:transparent; font-size:var(--font-micro); }.deployment-detail-field button:hover:not(:disabled),.deployment-detail-field button:focus-visible { border-color:#3b464d; color:#d4dade; }
.manage-tools #heartbeat-all,.heartbeat-button { border-color:#3a444c; color:#aeb7bd; background:#1a2127; }.manage-tools #heartbeat-all:hover:not(:disabled),.manage-tools #heartbeat-all:focus-visible,.heartbeat-button:hover:not(:disabled),.heartbeat-button:focus-visible { border-color:rgba(242,162,13,.48); color:#f4c777; background:rgba(242,162,13,.07); box-shadow:0 0 0 3px rgba(242,162,13,.1); }
.user-identity { display:grid; width:280px; min-width:280px; grid-template-columns:100px 173px; align-items:center; justify-items:start; gap:4px 7px; margin:0 auto; text-align:left; }.user-identity strong { width:100%; grid-column:1/-1; overflow:hidden; text-align:left; text-overflow:ellipsis; white-space:nowrap; }.user-identity small { width:100px; max-width:100px; }.user-identity .user-price { max-width:173px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.managed-users .data-table { min-width:1120px; }.activation-code-cell { display:grid; min-width:190px; max-width:220px; grid-template-columns:minmax(0,1fr) auto; align-items:center; gap:7px; }.activation-code-cell code { overflow:hidden; color:#c7d0d5; font-family:"SFMono-Regular",Consolas,monospace; font-size:var(--font-micro); line-height:1.4; text-overflow:ellipsis; white-space:nowrap; }.activation-code-cell button { min-width:48px; padding-right:7px; padding-left:7px; }.activation-code-cell button:not(:disabled) { border-color:#3a444c; color:#aeb7bd; background:#1a2127; }.activation-code-cell button:hover:not(:disabled),.activation-code-cell button:focus-visible { border-color:rgba(242,162,13,.48); color:#f4c777; background:rgba(242,162,13,.07); }
.admin-layout button.primary { border:1px solid rgba(242,162,13,.48); color:#f4c777; background:rgba(242,162,13,.075); box-shadow:none; }.admin-layout button.primary:hover:not(:disabled),.admin-layout button.primary:focus-visible { border-color:rgba(242,162,13,.72); color:#ffe0a3; background:rgba(242,162,13,.13); box-shadow:0 0 0 3px rgba(242,162,13,.08); }.admin-layout button.primary:active:not(:disabled) { border-color:#f2a20d; color:#ffe8bd; background:rgba(242,162,13,.19); }.admin-layout button.primary:disabled { border-color:#303940; color:#68747c; background:#1a2127; box-shadow:none; }.create-primary,.heartbeat-form button[type="submit"],.preview-actions button { min-height:44px; border-radius:8px; }.customer-preview.is-pending { background:rgba(242,162,13,.035); box-shadow:none; }.customer-preview.is-success { background:rgba(84,189,120,.035); box-shadow:none; }.customer-preview.is-success #create-next-user { border-color:rgba(84,189,120,.48); color:#9bd7ae; background:rgba(84,189,120,.075); }.customer-preview.is-success #create-next-user:hover:not(:disabled),.customer-preview.is-success #create-next-user:focus-visible { border-color:rgba(84,189,120,.7); color:#c1ebce; background:rgba(84,189,120,.13); box-shadow:0 0 0 3px rgba(84,189,120,.08); }
.admin-layout button.primary,.customer-preview.is-success #create-next-user { border-color:#3a444c; color:#c8d0d5; background:#1a2127; box-shadow:none; }.admin-layout button.primary:hover:not(:disabled),.admin-layout button.primary:focus-visible { border-color:rgba(242,162,13,.62); color:#f4c777; background:rgba(242,162,13,.09); box-shadow:0 0 0 3px rgba(242,162,13,.07); }.customer-preview.is-success #create-next-user:hover:not(:disabled),.customer-preview.is-success #create-next-user:focus-visible { border-color:rgba(84,189,120,.62); color:#9bd7ae; background:rgba(84,189,120,.09); box-shadow:0 0 0 3px rgba(84,189,120,.07); }
.managed-users .data-table { min-width:1120px; }
.ip-cell { min-width:104px; color:#aeb7bd!important; }
.summary-actions { display:flex; min-width:max-content; align-items:center; justify-content:flex-end; gap:8px; }
.summary-actions button { width:72px; min-height:36px; padding:7px 9px; font-size:var(--font-caption); }
.summary-actions .heartbeat-button { width:88px; }
.summary-actions .release-device-button { width:82px; }
.summary-actions .user-details-button { width:48px; border-color:transparent; color:#8e9aa2; background:transparent; font-size:var(--font-highlight); line-height:1; }
.summary-actions .user-details-button:hover:not(:disabled),.summary-actions .user-details-button:focus-visible,.summary-actions .user-details-button[aria-expanded="true"] { border-color:transparent; color:#f4c777; background:transparent; box-shadow:none; }
.user-expanded-panel { position:relative; gap:10px; padding:16px; }
.deployment-detail-card>header { justify-content:flex-start; }
.audit-controls { position:relative; z-index:20; overflow:visible; }
.audit-controls:has(.select-control.is-open) { z-index:80; }
.audit-heading { overflow:visible; }
.audit-heading-tools { display:flex; min-width:0; align-items:center; justify-content:flex-end; gap:8px; }
.audit-heading-tools>small { color:#68747c; white-space:nowrap; }
.audit-retention-inline { display:flex; min-width:0; align-items:center; gap:6px; }
.audit-retention-inline>label { display:flex; min-width:0; align-items:center; gap:6px; color:#8b969d; white-space:nowrap; }
.audit-retention-inline>label>span { font-size:var(--font-caption); }
.audit-retention-inline .select-control { width:104px; min-width:104px; }
.audit-retention-inline .select-trigger { height:32px; }
.audit-retention-inline>button { min-width:60px; min-height:32px; padding:4px 9px; }
.audit-retention-inline .form-message { max-width:150px; margin:0; font-size:var(--font-micro); }
.managed-users .data-table>thead>tr>th,.managed-users .data-table>tbody>tr:not(.user-expanded-row)>td { text-align:center; vertical-align:middle; }
.managed-users .user-identity { justify-items:start; text-align:left; }
.managed-users .status { width:auto; min-width:0; justify-content:center; white-space:nowrap; }
.managed-users .summary-actions { justify-content:center; }
.managed-users .data-table { width:100%; min-width:0; table-layout:fixed; }
.managed-users .data-table th:nth-child(1) { width:104px; }
.managed-users .data-table th:nth-child(2) { width:280px; }
.managed-users .data-table th:nth-child(3),.managed-users .data-table th:nth-child(4),.managed-users .data-table th:nth-child(5) { width:160px; }
.managed-users .data-table th:nth-child(6) { width:196px; }
.managed-users .user-identity { width:auto; min-width:0; grid-template-columns:96px minmax(0,1fr); }
.managed-users .summary-actions { display:grid; width:178px; max-width:178px; min-width:178px; grid-template-columns:repeat(2,86px); margin:0 auto; gap:6px; justify-content:center; }
.managed-users .summary-actions button,.managed-users .summary-actions .heartbeat-button,.managed-users .summary-actions .release-device-button,.managed-users .summary-actions .user-details-button { width:86px; min-width:86px; padding-right:6px; padding-left:6px; }
.notice-actions { grid-template-columns:repeat(2,124px); }
.notice-actions button { width:124px; min-width:124px; white-space:nowrap; }
.notice-dialog[data-tone="warning"] #notice-close{border-color:#3a444c;color:#c8d0d5;background:#1a2127;box-shadow:none}.notice-dialog[data-tone="warning"] #notice-close:hover:not(:disabled),.notice-dialog[data-tone="warning"] #notice-close:focus-visible{border-color:rgba(242,162,13,.62);color:#f4c777;background:rgba(242,162,13,.09);box-shadow:0 0 0 3px rgba(242,162,13,.07)}
.metric span { font-size:var(--font-card-title); }
.metric small { font-size:var(--font-body); }
.overview-group__grid .metric--coupon>strong { align-self:start; }
.system-status-panel .panel-heading>small { font-size:var(--font-highlight); }
.system-status-item>span { font-size:var(--font-body); }
.system-status-item>strong { font-size:var(--font-card-title); }
.system-status-grid .system-status-item.system-status-item--online>strong { font-size:var(--font-metric); letter-spacing:-.025em; }
.system-status-item>small { font-size:var(--font-body); }
.product-summary { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:14px; }
.product-summary article { display:grid; min-height:105px; grid-template-columns:minmax(0,1fr) auto; align-content:center; gap:9px 16px; padding:18px 20px; border:1px solid var(--line); border-radius:11px; background:var(--panel); }
.product-summary span { color:#8d989f; font-size:var(--font-caption); }
.product-summary strong { color:#e8edef; font-size:var(--font-card-title); }
.product-summary small { grid-column:1/-1; color:#69757d; font-size:var(--font-micro); line-height:1.5; }
.product-management-grid { display:grid; grid-template-columns:minmax(640px,1.45fr) minmax(360px,.78fr); align-items:start; gap:18px; }
.product-management-grid>#product-form { grid-column:2; grid-row:1; }
.product-management-grid>.product-list-panel { grid-column:1; grid-row:1; }
.product-form-body { display:grid; gap:15px; }
.product-catalog-fields { display:grid; grid-template-columns:minmax(180px,.75fr) minmax(0,1.25fr); align-items:start; gap:10px; }.product-catalog-fields label { min-width:0; align-content:start; }.product-catalog-fields small { color:#707c84; font-size:var(--font-caption); line-height:1.45; }
.product-stock-description-fields { grid-template-columns:minmax(0,1.35fr) minmax(190px,.65fr); }
.product-primary-fields,.product-sales-fields { grid-template-columns:repeat(2,minmax(0,1fr)); }
.coupon-paired-fields { grid-template-columns:repeat(2,minmax(0,1fr)); }
.coupon-time-trigger { position:relative; display:flex; width:100%; height:40px; align-items:center; justify-content:space-between; gap:10px; padding:0 12px; border-color:#374149; color:#edf1f3; text-align:left; background:#10161a; }
.coupon-time-trigger:hover:not(:disabled) { border-color:#59646d; background:#12191e; }
.coupon-time-trigger span { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.coupon-time-trigger i { position:relative; width:16px; height:15px; flex:0 0 16px; border:1.5px solid #9da7ad; border-radius:3px; }
.coupon-time-trigger i::before { position:absolute; top:3px; right:-1.5px; left:-1.5px; border-top:1.5px solid #9da7ad; content:""; }
.coupon-time-trigger i::after { position:absolute; top:-3px; left:3px; width:6px; height:4px; border-right:1.5px solid #9da7ad; border-left:1.5px solid #9da7ad; content:""; }
.coupon-time-modal { position:fixed; z-index:210; inset:0; display:grid; place-items:center; padding:20px; }
.coupon-time-backdrop { position:absolute; min-height:0; padding:0; border:0; border-radius:0; inset:0; background:rgba(5,8,10,.74); backdrop-filter:blur(5px); cursor:default; }
.coupon-time-backdrop:hover:not(:disabled) { border:0; background:rgba(5,8,10,.74); }
.coupon-time-dialog { position:relative; display:grid; width:min(430px,100%); gap:14px; padding:20px; border:1px solid #3b464d; border-radius:10px; outline:0; background:#151c21; box-shadow:0 28px 90px rgba(0,0,0,.58); animation:notice-dialog-in .18s ease-out; }
.coupon-time-dialog>header { display:flex; align-items:flex-start; justify-content:space-between; gap:16px; padding-bottom:12px; border-bottom:1px solid #303940; }
.coupon-time-dialog>header span { color:var(--accent); font-size:var(--font-micro); font-weight:800; letter-spacing:.16em; }
.coupon-time-dialog>header h2 { margin:5px 0 0; font-size:var(--font-section); }
.coupon-time-close { width:34px; min-height:34px; padding:0; font-size:var(--font-icon); line-height:1; }
.coupon-calendar-toolbar { display:grid; grid-template-columns:36px 1fr 36px; align-items:center; gap:8px; }
.coupon-calendar-toolbar button { width:36px; min-height:34px; padding:0; font-size:var(--font-icon); }
.coupon-calendar-toolbar strong { text-align:center; font-size:var(--font-emphasis); }
.coupon-calendar-weekdays,.coupon-calendar-grid { display:grid; grid-template-columns:repeat(7,minmax(0,1fr)); gap:5px; }
.coupon-calendar-weekdays span { color:#77838b; text-align:center; font-size:var(--font-micro); }
.coupon-calendar-grid>span,.coupon-calendar-grid button { width:100%; min-width:0; min-height:38px; padding:0; }
.coupon-calendar-grid button { border-color:transparent; background:transparent; }
.coupon-calendar-grid button:hover:not(:disabled) { border-color:#465159; background:#20282e; }
.coupon-calendar-grid button.is-today { color:#f4c777; }
.coupon-calendar-grid button.is-selected { border-color:rgba(242,162,13,.72); color:#1c1405; background:#f2a20d; font-weight:750; }
.coupon-clock-fields { display:grid; grid-template-columns:1fr 1fr; gap:10px; padding-top:12px; border-top:1px solid #303940; }
.coupon-clock-fields[hidden] { display:none; }
.coupon-clock-fields label { display:grid; gap:6px; color:#aeb7bd; }
.coupon-time-dialog>footer { display:grid; grid-template-columns:auto auto 1fr auto auto; align-items:center; gap:8px; padding-top:4px; }
.coupon-time-dialog>footer button { min-width:78px; }
.product-money-input { position:relative; }
.product-money-input>span { position:absolute; z-index:1; top:50%; left:12px; color:#89949b; font-size:var(--font-emphasis); transform:translateY(-50%); }
.product-money-input input { padding-left:31px; font-size:var(--font-subtitle); font-weight:650; }
.product-duration-field { display:grid; min-width:0; grid-template-columns:1fr; gap:10px; margin:0; padding:0; border:0; }
.product-duration-field>legend { margin-bottom:7px; color:#aeb7bd; font-size:var(--font-body); }
.product-duration-options { display:grid; grid-template-columns:110px minmax(0,1fr); gap:6px; }
.product-duration-option { display:block!important; cursor:pointer; }
.product-duration-option>input[type="radio"] { position:absolute; width:1px; height:1px; opacity:0; pointer-events:none; }
.product-duration-option>span { display:grid; min-height:40px; align-content:center; padding:6px 9px; border:1px solid #303940; border-radius:8px; background:#12181d; transition:border-color .18s ease,color .18s ease,background .18s ease,box-shadow .18s ease; }
.product-duration-option b { color:#c5cdd1; font-size:var(--font-body); }
.product-duration-option:hover>span { border-color:#4a555d; background:#171e23; }
.product-duration-option>input[type="radio"]:focus-visible+span { border-color:var(--accent); box-shadow:0 0 0 3px rgba(242,162,13,.1); }
.product-duration-option>input[type="radio"]:checked+span { border-color:rgba(242,162,13,.62); background:rgba(242,162,13,.085); box-shadow:none; }
.product-duration-option>input[type="radio"]:checked+span b { color:#f5cc7f; }
.product-duration-option--custom>span { grid-template-columns:auto minmax(86px,1fr); align-items:center; gap:6px; }
.product-duration-option b { white-space:nowrap; }
.product-duration-option:not(.product-duration-option--custom)>span { place-items:center; text-align:center; }
.product-duration-inline-input { display:flex; align-items:center; gap:7px; }
.product-duration-inline-input input { min-width:0; height:32px; padding:5px 8px; }
.product-duration-inline-input input:disabled { cursor:not-allowed; opacity:.48; }
.product-duration-inline-input em { color:#8d989f; font-style:normal; font-size:var(--font-caption); }
.custom-validity-field { padding:11px; border:1px solid rgba(242,162,13,.25); border-radius:8px; background:rgba(242,162,13,.035); }
.product-check { display:grid!important; grid-template-columns:42px minmax(0,1fr); align-items:center; gap:3px 10px; padding:13px; border:1px solid #303940; border-radius:8px; background:#12181d; cursor:pointer; }
.product-check input { position:relative; width:38px; height:22px; grid-row:1/3; margin:0; padding:0; appearance:none; border:1px solid #465159; border-radius:99px; background:#232b31; cursor:pointer; }
.product-check input::after { position:absolute; top:3px; left:3px; width:14px; height:14px; border-radius:50%; background:#8b969d; content:""; transition:transform .18s ease,background .18s ease; }
.product-check input:checked { border-color:rgba(242,162,13,.65); background:rgba(242,162,13,.18); }
.product-check input:checked::after { background:#f2a20d; transform:translateX(16px); }
.product-check span { color:#cbd3d7; font-size:var(--font-body); }
.product-check small { color:#707c84; font-size:var(--font-micro); }
.product-form-actions { display:grid; grid-template-columns:1fr 1fr; gap:9px; }
.product-form-actions button { min-height:42px; }
.product-form-actions button:only-child { grid-column:1/-1; }
.product-form-actions button[hidden]+button { grid-column:1/-1; }
.product-list-panel .data-table { min-width:840px; }
.product-list-panel .data-table th,.product-list-panel .data-table td { vertical-align:middle; }
.product-identity { display:grid; min-width:138px; max-width:210px; gap:5px; }
.product-identity strong { overflow:hidden; color:#e0e5e7; font-size:var(--font-body); text-overflow:ellipsis; white-space:nowrap; }
.product-identity small { overflow:hidden; color:#6f7b83; font-size:var(--font-micro); text-overflow:ellipsis; white-space:nowrap; }
.product-type-label,.product-validity-label { display:inline-flex; min-height:24px; align-items:center; padding:3px 8px; border:1px solid #364149; border-radius:99px; color:#aeb7bd; background:#171e23; font-size:var(--font-micro); white-space:nowrap; }
.product-type-label.full { border-color:rgba(242,162,13,.34); color:#f0c36f; background:rgba(242,162,13,.07); }
.product-type-label.free { border-color:rgba(84,189,120,.3); color:#91d7a9; background:rgba(84,189,120,.06); }
.product-type-label.promotion,.product-validity-label.limited { border-color:rgba(105,151,205,.3); color:#a8c6e6; background:rgba(105,151,205,.06); }
.product-type-label.base { border-color:rgba(84,189,120,.3); color:#91d7a9; background:rgba(84,189,120,.06); }.product-type-label.template { border-color:rgba(149,117,205,.34); color:#c7afea; background:rgba(149,117,205,.08); }.product-type-label.module { border-color:rgba(242,162,13,.34); color:#f0c36f; background:rgba(242,162,13,.07); }.product-type-label.bundle { border-color:rgba(105,151,205,.3); color:#a8c6e6; background:rgba(105,151,205,.06); }
.product-actions { display:flex; min-width:max-content; justify-content:flex-end; gap:7px; }
.product-actions button { min-width:52px; }
.product-actions .danger-quiet { color:#d99a97; }
.payment-heading-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap}.payment-heading-actions>#clear-unsuccessful-orders{min-height:32px;padding:6px 10px;font-size:12px;white-space:nowrap}
.customer-preview.is-pending,.customer-preview.is-success { box-shadow:none; }
.select-option { padding-right:32px; padding-left:5px; }
.select-option[aria-selected="true"]::after { right:8px; }
.user-entitlement-summary { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:8px; }.user-entitlement-summary .deployment-detail-field { min-height:62px; gap:6px; padding:9px 10px; }
.admin-account-body { gap:16px; }
.admin-account-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
.admin-account-panel .form-hint { margin:0; }
@media (max-width:1250px) { .settings-grid { grid-template-columns:1fr; }.metric-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }.deployment-form .form-body { grid-template-columns:1fr 200px; }.deployment-form .form-actions { grid-column:1/-1; } }
@media (max-width:1250px) { .overview-dashboard{grid-template-columns:1fr}.overview-group{grid-column:1}.overview-group__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.overview-group__grid .metric--span-2{grid-column:span 2} }
@media (max-width:1250px) { .product-management-grid { grid-template-columns:1fr; }.product-management-grid>.product-list-panel { grid-column:1; grid-row:1; }.product-management-grid>#product-form { grid-column:1; grid-row:2; }.product-list-panel .data-table { min-width:760px; } }
@media (max-width:800px) { .product-summary { grid-template-columns:1fr; }.product-summary article { min-height:88px; } }
@media (max-width:480px) { .product-duration-options { grid-template-columns:88px minmax(0,1fr); }.product-duration-option--custom>span{grid-template-columns:auto minmax(72px,1fr)} }
@media (max-width:560px) { .product-catalog-fields,.product-stock-description-fields { grid-template-columns:1fr; } }
@media (max-width:560px) { .coupon-time-dialog { padding:16px; }.coupon-calendar-grid>span,.coupon-calendar-grid button { min-height:34px; }.coupon-time-dialog>footer { grid-template-columns:1fr 1fr; }.coupon-time-dialog>footer span { display:none; }.coupon-time-dialog>footer button { width:100%; } }
@media (max-width:1100px) { .user-entitlement-summary { grid-template-columns:repeat(3,minmax(0,1fr)); } }
@media (max-width:720px) { .user-entitlement-summary { grid-template-columns:1fr; } }
@media (max-width:1300px) { .managed-users .data-table { min-width:720px; }.managed-users .data-table th:nth-child(3),.managed-users .data-table td:nth-child(3),.managed-users .data-table th:nth-child(5),.managed-users .data-table td:nth-child(5) { display:none; }.managed-users .user-identity { min-width:160px; }.summary-actions { width:248px; flex-wrap:wrap; }.summary-actions button { flex:0 0 auto; } }
@media (max-width:1050px) { .managed-users .data-table { min-width:620px; }.managed-users .data-table th,.managed-users .data-table td { padding-right:10px; padding-left:10px; } }
@media (max-width:1050px) { .two-column { grid-template-columns:1fr; }.metric-grid { grid-template-columns:repeat(2,1fr); }.customer-workspace { grid-template-columns:240px minmax(0,1fr); }.topbar { align-items:flex-start; padding:22px 0; }.top-actions { flex-wrap:wrap; justify-content:flex-end; }.email-builder { grid-template-columns:1fr 1fr; }.email-builder #custom-domain-field { grid-column:1/-1; } }
@media (max-width:1050px) { .system-status-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }.system-status-item--online{min-height:142px;grid-row:auto}.system-status-item:nth-child(3n),.system-status-item:nth-child(3),.system-status-item:nth-child(5),.system-status-item:nth-child(8) { border-right:1px solid var(--line); }.system-status-item:nth-child(2n) { border-right:0; }.system-status-item,.system-status-item:last-child { border-bottom:1px solid var(--line); }.system-status-item:last-child,.system-status-item:nth-child(2n+1):nth-last-child(-n+2),.system-status-item:nth-child(2n+1):nth-last-child(-n+2)~.system-status-item { border-bottom:0; } }
@media (max-width:1100px) { .audit-heading { align-items:stretch; flex-direction:column; }.audit-heading-tools { width:100%; justify-content:flex-start; flex-wrap:wrap; }.audit-filter-grid { grid-template-columns:repeat(3,minmax(0,1fr)); } }
@media (max-width:900px) { .audit-filter-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }.audit-retention-row { grid-template-columns:1fr auto; }.audit-retention-row .form-message { grid-column:1/-1; grid-row:2; } }
@media (max-width:1050px) { .deployment-detail-grid { grid-template-columns:1fr; } }
@media (max-width:1400px) { .deployment-detail-card:only-child .deployment-detail-fields { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media (max-width:900px) { .customer-workspace { grid-template-columns:1fr; }.user-directory { position:static; max-height:none; }.customers-list { display:flex; overflow-x:auto; }.customer-item { flex:0 0 235px; }.deployment-form .form-body { grid-template-columns:1fr; }.deployment-form .form-actions { grid-column:auto; } }
@media (max-width:900px) { .create-user-form { grid-template-columns:1fr; }.email-builder,.create-user-form>label,.create-user-form>.form-message,.create-primary,.customer-preview { min-height:0; grid-column:1; }.customer-preview { grid-row:auto; }.customer-preview .form-actions { margin-top:0; } }
/* Keep short loading views from distributing spare viewport height into the navigation. */
@media (max-width:720px) { .admin-layout { grid-template-columns:1fr; align-content:start; }.sidebar { position:static; height:auto; grid-template-rows:auto auto; padding:14px 10px 8px; }.brand { padding-bottom:12px; }.sidebar nav { display:flex; align-items:flex-start; gap:5px; overflow-x:auto; padding-top:10px; }.sidebar nav button { flex:0 0 auto; width:auto; min-height:32px; padding:5px 10px; white-space:nowrap; }.sidebar-foot { display:none; }.content { padding:0 10px 22px; }.topbar { min-height:82px; }.topbar p { display:none; }.topbar h1 { font-size:var(--font-card-title); }.top-actions { gap:5px; }.top-actions button { min-height:32px; padding:5px 9px; }.manage-tools { justify-content:stretch; }.user-search { flex:1; }.user-search input { width:100%; }.view { gap:14px; padding-top:14px; }.metric-grid { grid-template-columns:1fr 1fr; }.number-grid { grid-template-columns:1fr; }.email-builder { grid-template-columns:1fr; }.email-builder #custom-domain-field { grid-column:auto; }.customer-preview>div:not(.form-actions) { grid-template-columns:1fr; gap:5px; }.panel-heading { min-height:61px; padding:12px 14px; }.overview-group__grid .metric--span-2{grid-column:1}.overview-coupon-list{grid-template-columns:1fr} }
@media (max-width:720px) { .overview-group{padding:14px}.overview-group__grid,.overview-coupon-list{grid-template-columns:1fr}.overview-group__grid .metric{min-height:112px} }
@media (max-width:720px) { .managed-users .data-table { min-width:560px; }.managed-users .data-table th:nth-child(4),.managed-users .data-table td:nth-child(4) { display:none; }.summary-actions { width:248px; } }
@media (max-width:720px) { .heartbeat-duration-grid { grid-template-columns:1fr; } }
@media (max-width:720px) { .admin-account-grid { grid-template-columns:1fr; } }
@media (max-width:480px) { .metric-grid { grid-template-columns:1fr; }.metric { min-height:138px; } }
@media (max-width:480px) { .system-status-grid { grid-template-columns:1fr; }.system-status-item,.system-status-item:nth-child(3n),.system-status-item:nth-child(2n) { border-right:0; border-bottom:1px solid var(--line); }.system-status-item:last-child { border-bottom:0; } }
@media (max-width:480px) { .audit-filter-grid,.audit-retention-row { grid-template-columns:1fr; }.audit-filter-actions { display:grid; grid-template-columns:1fr 1fr; }.audit-filter-actions button,.audit-retention-row>button { width:100%; }.audit-retention-row .form-message { grid-column:auto; grid-row:auto; } }
@media (max-width:720px) { .deployment-detail-fields { grid-template-columns:1fr; } }

/* Mail delivery settings and customer delivery status. */
.preview-actions { width:100%; grid-template-columns:repeat(3,minmax(0,1fr)); }
.customer-preview.is-success #confirm-and-email { display:none; }
.email-settings-body { gap:16px; }
.email-settings-grid { display:grid; grid-template-columns:2fr .7fr 1.15fr; gap:12px; }
.email-settings-grid>label:nth-child(4),.email-settings-grid>label:nth-child(5),.email-settings-grid>label:nth-child(6),.email-settings-grid>label:nth-child(7) { grid-column:span 1; }
.email-settings-body textarea { width:100%; resize:vertical; min-height:150px; padding:11px; border:1px solid #374149; border-radius:8px; color:#edf1f3; background:#10161a; font:inherit; line-height:1.6; }
.email-settings-body textarea:focus { border-color:var(--accent); outline:0; box-shadow:0 0 0 3px rgba(242,162,13,.1); }
.template-hint { margin:-7px 0 0; color:#748088; font-family:"SFMono-Regular",Consolas,monospace; font-size:var(--font-micro); line-height:1.6; }
.email-test-row { display:grid; grid-template-columns:minmax(0,1fr) 150px; align-items:end; gap:12px; }
.email-test-row button { min-height:40px; }
.email-detail-bar { display:flex; min-height:54px; align-items:center; justify-content:space-between; gap:12px; padding:10px 12px; border:1px solid #303940; border-radius:8px; background:#141a1f; }
.email-detail-bar>div { display:flex; min-width:0; align-items:baseline; gap:10px; }
.email-detail-bar strong { color:#dce2e5; font-size:var(--font-body); }
.email-detail-bar small { color:#77838b; font-size:var(--font-micro); }
.email-user-button { min-width:118px; }
.customer-addon-panel { display:grid; height:100%; align-content:start; gap:8px; padding:11px 12px; border:1px solid #303940; border-radius:9px; background:#141a1f; }.customer-addon-panel.has-inline-empty-states { grid-template-columns:repeat(2,minmax(0,1fr)); grid-template-rows:auto minmax(0,1fr); }.customer-addon-panel.has-inline-empty-states>header { grid-column:1/-1; }.customer-addon-panel.has-inline-empty-states>.customer-addon-note,.customer-addon-panel.has-inline-empty-states>.customer-addon-list,.customer-addon-panel.has-inline-empty-states>.customer-addon-list>.customer-addon-note { height:100%; }.customer-addon-panel.has-inline-empty-states>.customer-addon-list { min-width:0; }.customer-addon-panel.has-inline-empty-states>.customer-addon-note,.customer-addon-panel.has-inline-empty-states>.customer-addon-list>.customer-addon-note { display:flex; align-items:center; }.customer-addon-panel>header>div { display:flex; align-items:baseline; gap:10px; flex-wrap:wrap; }.customer-addon-panel>header strong { color:#dce2e5; font-size:var(--font-section); }.customer-addon-panel>header small,.customer-addon-note { color:#77838b; font-size:var(--font-caption); line-height:1.45; }.customer-addon-note { margin:0; padding:8px 9px; border:1px solid rgba(126,141,153,.12); border-radius:7px; background:#10161a; }.customer-addon-purchase { display:grid; grid-template-columns:minmax(260px,1fr) 180px auto; align-items:end; gap:8px; }.customer-addon-purchase label { display:grid; gap:5px; color:#aeb7bd; font-size:var(--font-body); }.customer-addon-purchase button { min-height:38px; }.customer-addon-list { display:grid; gap:6px; }.customer-addon-list article { display:grid; grid-template-columns:minmax(0,1fr) auto 76px; align-items:center; gap:10px; padding:8px 10px; border:1px solid rgba(126,141,153,.12); border-radius:7px; background:#10161a; }.customer-addon-list article>div { display:grid; min-width:0; gap:3px; }.customer-addon-list article strong { overflow:hidden; color:#d4dade; font-size:var(--font-body); text-overflow:ellipsis; white-space:nowrap; }.customer-addon-list article small { overflow:hidden; color:#77838b; font-family:"SFMono-Regular",Consolas,monospace; font-size:var(--font-caption); text-overflow:ellipsis; white-space:nowrap; }.customer-addon-list article>button { width:76px; }
.user-service-grid { display:grid; grid-template-columns:minmax(400px,.75fr) minmax(0,1.45fr); align-items:stretch; gap:10px; }.user-side-stack { display:grid; height:100%; min-width:0; grid-template-rows:minmax(0,1fr) auto; gap:10px; }.user-service-grid>.deployment-detail-grid { min-width:0; }.deployment-detail-card:only-child { gap:10px; padding:12px; }.deployment-detail-card:only-child>header { padding-bottom:9px; }.deployment-detail-card:only-child>header>div { display:flex; min-width:0; align-items:baseline; gap:10px; }.deployment-detail-card:only-child>header small { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }.deployment-detail-card:only-child .deployment-detail-fields { grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px; }.deployment-detail-card:only-child .deployment-detail-field { min-height:70px; gap:7px; padding:9px 10px; }
@media (max-width:1050px) { .user-service-grid { grid-template-columns:1fr; }.customer-addon-panel.has-inline-empty-states { grid-template-columns:1fr; }.customer-addon-panel.has-inline-empty-states>header { grid-column:auto; } }
@media (max-width:1400px) { .deployment-detail-card:only-child .deployment-detail-fields { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media (max-width:720px) { .deployment-detail-card:only-child .deployment-detail-fields { grid-template-columns:1fr; } }

/* Settings use the same control scale as product creation{ gap:14px; padding-top:16px; }.email-toggle-row>.product-check{height:100%;margin:0}

/* Compact layouts keep readable type; density comes from grouping{ font-size:var(--font-body); }
.product-list-panel .panel-heading>small { font-size:var(--font-caption); }
.product-list-panel .data-table th,.product-list-panel .data-table td { font-size:var(--font-body); }
.product-list-panel .data-table button { font-size:var(--font-caption); }
.product-identity strong { font-size:var(--font-emphasis); }
.product-identity small { font-size:var(--font-caption); }
.product-type-label,.product-validity-label { font-size:var(--font-caption); }

@media (max-width:900px) { .email-settings-grid { grid-template-columns:1fr 1fr; }.preview-actions { grid-template-columns:1fr; }.email-test-row { grid-template-columns:1fr; } }
@media (max-width:900px) { .customer-addon-purchase { grid-template-columns:1fr 160px; }.customer-addon-purchase button { grid-column:1/-1; } }
@media (max-width:560px) { .email-settings-grid{ grid-template-columns:1fr; }.email-detail-bar { align-items:stretch; flex-direction:column; }.email-user-button { width:100%; } }
@media (max-width:560px) { .customer-addon-purchase { grid-template-columns:1fr; }.customer-addon-purchase button { grid-column:auto; }.customer-addon-list article { grid-template-columns:1fr auto; }.customer-addon-list article>button { grid-column:1/-1; width:100%; } }

/* User management details: authorization, device, then after-sales information. */
.managed-users .data-table th:nth-child(1) { width:84px; }
.managed-users .data-table th:nth-child(2) { width:260px; }
.managed-users .data-table th:nth-child(3),.managed-users .data-table th:nth-child(4),.managed-users .data-table th:nth-child(5) { width:145px; }
.managed-users .data-table th:nth-child(6) { width:276px; }
.managed-users .summary-actions { display:grid; width:264px; max-width:264px; min-width:264px; grid-template-columns:82px 66px 66px 32px; align-items:center; justify-content:center; gap:6px; }
.managed-users .summary-actions button { width:100%; min-width:0; min-height:32px; padding:5px 6px; }
.managed-users .summary-actions .release-device-button { width:82px; min-width:82px; }
.managed-users .summary-actions .user-details-button { width:32px; min-width:32px; padding:0; }
.summary-action-placeholder { display:block; width:82px; height:1px; visibility:hidden; }
.user-expanded-panel { gap:12px; padding:14px; }
.user-detail-section { display:grid; min-width:0; gap:10px; padding:12px; border:1px solid #303940; border-radius:9px; background:#141a1f; }
.user-detail-section>header { display:flex; min-height:24px; align-items:center; justify-content:space-between; }
.user-detail-section>header strong { color:#dce2e5; font-size:var(--font-section); }
.user-entitlement-summary { grid-template-columns:repeat(6,minmax(0,1fr)); }
.user-entitlement-summary .deployment-detail-field { min-height:64px; }
.user-entitlement-summary .deployment-detail-field:nth-child(3) { grid-column:span 2; }
.user-deployment-section .deployment-detail-grid { grid-template-columns:1fr; }
.user-deployment-section .deployment-detail-card { padding:12px; background:#10161a; }
.user-deployment-section .deployment-detail-card>header { justify-content:space-between; }
.user-deployment-section .deployment-detail-card .deployment-detail-fields { grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px; }
.user-deployment-section .deployment-detail-card.is-unbound .deployment-detail-fields { grid-template-columns:minmax(0,1fr); }
.user-deployment-section .deployment-detail-card.is-unbound .deployment-detail-field { min-height:62px; }
.user-support-grid { display:grid; min-width:0; grid-template-columns:minmax(0,1.55fr) minmax(300px,.65fr); align-items:stretch; gap:10px; }
.user-support-grid>.customer-addon-panel { height:auto; }
.user-support-grid>.email-detail-bar { display:grid; height:100%; min-width:0; grid-template-columns:minmax(0,1fr) auto; align-content:center; }
.user-support-grid>.email-detail-bar>div { display:grid; min-width:0; gap:5px; }
.user-support-grid>.email-detail-bar small { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
@media (max-width:1300px) { .user-entitlement-summary { grid-template-columns:repeat(3,minmax(0,1fr)); }.user-entitlement-summary .deployment-detail-field:nth-child(3) { grid-column:span 1; }.user-support-grid { grid-template-columns:1fr; }.user-support-grid>.email-detail-bar { min-height:66px; } }
@media (max-width:720px) { .user-entitlement-summary,.user-deployment-section .deployment-detail-card .deployment-detail-fields { grid-template-columns:1fr; }.user-support-grid>.email-detail-bar { grid-template-columns:1fr; gap:10px; }.user-support-grid>.email-detail-bar button { width:100%; } }

/* Global typography contract: component density comes from spacing, never unreadably small type. */
button,input,select,textarea,.select-trigger,.select-option { font-size:var(--font-body); }
.eyebrow,.panel-heading>div:first-child>span,.status,.user-price { font-size:var(--font-micro); }
.topbar p,.panel-heading>small,.form-hint,.directory-meta,.data-table th,.product-summary span { font-size:var(--font-caption); }
.form-body label,.login-card label,.data-table td,.data-table button,.summary-actions button,.release-device-button,.preview-code-value button,.deployment-detail-field button { font-size:var(--font-body); }
.customer-item-heading strong,.user-identity strong,.product-identity strong,.preview-header strong { font-size:var(--font-emphasis); }
.panel-heading h2{ font-size:var(--font-section); }
.topbar h1 { font-size:var(--font-page); }
.metric strong { font-size:var(--font-metric); }
/* Tabs size from their contents; counts must never depend on a fixed digit width. */
.segmented-control { display:flex; flex-wrap:wrap; width:fit-content; min-width:0; max-width:100%; gap:4px; margin:0; padding:4px; border:1px solid var(--line); border-radius:6px; background:#11171c; }
.segmented-control button { display:inline-flex; flex:0 0 auto; align-items:center; justify-content:center; gap:6px; max-width:100%; min-height:38px; border:0; border-radius:4px; color:var(--muted); background:transparent; white-space:nowrap; }
.segmented-control button:hover,.segmented-control button:focus-visible { color:var(--text); background:#1b2329; }
.segmented-control button.active { color:#172018; background:#f2a20d; box-shadow:0 2px 8px rgba(242,162,13,.2); }
.segmented-control button span { display:inline-grid; flex:0 0 auto; min-width:22px; height:22px; padding:0 5px; place-items:center; border-radius:4px; color:inherit; background:rgba(255,255,255,.12); font-size:var(--font-micro); font-variant-numeric:tabular-nums; }
.panel-heading .compact-tabs { margin:0 0 0 auto; padding:3px; gap:3px; flex:0 1 auto; }
.panel-heading .compact-tabs button { min-height:30px; padding:3px 12px; white-space:nowrap; font-size:var(--font-caption); }
.panel-heading .compact-tabs button span { min-width:18px; height:18px; padding:0 4px; font-size:var(--font-micro); }
.product-form .panel-heading { flex-wrap:wrap; }
.product-mode-tabs { gap:3px; padding:3px; }
.product-mode-tabs button { min-height:30px; padding:3px 10px; font-size:var(--font-caption); }
#product-automatic-fields { display:grid; gap:12px; }
#product-automatic-fields[hidden] { display:none; }
.product-image-upload { display:grid; gap:8px; }
.product-image-upload input[type="file"] { padding:8px; }
.product-image-preview { display:grid; grid-template-columns:minmax(0,1fr) auto; align-items:center; gap:10px; padding:8px; border:1px solid #303940; border-radius:8px; background:#10161a; }
.product-image-preview[hidden] { display:none; }
.product-cover-preview { position:relative; overflow:hidden; width:100%; aspect-ratio:16/9; border:1px solid rgba(255,255,255,.12); border-radius:7px; background:#0d1216; }
.product-cover-preview span { position:absolute; z-index:1; top:7px; left:8px; padding:3px 7px; border-radius:99px; color:#f0f3f4; background:rgba(6,10,13,.68); font-size:var(--font-micro); backdrop-filter:blur(6px); }
.product-cover-preview img { display:block; width:100%; height:100%; object-fit:cover; }
.product-image-preview button { width:84px; color:#e9b6b6; }
.product-feature-price-fields.is-single { grid-template-columns:1fr; }
.product-list-panel,.payment-record-panel,.managed-users,.registration-panel { container-type:inline-size; }
.product-list-panel .panel-heading,.payment-record-panel .panel-heading,.managed-users .panel-heading,.registration-panel .panel-heading { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,max-content) minmax(0,1fr); }
.product-list-panel .panel-heading>.compact-tabs,.payment-record-panel .panel-heading>.compact-tabs,.managed-users .panel-heading>.compact-tabs,.registration-panel .panel-heading>.compact-tabs { justify-self:center; margin:0; }
.payment-record-panel .payment-heading-actions { display:contents; }
.payment-record-panel .payment-mode-tabs { grid-column:2; justify-self:center; margin:0; }
.payment-heading-actions>#clear-unsuccessful-orders { grid-column:3; justify-self:end; max-width:100%; white-space:normal; }
.registration-panel .panel-heading>small { justify-self:end; overflow-wrap:anywhere; }
.payment-heading-actions #clear-unsuccessful-orders.is-reserved-hidden { visibility:hidden; pointer-events:none; }
@container (max-width:760px) {
  .product-list-panel .panel-heading,.payment-record-panel .panel-heading,.managed-users .panel-heading,.registration-panel .panel-heading { grid-template-columns:minmax(0,1fr); gap:10px; }
  .payment-record-panel .payment-mode-tabs,.payment-heading-actions>#clear-unsuccessful-orders { grid-column:1; }
  .panel-heading .segmented-control { justify-self:center; justify-content:center; }
  .registration-panel .panel-heading>small { justify-self:start; }
}
@media (max-width:560px) { .product-form .panel-heading { align-items:flex-start; flex-direction:column; } }



/* Historical sales and infrastructure monitoring. */
.analytics-view{gap:16px}.analytics-toolbar .panel-heading{min-height:74px}.analytics-toolbar .panel-heading{flex-wrap:wrap}.analytics-toolbar .panel-heading>div:first-child{flex:0 0 auto}.analytics-range{display:flex;align-items:end;justify-content:flex-end;gap:10px;padding:12px 18px;border-top:1px solid var(--line)}.analytics-range label{display:grid;gap:5px;color:#8b969d;font-size:var(--font-caption)}.analytics-range input{height:36px}.analytics-range button{min-height:36px}.analytics-range .sales-date-trigger{width:154px;height:36px}.analytics-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.analytics-summary .metric{min-height:110px;grid-template-columns:1fr;grid-template-rows:auto auto auto;gap:6px;padding:17px 18px}.analytics-summary .metric strong{grid-column:1;grid-row:2;place-self:auto;font-size:30px}.analytics-summary .metric small{margin:0}.analytics-chart-grid{display:grid;grid-template-columns:1fr;gap:16px}.monitor-chart-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.monitor-network-panel{grid-column:1/-1}.chart-panel{min-width:0;padding-bottom:10px}.chart-heading{display:flex;min-height:66px;align-items:center;justify-content:space-between;gap:16px;padding:12px 16px;border-bottom:1px solid var(--line);background:#151b20}.chart-heading>div:first-child>span{color:#7d8990;font-size:var(--font-micro);font-weight:750;letter-spacing:.12em}.chart-heading h2{margin:5px 0 0;font-size:var(--font-section)}.chart-legend{display:flex;align-items:center;justify-content:flex-end;gap:13px;flex-wrap:wrap;color:#8e999f;font-size:var(--font-micro)}.chart-legend span{display:inline-flex;align-items:center;gap:6px}.chart-legend span::before{width:9px;height:3px;border-radius:9px;background:#4eb3ff;content:""}.chart-legend span[data-series="manual"]::before,.chart-legend span[data-series="transmit"]::before,.chart-legend span[data-series="revenue"]::before{background:#f2a20d}.node-legend span:nth-child(1)::before{background:#4eb3ff}.node-legend span:nth-child(2)::before{background:#f2a20d}.node-legend span:nth-child(3)::before{background:#6fcf64}.line-chart{display:grid;min-height:282px;place-items:center;padding:14px 16px 4px}.line-chart svg{display:block;width:100%;max-width:800px;height:auto;overflow:visible}.chart-grid-line{stroke:rgba(126,141,153,.13);stroke-width:1;stroke-dasharray:4 5}.chart-axis-label{fill:#93a0a7;font-size:13px;font-weight:600}.chart-empty{display:grid;height:270px;place-items:center;color:#69757d;font-size:var(--font-caption)}.network-node-tabs{display:flex;flex-wrap:wrap;gap:5px}.network-node-tabs button{min-height:30px;padding:4px 9px;font-size:var(--font-micro)}.network-node-tabs button.active{border-color:rgba(242,162,13,.55);color:#f4c777;background:rgba(242,162,13,.08)}.network-legend{padding:8px 16px 0}.analytics-view .data-table{min-width:760px}.analytics-view .data-table th,.analytics-view .data-table td{text-align:center}.analytics-view .data-table th:first-child,.analytics-view .data-table td:first-child{text-align:left}.status.temporary{border:1px solid rgba(242,162,13,.42);color:#f4c777;background:rgba(242,162,13,.13)}.status.temporary::before{background:#f2a20d}.status.unpurchased{border:1px solid rgba(126,141,153,.3);color:#b2bcc1;background:rgba(126,141,153,.1)}.status.unpurchased::before{background:#87939a}
.chart-heading>small{color:#748087;font-size:var(--font-caption)}#monitoring-view .line-chart{min-height:282px}#monitoring-view .chart-empty{height:270px}
.network-traffic-summary{display:flex;align-items:center;gap:8px 24px;flex-wrap:wrap;padding:11px 16px 1px;color:#8e999f;font-size:var(--font-caption);line-height:1.6}.network-traffic-summary span{white-space:nowrap}
#monitoring-view #network-chart{min-height:230px}#network-chart .chart-empty{height:212px}
.bar-chart{display:grid;min-height:282px;place-items:center;padding:14px 16px 4px}.bar-chart svg{display:block;width:100%;max-width:1200px;height:auto;overflow:visible}#sales-amount-chart .chart-axis-label{font-size:12px}.chart-bar{transition:opacity .15s ease}.chart-bar:hover{opacity:.78}.chart-bar-interactive{cursor:pointer;outline:none}.chart-bar-interactive:focus{stroke:#fff;stroke-width:2}
.monitor-chart-grid{grid-template-rows:repeat(2,minmax(0,1fr))}.monitor-network-panel{grid-column:auto}.monitor-storage-panel{display:flex;flex-direction:column}.storage-node-list{display:grid;min-height:0;flex:1;grid-template-rows:repeat(3,minmax(0,1fr));padding:6px 16px}.storage-node-row{display:grid;min-height:0;grid-template-columns:minmax(0,1fr) auto;align-content:center;gap:5px 14px;padding:8px 4px;border-bottom:1px solid var(--line)}.storage-node-row:last-child{border-bottom:0}.storage-node-row>span{color:#8e999f;font-size:var(--font-body)}.storage-node-row>strong{color:#e8edef;font-size:var(--font-card-title)}.storage-node-row>small{grid-column:1/-1;color:#737f86;font-size:var(--font-caption);line-height:1.35}
@media(max-width:1050px){.analytics-chart-grid,.monitor-chart-grid{grid-template-columns:1fr;grid-template-rows:none}.monitor-network-panel{grid-column:auto}.analytics-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.analytics-toolbar .panel-heading{align-items:stretch;flex-direction:column}.analytics-toolbar .compact-tabs{align-self:flex-start;margin:0}}
@media(max-width:620px){.analytics-summary{grid-template-columns:1fr}.analytics-range{align-items:stretch;flex-direction:column}.analytics-range .sales-date-trigger{width:100%}.chart-heading{align-items:flex-start;flex-direction:column}.line-chart{padding-right:8px;padding-left:8px}}

/* Exclusive order details share the admin palette and use a compact footer. */
#exclusive-orders{width:min(1120px,calc(100vw - 48px));max-height:calc(100dvh - 48px);padding:0;overflow:auto;color:var(--text);background:var(--panel);border:1px solid var(--line);border-radius:16px;box-shadow:0 24px 80px #0006}
#exclusive-orders::backdrop{background:#080e16b3;backdrop-filter:blur(3px)}
.exclusive-orders-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:24px 28px;border-bottom:1px solid var(--line)}
.exclusive-orders-heading>div{min-width:0}.exclusive-orders-heading span{color:var(--muted);font-size:11px;letter-spacing:.12em}.exclusive-orders-heading h2{font-size:20px;margin:7px 0 8px}.exclusive-orders-heading p{margin:0;color:#9caab5;font-size:13px;overflow-wrap:anywhere}
#exclusive-orders button{width:auto;flex:none;min-width:76px;white-space:nowrap}.exclusive-orders-body{padding:24px 28px}
.exclusive-stat-cards{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}.exclusive-stat-card{display:flex;flex-direction:column;gap:8px;padding:16px;background:var(--panel-2);border:1px solid var(--line);border-radius:10px;min-width:0}.exclusive-stat-card>span{color:#9caab5;font-size:12px}.exclusive-stat-card strong{font-size:24px;font-weight:650;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.exclusive-stat-card small{color:var(--muted);font-size:12px}
#exclusive-orders-table{margin-top:24px}#exclusive-orders-table .data-table{min-width:780px;font-size:13px;border-collapse:collapse}#exclusive-orders-table .data-table th{padding:13px 14px;background:#141b21;font-weight:500;white-space:nowrap}#exclusive-orders-table .data-table td{padding:18px 14px;vertical-align:middle;border-bottom:1px solid var(--line)}#exclusive-orders-table small{display:inline-block;margin-top:6px;color:var(--muted);font-size:11px}
.exclusive-order-status{display:inline-block;padding:4px 8px;border-radius:5px;background:#253039;color:#b2bdc6;white-space:nowrap;font-size:12px}.exclusive-order-status--credited{background:#20382d;color:#88cf9f}.exclusive-order-status--reversed{background:#3c2c2b;color:#e6a09c}
.exclusive-orders-pagination{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 28px;border-top:1px solid var(--line);color:var(--muted);font-size:13px}.exclusive-orders-pagination>div{display:flex;gap:8px}
#exclusive-table .data-table td{padding:14px;overflow-wrap:anywhere}#exclusive-summary{padding:16px 0;font-weight:600}#admin-referral-mode-field{max-width:220px;margin:16px 0}
@media(max-width:760px){#exclusive-orders{width:calc(100vw - 24px);max-height:calc(100dvh - 24px)}.exclusive-orders-heading,.exclusive-orders-body{padding:18px}.exclusive-stat-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.exclusive-stat-card:last-child{grid-column:1/-1}.exclusive-orders-pagination{padding:14px 18px;flex-wrap:wrap}.exclusive-orders-heading h2{font-size:18px}}

.notice-dialog[data-tone="detail"]{width:min(760px,100%)}.notice-dialog[data-tone="detail"] .notice-copy p{max-height:min(62vh,620px);overflow:auto;padding:12px;border:1px solid rgba(126,141,153,.18);border-radius:7px;background:#10161a;font-family:"SFMono-Regular",Consolas,monospace;font-size:var(--font-micro);line-height:1.6}


/* Product totals use order quantities and trial states as separate measures. */
#product-stats-data{display:grid;gap:30px}#product-stats-data[hidden]{display:none}.product-stats-toolbar .panel-heading{flex-wrap:wrap;gap:14px}.product-stats-actions{display:flex;align-items:center;justify-content:flex-end;gap:12px;flex-wrap:wrap}.product-stats-actions small{font-variant-numeric:tabular-nums}.product-stats-section{display:grid;min-width:0;gap:14px}.product-stats-section-heading h2{margin:0;font-size:var(--font-section)}.product-stats-summary{grid-template-columns:repeat(3,minmax(0,1fr))}.product-stats-summary .metric strong{font-variant-numeric:tabular-nums}#product-stats-view .data-table td:first-child{max-width:300px;white-space:normal;overflow-wrap:anywhere}#product-stats-view .data-table{min-width:660px}#product-stats-load-state.product-stats-load-inline{min-height:64px;padding:14px 18px;justify-content:flex-start}
.product-accounts-summary{grid-template-columns:repeat(2,minmax(0,1fr))}
.product-trials-note{margin:0 4px;color:var(--muted);font-size:var(--font-caption);line-height:1.65}
@media(max-width:720px){.product-stats-summary,.product-accounts-summary{grid-template-columns:1fr}.product-stats-actions{justify-content:flex-start;gap:8px}.product-stats-actions small{font-size:var(--font-micro)}}