@font-face {
  font-family:"Helvetica Neue LT Pro";
  src:url("../fonts/HelveticaNeueLTPro_normal_normal_300.woff") format("woff");
  font-weight:300;
  font-style:normal;
  font-display:swap;
}

:root{
  --hb-red:#e2001a;
  --hb-red-strong:#c70017;
  --hb-red-soft:#ff5a6d;
  --hb-red-deep:#8d0011;

  --cyan:#39d8ff;
  --violet:#8878ff;
  --gold:#ffb84d;
  --blue:#6ea8ff;

  --bg:#08111f;
  --bg-2:#0d1728;
  --bg-3:#111d31;

  --card:rgba(15,23,39,.78);
  --card-2:rgba(14,22,36,.92);
  --card-solid:#121b2d;

  --text:#edf3fb;
  --muted:#95a3bc;
  --muted-2:#72809a;

  --border:rgba(255,255,255,.08);
  --border-strong:rgba(255,255,255,.14);

  --shadow:0 20px 50px rgba(0,0,0,.24);
  --shadow-soft:0 8px 24px rgba(0,0,0,.18);
  --shadow-red:0 10px 26px rgba(226,0,26,.14);

  --ok:#38d27a;
  --warn:#ffae42;
  --danger:#ff5d6c;

  --radius:20px;
  --radius-lg:24px;
  --blur:14px;
  --maxw:1440px;

  --hb-font-base:"Helvetica Neue LT Pro", Arial, Helvetica, "Microsoft YaHei", "SimSun", "Noto Sans CJK SC", "Noto Sans JP", "Noto Sans KR", sans-serif;
  --hb-font-mono:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
}

[data-theme="light"]{
  --bg:#f6f8fb;
  --bg-2:#eff3f8;
  --bg-3:#e9eef5;

  --card:rgba(255,255,255,.88);
  --card-2:rgba(255,255,255,.97);
  --card-solid:#ffffff;

  --text:#111827;
  --muted:#66758d;
  --muted-2:#7c8aa0;

  --border:rgba(15,23,42,.08);
  --border-strong:rgba(15,23,42,.12);

  --shadow:0 18px 45px rgba(15,23,42,.08);
  --shadow-soft:0 8px 24px rgba(15,23,42,.06);
  --shadow-red:0 8px 20px rgba(226,0,26,.08);
}

*{box-sizing:border-box}
html,body{margin:0;padding:0}
html{scroll-behavior:smooth}

body{
  font-family:var(--hb-font-base);
  font-weight:300;
  color:var(--text);
  background:
    radial-gradient(circle at 10% 8%, rgba(226,0,26,.10), transparent 22%),
    radial-gradient(circle at 88% 14%, rgba(57,216,255,.05), transparent 18%),
    linear-gradient(180deg,var(--bg) 0%,var(--bg-2) 58%,var(--bg-3) 100%);
  min-height:100vh;
  overflow-x:hidden;
}

[data-theme="light"] body{
  background:
    radial-gradient(circle at 10% 8%, rgba(226,0,26,.06), transparent 20%),
    radial-gradient(circle at 88% 14%, rgba(57,216,255,.04), transparent 16%),
    linear-gradient(180deg,var(--bg) 0%,var(--bg-2) 58%,var(--bg-3) 100%);
}

a{color:inherit;text-decoration:none}
button,input,select,textarea{font:inherit;font-family:var(--hb-font-base)}
code{
  font-family:var(--hb-font-mono);
  font-size:.95em;
}

