:root{
 --navy:#081b31;--navy2:#102944;--blue:#2f6fe4;--blue2:#5d8df0;--white:#f7fbff;
 --text:#d8e4f2;--muted:#8fa5bc;--gold:#d4aa49;--border:#244566;--panel:#0f2945;
}
*{box-sizing:border-box}body{margin:0;font-family:Arial,Helvetica,sans-serif;background:var(--navy);color:var(--text)}
a{color:var(--blue2);text-decoration:none}.container{width:min(1160px,calc(100% - 32px));margin:auto}
.site-header{position:sticky;top:0;z-index:20;background:rgba(8,27,49,.96);border-bottom:1px solid var(--border);backdrop-filter:blur(10px)}
.header-inner{display:flex;align-items:center;justify-content:space-between;min-height:76px}.brand img{height:54px;max-width:270px;object-fit:contain}
nav{display:flex;gap:22px;align-items:center}nav a{color:#dce9f7}.pill,.button{background:linear-gradient(135deg,var(--blue),#1d55bc);color:#fff;padding:12px 18px;border-radius:10px;border:0;font-weight:700;display:inline-block;cursor:pointer}
.button.secondary{background:#173651;border:1px solid var(--border)}.button.full{display:block;text-align:center;width:100%}
.hero{padding:90px 0 75px;background:radial-gradient(circle at 80% 10%,rgba(47,111,228,.25),transparent 36%),linear-gradient(180deg,#081b31,#0a223c)}
.hero-grid{display:grid;grid-template-columns:1.45fr .8fr;gap:50px;align-items:center}.hero h1,.page-hero h1{font-size:clamp(42px,6vw,72px);line-height:1.02;margin:12px 0 20px;color:#fff}.hero h1 span{color:#6fa0ff}.hero p,.page-hero p{font-size:20px;line-height:1.6;color:var(--muted);max-width:720px}.eyebrow{font-size:12px;letter-spacing:.18em;font-weight:800;color:#71a3ff}.hero-actions{display:flex;gap:12px;margin-top:28px}
.hero-card,.card,.panel,.auth-card,.metric{background:linear-gradient(180deg,rgba(18,48,78,.94),rgba(12,37,63,.94));border:1px solid var(--border);border-radius:18px;padding:28px;box-shadow:0 18px 50px rgba(0,0,0,.18)}
.shield{font-size:64px}.section{padding:70px 0}.section-head{text-align:center;margin-bottom:32px}.section h2{color:#fff;font-size:34px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.card{position:relative}.card.featured{border-color:var(--gold);box-shadow:0 0 0 1px rgba(212,170,73,.2),0 20px 60px rgba(0,0,0,.2)}.badge{position:absolute;right:16px;top:16px;background:var(--gold);color:#1d1d1d;padding:6px 10px;border-radius:999px;font-size:12px;font-weight:800}
.price-list,.feature-list{list-style:none;padding:0}.price-list li{display:flex;justify-content:space-between;padding:12px 0;border-bottom:1px solid var(--border)}.price-list strong{color:#fff}.dark-panel{background:#071626}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.stats div{text-align:center}.stats strong{display:block;color:#fff;font-size:26px}.stats span{color:var(--muted)}
.site-footer{border-top:1px solid var(--border);padding:44px 0 22px;background:#061423}.footer-grid{display:flex;justify-content:space-between;gap:30px}.footer-grid div:last-child{display:flex;gap:18px;flex-wrap:wrap}.copyright{margin-top:28px;color:#6f879f;font-size:13px}
.page-hero{padding:64px 0 26px;background:linear-gradient(180deg,#0b2440,#081b31)}.page-hero h1{font-size:48px}.package-detail{display:grid;grid-template-columns:1.2fr .8fr;gap:24px}.price-option{display:flex;justify-content:space-between;align-items:center;padding:15px 0;border-bottom:1px solid var(--border)}.price-option strong{display:block;font-size:24px;color:#fff}.price-option span{color:var(--muted)}
.auth-section{min-height:100vh;display:grid;place-items:center;padding:40px 16px;background:radial-gradient(circle at 50% 0,rgba(47,111,228,.25),transparent 35%),#081b31}.auth-card{width:min(480px,100%)}.auth-card.wide{width:min(700px,100%)}label{display:block;margin:16px 0 8px;font-weight:700;color:#dfeafa}input,textarea,select{width:100%;padding:12px 13px;border-radius:9px;border:1px solid var(--border);background:#071a2d;color:#fff;font:inherit}.muted{color:var(--muted)}
.flash{padding:12px 14px;border-radius:10px;margin:15px 0}.flash.error{background:#4a1720;border:1px solid #9a3543}.flash.success{background:#123f2b;border:1px solid #2b8157}
.dashboard-body{background:#071625}.dashboard-shell{min-height:100vh;display:grid;grid-template-columns:250px 1fr}.sidebar{background:#081b31;border-right:1px solid var(--border);padding:18px;display:flex;flex-direction:column;gap:7px}.sidebar a{padding:11px 12px;border-radius:8px;color:#cfe0f0}.sidebar a:hover{background:#112d49}.dash-brand{font-weight:800;font-size:20px;color:#fff!important;margin-bottom:14px}.dash-main{min-width:0}.dash-top{height:66px;padding:0 28px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;background:#0a2037}.dash-content{padding:28px}.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:22px 0}.metric span{display:block;color:var(--muted);font-size:13px}.metric strong{display:block;color:#fff;font-size:28px;margin-top:8px}.page-title-row{display:flex;align-items:center;justify-content:space-between;gap:20px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:13px;border-bottom:1px solid var(--border)}th{color:#fff;background:#0b223a}small{color:var(--muted)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:20px}.price-edit-row{display:grid;grid-template-columns:1.5fr 1fr .6fr;gap:10px;margin:10px 0}.faq details{background:#0d2742;border:1px solid var(--border);border-radius:12px;padding:18px;margin:12px 0}.faq summary{font-weight:800;color:#fff;cursor:pointer}
@media(max-width:850px){nav{display:none}.hero-grid,.package-detail{grid-template-columns:1fr}.cards{grid-template-columns:1fr}.stats,.metric-grid{grid-template-columns:repeat(2,1fr)}.dashboard-shell{grid-template-columns:1fr}.sidebar{position:static;border-right:0}.form-row{grid-template-columns:1fr}}

.stripe-price-row{grid-template-columns:1.3fr .7fr .45fr 1fr 1fr}.panel code{display:inline-block;padding:8px 10px;background:#061829;border:1px solid var(--border);border-radius:8px;color:#9ec0ff;word-break:break-all}@media(max-width:850px){.stripe-price-row{grid-template-columns:1fr}}

.small-btn{padding:7px 10px;font-size:12px}.admin-two-col{display:grid;grid-template-columns:1.2fr .8fr;gap:20px;margin:20px 0}.note{border-top:1px solid var(--border);padding:12px 0}.note:first-child{border-top:0}.note small{display:block;margin:4px 0}.legal-editor{margin-bottom:20px}.legal-content{line-height:1.75;white-space:normal}.service-card{border-top:1px solid var(--border);padding:18px 0}.service-card:first-child{border-top:0}.service-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:14px 0}.service-grid span{display:block;color:var(--muted);font-size:12px}.service-grid b{display:block;color:#fff;margin-top:4px}@media(max-width:850px){.admin-two-col{grid-template-columns:1fr}.service-grid{grid-template-columns:1fr 1fr}}

.admin-logo-preview{max-width:360px;max-height:110px;object-fit:contain;background:#061829;border:1px solid var(--border);padding:10px;border-radius:10px}.soft-rule{border:0;border-top:1px solid var(--border);margin:20px 0}.message-body{line-height:1.75;white-space:normal;margin:20px 0}

.inline-actions{display:inline-block;margin-right:10px;margin-top:10px}
.promo-split{display:grid;grid-template-columns:1fr .95fr;gap:28px;align-items:center}
.promo-visual img{width:100%;border-radius:18px;border:1px solid var(--border);box-shadow:0 18px 50px rgba(0,0,0,.22)}
.promo-copy h2{font-size:34px;color:#fff;margin:10px 0 14px}
.ticket-thread{display:flex;flex-direction:column;gap:14px}
.ticket-reply{border:1px solid var(--border);border-radius:14px;padding:16px 18px}
.ticket-reply.staff{background:rgba(47,111,228,.12)}
.ticket-reply.customer{background:rgba(255,255,255,.03)}
.ticket-reply-head{display:flex;justify-content:space-between;gap:10px;margin-bottom:10px}
.ticket-message{line-height:1.7}
@media(max-width:850px){.promo-split{grid-template-columns:1fr}}

.update-upload-panel{max-width:980px}.update-upload-form{margin-top:18px}.update-upload-form input[type=file]{padding:14px;background:#071a2d;border:1px dashed var(--border)}.update-note{margin-top:18px;padding:13px 15px;border:1px solid var(--border);border-radius:10px;background:#091c30;color:var(--muted)}.update-success{border-color:#2b8157}.update-failure{border-color:#9a3543}.update-result-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:18px 0}.update-result-grid>div{background:#091c30;border:1px solid var(--border);border-radius:10px;padding:14px}.update-result-grid span{display:block;color:var(--muted);font-size:12px}.update-result-grid strong{display:block;color:#fff;font-size:20px;margin-top:5px}@media(max-width:850px){.update-result-grid{grid-template-columns:1fr 1fr}}

.admin-logo-brand{
display:flex;
align-items:center;
justify-content:flex-start;
padding:14px 20px 18px!important;
margin:0 0 8px!important;
min-height:82px;
overflow:hidden
}
.admin-logo-brand img{
display:block;
width:auto;
height:54px;
max-width:175px;
object-fit:contain;
object-position:left center
}

.admin-sidebar .admin-logo-brand img,
.dash-sidebar .admin-logo-brand img{
width:auto!important;
height:54px!important;
max-width:175px!important;
max-height:54px!important;
object-fit:contain!important;
}

.rte-toolbar{display:flex;gap:6px;flex-wrap:wrap;margin:8px 0}.rte-toolbar button{background:#173651;color:#fff;border:1px solid var(--border);border-radius:6px;padding:7px 10px;cursor:pointer}.rte-editor{min-height:320px;padding:16px;border:1px solid var(--border);border-radius:10px;background:#071a2d;color:#fff;line-height:1.65}.rich-content{line-height:1.75}.rich-content img{max-width:100%;height:auto}.code-editor{font-family:Consolas,Monaco,monospace;font-size:13px;white-space:pre}

.admin-nav-group{margin:0 0 12px}.admin-nav-heading{padding:10px 20px 6px;font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#7195b6}.admin-nav-link{display:block;padding:8px 20px;border-left:3px solid transparent}.admin-nav-link:hover,.admin-nav-link.active{background:rgba(47,111,228,.12);border-left-color:#4d8eff;color:#fff}.changelog-view h1{margin-top:0}.changelog-view h2{margin-top:28px;border-bottom:1px solid var(--border);padding-bottom:8px}.changelog-item{padding:4px 0 4px 12px}.admin-sidebar{overflow-y:auto}.admin-sidebar::-webkit-scrollbar{width:7px}

/* v0.1.8a admin layout repair */
.admin-body{
  margin:0;
  min-height:100vh;
  background:#061829;
  color:#fff;
}
.admin-shell{
  display:grid !important;
  grid-template-columns:240px minmax(0,1fr) !important;
  min-height:100vh;
  width:100%;
}
.admin-sidebar,
.dash-sidebar{
  position:fixed !important;
  inset:0 auto 0 0 !important;
  width:240px !important;
  height:100vh !important;
  overflow-y:auto !important;
  background:#081d31 !important;
  border-right:1px solid #21445f !important;
  z-index:100 !important;
  box-sizing:border-box !important;
}
.admin-main{
  grid-column:2 !important;
  margin-left:0 !important;
  min-width:0 !important;
  width:auto !important;
}
.admin-topbar{
  height:62px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  padding:0 28px !important;
  background:#0c2740 !important;
  border-bottom:1px solid #21445f !important;
  box-sizing:border-box !important;
  position:sticky !important;
  top:0 !important;
  z-index:50 !important;
}
.admin-content{
  padding:28px !important;
  min-width:0 !important;
}
.admin-logo-brand{
  display:flex !important;
  align-items:center !important;
  padding:14px 18px 16px !important;
  min-height:78px !important;
  overflow:hidden !important;
}
.admin-logo-brand img{
  width:auto !important;
  height:48px !important;
  max-width:178px !important;
  max-height:48px !important;
  object-fit:contain !important;
  object-position:left center !important;
}
.admin-nav-group{
  margin:0 0 12px !important;
}
.admin-nav-heading{
  padding:10px 16px 5px !important;
  font-size:10px !important;
  font-weight:800 !important;
  letter-spacing:.09em !important;
  text-transform:uppercase !important;
  color:#79a6cd !important;
}
.admin-nav-link{
  display:block !important;
  padding:8px 16px !important;
  color:#8ab7ff !important;
  text-decoration:none !important;
  border-left:3px solid transparent !important;
  line-height:1.25 !important;
  box-sizing:border-box !important;
}
.admin-nav-link:hover,
.admin-nav-link.active{
  background:#12385f !important;
  color:#fff !important;
  border-left-color:#4d8eff !important;
}

@media(max-width:900px){
  .admin-shell{
    display:block !important;
  }
  .admin-sidebar,
  .dash-sidebar{
    position:relative !important;
    width:100% !important;
    height:auto !important;
    max-height:none !important;
  }
  .admin-main{
    width:100% !important;
  }
  .admin-content{
    padding:18px !important;
  }
}

/* v0.1.8b sidebar typography polish */
.admin-shell{
  grid-template-columns:260px minmax(0,1fr) !important;
}
.admin-sidebar,
.dash-sidebar{
  width:260px !important;
}
.admin-logo-brand{
  padding:16px 18px 18px !important;
  min-height:82px !important;
}
.admin-logo-brand img{
  height:50px !important;
  max-height:50px !important;
  max-width:185px !important;
}

.admin-nav-group{
  margin:0 0 18px !important;
}

.admin-nav-heading{
  padding:8px 16px 6px !important;
  font-family:"Trebuchet MS","Arial Rounded MT Bold",Verdana,sans-serif !important;
  font-size:10px !important;
  font-weight:800 !important;
  font-style:italic !important;
  letter-spacing:.13em !important;
  text-transform:uppercase !important;
  color:#7fb8e8 !important;
  line-height:1.1 !important;
  opacity:.95;
}

.admin-nav-link{
  display:block !important;
  padding:8px 16px !important;
  font-size:15px !important;
  line-height:1.3 !important;
  font-weight:500 !important;
  color:#8ab7ff !important;
  border-left:3px solid transparent !important;
  border-radius:0 8px 8px 0 !important;
  margin-right:10px !important;
}

.admin-nav-link:hover{
  background:rgba(47,111,228,.10) !important;
  color:#fff !important;
  border-left-color:#397ee8 !important;
}

.admin-nav-link.active{
  background:rgba(47,111,228,.22) !important;
  color:#fff !important;
  border-left-color:#5b9cff !important;
  font-weight:700 !important;
}

/* v0.1.8c sidebar cleanup - restrained professional styling */
.admin-shell{
  grid-template-columns:248px minmax(0,1fr) !important;
}
.admin-sidebar,
.dash-sidebar{
  width:248px !important;
  background:#081d31 !important;
}

.admin-logo-brand{
  padding:16px 18px 16px !important;
  min-height:76px !important;
  border-bottom:1px solid rgba(255,255,255,.05) !important;
}
.admin-logo-brand img{
  width:auto !important;
  height:46px !important;
  max-height:46px !important;
  max-width:176px !important;
}

.admin-nav-group{
  margin:0 !important;
  padding:12px 0 10px !important;
  border-bottom:1px solid rgba(255,255,255,.045) !important;
}

.admin-nav-heading{
  padding:0 16px 6px !important;
  font-family:Arial,Helvetica,sans-serif !important;
  font-size:9px !important;
  font-weight:800 !important;
  font-style:normal !important;
  letter-spacing:.11em !important;
  text-transform:uppercase !important;
  color:#6f95b8 !important;
  line-height:1.2 !important;
  opacity:1 !important;
}

.admin-nav-link{
  display:block !important;
  padding:7px 16px !important;
  margin:0 8px !important;
  border-left:0 !important;
  border-radius:7px !important;
  font-size:14px !important;
  line-height:1.3 !important;
  font-weight:500 !important;
  color:#b7d2ec !important;
  background:transparent !important;
}

.admin-nav-link:hover{
  background:rgba(255,255,255,.045) !important;
  color:#fff !important;
  border-left:0 !important;
}

.admin-nav-link.active{
  background:#12385f !important;
  color:#fff !important;
  border-left:0 !important;
  box-shadow:inset 3px 0 0 #4f93ff !important;
  font-weight:600 !important;
}

.admin-nav-group:last-of-type{
  border-bottom:0 !important;
}

@media(max-width:900px){
  .admin-shell{grid-template-columns:1fr !important;}
  .admin-sidebar,.dash-sidebar{width:100% !important;}
}

/* v0.1.9 dashboard refresh */
.dashboard-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin-bottom:22px}.dashboard-heading h1{margin:0 0 4px}.dashboard-revenue{text-align:right}.dashboard-revenue span{display:block;font-size:12px;color:var(--muted)}.dashboard-revenue strong{display:block;margin-top:3px;font-size:24px;color:#fff}.dashboard-metrics{margin-bottom:28px}.dashboard-section{margin:4px 0 26px}.section-title-row{display:flex;align-items:end;justify-content:space-between;margin-bottom:12px}.section-title-row h2,.chart-card-head h2{margin:0}.section-title-row p,.chart-card-head p{margin:4px 0 0;color:var(--muted);font-size:13px}.quick-actions-row{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}.quick-action{display:flex;align-items:center;gap:11px;padding:14px 13px;border:1px solid var(--border);border-radius:12px;background:#10314f;text-decoration:none;color:#fff;transition:.15s ease}.quick-action:hover{transform:translateY(-1px);background:#153d61}.qa-icon{display:grid;place-items:center;flex:0 0 34px;width:34px;height:34px;border-radius:9px;background:#1d4d78;font-weight:800}.quick-action strong{display:block;font-size:14px}.quick-action small{display:block;margin-top:3px;color:#91b3d1;font-size:11px}.dashboard-chart-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-bottom:18px}.dashboard-chart-card{min-height:335px}.chart-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:18px}.chart-card-head>strong{font-size:18px}.bar-chart{display:flex;align-items:end;justify-content:space-between;gap:9px;height:235px;padding-top:10px}.bar-column{display:flex;flex:1;min-width:0;height:100%;flex-direction:column;align-items:center}.bar-value{height:24px;font-size:11px;color:#b8d1e8}.bar-track{position:relative;flex:1;width:70%;max-width:52px;border-radius:7px 7px 4px 4px;background:#0a2238;overflow:hidden}.bar-fill{position:absolute;bottom:0;left:0;right:0;min-height:2px;border-radius:7px 7px 4px 4px;background:linear-gradient(180deg,#3a84f7,#205fc8)}.customer-bar{background:linear-gradient(180deg,#67b1ff,#3478c9)}.bar-label{padding-top:8px;font-size:11px;color:#8fb0cc}.dashboard-package-stats{margin-bottom:24px}.horizontal-stats{display:flex;flex-direction:column;gap:12px}.horizontal-stat-row{display:grid;grid-template-columns:minmax(120px,210px) 1fr 42px;gap:12px;align-items:center}.horizontal-stat-label{font-size:13px}.horizontal-stat-track{height:10px;border-radius:999px;background:#0a2238;overflow:hidden}.horizontal-stat-fill{height:100%;border-radius:999px;background:linear-gradient(90deg,#2b69c8,#5ca0ff)}.horizontal-stat-value{text-align:right;font-weight:700}@media(max-width:1180px){.quick-actions-row{grid-template-columns:repeat(3,1fr)}}@media(max-width:900px){.dashboard-chart-grid{grid-template-columns:1fr}.quick-actions-row{grid-template-columns:1fr 1fr}.dashboard-heading{align-items:flex-start;flex-direction:column}.dashboard-revenue{text-align:left}}@media(max-width:560px){.quick-actions-row{grid-template-columns:1fr}.horizontal-stat-row{grid-template-columns:1fr}.horizontal-stat-value{text-align:left}}

/* v0.2.0 frontend typography controls */
body:not(.admin-body):not(.dashboard-body){font-size:var(--front-body-size,16px)}
body:not(.admin-body):not(.dashboard-body) nav a{font-size:var(--front-nav-size,15px)}
body:not(.admin-body):not(.dashboard-body) .hero h1{font-size:var(--hero-heading-size,56px)!important}
body:not(.admin-body):not(.dashboard-body) .hero p{font-size:var(--hero-text-size,18px)!important}
body:not(.admin-body):not(.dashboard-body) .page-hero h1{font-size:var(--page-heading-size,42px)!important}
body:not(.admin-body):not(.dashboard-body) .section h2,
body:not(.admin-body):not(.dashboard-body) .promo-copy h2{font-size:var(--section-heading-size,30px)!important}
body:not(.admin-body):not(.dashboard-body) .button,
body:not(.admin-body):not(.dashboard-body) .pill{font-size:var(--button-text-size,14px)}
.customer-benefit-card{margin-top:20px;border-left:4px solid #644cff}
.customer-benefit-card h2{margin-top:0}.discount-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.discount-row-actions{display:flex;gap:8px;align-items:center}.comp-badge{display:inline-block;padding:4px 8px;border-radius:999px;background:#4937a8;color:#fff;font-size:11px;font-weight:800}.reset-link-box{word-break:break-all;background:#071a2d;border:1px solid var(--border);padding:10px;border-radius:8px;margin-top:10px}
@media(max-width:850px){.discount-grid{grid-template-columns:1fr}}

/* v0.2.0a typography labels now map 1:1 with Website Manager fields */
body:not(.admin-body):not(.dashboard-body) .hero .eyebrow{font-size:var(--eyebrow-text-size,13px)!important}
body:not(.admin-body):not(.dashboard-body) .hero h1{font-size:var(--hero-heading-size,56px)!important}
body:not(.admin-body):not(.dashboard-body) .hero p{font-size:var(--hero-text-size,18px)!important}

body:not(.admin-body):not(.dashboard-body) .stats strong{font-size:var(--benefit-title-size,18px)!important}
body:not(.admin-body):not(.dashboard-body) .stats span{font-size:var(--benefit-text-size,15px)!important}

body:not(.admin-body):not(.dashboard-body) .promo-copy h2{font-size:var(--promo-title-size,30px)!important}
body:not(.admin-body):not(.dashboard-body) .promo-copy p{font-size:var(--promo-text-size,16px)!important}

body:not(.admin-body):not(.dashboard-body) .contact-intro,
body:not(.admin-body):not(.dashboard-body) .auth-card > p.muted{font-size:var(--contact-intro-size,16px)!important}

body:not(.admin-body):not(.dashboard-body) .site-footer p{font-size:var(--footer-text-size,14px)!important}

/* v0.2.0b packages page text controls */
body:not(.admin-body):not(.dashboard-body) .packages-eyebrow{font-size:var(--packages-eyebrow-size,13px)!important}
body:not(.admin-body):not(.dashboard-body) .packages-heading{font-size:var(--packages-heading-size,38px)!important}
body:not(.admin-body):not(.dashboard-body) .packages-intro{font-size:var(--packages-intro-size,16px)!important}

/* v0.2.0c site font controls */
body:not(.admin-body):not(.dashboard-body){
  font-family:var(--site-font-family,Arial,Helvetica,sans-serif)!important;
}
body:not(.admin-body):not(.dashboard-body) input,
body:not(.admin-body):not(.dashboard-body) select,
body:not(.admin-body):not(.dashboard-body) textarea,
body:not(.admin-body):not(.dashboard-body) button{
  font-family:inherit;
}

/* v0.2.2 Customer Management Pro */
.customer-filter-bar{display:grid;grid-template-columns:minmax(260px,1fr) 180px 220px auto auto;gap:10px;align-items:end}.status-pill{display:inline-block;padding:4px 8px;border-radius:999px;font-size:11px;font-weight:700;background:#173651}.status-pill.active{background:#174d39}.status-pill.suspended{background:#6a4a18}.status-pill.disabled{background:#612b35}.customer-admin-action-strip{display:flex;justify-content:flex-end;margin:0 0 18px}.customer-admin-action-strip form{display:flex;gap:8px;align-items:center}.customer-admin-action-strip select{min-width:150px}.activity-timeline{display:flex;flex-direction:column;gap:0}.activity-event{position:relative;display:grid;grid-template-columns:18px 1fr;gap:10px;padding:0 0 18px}.activity-event:before{content:"";position:absolute;left:6px;top:12px;bottom:-2px;width:2px;background:#21445f}.activity-event:last-child:before{display:none}.activity-dot{width:12px;height:12px;border-radius:50%;background:#4d8eff;margin-top:4px;z-index:2}.activity-event small{display:block;color:var(--muted);margin-top:3px}.activity-event p{margin:5px 0 0;color:#b7d2ec}@media(max-width:1050px){.customer-filter-bar{grid-template-columns:1fr 1fr}.customer-filter-bar input[name=q]{grid-column:1/-1}}@media(max-width:650px){.customer-filter-bar{grid-template-columns:1fr}.customer-filter-bar input[name=q]{grid-column:auto}}

/* v0.2.3 appearance variables */
body:not(.admin-body){background:var(--front-bg,#061829);color:var(--front-text,#fff)}
body:not(.admin-body) .site-header,
body:not(.admin-body) .site-footer{border-color:var(--front-border,#21445f)}
body:not(.admin-body) .panel,
body:not(.admin-body) .auth-card{background:var(--front-surface,#0b2238);border-color:var(--front-border,#21445f)}
body:not(.admin-body) .muted{color:var(--front-muted,#91b3d1)}
body:not(.admin-body) .button,
body:not(.admin-body) .pill{background:var(--front-primary,#2f6fe4)}
body:not(.admin-body) .button:hover,
body:not(.admin-body) .pill:hover{background:var(--front-primary-hover,#4585f0)}

.admin-body{background:var(--admin-bg,#061829)!important;color:var(--admin-text,#fff)!important}
.admin-sidebar,.dash-sidebar{background:var(--admin-sidebar,#081d31)!important;border-color:var(--admin-border,#21445f)!important}
.admin-topbar{background:var(--admin-topbar,#0c2740)!important;border-color:var(--admin-border,#21445f)!important}
.admin-body .panel,.admin-body .metric{background:var(--admin-surface,#0b2238)!important;border-color:var(--admin-border,#21445f)!important}
.admin-body .muted{color:var(--admin-muted,#91b3d1)!important}
.admin-body .button{background:var(--admin-primary,#2f6fe4)!important}
.admin-body .button:hover{background:var(--admin-primary-hover,#4585f0)!important}
.admin-nav-link.active{box-shadow:inset 3px 0 0 var(--admin-accent,#4f93ff)!important}

.ticket-attachment{margin-top:9px;padding:8px 10px;border:1px solid var(--border);border-radius:8px;background:rgba(255,255,255,.025)}
.ticket-attachment a{font-weight:700}
.settings-group{margin-bottom:18px}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.settings-wide{grid-column:1/-1}.setting-toggle{align-self:center;padding:12px 0}.color-setting{display:grid;grid-template-columns:1fr 52px 88px;gap:10px;align-items:center;margin-bottom:10px}.color-setting input[type=color]{width:52px;height:38px;padding:2px}.color-setting code{font-size:11px}.analytics-bars{display:flex;align-items:end;gap:10px;height:220px}.analytics-day{height:100%;flex:1;display:flex;flex-direction:column;align-items:center;min-width:0}.analytics-value{height:24px;font-size:11px}.analytics-track{position:relative;flex:1;width:70%;max-width:44px;background:#071a2d;border-radius:6px;overflow:hidden}.analytics-fill{position:absolute;bottom:0;left:0;right:0;background:var(--admin-primary,#2f6fe4);border-radius:6px}.analytics-day small{padding-top:8px;font-size:10px}.analytics-ref{max-width:420px;word-break:break-all}
@media(max-width:760px){.settings-grid{grid-template-columns:1fr}.settings-wide{grid-column:auto}.color-setting{grid-template-columns:1fr 48px}}