
:root{
  --shell-max: 1380px;
  --bg-soft: #f6f7fb;
  --surface-solid: #ffffff;
  --surface-muted: #f8fafc;
  --line-strong: rgba(148, 163, 184, .22);
  --text-strong: #0f172a;
  --text-soft: #475569;
  --brand-soft: rgba(139,74,34,.08);
  --brand-soft-2: rgba(245,158,11,.12);
  --shadow-polish: 0 14px 34px rgba(15,23,42,.06);
}
html{scroll-behavior:smooth}
body{
  background: linear-gradient(180deg,#fbfcfe 0%, #f5f7fb 100%);
  color: var(--text-strong);
}
body,
body *{
  word-break: normal;
  overflow-wrap: break-word;
}
body .muted,
body .metric-note,
body .section-subtitle,
body .small{
  color: var(--text-soft) !important;
}
body .content > .container,
body .content .container,
body .page-shell{
  max-width: var(--shell-max);
}
body .page-shell{display:grid;gap:18px}
body .glass-section,
body .card,
body .metric-card,
body .quick-kpi-card,
body .brand-info-card,
body .section-card,
body .summary-board-card,
body .health-card,
body .focus-panel,
body .quick-link-card,
body .page-intro,
body .detail-hero,
body .product-catalog-card{
  background: var(--surface-solid) !important;
  border: 1px solid var(--line-strong) !important;
  box-shadow: var(--shadow-polish) !important;
  backdrop-filter: none !important;
}
body .topbar.premium{
  background: rgba(255,255,255,.96) !important;
  border-bottom: 1px solid rgba(148,163,184,.16) !important;
  box-shadow: 0 10px 26px rgba(15,23,42,.05) !important;
}
body .sidebar{
  background: linear-gradient(180deg,#ffffff 0%, #faf7f3 100%) !important;
  border-right: 1px solid rgba(148,163,184,.14) !important;
  box-shadow: 12px 0 34px rgba(15,23,42,.04) !important;
}
body .sidebar-shell-meta,
body .snav-group-note{display:none !important}
body .snav-title{
  color:#64748b;
  letter-spacing:.06em;
  text-transform:uppercase;
  font-size:.73rem;
}
body .snav-item{
  border-radius:16px;
  min-height:46px;
}
body .snav-item.active{
  background: linear-gradient(180deg, rgba(139,74,34,.11), rgba(245,158,11,.10));
  border:1px solid rgba(139,74,34,.14);
}
body .page-head h1,
body .page-hero h1,
body .section-headline h2,
body .section-title,
body h1,h2,h3{
  letter-spacing:-.03em;
  line-height:1.08;
}
body .btn{
  min-height:44px;
  padding:10px 14px;
  border-radius:14px;
  font-weight:700;
}
body .btn.primary{
  background: linear-gradient(180deg,#9a5a2d,#7f451d);
  color:#fff;
  border-color: transparent;
}
body .btn.secondary{
  background:#fff7ed;
  color:#7c2d12;
  border-color:#fed7aa;
}
body .btn.tertiary{
  background:#fff;
  color:#334155;
  border-color:rgba(148,163,184,.24);
}
body input,body select,body textarea{
  min-height:46px;
  border-radius:14px !important;
  border:1px solid rgba(148,163,184,.24) !important;
  background:#fff !important;
  color:var(--text-strong) !important;
}
body textarea{min-height:124px}
body input:focus,body select:focus,body textarea:focus{
  border-color: rgba(139,74,34,.42) !important;
  box-shadow: 0 0 0 4px rgba(139,74,34,.10) !important;
  outline:none;
}
body th, body td{
  vertical-align:top;
}
body th{
  color:#334155;
  font-size:.84rem;
}
body td{
  color:#0f172a;
  line-height:1.45;
}
body .table-wrap,
body .table-wrap table{
  font-size:.95rem;
}
body .badge.ghost,
body .badge{
  background:#fff;
  border-color: rgba(148,163,184,.20);
  color:#475569;
}
body .metric-card{
  padding:18px;
  gap:8px;
}
body .metric-card .metric-label{
  font-size:.78rem;
  text-transform:uppercase;
  letter-spacing:.06em;
  color:#64748b;
}
body .metric-card .metric-value{
  font-size: clamp(1.35rem, 2.1vw, 2rem);
  line-height:1.05;
  color:#0f172a;
}
body .page-context-rail,
body .hero-inline-badges,
body .brand-badge-row{
  gap:8px;
}
body.public-page .brand-hero-panel,
body.auth-page .auth-shell{
  align-items:stretch;
}
body.public-page .brand-hero-panel{
  grid-template-columns:minmax(0,1.08fr) minmax(320px,.92fr);
  gap:20px;
}
body.public-page .brand-hero-copy,
body.public-page .brand-login-card,
body.public-page .brand-plan-card,
body.public-page .brand-info-card,
body.public-page .corp-plan-card{
  background:#fff;
}
body.public-page .brand-trust-strip{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:12px;
}
body.public-page .brand-trust-item{
  padding:14px 15px;
  border-radius:18px;
  border:1px solid rgba(148,163,184,.16);
  background:linear-gradient(180deg,#fff,#f8fafc);
}
body.public-page .brand-form-grid,
body.public-page .grid.two-col.v68-forms-grid{
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:18px;
}
body.public-page .brand-login-shell{max-width:760px}
body.public-page .brand-login-card{padding:22px}
body.public-page .v75-inline-login-card,
body.public-page .brand-section-shell.compact,
body.public-page .brand-plan-card,
body.public-page .corp-plan-card{
  border-radius:22px;
}
body[data-path="/panel"] .compact-hero{
  background:linear-gradient(135deg,#fff,#fff8f1);
  border:1px solid rgba(245,158,11,.18);
}
body[data-path="/panel"] .web-deploy-grid{
  align-items:start;
}
body[data-path="/panel"] .stack-list.compact-stack .line-item,
body[data-path="/panel"] .owner-route-card.web-job-card{
  border-radius:16px;
  border:1px solid rgba(148,163,184,.16);
  background:#fff;
}
body[data-path="/panel"] .section-subtitle{
  max-width:52ch;
}
body .launchpad-module-ribbon{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px;
}
body .launchpad-module-ribbon a{
  min-height:unset;
  align-items:flex-start;
  padding:14px;
  border-radius:18px;
  border:1px solid rgba(148,163,184,.16);
  background:linear-gradient(180deg,#fff,#f8fafc);
}
body .launchpad-route-card,
body .launchpad-module-ribbon a,
body .launchpad-route-matrix article{
  box-shadow: none;
}
body .launchpad-route-matrix{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:12px;
}
body .brand-card-grid.surface-module-grid .brand-info-card,
body .brand-card-grid.surface-detail-grid .brand-info-card{
  padding:18px;
}
body .section-headline,
body .section-head,
body .page-head,
body .page-intro{
  margin-bottom:0;
}
body .flash,
body .alert{
  border-radius:16px;
}
@media (max-width: 1180px){
  body.public-page .brand-hero-panel{grid-template-columns:1fr}
  body .launchpad-route-matrix{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width: 960px){
  body .launchpad-module-ribbon,
  body.public-page .brand-form-grid,
  body.public-page .grid.two-col.v68-forms-grid,
  body .brand-card-grid.two-up,
  body .brand-card-grid.three-up,
  body .metric-grid,
  body .grid.two-column-grid{
    grid-template-columns:1fr !important;
  }
  body .topbar.premium{padding:10px 12px}
  body .content > .container{padding-bottom:92px}
  body .launchpad-module-ribbon a small{display:none}
}
@media (max-width: 768px){
  body .page-shell{gap:14px}
  body .glass-section,
  body .card,
  body .metric-card,
  body .brand-info-card,
  body .section-card{border-radius:18px !important}
  body.public-page .brand-trust-strip{grid-template-columns:1fr}
  body .hero-actions{display:grid;grid-template-columns:1fr;gap:10px}
  body .hero-actions .btn{width:100%}
  body .page-context-rail{display:flex;overflow:auto;flex-wrap:nowrap;padding-bottom:4px}
  body .page-context-rail .badge{white-space:nowrap}
  body .metric-card .metric-value{font-size:1.55rem}
  body .launchpad-route-matrix{grid-template-columns:1fr}
  body .launchpad-advanced-section{display:none !important;}
  body .surface-kpi-band .metric-card:nth-child(n+5){display:none}
}

body .launchpad-advanced-section .section-headline h2{font-size:1.05rem}
body .launchpad-advanced-section .section-headline .eyebrow{margin-bottom:8px}