.mc-shell{position:relative;min-height:100vh}
.mc-bg{position:fixed;inset:0;pointer-events:none;z-index:0}
.mc-bg-orb{
  position:absolute;
  border-radius:50%;
  filter:blur(90px);
  opacity:.18;
}
.orb-a{
  width:420px;
  height:420px;
  left:-120px;
  top:-80px;
  background:radial-gradient(circle,var(--hb-red),transparent 70%);
}
.orb-b{
  width:380px;
  height:380px;
  right:-80px;
  top:80px;
  background:radial-gradient(circle,rgba(57,216,255,.45),transparent 72%);
}
.mc-bg-grid{
  position:absolute;
  inset:0;
  background-image:
    linear-gradient(rgba(255,255,255,.022) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.022) 1px, transparent 1px);
  background-size:36px 36px;
  mask-image:linear-gradient(180deg, rgba(255,255,255,.34), transparent 82%);
}
[data-theme="light"] .mc-bg-grid{
  background-image:
    linear-gradient(rgba(15,23,42,.02) 1px, transparent 1px),
    linear-gradient(90deg, rgba(15,23,42,.02) 1px, transparent 1px);
}
.mc-noise{
  position:absolute;
  inset:0;
  opacity:.012;
  background-image:
    radial-gradient(circle at 20% 20%, #fff 0 1px, transparent 1px),
    radial-gradient(circle at 80% 30%, #fff 0 1px, transparent 1px),
    radial-gradient(circle at 40% 80%, #fff 0 1px, transparent 1px);
  background-size:160px 160px;
}

.wrap,.topbar-inner{
  width:min(calc(100% - 28px), var(--maxw));
  margin-inline:auto;
  position:relative;
  z-index:2;
}

/* Topbar */

.topbar{
  position:sticky;
  top:0;
  z-index:20;
  backdrop-filter:blur(14px);
  background:rgba(8,17,31,.72);
  border-bottom:1px solid var(--border);
}
[data-theme="light"] .topbar{
  background:rgba(255,255,255,.82);
  border-bottom:1px solid var(--border);
  box-shadow:0 6px 20px rgba(15,23,42,.04);
}
.topbar-inner{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  min-height:74px;
  padding:12px 0;
}

.brand{
  display:flex;
  align-items:center;
  gap:14px;
  min-width:0;
  flex:0 0 auto;
}
.brand-logo{
  width:112px;
  height:42px;
  border-radius:12px;
  display:flex;
  align-items:center;
  justify-content:center;
  background:rgba(255,255,255,.04);
  border:1px solid rgba(226,0,26,.10);
  box-shadow:var(--shadow-soft);
  overflow:hidden;
  flex:0 0 auto;
}
.brand-logo img{
  max-width:80%;
  max-height:80%;
  object-fit:contain;
  display:block;
}
.brand-mark{
  width:16px;
  height:16px;
  border-radius:50%;
  background:radial-gradient(circle at 35% 35%, #fff 0%, #ff9aa6 14%, var(--hb-red) 46%, var(--hb-red-deep) 100%);
  box-shadow:0 0 0 4px rgba(226,0,26,.06);
  flex:0 0 auto;
}
.brand-copy{
  display:flex;
  flex-direction:column;
  line-height:1.05;
  min-width:0;
}
.brand-copy strong{
  font-size:.96rem;
  letter-spacing:.02em;
}
.brand-copy small{
  color:var(--muted);
  font-size:.76rem;
  margin-top:4px;
}

/* Nav */

.topnav{
  display:flex;
  gap:8px;
  flex-wrap:wrap;
  justify-content:center;
}
.pill-link{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:9px 13px;
  border-radius:999px;
  border:1px solid var(--border);
  background:rgba(255,255,255,.03);
  color:var(--muted);
  transition:all .2s ease;
  font-size:.9rem;
}
[data-theme="light"] .pill-link{
  background:rgba(255,255,255,.78);
}
.pill-link:hover,
.pill-link.is-active{
  color:var(--text);
  border-color:rgba(226,0,26,.18);
  background:rgba(226,0,26,.08);
}
[data-theme="light"] .pill-link:hover,
[data-theme="light"] .pill-link.is-active{
  color:var(--hb-red-strong);
  background:rgba(226,0,26,.08);
}

.topbar-actions{
  display:flex;
  align-items:center;
  gap:10px;
  flex:0 0 auto;
}
.userbox{
  padding:9px 13px;
  border-radius:16px;
  border:1px solid var(--border);
  background:rgba(255,255,255,.04);
}
[data-theme="light"] .userbox{
  background:rgba(255,255,255,.76);
}
.userbox-meta{
  display:flex;
  flex-direction:column;
  line-height:1.08;
}
.userbox-meta strong{font-size:.92rem}
.userbox-meta small,
.eyebrow{color:var(--muted)}
.eyebrow{
  display:inline-block;
  text-transform:uppercase;
  letter-spacing:.14em;
  font-size:.68rem;
  font-weight:700;
  color:var(--hb-red-strong);
}

.icon-btn{
  width:42px;
  height:42px;
  border-radius:14px;
  border:1px solid var(--border);
  display:inline-flex;
  align-items:center;
  justify-content:center;
  background:rgba(255,255,255,.04);
  color:var(--text);
  transition:transform .2s ease, border-color .2s ease, background .2s ease;
  cursor:pointer;
}
[data-theme="light"] .icon-btn{
  background:#fff;
  color:var(--hb-red-strong);
}
.icon-btn:hover{
  transform:translateY(-1px);
  border-color:rgba(226,0,26,.20);
  background:rgba(226,0,26,.08);
}
.icon{width:20px;height:20px}

/* Layout */

.wrap{padding:26px 0 44px}
.section{margin-top:24px}
.section-head{
  display:flex;
  align-items:end;
  justify-content:space-between;
  gap:18px;
  flex-wrap:wrap;
  margin-bottom:16px;
}
.section-head h2{
  margin:6px 0 0;
  font-size:clamp(1.38rem,1.7vw,1.8rem);
  line-height:1.04;
}
.section-head p{margin:0;color:var(--muted);font-size:.94rem}

.glass{
  background:var(--card);
  border:1px solid var(--border);
  box-shadow:var(--shadow);
  backdrop-filter:blur(var(--blur));
}
[data-theme="light"] .glass,
[data-theme="light"] .panel,
[data-theme="light"] .rack-main,
[data-theme="light"] .rack-side,
[data-theme="light"] .score-card,
[data-theme="light"] .hero-left{
  background:var(--card-2);
  border:1px solid var(--border);
  box-shadow:var(--shadow);
}

/* Hero */

.hero{
  display:grid;
  grid-template-columns:1.18fr .82fr;
  gap:18px;
  align-items:stretch;
}
.hero-left,.hero-right{min-width:0}
.hero-left{
  position:relative;
  padding:28px;
  border-radius:var(--radius-lg);
  overflow:hidden;
}
.hero-left::before{
  content:"";
  position:absolute;
  inset:0;
  background:
    radial-gradient(circle at 12% 16%, rgba(226,0,26,.12), transparent 28%),
    linear-gradient(135deg, rgba(255,255,255,.02), transparent 46%);
  pointer-events:none;
}
[data-theme="light"] .hero-left::before{
  background:
    radial-gradient(circle at 12% 16%, rgba(226,0,26,.07), transparent 26%),
    linear-gradient(135deg, rgba(255,255,255,.42), transparent 46%);
}
.hero-right{
  display:grid;
  grid-template-columns:1fr;
  gap:18px;
}
.hero-badge-row,
.hero-actions,
.hero-mini-stats{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
}
.live-pill,
.meta-pill,
.state-pill,
.chip,
.mini-badge{
  display:inline-flex;
  align-items:center;
  gap:8px;
  border-radius:999px;
  padding:7px 11px;
  font-weight:700;
  font-size:.75rem;
  border:1px solid rgba(226,0,26,.10);
}
.live-pill,
.meta-pill{
  background:rgba(255,255,255,.05);
}
[data-theme="light"] .live-pill,
[data-theme="light"] .meta-pill,
[data-theme="light"] .chip,
[data-theme="light"] .mini-badge{
  background:rgba(255,248,249,.95);
  color:var(--text);
}
.live-pill{
  background:rgba(226,0,26,.08);
}
.live-dot,.signal-pulse{
  width:9px;
  height:9px;
  border-radius:50%;
  background:var(--ok);
  box-shadow:0 0 0 0 rgba(56,210,122,.55);
  animation:pulse 1.8s infinite;
}
@keyframes pulse{
  0%{box-shadow:0 0 0 0 rgba(56,210,122,.6)}
  70%{box-shadow:0 0 0 12px rgba(56,210,122,0)}
  100%{box-shadow:0 0 0 0 rgba(56,210,122,0)}
}
.meta-pill.is-ok{color:#c2ffe0}
.meta-pill.is-warn{color:#ffd5aa}
[data-theme="light"] .meta-pill.is-ok{color:#117a43}
[data-theme="light"] .meta-pill.is-warn{color:#a96300}

.hero h1{
  margin:16px 0 10px;
  font-size:clamp(2rem,4vw,3.2rem);
  line-height:.96;
  letter-spacing:-.04em;
}
.hero-copy{
  max-width:680px;
  font-size:.98rem;
  color:var(--muted);
  line-height:1.65;
  margin:0 0 16px;
}
.hero-search{
  display:flex;
  align-items:center;
  gap:12px;
  border-radius:16px;
  border:1px solid var(--border);
  background:rgba(255,255,255,.04);
  padding:12px 14px;
  margin:18px 0 16px;
  position:relative;
}
[data-theme="light"] .hero-search{
  background:rgba(255,255,255,.92);
}
.hero-search:focus-within{
  border-color:rgba(226,0,26,.20);
  box-shadow:0 0 0 4px rgba(226,0,26,.06);
}
.hero-search input{
  flex:1 1 auto;
  background:transparent;
  border:none;
  outline:none;
  color:var(--text);
  min-width:0;
  font-size:.96rem;
}
[data-theme="light"] .hero-search input::placeholder{color:#73839a}
.hero-search .kbd{
  color:var(--muted);
  font-size:.76rem;
  border:1px solid var(--border);
  border-radius:10px;
  padding:5px 9px;
  background:rgba(255,255,255,.04);
}
[data-theme="light"] .hero-search .kbd{
  background:rgba(244,247,251,.95);
}

.btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:44px;
  padding:0 16px;
  border-radius:14px;
  font-weight:800;
  border:1px solid transparent;
  transition:transform .2s ease, box-shadow .2s ease, background .2s ease;
  font-size:.92rem;
  cursor:pointer;
}
.btn:hover{transform:translateY(-1px)}
.btn-primary{
  background:linear-gradient(135deg, var(--hb-red-strong), var(--hb-red));
  color:#fff;
  box-shadow:var(--shadow-red);
}
.btn-secondary{
  background:rgba(255,255,255,.05);
  border-color:var(--border);
  color:var(--text);
}
.btn-ghost{
  background:transparent;
  border-color:var(--border);
  color:var(--muted);
}
.btn-sm{
  min-height:36px;
  padding:0 12px;
  font-size:.82rem;
  border-radius:12px;
}
[data-theme="light"] .btn-secondary,
[data-theme="light"] .btn-ghost{
  background:#fff;
  border-color:var(--border);
  color:var(--text);
}

.hero-mini-stats{margin-top:16px}
.mini-chip{
  padding:10px 12px;
  border-radius:16px;
  background:rgba(255,255,255,.04);
  border:1px solid var(--border);
  min-width:108px;
}
[data-theme="light"] .mini-chip{
  background:rgba(255,255,255,.94);
}
.mini-chip strong{
  display:block;
  font-size:1.04rem;
  margin-top:4px;
}
.mini-label{
  display:block;
  color:var(--muted);
  font-size:.74rem;
  text-transform:uppercase;
  letter-spacing:.08em;
}

/* Score */

.score-card,.signal-card{
  border-radius:var(--radius-lg);
  padding:20px;
  position:relative;
  overflow:hidden;
  border:1px solid var(--border);
}
.score-head,.signal-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
}
.score-head h2{
  font-size:clamp(1.8rem,3vw,2.5rem);
  line-height:.95;
  margin:6px 0 0;
}
.score-head h2 small{
  font-size:.42em;
  color:var(--muted);
  font-weight:700;
}
.state-pill{
  background:rgba(226,0,26,.08);
  text-transform:uppercase;
  letter-spacing:.08em;
}
.state-stabil{color:#cbffe2}
.state-gut{color:#cfe2ff}
.state-beobachten{color:#ffe2ae}
.state-kritisch{color:#ffc5cb}
[data-theme="light"] .state-stabil{color:#117a43}
[data-theme="light"] .state-gut{color:#255bb3}
[data-theme="light"] .state-beobachten{color:#a96300}
[data-theme="light"] .state-kritisch{color:#b91c1c}

.score-metrics,.signal-grid{display:grid;gap:8px}
.metric-line{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:8px 0;
  border-bottom:1px solid var(--border);
  font-size:.9rem;
}
.metric-line:last-child{border-bottom:none}

/* KPI */

.kpi-wall{
  display:grid;
  grid-template-columns:repeat(6,minmax(0,1fr));
  gap:14px;
}
.kpi-card{
  position:relative;
  border-radius:20px;
  padding:16px;
  background:var(--card-2);
  border:1px solid var(--border);
  box-shadow:var(--shadow-soft);
  overflow:hidden;
  transition:transform .22s ease, box-shadow .22s ease, border-color .22s ease;
}
.kpi-card::before{
  content:"";
  position:absolute;
  left:0;
  top:0;
  right:0;
  height:3px;
  background:linear-gradient(90deg, var(--hb-red), rgba(226,0,26,.25));
}
.kpi-card:hover{
  transform:translateY(-3px);
  border-color:rgba(226,0,26,.16);
}
.kpi-top{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
}
.kpi-tag{
  color:var(--muted);
  text-transform:uppercase;
  letter-spacing:.12em;
  font-size:.68rem;
  font-weight:800;
}
.kpi-icon{
  width:40px;
  height:40px;
  border-radius:14px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  color:var(--hb-red-soft);
  background:rgba(226,0,26,.08);
  border:1px solid rgba(226,0,26,.10);
}
[data-theme="light"] .kpi-icon{
  color:var(--hb-red-strong);
}
.kpi-value{
  font-size:clamp(1.7rem,2.4vw,2.2rem);
  font-weight:900;
  line-height:1;
  margin-top:16px;
  letter-spacing:-.04em;
}
.kpi-label{margin-top:6px;font-weight:700;font-size:.92rem}
.kpi-meta{
  margin-top:12px;
  display:flex;
  flex-wrap:wrap;
  gap:6px;
}
.kpi-meta span{
  display:inline-flex;
  align-items:center;
  padding:5px 9px;
  border-radius:999px;
  border:1px solid rgba(226,0,26,.08);
  background:rgba(226,0,26,.05);
  color:var(--muted);
  font-size:.72rem;
}
[data-theme="light"] .kpi-meta span{
  background:rgba(255,248,249,.95);
}

/* Launcher */

.launcher-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:14px;
}
.launcher-card{
  position:relative;
  min-height:190px;
  display:flex;
  flex-direction:column;
  border-radius:22px;
  padding:18px;
  overflow:hidden;
  background:var(--card-2);
  border:1px solid var(--border);
  box-shadow:var(--shadow-soft);
  transition:transform .22s ease, border-color .22s ease;
}
.launcher-card:hover{
  transform:translateY(-4px);
  border-color:rgba(226,0,26,.14);
}
.launcher-glow{
  position:absolute;
  inset:auto -12% -24% auto;
  width:120px;
  height:120px;
  background:radial-gradient(circle, rgba(226,0,26,.12), transparent 72%);
  pointer-events:none;
}
.launcher-card:nth-child(2n) .launcher-glow{
  background:radial-gradient(circle, rgba(57,216,255,.10), transparent 72%);
}
.launcher-card:nth-child(3n) .launcher-glow{
  background:radial-gradient(circle, rgba(136,120,255,.10), transparent 72%);
}
.launcher-icon{
  width:52px;
  height:52px;
  border-radius:16px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  color:#fff;
  background:linear-gradient(135deg, rgba(226,0,26,.28), rgba(226,0,26,.12));
  border:1px solid rgba(226,0,26,.12);
}
[data-theme="light"] .launcher-icon{
  color:var(--hb-red-strong);
  background:rgba(226,0,26,.08);
}
.launcher-body{margin-top:14px;flex:1 1 auto}
.launcher-body h3{margin:0 0 8px;font-size:1rem}
.launcher-body p{margin:0;color:var(--muted);line-height:1.5;font-size:.88rem}
.launcher-foot{
  display:flex;
  gap:8px;
  flex-wrap:wrap;
  margin-top:14px;
}
.launcher-foot .chip{
  background:rgba(226,0,26,.06);
  border-color:rgba(226,0,26,.08);
}
.chip.arrow{padding-right:14px}

/* Panels */

.content-grid{
  display:grid;
  gap:14px;
  align-items:start;
}

.content-grid-duo{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:14px;
  align-items:start;
}

.content-grid-single{
  display:grid;
  grid-template-columns:1fr;
  gap:14px;
  align-items:start;
}

.panel{
  border-radius:22px;
  padding:18px;
  min-height:100%;
  border:1px solid var(--border);
}
.panel-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
  margin-bottom:14px;
  flex-wrap:wrap;
}
.panel-head h3{margin:6px 0 0;font-size:1.06rem}

.mini-link{
  color:var(--muted);
  border-bottom:1px solid transparent;
  font-size:.84rem;
}
.mini-link:hover{
  color:var(--hb-red-strong);
  border-color:currentColor;
}

.barlist,.timeline,.visitor-list,.checklist{display:grid;gap:10px}
.barrow{
  display:block;
  padding:12px;
  border-radius:16px;
  background:rgba(255,255,255,.04);
  border:1px solid var(--border);
  transition:transform .2s ease, border-color .2s ease;
}
[data-theme="light"] .barrow,
[data-theme="light"] .visitor-card,
[data-theme="light"] .rack-stat,
[data-theme="light"] .signal-box{
  background:rgba(255,255,255,.82);
}
.barrow:hover{
  transform:translateY(-1px);
  border-color:rgba(226,0,26,.12);
}
.barrow-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
  margin-bottom:8px;
}
.barrow-main small,
.tl-meta,
.tl-sub,
.visitor-path,
.visitor-meta,
.check-main small,
.empty,
.muted{
  color:var(--muted);
}
.barrow-main strong{display:block;font-size:.92rem}

/* Visitors */

.visitor-card{
  padding:12px;
  border-radius:16px;
  background:rgba(255,255,255,.04);
  border:1px solid var(--border);
}
.visitor-head,.visitor-meta{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
}
.visitor-head strong{font-size:.9rem}
.visitor-head span,
.visitor-meta span{font-size:.8rem}
.visitor-path{margin:8px 0;font-size:.86rem}

/* System rack */

.system-rack{
  display:grid;
  grid-template-columns:1.35fr .95fr;
  gap:14px;
}
.rack-main,.rack-side{
  border-radius:22px;
  padding:18px;
  border:1px solid var(--border);
}
.rack-top{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
  margin-bottom:16px;
}
.rack-top h3{margin:6px 0 0;font-size:1.08rem}
.rack-stats{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
}
.rack-stat{
  padding:14px;
  border-radius:16px;
  background:rgba(255,255,255,.04);
  border:1px solid var(--border);
}
.rack-stat span,.rack-stat small{
  display:block;
  color:var(--muted);
  font-size:.8rem;
}
.rack-stat strong{
  display:block;
  font-size:1.06rem;
  margin:8px 0 5px;
}
.util-block{margin-top:16px}
.util-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin-bottom:8px;
  font-size:.88rem;
}
.util-bar{
  height:10px;
  border-radius:999px;
  background:rgba(255,255,255,.08);
  overflow:hidden;
}
[data-theme="light"] .util-bar{
  background:rgba(15,23,42,.08);
}
.util-bar span{
  display:block;
  height:100%;
  background:linear-gradient(90deg, var(--hb-red-strong), var(--hb-red), var(--hb-red-soft));
  border-radius:inherit;
}

/* Checks */

.check{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
  padding:12px 0;
  border-bottom:1px solid var(--border);
}
.check:last-child{border-bottom:none}
.check-main{
  display:flex;
  gap:12px;
  min-width:0;
}
.check-dot{
  width:11px;
  height:11px;
  border-radius:50%;
  margin-top:5px;
  flex:0 0 auto;
}
.check-dot.ok{
  background:var(--ok);
  box-shadow:0 0 0 6px rgba(62,224,137,.10);
}
.check-dot.warn{
  background:var(--warn);
  box-shadow:0 0 0 6px rgba(255,174,66,.10);
}
.check-badges{
  display:flex;
  gap:8px;
  flex-wrap:wrap;
  justify-content:flex-end;
}
.mini-badge{
  background:rgba(255,255,255,.05);
}
.mini-badge.ok{color:#cbffe2}
.mini-badge.warn{color:#ffd8aa}
[data-theme="light"] .mini-badge.ok{color:#117a43}
[data-theme="light"] .mini-badge.warn{color:#a96300}

/* Empty */

.empty{
  padding:12px;
  border-radius:16px;
  border:1px dashed var(--border);
  background:rgba(255,255,255,.03);
  font-size:.88rem;
}
[data-theme="light"] .empty{
  background:rgba(255,255,255,.82);
}

/* Icon visibility */

.launcher-card .icon,
.kpi-card .icon,
.icon-btn .icon,
.pill-link .icon,
.hero-search .icon,
.brand .icon{
  stroke:currentColor;
}
[data-theme="light"] .launcher-card .icon,
[data-theme="light"] .kpi-card .icon,
[data-theme="light"] .icon-btn .icon,
[data-theme="light"] .pill-link .icon,
[data-theme="light"] .hero-search .icon,
[data-theme="light"] .brand .icon{
  color:var(--hb-red-strong);
  stroke:currentColor;
}

/* Tables, filter, export, copy, toasts */

.table-wrap{
  overflow:auto;
  border-radius:18px;
}

.table{
  width:100%;
  border-collapse:collapse;
  min-width:720px;
}

.table th,
.table td{
  text-align:left;
  padding:12px 10px;
  vertical-align:top;
  border-top:1px solid var(--border);
  font-size:.9rem;
}

.table th{
  font-size:.72rem;
  text-transform:uppercase;
  letter-spacing:.08em;
  color:var(--muted);
  border-top:none;
  padding-top:0;
}

.table tbody tr:hover td{
  background:rgba(226,0,26,.04);
}

.toolbar{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:12px;
  flex-wrap:wrap;
  margin-bottom:14px;
}

.toolbar-placeholder{
  visibility:hidden;
  pointer-events:none;
}

.toolbar-left,
.toolbar-right{
  display:flex;
  align-items:center;
  gap:10px;
  flex-wrap:wrap;
}

.search-input{
  width:min(100%, 360px);
  min-width:220px;
  height:42px;
  padding:0 14px;
  border-radius:14px;
  border:1px solid var(--border);
  background:rgba(255,255,255,.05);
  color:var(--text);
  outline:none;
}

[data-theme="light"] .search-input{
  background:#fff;
}

.search-input:focus{
  border-color:rgba(226,0,26,.16);
  box-shadow:0 0 0 4px rgba(226,0,26,.05);
}

.pill{
  display:inline-flex;
  align-items:center;
  gap:6px;
  padding:6px 10px;
  border-radius:999px;
  font-size:.74rem;
  font-weight:800;
  border:1px solid rgba(226,0,26,.10);
  background:rgba(255,255,255,.05);
  color:var(--muted);
}

[data-theme="light"] .pill{
  background:rgba(255,248,249,.95);
}

.pill.ok{
  color:#cbffe2;
  border-color:rgba(56,210,122,.18);
  background:rgba(56,210,122,.10);
}

.pill.warn{
  color:#ffd8aa;
  border-color:rgba(255,174,66,.18);
  background:rgba(255,174,66,.10);
}

.pill.blue{
  color:#bdd7ff;
  border-color:rgba(110,168,255,.18);
  background:rgba(110,168,255,.10);
}

[data-theme="light"] .pill.ok{color:#117a43}
[data-theme="light"] .pill.warn{color:#a96300}
[data-theme="light"] .pill.blue{color:#255bb3}

.status-item{
  display:block;
  border-top:1px solid var(--border);
  padding-top:12px;
  margin-top:12px;
}

.copy-row{
  margin-top:8px;
  display:flex;
  align-items:center;
  gap:8px;
  flex-wrap:wrap;
}

.token-box{
  display:inline-flex;
  align-items:center;
  max-width:100%;
  padding:7px 10px;
  border-radius:12px;
  background:rgba(255,255,255,.04);
  border:1px solid var(--border);
  color:var(--muted);
  font-size:.76rem;
}

[data-theme="light"] .token-box{
  background:#f7fafc;
}

.hidden-row{
  display:none !important;
}

.toast-wrap{
  position:fixed;
  right:18px;
  bottom:18px;
  z-index:1000;
  display:grid;
  gap:10px;
  max-width:min(92vw, 380px);
}

.toast{
  padding:14px 16px;
  border-radius:16px;
  background:var(--card-solid);
  color:var(--text);
  border:1px solid var(--border);
  box-shadow:var(--shadow);
  font-size:.9rem;
  line-height:1.4;
  animation:toastIn .18s ease;
}

.toast.ok{border-color:rgba(56,210,122,.28)}
.toast.warn{border-color:rgba(255,174,66,.28)}
.toast.error{border-color:rgba(255,93,108,.28)}

@keyframes toastIn{
  from{opacity:0;transform:translateY(8px)}
  to{opacity:1;transform:translateY(0)}
}

/* Responsive */

@media (max-width:1280px){
  .hero{grid-template-columns:1fr}
  .kpi-wall{grid-template-columns:repeat(3,minmax(0,1fr))}
  .launcher-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .system-rack{grid-template-columns:1fr}
}

@media (max-width:980px){
  .topbar-inner{flex-wrap:wrap}
  .topnav{order:3;width:100%;justify-content:flex-start}
  .kpi-wall{grid-template-columns:repeat(2,minmax(0,1fr))}
  .launcher-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .rack-stats{grid-template-columns:1fr 1fr}
  .content-grid-duo{grid-template-columns:1fr}
}

@media (max-width:680px){
  .wrap,.topbar-inner{width:min(calc(100% - 18px), var(--maxw))}
  .hero-left,.score-card,.signal-card,.panel,.rack-main,.rack-side,.kpi-card,.launcher-card{padding:16px}
  .hero h1{font-size:2.1rem}
  .kpi-wall,.launcher-grid,.rack-stats{grid-template-columns:1fr}
  .hero-search{padding:11px 13px}
  .hero-search .kbd{display:none}
  .check,.visitor-head,.visitor-meta,.barrow-head,.section-head,.toolbar{flex-direction:column;align-items:flex-start}
  .toolbar-left,.toolbar-right{width:100%}
  .search-input{width:100%;min-width:0}
}