:root {
  --hf-bg: #050506;
  --hf-nav: #09090b;
  --hf-surface: #0e0e11;
  --hf-surface-2: #141418;
  --hf-surface-3: #1b1b20;
  --hf-border: #2b2b31;
  --hf-border-hot: #7c3aed;
  --hf-red: #8b5cf6;
  --hf-red-strong: #7c3aed;
  --hf-red-dark: #3b0764;
  --hf-text: #f7f7f8;
  --hf-muted: #a2a2aa;
  --hf-success: #32d583;
  --hf-warning: #c084fc;
  --hf-danger: #a855f7;
  --hf-radius: 6px;
  --bg: var(--hf-bg) !important;
  --nav: var(--hf-nav) !important;
  --panel: var(--hf-surface) !important;
  --panel-2: var(--hf-surface-2) !important;
  --panel-3: var(--hf-surface-3) !important;
  --line: var(--hf-border) !important;
  --text: var(--hf-text) !important;
  --muted: var(--hf-muted) !important;
  --blue: #3b82f6 !important;
  --purple: #8b5cf6 !important;
  --green: var(--hf-success) !important;
  --red: #a855f7 !important;
  color-scheme: dark;
}

html { background: var(--hf-bg); }
body {
  background-color: var(--hf-bg) !important;
  background-image:
    linear-gradient(rgba(255,255,255,.018) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.018) 1px, transparent 1px) !important;
  background-size: 32px 32px !important;
  color: var(--hf-text) !important;
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  letter-spacing: 0;
}

body::before,
body::after,
.eagle-flight { display: none !important; }

a { color: #a855f7; }
a:hover { color: #a855f7; }

.app-shell {
  grid-template-columns: 264px minmax(0, 1fr) !important;
  min-height: 100vh;
}

.side-nav {
  width: 264px;
  padding: 18px 14px !important;
  background: var(--hf-nav) !important;
  border-right: 1px solid var(--hf-border) !important;
  box-shadow: 12px 0 36px rgba(0,0,0,.28) !important;
}

.brand-block {
  min-height: 62px;
  padding: 8px 10px !important;
  gap: 11px;
  border: 0 !important;
  border-bottom: 1px solid var(--hf-border) !important;
  border-radius: 0 !important;
  background: transparent !important;
}

.brand-logo {
  width: 42px !important;
  height: 42px !important;
  padding: 7px;
  object-fit: contain;
  border: 1px solid #4c1d95;
  border-radius: 5px;
  background: #120708;
  filter: drop-shadow(0 0 9px rgba(37, 99, 235, .28)) !important;
}

.brand-block strong {
  color: #fff !important;
  font-size: 19px !important;
  font-weight: 900 !important;
  letter-spacing: .01em;
}
.brand-block small {
  color: #a855f7 !important;
  font-size: 10px !important;
  font-weight: 750;
  letter-spacing: .1em;
  text-transform: uppercase;
}

.side-primary-action {
  min-height: 42px;
  margin: 14px 0 10px;
  border: 1px solid #8b5cf6 !important;
  border-radius: 5px !important;
  color: #fff !important;
  background: var(--hf-red-strong) !important;
  box-shadow: 0 8px 20px rgba(139, 92, 246, .18) !important;
  font-size: 13px;
  font-weight: 850;
}
.side-primary-action:hover { background: var(--hf-red) !important; }

.side-links { gap: 2px !important; }
.side-links a {
  min-height: 40px !important;
  padding: 9px 10px !important;
  gap: 11px;
  border: 1px solid transparent !important;
  border-radius: 5px !important;
  color: #b7b7be !important;
  background: transparent !important;
  box-shadow: none !important;
  font-size: 13px;
  font-weight: 680 !important;
  transform: none !important;
}
.side-links a::before { display: none !important; }
.side-links a svg {
  width: 17px;
  height: 17px;
  flex: 0 0 17px;
  stroke-width: 1.8;
  color: #777780;
}
.side-links a:hover {
  color: #fff !important;
  border-color: #29292e !important;
  background: #151518 !important;
}
.side-links a.active {
  color: #fff !important;
  border-color: #4c1d95 !important;
  background: #1b0b0d !important;
  box-shadow: inset 3px 0 0 var(--hf-red) !important;
}
.side-links a.active svg { color: var(--hf-red); }

.side-status {
  margin-top: auto;
  padding: 12px !important;
  border: 1px solid var(--hf-border) !important;
  border-radius: 5px !important;
  background: #0c0c0f !important;
  box-shadow: none !important;
}
.side-status strong { font-size: 12px; }
.side-status small { color: var(--hf-muted) !important; }
.status-dot.ok { background: var(--hf-success) !important; }
.status-dot.configured { background: var(--hf-warning) !important; }
.status-dot.pending { background: var(--hf-danger) !important; }

.sidebar-toggle {
  border-radius: 4px !important;
  border-color: var(--hf-border) !important;
  background: #111114 !important;
}

.main-shell { min-width: 0; background: transparent !important; }
.top-bar {
  min-height: 76px !important;
  padding: 14px 24px !important;
  background: rgba(8,8,10,.96) !important;
  border-bottom: 1px solid var(--hf-border) !important;
  box-shadow: 0 8px 30px rgba(0,0,0,.18) !important;
  backdrop-filter: blur(16px);
}
.top-bar h1 {
  margin: 2px 0 0 !important;
  color: #fff !important;
  font-size: 24px !important;
  font-weight: 850 !important;
  line-height: 1.15;
}
.page-kicker,
.eyebrow {
  color: #a855f7 !important;
  font-size: 10px !important;
  font-weight: 850 !important;
  letter-spacing: .12em !important;
  text-transform: uppercase;
}
.content-wrap { padding: 22px 24px 40px !important; }

.connection-badge,
.notification-pill,
.soft-badge,
.mobile-status {
  min-height: 34px;
  border: 1px solid var(--hf-border) !important;
  border-radius: 4px !important;
  color: #d5d5da !important;
  background: #111114 !important;
  box-shadow: none !important;
}
.notification-pill strong {
  color: #fff;
  background: var(--hf-red-strong) !important;
}

.btn {
  min-height: 38px;
  border-radius: 5px !important;
  font-weight: 780 !important;
  letter-spacing: 0;
  box-shadow: none !important;
}
.btn-primary,
.mobile-action.primary,
.side-primary-action {
  border-color: #7c3aed !important;
  color: #fff !important;
  background: var(--hf-red-strong) !important;
}
.btn-primary:hover,
.mobile-action.primary:hover { background: var(--hf-red) !important; }
.btn-outline-primary,
.btn-outline-secondary,
.btn-outline-dark {
  border-color: #424248 !important;
  color: #e9e9eb !important;
  background: #121215 !important;
}
.btn-outline-primary:hover,
.btn-outline-secondary:hover,
.btn-outline-dark:hover {
  border-color: #4c1d95 !important;
  color: #fff !important;
  background: #211012 !important;
}
.btn-danger { background: #4c1d95 !important; border-color: #7c3aed !important; }

.panel,
.table-wrap,
.metric-tile,
.command-card,
.leaderboard-panel,
.ops-board,
.mini-panel,
.smart-card,
.control-deck,
.accounts-board,
.empty-command,
.studio-card,
.rail-card,
.account-hero,
.account-row-card,
.queue-account-card,
.caption-set-card,
.audio-card,
.notification-row,
.rank-row,
.next-row,
.ops-account-card,
.mobile-action,
.mobile-model-list,
.mobile-feed,
.mobile-metric-list div,
.campaign-result-card,
.loading-box,
.welcome-card,
.auth-card,
.story-link-shell,
.revstory-card,
.revstory-panel {
  border: 1px solid var(--hf-border) !important;
  border-radius: var(--hf-radius) !important;
  background: var(--hf-surface) !important;
  box-shadow: 0 12px 28px rgba(0,0,0,.18) !important;
}

.ops-hero,
.mobile-hero-card {
  border: 1px solid #4c1d95 !important;
  border-radius: 7px !important;
  background: #11090a !important;
  box-shadow: inset 4px 0 0 var(--hf-red), 0 16px 36px rgba(0,0,0,.24) !important;
}
.ops-hero::after,
.mobile-hero-card::after { display: none !important; }
.ops-copy h2 { color: #fff; font-size: clamp(42px, 6vw, 72px) !important; line-height: .94 !important; }
.ops-copy p { color: #b7b7bd !important; }
.command-card.primary-action,
.metric-tile.primary {
  border-color: #4c1d95 !important;
  background: #1a0b0d !important;
}
.big-number,
.metric-tile strong,
.ops-scoreboard strong { color: #fff !important; text-shadow: none !important; }

.form-control,
.form-select,
textarea.form-control,
input[type="file"],
input[type="date"],
input[type="datetime-local"] {
  min-height: 40px;
  border: 1px solid #35353b !important;
  border-radius: 5px !important;
  color: #f7f7f8 !important;
  background-color: #0a0a0c !important;
  box-shadow: none !important;
}
.form-control:focus,
.form-select:focus {
  border-color: var(--hf-red) !important;
  box-shadow: 0 0 0 3px rgba(37, 99, 235, .11) !important;
}
.form-check-input:checked { border-color: var(--hf-red) !important; background-color: var(--hf-red-strong) !important; }
input[type="range"] { accent-color: var(--hf-red); }

.table { --bs-table-bg: transparent; --bs-table-color: #e8e8eb; --bs-table-border-color: #29292e; }
.table thead th {
  padding: 10px 12px !important;
  border-bottom: 1px solid #45454b !important;
  color: #aaaab2 !important;
  background: #131316 !important;
  font-size: 10px !important;
  font-weight: 850 !important;
  letter-spacing: .07em;
  text-transform: uppercase;
}
.table tbody td { padding: 11px 12px !important; vertical-align: middle; }
.table tbody tr:hover { background: rgba(37, 99, 235, .035) !important; }

.alert { border-radius: 5px !important; }
.alert-success { border-color: rgba(50,213,131,.35) !important; background: rgba(50,213,131,.09) !important; color: #baf4d7 !important; }
.alert-danger { border-color: rgba(139, 92, 246, .38) !important; background: rgba(139, 92, 246, .1) !important; color: #c084fc !important; }
.alert-warning { border-color: rgba(139, 92, 246, .36) !important; background: rgba(139, 92, 246, .09) !important; color: #ffe0a0 !important; }

.mobile-app-bar {
  min-height: 62px !important;
  padding: 8px 12px !important;
  border-bottom: 1px solid var(--hf-border) !important;
  background: #08080a !important;
}
.mobile-menu-toggle,
.mobile-menu-close {
  border-color: #303037 !important;
  color: #f2f2f4 !important;
  background: #151518 !important;
  box-shadow: none !important;
}
.mobile-menu-toggle span { background: #c9c9cf !important; }
.mobile-status {
  border-color: #4c1d95 !important;
  color: #a855f7 !important;
  background: #1b1012 !important;
}
.mobile-status.ok {
  border-color: #244436 !important;
  color: #7ee2ad !important;
  background: #101c17 !important;
}
.mobile-brand img,
.mobile-menu-head img {
  width: 38px !important;
  height: 38px !important;
  padding: 6px;
  border: 1px solid #4c1d95;
  border-radius: 5px !important;
  background: #120708;
}
.mobile-brand strong,
.mobile-menu-head strong { color: #fff !important; }
.mobile-brand small,
.mobile-menu-head small { color: #a855f7 !important; }
.mobile-menu-drawer { background: #09090b !important; border-left-color: var(--hf-border) !important; }
.mobile-menu-links a {
  border-radius: 5px !important;
  color: #c6c6cb !important;
  background: transparent !important;
}
.mobile-menu-links a.active { color: #fff !important; background: #1b0b0d !important; box-shadow: inset 3px 0 0 var(--hf-red) !important; }

.loading-spinner { border-color: #161226 !important; border-top-color: var(--hf-red) !important; }
.story-progress-bar span { background: var(--hf-red) !important; }
.welcome-overlay { background: rgba(0,0,0,.82) !important; }
.welcome-logo,
.auth-logo { filter: drop-shadow(0 0 16px rgba(37, 99, 235, .24)) !important; }

.login-page,
.register-page {
  background-color: #050506 !important;
  background-image:
    linear-gradient(135deg, transparent 0 47%, rgba(37, 99, 235, .04) 47% 53%, transparent 53%),
    linear-gradient(rgba(255,255,255,.018) 1px, transparent 1px) !important;
  background-size: 280px 280px, 32px 32px !important;
}
.auth-card { border-top: 3px solid var(--hf-red) !important; }

@media (max-width: 1100px) {
  .app-shell { grid-template-columns: 226px minmax(0,1fr) !important; }
  .side-nav { width: 226px; }
  .content-wrap { padding: 18px !important; }
}

@media (max-width: 700px) {
  .app-shell { display: block !important; }
  .side-nav { display: none !important; }
  .mobile-app-bar { display: flex !important; }
  .top-bar { min-height: 66px !important; padding: 12px 14px !important; }
  .top-bar h1 { font-size: 20px !important; }
  .top-actions { gap: 6px !important; }
  .content-wrap { padding: 14px 12px 30px !important; }
  .ops-copy h2 { font-size: 42px !important; }
  .panel,
  .table-wrap,
  .metric-tile,
  .command-card,
  .studio-card { border-radius: 5px !important; }
}

/* DarkFlow command-center dashboard: inspired by technical control panels. */
body.web-dashboard .content-wrap {
  position: relative;
  isolation: isolate;
  max-width: none;
  padding: 42px 48px 58px !important;
  background-color: #090a0d !important;
  background-image:
    linear-gradient(rgba(255, 255, 255, .027) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255, 255, 255, .027) 1px, transparent 1px) !important;
  background-size: 46px 46px !important;
}
body.web-dashboard .hf-overview {
  position: relative;
  z-index: 1;
  max-width: 1280px;
  gap: 28px;
}
body.web-dashboard .hf-overview-head {
  align-items: end;
  min-height: 138px;
  padding: 12px 6px 18px;
  border-bottom: 1px solid rgba(255, 255, 255, .09);
}
body.web-dashboard .hf-overview-head h2 {
  max-width: 760px;
  margin: 10px 0 7px;
  color: #f2f0f1;
  font-family: Georgia, 'Times New Roman', serif;
  font-size: clamp(42px, 5vw, 68px);
  font-weight: 400;
  line-height: .98;
  letter-spacing: 0;
}
body.web-dashboard .hf-overview-head h2 span {
  color: #7c3aed;
  font-style: italic;
}
body.web-dashboard .hf-overview-head p { max-width: 540px; color: #8d8c94; font-size: 15px; }
body.web-dashboard .hf-eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  color: #7c3aed !important;
  font-size: 10px;
  font-weight: 800;
  letter-spacing: .18em;
}
body.web-dashboard .hf-eyebrow::before { content: ''; width: 24px; height: 1px; background: currentColor; }
body.web-dashboard .hf-head-actions { gap: 10px; }
body.web-dashboard .hf-icon-action,
body.web-dashboard .hf-head-actions .btn {
  min-height: 42px;
  border-radius: 5px;
  box-shadow: none;
}
body.web-dashboard .hf-head-actions .btn {
  padding-inline: 17px;
  background: #2563eb !important;
  border-color: #2563eb !important;
}
body.web-dashboard .hf-signal-row {
  overflow: hidden;
  border: 1px solid #292a30;
  border-radius: 7px;
  background: rgba(12, 13, 17, .96);
}
body.web-dashboard .hf-signal {
  min-height: 146px;
  padding: 22px 24px;
  background: transparent !important;
}
body.web-dashboard .hf-signal:first-child { box-shadow: inset 3px 0 #2563eb; }
body.web-dashboard .hf-signal span,
body.web-dashboard .hf-signal small { color: #83828a; font-size: 11px; }
body.web-dashboard .hf-signal span { text-transform: uppercase; letter-spacing: .11em; }
body.web-dashboard .hf-signal strong {
  margin: 7px 0 4px;
  color: #f5f3f4;
  font-family: Georgia, 'Times New Roman', serif;
  font-size: 45px;
  font-weight: 400;
  line-height: .9;
}
body.web-dashboard .hf-signal-primary strong,
body.web-dashboard .hf-signal-alert strong { color: #a855f7; }
body.web-dashboard .hf-workspace { grid-template-columns: minmax(0, 1.7fr) minmax(290px, .76fr); gap: 18px; }
body.web-dashboard .hf-performance,
body.web-dashboard .hf-live-panel,
body.web-dashboard .hf-ranking-section,
body.web-dashboard .hf-accounts-section {
  border-color: #292a30 !important;
  border-radius: 7px !important;
  background: rgba(13, 14, 18, .97) !important;
  box-shadow: none !important;
}
body.web-dashboard .hf-performance { padding: 24px 24px 14px; }
body.web-dashboard .hf-section-head { padding-bottom: 18px; }
body.web-dashboard .hf-section-head h3 {
  margin-top: 8px;
  color: #f1eff0;
  font-size: 21px;
  font-weight: 680;
  letter-spacing: 0;
}
body.web-dashboard .hf-section-head > a,
body.web-dashboard .hf-text-action { color: #60a5fa; }
body.web-dashboard .hf-chart-tabs {
  padding: 3px;
  border: 1px solid #303138;
  border-radius: 5px;
  background: #0a0b0e;
}
body.web-dashboard .hf-chart-tabs button { border-radius: 3px; color: #87868e; }
body.web-dashboard .hf-chart-tabs button.active { color: #fff; background: #161226; }
body.web-dashboard .hf-chart-wrap {
  position: relative;
  height: 304px;
  border-top: 1px solid rgba(255,255,255,.06);
  border-bottom: 1px solid rgba(255,255,255,.06);
  background-image: linear-gradient(rgba(255,255,255,.028) 1px, transparent 1px);
  background-size: 100% 52px;
}
body.web-dashboard .hf-performance-foot { padding-top: 15px; }
body.web-dashboard .hf-side-ranking { padding: 22px 0 0; }
body.web-dashboard .hf-side-ranking .hf-section-head { padding: 0 20px 15px; }
body.web-dashboard .hf-ranking-list { display: grid; grid-template-columns: 1fr; border-top: 1px solid #292a30; }
body.web-dashboard .hf-ranking-player {
  grid-template-columns: 26px 38px minmax(0, 1fr) auto;
  min-height: 68px;
  padding: 11px 16px;
  border-left: 0;
  border-bottom: 1px solid #23242a;
}
body.web-dashboard .hf-ranking-player:first-child { background: #171012; }
body.web-dashboard .hf-ranking-player img { width: 38px; height: 38px; }
body.web-dashboard .hf-rank-number { color: #77757d; }
body.web-dashboard .hf-ranking-player:first-child .hf-rank-number,
body.web-dashboard .hf-rank-score strong { color: #a855f7; }
body.web-dashboard .hf-rank-name small,
body.web-dashboard .hf-rank-score small { color: #7e7d85; }
body.web-dashboard .hf-bottom-grid { grid-template-columns: minmax(310px, .75fr) minmax(0, 1.7fr); gap: 18px; }
body.web-dashboard .hf-bottom-grid .hf-section-head { padding: 22px 22px 17px; }
body.web-dashboard .hf-bottom-grid .hf-timeline { padding: 0 22px; }
body.web-dashboard .hf-inline-cta {
  margin: 15px 22px 22px;
  border-radius: 5px;
  background: #211316;
  color: #fff;
}
body.web-dashboard .hf-account-list { border-top: 1px solid #292a30; }
body.web-dashboard .hf-account-line {
  min-height: 72px;
  padding-inline: 22px;
  border-bottom-color: #24252b;
}
body.web-dashboard .hf-account-line:hover { background: #171116; }
body.web-dashboard .hf-health.good { color: #55d49c; }
@media (max-width: 1050px) {
  body.web-dashboard .content-wrap { padding: 28px 22px 42px !important; }
  body.web-dashboard .hf-overview-head { min-height: 0; }
  body.web-dashboard .hf-workspace,
  body.web-dashboard .hf-bottom-grid { grid-template-columns: 1fr; }
}
@media (max-width: 700px) {
  body.web-dashboard .content-wrap { padding: 20px 13px 35px !important; background-size: 34px 34px !important; }
  body.web-dashboard .hf-overview { gap: 16px; }
  body.web-dashboard .hf-overview-head { padding: 8px 2px 15px; }
  body.web-dashboard .hf-overview-head h2 { font-size: 40px; }
  body.web-dashboard .hf-overview-head p { font-size: 13px; }
  body.web-dashboard .hf-signal { min-height: 116px; padding: 17px 14px; }
  body.web-dashboard .hf-signal strong { font-size: 35px; }
  body.web-dashboard .hf-performance { padding: 16px 14px 11px; }
  body.web-dashboard .hf-chart-wrap { height: 236px; }
  body.web-dashboard .hf-side-ranking .hf-section-head,
  body.web-dashboard .hf-bottom-grid .hf-section-head { padding: 17px 14px 14px; }
  body.web-dashboard .hf-bottom-grid .hf-timeline { padding: 0 14px; }
  body.web-dashboard .hf-inline-cta { margin: 12px 14px 14px; }
  body.web-dashboard .hf-account-line { padding-inline: 14px; }
}

body .notification-pill {
  min-height: 38px !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 7px !important;
  padding: 7px 9px !important;
  border: 1px solid #303037 !important;
  border-radius: 8px !important;
  color: #a8a8b0 !important;
  background: #131316 !important;
  box-shadow: none !important;
}
body .notification-pill:hover { color: #fff !important; border-color: #4c1d95 !important; background: #1b1315 !important; }
body .notification-pill > i,
body .notification-pill > svg { width: 15px !important; height: 15px !important; color: #a855f7 !important; }
body .notification-pill strong {
  min-width: 21px;
  height: 21px;
  display: grid;
  place-items: center;
  border-radius: 7px;
  color: #fff !important;
  background: #7c3aed !important;
  font-size: 9px !important;
}

/* Campaign composer: one continuous workflow instead of stacked legacy cards. */
body.web-campaigns_page .campaign-studio {
  display: grid;
  gap: 18px;
  max-width: 1540px;
  margin: 0 auto;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}
body.web-campaigns_page .campaign-studio > .studio-head {
  padding: 8px 2px 17px;
  border-bottom: 1px solid #29292f;
}
body.web-campaigns_page .studio-head h2 { margin: 5px 0; font-size: 28px; font-weight: 680; }
body.web-campaigns_page .studio-head p { margin: 0; color: #7f7f88; }
.hf-upload-pair { display: grid; grid-template-columns: 1.35fr .65fr; gap: 12px; }
body.web-campaigns_page .mega-upload {
  min-height: 126px !important;
  display: flex !important;
  flex-direction: column;
  justify-content: center;
  padding: 22px !important;
  border-style: dashed !important;
  border-radius: 8px !important;
  background: #101013 !important;
}
body.web-campaigns_page .mega-upload:first-child { border-color: #4c1d95 !important; background: #0e0c18 !important; }
body.web-campaigns_page .mega-upload strong { color: #ececef; font-size: 14px; }
body.web-campaigns_page .mega-upload small { color: #74747d; }
body.web-campaigns_page .studio-columns { width: 100% !important; max-width: none !important; display: grid; grid-template-columns: minmax(0, 1.45fr) minmax(310px, .72fr); gap: 14px; align-items: start; }
body.web-campaigns_page .studio-columns > div:first-child,
body.web-campaigns_page .settings-panel,
body.web-campaigns_page .caption-workbench,
body.web-campaigns_page .ops-board {
  border: 1px solid #29292f !important;
  border-radius: 8px !important;
  background: #111114 !important;
  background-image: none !important;
  box-shadow: none !important;
}
body.web-campaigns_page .studio-columns > div:first-child { overflow: hidden; padding: 18px; }
body.web-campaigns_page .settings-panel { position: sticky; top: 92px; padding: 18px !important; }
body.web-campaigns_page .model-picker-stack { display: grid; gap: 10px; }
body.web-campaigns_page .model-picker-group { overflow: hidden; border: 1px solid #29292f; border-radius: 8px; background: #0e0e11; }
body.web-campaigns_page .model-picker-title { padding: 11px 13px !important; border: 0 !important; border-bottom: 1px solid #29292f !important; border-radius: 0 !important; }
body.web-campaigns_page .account-pill-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 0 !important; }
body.web-campaigns_page .account-pill { min-height: 60px; border: 0 !important; border-right: 1px solid #242429 !important; border-bottom: 1px solid #242429 !important; border-radius: 0 !important; }
body.web-campaigns_page .account-pill img { width: 34px !important; height: 34px !important; }
body.web-campaigns_page .choice-grid { gap: 7px !important; }
body.web-campaigns_page .choice-card { min-height: 62px; padding: 11px !important; border-radius: 8px !important; }
body.web-campaigns_page .choice-card strong { font-size: 11px; }
body.web-campaigns_page .choice-card small { font-size: 9px; }
body.web-campaigns_page .caption-workbench { gap: 12px !important; padding: 18px !important; }
body.web-campaigns_page .caption-workbench > div { min-width: 0; }
body.web-campaigns_page .campaign-report-grid > div,
body.web-campaigns_page .campaign-account-report span { border-color: #29292f !important; background: #17171b !important; }

/* Stories: editor, live monitor and history in one focused workspace. */
body.web-stories_page .stories-console { max-width: 1540px; margin: 0 auto; grid-template-columns: minmax(0, 1.55fr) minmax(320px, .68fr) !important; gap: 14px !important; }
body.web-stories_page .stories-console > form {
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}
body.web-stories_page .stories-console > form > .studio-head { padding: 8px 2px 17px; border-bottom: 1px solid #29292f; }
body.web-stories_page .stories-console > form > .mega-upload { min-height: 122px; margin: 14px 0; border-color: #4c1d95 !important; border-style: dashed !important; border-radius: 8px !important; background: #0e0c18 !important; }
body.web-stories_page .story-editor {
  grid-template-columns: minmax(0, 1fr) 240px !important;
  gap: 18px !important;
  padding: 18px !important;
  border: 1px solid #29292f !important;
  border-radius: 8px !important;
  background: #111114 !important;
}
body.web-stories_page .story-phone-preview { align-self: start; justify-self: center; }
body.web-stories_page .preview-media { border-color: #34343a !important; border-radius: 8px !important; }
body.web-stories_page .model-picker-stack { display: grid; gap: 10px; margin-top: 8px; }
body.web-stories_page .model-picker-group { overflow: hidden; border: 1px solid #29292f; border-radius: 8px; background: #101013; }
body.web-stories_page .model-picker-title { border: 0 !important; border-bottom: 1px solid #29292f !important; border-radius: 0 !important; }
body.web-stories_page .account-pill-grid { grid-template-columns: repeat(3, minmax(0,1fr)); gap: 0 !important; }
body.web-stories_page .account-pill { min-height: 58px; border: 0 !important; border-right: 1px solid #242429 !important; border-bottom: 1px solid #242429 !important; border-radius: 0 !important; }
body.web-stories_page .side-stack { gap: 12px !important; }
body.web-stories_page .rail-card {
  border-color: #29292f !important;
  border-radius: 8px !important;
  background: #111114 !important;
  background-image: none !important;
  box-shadow: none !important;
}
body.web-stories_page .diagnostic-list > div { border-color: #29292f !important; background: #17171b !important; }
body.web-stories_page .active-story-account,
body.web-stories_page .active-story-card { border-color: #29292f !important; background: #151518 !important; }

@media (max-width: 1100px) {
  body.web-campaigns_page .studio-columns,
  body.web-stories_page .stories-console { grid-template-columns: 1fr !important; }
  body.web-campaigns_page .settings-panel { position: static; }
}
@media (max-width: 700px) {
  .hf-upload-pair { grid-template-columns: 1fr; }
  body.web-campaigns_page .account-pill-grid,
  body.web-stories_page .account-pill-grid { grid-template-columns: 1fr; }
  body.web-stories_page .story-editor { grid-template-columns: 1fr !important; }
  body.web-stories_page .story-phone-preview { width: 100%; }
}

body .side-nav::before,
body .side-nav::after,
body .side-status::before,
body .side-status::after { display: none !important; }
body .money-hint { display: none !important; }
body .welcome-card { padding: 40px !important; }
body .welcome-card h2 { margin-top: 14px !important; }
body .welcome-card * { text-shadow: none !important; }
body .page-kicker,
body .eyebrow { color: #a855f7 !important; }
body.web-dashboard .content-wrap,
body.web-dashboard .main-area,
body.web-dashboard .main-shell { background: #08080a !important; background-image: none !important; }

body .mobile-app-bar,
body .mobile-menu-drawer { border-color: #27272d !important; }
body .mobile-menu-links a,
body .mobile-menu-links a.active { border-color: transparent !important; }
body .function-toast-card,
body .app-notification-toast,
body .story-progress-toast {
  border-color: #323238 !important;
  background: #141417 !important;
  background-image: none !important;
  box-shadow: 0 18px 55px rgba(0,0,0,.46) !important;
}
body .function-toast-card strong,
body .app-notification-toast span,
body .story-progress-toast span { color: #a855f7 !important; }
body .story-progress-bar { background: #2a2022 !important; }
body .story-progress-bar span { background: #7c3aed !important; }
body .diagnostic-list > div,
body .campaign-result-card { border-color: #29292f !important; background: #111114 !important; }
body .loading-overlay { background: rgba(5,5,6,.8) !important; }
body .loading-box { border-color: #29292f !important; background: #111114 !important; }

.hf-ranking-section {
  overflow: hidden;
  border: 1px solid #242429;
  border-radius: 8px;
  background: #101013;
}
.hf-ranking-section > .hf-section-head { padding: 19px 20px 16px; }
.hf-ranking-list {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  border-top: 1px solid #242429;
}
.hf-ranking-player {
  min-width: 0;
  display: grid;
  grid-template-columns: 26px 38px minmax(0, 1fr) auto;
  align-items: center;
  gap: 10px;
  min-height: 78px;
  padding: 13px 15px;
  border-left: 1px solid #242429;
}
.hf-ranking-player:first-child { border-left: 0; background: #0e0c18; }
.hf-rank-number { color: #5f5f68; font-size: 10px; font-weight: 800; }
.hf-ranking-player:first-child .hf-rank-number { color: #a855f7; }
.hf-ranking-player img { width: 38px; height: 38px; border-radius: 50%; object-fit: cover; filter: saturate(.82); }
.hf-rank-name strong,
.hf-rank-name small,
.hf-rank-score strong,
.hf-rank-score small { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.hf-rank-name strong { color: #dedee2; font-size: 11px; }
.hf-rank-name small { margin-top: 3px; color: #66666f; font-size: 9px; }
.hf-rank-score { text-align: right; }
.hf-rank-score strong { color: #f4f4f6; font-size: 16px; }
.hf-rank-score small { color: #686870; font-size: 8px; text-transform: uppercase; }
.hf-ranking-empty { grid-column: 1 / -1; padding: 28px 20px; color: #74747d; font-size: 12px; text-align: center; }

/* Neutralize the remaining legacy status palette. */
body.web-status_page .status-command-hero {
  border: 1px solid #29292f !important;
  border-radius: 8px !important;
  background: #111114 !important;
  background-image: none !important;
  box-shadow: none !important;
}
body.web-status_page .status-command-hero h2 { color: #f5f5f6 !important; text-shadow: none !important; }
body.web-status_page .status-command-hero p { color: #8b8b94 !important; }
body.web-status_page .status-score {
  border-color: #37373e !important;
  border-radius: 8px !important;
  background: #17171b !important;
  box-shadow: none !important;
}
body.web-status_page .status-score strong { color: #f4f4f6 !important; text-shadow: none !important; }
body.web-status_page .status-check {
  border: 1px solid #29292f !important;
  border-radius: 8px !important;
  background: #111114 !important;
  background-image: none !important;
  box-shadow: none !important;
}
body.web-status_page .status-check > span { color: #72727b !important; }
body.web-status_page .status-check > strong { color: #e9e9ec !important; text-shadow: none !important; }
body.web-status_page .status-check > p { color: #85858e !important; }
body.web-status_page .status-check.ok { border-top-color: #315843 !important; }
body.web-status_page .status-check.danger { border-top-color: #4c1d95 !important; }
body.web-status_page .ops-board,
body.web-status_page .mini-panel,
body.web-status_page .table-wrap {
  border-color: #29292f !important;
  border-radius: 8px !important;
  background: #111114 !important;
  background-image: none !important;
  box-shadow: none !important;
}
body.web-status_page .diagnostic-account-card {
  border: 1px solid #29292f !important;
  border-radius: 8px !important;
  background: #151518 !important;
  background-image: none !important;
  box-shadow: none !important;
}
body.web-status_page .diagnostic-account-card:hover { border-color: #443337 !important; background: #19191d !important; }
body.web-status_page .diagnostic-account-card img { border-color: #3b3b42 !important; box-shadow: none !important; }
body.web-status_page .diagnostic-account-card strong { color: #ededf0 !important; }
body.web-status_page .diagnostic-account-card small,
body.web-status_page .diagnostic-account-card p { color: #85858e !important; }
body.web-status_page .diagnostic-account-card em { color: #b8b8bf !important; }
body.web-status_page .status-mini-list > div {
  border-color: #2c2c32 !important;
  border-radius: 8px !important;
  background: #17171b !important;
  background-image: none !important;
}
body.web-status_page .quick-actions a,
body.web-status_page .next-row { border-color: #29292f !important; color: #c8c8ce !important; background: #151518 !important; }
body.web-status_page .quick-actions a:hover { color: #fff !important; background: #211315 !important; }
body.web-status_page .status-check,
body.web-status_page .status-check p { min-width: 0 !important; overflow-wrap: anywhere !important; }
body.web-status_page .ops-board { min-width: 0 !important; overflow: hidden !important; }
body.web-status_page .table-wrap { max-width: 100% !important; overflow-x: auto !important; }
body.web-status_page .main-stack,
body.web-status_page .dashboard-layout { min-width: 0 !important; }

body .table tbody tr,
body .table tbody tr:nth-child(odd),
body .table tbody tr:nth-child(even) { background: #111114 !important; background-image: none !important; }
body .table tbody tr:hover { background: #17171b !important; }
body .status-badge {
  border-color: #3a3a40 !important;
  color: #c8c8ce !important;
  background: #1a1a1e !important;
  background-image: none !important;
  box-shadow: none !important;
}
body .status-badge.status-retrying,
body .status-badge.status-queued,
body .status-badge.status-processing {
  border-color: #604f2e !important;
  color: #f2cb72 !important;
  background: #211c12 !important;
}
body .status-badge.status-published,
body .status-badge.status-completed,
body .status-badge.status-success {
  border-color: #28513c !important;
  color: #79d9a4 !important;
  background: #101c16 !important;
}
body .status-badge.status-failed,
body .status-badge.status-error {
  border-color: #4c1d95 !important;
  color: #a855f7 !important;
  background: #151026 !important;
}

body .dropzone,
body .mega-upload,
body .bulk-toolbar,
body .model-picker-title,
body .model-group-head,
body .account-select,
body .account-pill {
  border-color: #303037 !important;
  color: #d5d5da !important;
  background: #111114 !important;
  background-image: none !important;
  box-shadow: none !important;
}
body .dropzone:hover,
body .account-select:hover,
body .account-pill:hover { border-color: #4c1d95 !important; background: #171417 !important; }
body .model-picker-title,
body .model-group-head,
body .bulk-toolbar { background: #17171b !important; }
body .account-select span,
body .account-pill span,
body .model-picker-title span,
body .model-group-head span { background: transparent !important; background-image: none !important; }
body .form-label { color: #c6c6cc !important; }
body .form-check-input {
  border-color: #494950 !important;
  background-color: #101013 !important;
  box-shadow: none !important;
}
body .form-check-input:checked { border-color: #7c3aed !important; background-color: #7c3aed !important; }
body .btn-outline-danger {
  border-color: #4c1d95 !important;
  color: #a855f7 !important;
  background: #151026 !important;
}

body .story-row,
body .story-account-card,
body .story-editor,
body .choice-card,
body .preview-media,
body .settings-panel,
body .queue-account-row > label {
  border-color: #303037 !important;
  color: #d1d1d6 !important;
  background: #111114 !important;
  background-image: none !important;
  box-shadow: none !important;
}
body .story-row:hover,
body .story-account-card:hover,
body .choice-card:hover { border-color: #4c1d95 !important; background: #171417 !important; }
body .choice-card:has(input:checked) { border-color: #4c1d95 !important; background: #211315 !important; }
body .preview-media { background: #0c0c0f !important; }
body .input-group-text { border-color: #303037 !important; color: #c8c8ce !important; background: #1a1a1e !important; }
body .queue-account-row > label span { color: #a855f7 !important; background: transparent !important; }

.hf-bottom-grid { display: grid; grid-template-columns: minmax(310px, .72fr) minmax(0, 1.8fr); gap: 14px; align-items: start; }
.hf-bottom-grid .hf-ranking-list { display: grid; grid-template-columns: 1fr; }
.hf-bottom-grid .hf-ranking-player {
  grid-template-columns: 28px 44px minmax(0, 1fr) auto;
  min-height: 72px;
  border-top: 1px solid #242429;
  border-left: 0;
}
.hf-bottom-grid .hf-ranking-player:first-child { border-top: 0; }
.hf-bottom-grid .hf-ranking-player img { width: 44px; height: 44px; }
.hf-bottom-grid .hf-accounts-section { min-width: 0; }

.hf-ops-page { display: grid; gap: 16px; max-width: 1540px; margin: 0 auto; }
.hf-ops-intro {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  padding: 10px 2px 16px;
  border-bottom: 1px solid #242429;
}
.hf-ops-intro h2 { margin: 5px 0; color: #f5f5f6; font-size: 30px; font-weight: 690; }
.hf-ops-intro p { margin: 0; color: #83838c; font-size: 13px; }
.hf-ops-total,
.hf-status-score { min-width: 130px; padding-left: 24px; border-left: 1px solid #2a2a30; text-align: right; }
.hf-ops-total strong,
.hf-status-score strong { display: block; color: #f5f5f6; font-size: 32px; line-height: 1; }
.hf-ops-total span,
.hf-status-score span { display: block; margin-top: 7px; color: #73737c; font-size: 9px; font-weight: 750; text-transform: uppercase; }

.hf-queue-console,
.hf-alert-settings,
.hf-alert-feed,
.hf-status-accounts,
.hf-status-side,
.hf-jobs-section {
  min-width: 0;
  border: 1px solid #29292f;
  border-radius: 8px;
  background: #111114;
}
.hf-list-toolbar { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 16px 18px; border-bottom: 1px solid #29292f; }
.hf-list-toolbar strong,
.hf-list-toolbar span { display: block; }
.hf-list-toolbar strong { color: #eeeeef; font-size: 13px; }
.hf-list-toolbar span { margin-top: 3px; color: #73737c; font-size: 10px; }
.hf-queue-list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); }
.hf-queue-line {
  display: grid;
  grid-template-columns: 18px 42px minmax(0, 1fr) auto 16px;
  align-items: center;
  gap: 12px;
  min-height: 68px;
  padding: 10px 16px;
  border-bottom: 1px solid #232328;
  color: inherit;
  cursor: pointer;
}
.hf-queue-line:nth-child(odd) { border-right: 1px solid #232328; }
.hf-queue-line:hover { background: #17171b; }
.hf-queue-line > img { width: 42px; height: 42px; border-radius: 50%; object-fit: cover; }
.hf-queue-line > span strong,
.hf-queue-line > span small { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.hf-queue-line > span strong { color: #dedee2; font-size: 12px; }
.hf-queue-line > span small { margin-top: 3px; color: #686870; font-size: 9px; }
.hf-queue-line > em { color: #777780; font-size: 15px; font-style: normal; font-weight: 700; text-align: right; }
.hf-queue-line > em small { display: block; font-size: 8px; font-weight: 600; }
.hf-queue-line > em.active { color: #a855f7; }
.hf-queue-line > i { width: 15px; color: transparent; }
.hf-queue-line:has(input:checked) { background: #1b1214; }
.hf-queue-line:has(input:checked) > i { color: #a855f7; }
.hf-queue-summary { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 1px; margin: 0 0 18px; border: 1px solid var(--hf-border); background: var(--hf-border); }
.hf-queue-summary > div { min-width: 0; padding: 16px 18px; background: var(--hf-surface); }
.hf-queue-summary strong, .hf-queue-summary span { display: block; }
.hf-queue-summary strong { color: var(--hf-text); font-size: 24px; line-height: 1.1; }
.hf-queue-summary span { margin-top: 5px; color: #94949c; font-size: 11px; }
@media (max-width: 760px) {
  .hf-queue-summary { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .hf-queue-summary > div { padding: 12px; }
}
.hf-queue-actions {
  position: sticky;
  bottom: 12px;
  z-index: 5;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  margin-top: 14px;
  padding: 12px 14px;
  border: 1px solid #303037;
  border-radius: 8px;
  background: rgba(17,17,20,.94);
  box-shadow: 0 18px 55px rgba(0,0,0,.4);
  backdrop-filter: blur(16px);
}
.hf-queue-actions > span strong,
.hf-queue-actions > span small { display: block; }
.hf-queue-actions > span strong { color: #e8e8eb; font-size: 12px; }
.hf-queue-actions > span small { margin-top: 2px; color: #6f6f78; font-size: 9px; }
.hf-queue-actions > div { display: flex; gap: 7px; }
.hf-queue-actions .btn { display: inline-flex; align-items: center; gap: 7px; }
.hf-queue-actions svg { width: 15px; height: 15px; }

.hf-alerts-layout { display: grid; grid-template-columns: minmax(280px, .68fr) minmax(0, 1.7fr); gap: 14px; align-items: start; }
.hf-alert-settings { padding: 20px; }
.hf-alert-settings h3 { margin: 6px 0; font-size: 20px; }
.hf-alert-settings > p { color: #777780; font-size: 11px; }
.hf-alert-options { display: grid; margin: 18px 0; border-top: 1px solid #27272d; }
.hf-alert-options label { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 13px 0; border-bottom: 1px solid #27272d; cursor: pointer; }
.hf-alert-options strong,
.hf-alert-options small { display: block; }
.hf-alert-options strong { color: #dedee2; font-size: 11px; }
.hf-alert-options small { margin-top: 3px; color: #686870; font-size: 9px; }
.hf-alert-options input { width: 34px; height: 19px; appearance: none; border: 1px solid #3a3a41; border-radius: 999px; background: #1a1a1e; transition: .18s ease; }
.hf-alert-options input::before { content: ""; width: 13px; height: 13px; display: block; margin: 2px; border-radius: 50%; background: #777780; transition: .18s ease; }
.hf-alert-options input:checked { border-color: #4c1d95 !important; background: #161226 !important; }
.hf-alert-options input:checked::before { transform: translateX(15px); background: #a855f7; }
.hf-alert-feed { overflow: hidden; }
.hf-alert-feed > .hf-section-head,
.hf-status-accounts > .hf-section-head,
.hf-jobs-section > .hf-section-head { padding: 18px 20px; border-bottom: 1px solid #29292f; }
.hf-alert-feed > .hf-section-head > span { color: #6d6d76; font-size: 10px; }
.hf-event-list { max-height: 650px; overflow-y: auto; }
.hf-event { display: grid; grid-template-columns: 8px minmax(0, 1fr); gap: 13px; padding: 16px 20px; border-bottom: 1px solid #242429; }
.hf-event > i { width: 7px; height: 7px; margin-top: 5px; border-radius: 50%; background: #777780; }
.hf-event-success > i { background: #36c77b; }
.hf-event-danger > i,
.hf-event-error > i { background: #7c3aed; }
.hf-event-warning > i { background: #c084fc; }
.hf-event strong { color: #e5e5e8; font-size: 12px; }
.hf-event time { float: right; color: #66666f; font-size: 9px; }
.hf-event p { margin: 5px 0 0; color: #878790; font-size: 11px; }
.hf-event small { display: block; margin-top: 9px; color: #9999a1; font-size: 10px; }

.hf-check-strip { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); border: 1px solid #29292f; border-radius: 8px; background: #111114; overflow: hidden; }
.hf-check-strip article { min-width: 0; display: grid; grid-template-columns: 32px minmax(0,1fr); gap: 11px; padding: 16px; border-left: 1px solid #29292f; }
.hf-check-strip article:first-child { border-left: 0; }
.hf-check-strip > article > i { width: 30px; height: 30px; padding: 7px; border-radius: 8px; color: #72d39d; background: #112019; }
.hf-check-strip article.danger > i { color: #a855f7; background: #151026; }
.hf-check-strip small,
.hf-check-strip strong,
.hf-check-strip em { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.hf-check-strip small { color: #6d6d76; font-size: 8px; text-transform: uppercase; }
.hf-check-strip strong { margin-top: 3px; color: #dfdfe3; font-size: 11px; }
.hf-check-strip em { margin-top: 3px; color: #777780; font-size: 9px; font-style: normal; }
.hf-status-layout { display: grid; grid-template-columns: minmax(0, 1.65fr) minmax(300px, .72fr); gap: 14px; align-items: start; }
.hf-status-accounts { overflow: hidden; }
.hf-diagnostic-list > a {
  display: grid;
  grid-template-columns: 40px minmax(170px, 1.5fr) minmax(120px, .8fr) 64px 16px;
  align-items: center;
  gap: 13px;
  min-height: 66px;
  padding: 10px 18px;
  border-bottom: 1px solid #242429;
  color: inherit;
  text-decoration: none;
}
.hf-diagnostic-list > a:hover { background: #17171b; }
.hf-diagnostic-list img { width: 40px; height: 40px; border-radius: 50%; object-fit: cover; }
.hf-diagnostic-list span strong,
.hf-diagnostic-list span small { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.hf-diagnostic-list span strong { color: #e4e4e7; font-size: 11px; }
.hf-diagnostic-list span small { margin-top: 3px; color: #707079; font-size: 9px; }
.hf-diagnostic-list em { display: inline-flex; align-items: center; gap: 7px; color: #9898a0; font-size: 9px; font-style: normal; }
.hf-diagnostic-list em i { width: 6px; height: 6px; border-radius: 50%; background: #36c77b; }
.hf-diagnostic-list em i.danger { background: #7c3aed; }
.hf-diagnostic-list b { color: #d8d8dc; font-size: 13px; text-align: right; }
.hf-diagnostic-list b small { display: block; color: #66666e; font-size: 8px; font-weight: 500; }
.hf-diagnostic-list > a > svg { width: 14px; color: #55555d; }
.hf-status-side { padding: 19px; }
.hf-status-side h3 { margin: 5px 0 0; font-size: 19px; }
.hf-live-numbers { display: grid; grid-template-columns: 1fr 1fr; margin: 17px 0; border: 1px solid #29292f; border-radius: 8px; overflow: hidden; }
.hf-live-numbers span { padding: 14px; border-left: 1px solid #29292f; border-top: 1px solid #29292f; }
.hf-live-numbers span:nth-child(odd) { border-left: 0; }
.hf-live-numbers span:nth-child(-n+2) { border-top: 0; }
.hf-live-numbers strong,
.hf-live-numbers small { display: block; }
.hf-live-numbers strong { color: #f2f2f4; font-size: 22px; }
.hf-live-numbers small { margin-top: 4px; color: #6d6d76; font-size: 8px; text-transform: uppercase; }
.hf-status-actions { display: grid; }
.hf-status-actions a { display: grid; grid-template-columns: 28px minmax(0,1fr) 15px; gap: 10px; align-items: center; padding: 12px 0; border-bottom: 1px solid #29292f; color: inherit; text-decoration: none; }
.hf-status-actions a > svg { width: 16px; color: #a855f7; }
.hf-status-actions span strong,
.hf-status-actions span small { display: block; }
.hf-status-actions span strong { color: #dcdce0; font-size: 10px; }
.hf-status-actions span small { margin-top: 3px; color: #686870; font-size: 8px; }
.hf-jobs-section { overflow: hidden; }
.hf-jobs-section .table-responsive { max-width: 100%; overflow-x: auto; }

@media (max-width: 1100px) {
  .hf-bottom-grid,
  .hf-alerts-layout,
  .hf-status-layout { grid-template-columns: 1fr; }
  .hf-check-strip { grid-template-columns: 1fr 1fr; }
  .hf-check-strip article:nth-child(3) { border-left: 0; border-top: 1px solid #29292f; }
  .hf-check-strip article:nth-child(4) { border-top: 1px solid #29292f; }
}
@media (max-width: 700px) {
  .hf-ops-intro { align-items: flex-start; }
  .hf-ops-intro h2 { font-size: 24px; }
  .hf-ops-intro p { max-width: 240px; }
  .hf-ops-total,
  .hf-status-score { min-width: 76px; padding-left: 12px; }
  .hf-queue-list { grid-template-columns: 1fr; }
  .hf-queue-line:nth-child(odd) { border-right: 0; }
  .hf-queue-actions { align-items: flex-start; }
  .hf-queue-actions > span { display: none; }
  .hf-queue-actions > div { width: 100%; }
  .hf-queue-actions .btn { flex: 1; justify-content: center; padding: 8px; font-size: 10px; }
  .hf-alerts-page .hf-ops-intro { display: grid; }
  .hf-alerts-page .hf-head-actions { flex-wrap: wrap; }
  .hf-check-strip { grid-template-columns: 1fr; }
  .hf-check-strip article { border-left: 0; border-top: 1px solid #29292f; }
  .hf-check-strip article:first-child { border-top: 0; }
  .hf-diagnostic-list > a { grid-template-columns: 38px minmax(0,1fr) 16px; padding: 10px 13px; }
  .hf-diagnostic-list em,
  .hf-diagnostic-list b { display: none; }
}

@media (max-width: 1100px) {
  .hf-ranking-list { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .hf-ranking-player { border-top: 1px solid #242429; }
}
@media (max-width: 700px) {
  .hf-ranking-list { grid-template-columns: 1fr; }
  .hf-ranking-player { border-left: 0; }
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { scroll-behavior: auto !important; animation-duration: .01ms !important; transition-duration: .01ms !important; }
}

/* High-specificity reset for legacy cockpit rules. */
body .side-nav {
  width: 264px !important;
  min-width: 264px !important;
}
body .app-shell {
  grid-template-columns: 264px minmax(0, 1fr) !important;
  width: 100% !important;
  max-width: 100vw !important;
}
body .main-area,
body .content-wrap { min-width: 0 !important; }
body .top-bar,
body.web-dashboard .top-bar {
  min-height: 76px !important;
  padding: 14px 24px !important;
}
body .top-bar h1,
body.web-dashboard .top-bar h1 {
  font-size: 30px !important;
  text-shadow: none !important;
}
body.web-dashboard .cockpit-dashboard { gap: 14px !important; }
body.web-dashboard .cockpit-metrics { gap: 12px !important; }
body.web-dashboard .cockpit-card {
  min-height: 146px !important;
  padding: 18px !important;
  border: 1px solid var(--hf-border) !important;
  border-radius: 6px !important;
  background: var(--hf-surface) !important;
  box-shadow: none !important;
}
body.web-dashboard .cockpit-card.hot {
  border-color: #4c1d95 !important;
  background: #170a0c !important;
}
body.web-dashboard .cockpit-card.alert-card { background: #130d0e !important; }
body.web-dashboard .cockpit-card small,
body.web-dashboard .cockpit-card em { color: var(--hf-muted) !important; }
body.web-dashboard .cockpit-icon {
  width: 38px !important;
  height: 38px !important;
  border: 1px solid #4c1d95 !important;
  border-radius: 5px !important;
  color: #a855f7 !important;
  background: #1c0b0d !important;
  box-shadow: none !important;
}
body.web-dashboard .cockpit-card i {
  opacity: .35 !important;
  filter: hue-rotate(125deg) saturate(2.6) brightness(1.15) !important;
}
body.web-dashboard .cockpit-main-card,
body.web-dashboard .cockpit-ranking,
body.web-dashboard .cockpit-status-card,
body.web-dashboard .cockpit-summary-card {
  border-color: var(--hf-border) !important;
  border-radius: 6px !important;
  background-color: var(--hf-surface) !important;
  background-image: none !important;
  box-shadow: none !important;
}
body.web-dashboard .content-wrap {
  background: #08080a !important;
}
body.web-dashboard .cockpit-main {
  grid-template-columns: minmax(0, 2fr) minmax(280px, .9fr) !important;
  gap: 14px !important;
}
body.web-dashboard .cockpit-chart,
body.web-dashboard .cockpit-rank {
  min-width: 0 !important;
  border: 1px solid var(--hf-border) !important;
  border-radius: 6px !important;
  background: var(--hf-surface) !important;
  box-shadow: none !important;
}
body.web-dashboard .chart-stage {
  border-color: #29292e !important;
  border-radius: 5px !important;
  background:
    linear-gradient(rgba(255,255,255,.035) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.035) 1px, transparent 1px),
    #0b0b0e !important;
  background-size: 100% 54px, 90px 100%, auto !important;
}
body.web-dashboard .chart-stage svg {
  filter: sepia(1) saturate(8) hue-rotate(320deg) brightness(.95) !important;
}
body.web-dashboard .cockpit-chart-footer span {
  border-color: var(--hf-border) !important;
  border-radius: 5px !important;
  color: var(--hf-muted) !important;
  background: #101013 !important;
}
body.web-dashboard .cockpit-player {
  border-left-color: var(--hf-red) !important;
  border-bottom-color: var(--hf-border) !important;
}
body.web-dashboard .cockpit-player em,
body.web-dashboard .cockpit-rank .deck-head a { color: #a855f7 !important; }
body.web-dashboard .cockpit-rank .deck-head,
body.web-dashboard .cockpit-rank .deck-head > div { min-width: 0 !important; }
body.web-dashboard .cockpit-rank .deck-head h2 {
  max-width: 100% !important;
  white-space: normal !important;
  overflow-wrap: anywhere !important;
  font-size: 24px !important;
}
body.web-dashboard .diamond-rain { display: none !important; }
body.web-dashboard .cockpit-tabs a,
body.web-dashboard .cockpit-tabs span {
  border-color: var(--hf-border) !important;
  border-radius: 5px !important;
  color: var(--hf-muted) !important;
  background: #0e0e11 !important;
}
body.web-dashboard .cockpit-tabs a.active,
body.web-dashboard .cockpit-tabs span.active {
  border-color: #4c1d95 !important;
  color: #fff !important;
  background: #1c0b0d !important;
  box-shadow: inset 0 -2px 0 var(--hf-red) !important;
}
body.web-dashboard .player-board-row,
body.web-dashboard .cockpit-account-row {
  border-color: var(--hf-border) !important;
  border-radius: 5px !important;
  background: #101013 !important;
}
body.sidebar-collapsed .brand-block,
body.sidebar-collapsed .side-primary-action,
body.sidebar-collapsed .side-links a,
body.sidebar-collapsed .side-status { border-radius: 5px !important; }

@media (max-width: 700px) {
  body .app-shell { display: block !important; width: 100% !important; }
  body .top-bar,
  body.web-dashboard .top-bar { min-height: 66px !important; padding: 12px 14px !important; }
  body .top-bar h1,
  body.web-dashboard .top-bar h1 { font-size: 20px !important; }
}

@media (min-width: 701px) and (max-width: 1100px) {
  body .app-shell { grid-template-columns: 226px minmax(0, 1fr) !important; }
  body .side-nav { width: 226px !important; min-width: 226px !important; }
  body.web-dashboard .cockpit-main { grid-template-columns: 1fr !important; }
}

.welcome-overlay {
  background: rgba(5,5,6,.9) !important;
  backdrop-filter: blur(18px) !important;
}
.welcome-card {
  max-width: 470px !important;
  padding: 38px !important;
  border: 1px solid #28282e !important;
  border-radius: 8px !important;
  background: #111114 !important;
  box-shadow: 0 28px 90px rgba(0,0,0,.55) !important;
}
.welcome-logo {
  width: 78px !important;
  height: 78px !important;
  border-radius: 8px !important;
  filter: drop-shadow(0 14px 25px rgba(139, 92, 246, .18)) !important;
}
.welcome-card::before,
.welcome-card::after { display: none !important; }
.welcome-card h2 { font-weight: 720 !important; }
.welcome-card p { color: #a0a0a9 !important; }
.welcome-action { min-width: 180px !important; }
.welcome-arrow {
  border-color: #4c1d95 !important;
  color: #a855f7 !important;
  background: #211114 !important;
  box-shadow: none !important;
}

/* DarkFlow 2026: quieter, faster and more product-focused. */
:root {
  --hf-bg: #08080a;
  --hf-nav: #0b0b0d;
  --hf-surface: #111114;
  --hf-surface-2: #17171b;
  --hf-surface-3: #1d1d22;
  --hf-border: #26262c;
  --hf-red: #7c3aed;
  --hf-red-strong: #7c3aed;
  --hf-text: #f4f4f6;
  --hf-muted: #92929c;
  --bs-primary: #7c3aed;
  --bs-primary-rgb: 243, 38, 53;
  --bs-link-color: #a855f7;
  --bs-link-hover-color: #a855f7;
}

body {
  background: var(--hf-bg) !important;
  font-feature-settings: "cv02", "cv03", "cv04", "cv11";
}

body .app-shell { grid-template-columns: 248px minmax(0, 1fr) !important; }
body .side-nav {
  width: 248px !important;
  min-width: 248px !important;
  padding: 14px 12px !important;
  border-right: 1px solid #202025 !important;
  background: rgba(11, 11, 13, .98) !important;
  box-shadow: none !important;
}

.brand-block {
  min-height: 64px !important;
  padding: 7px 8px 12px !important;
  border-bottom-color: #222228 !important;
}
.brand-logo {
  width: 46px !important;
  height: 46px !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 8px !important;
  background: #050506 !important;
  box-shadow: 0 0 0 1px #161226, 0 8px 24px rgba(139, 92, 246, .12) !important;
}
.brand-block strong { font-size: 18px !important; font-weight: 780 !important; }
.brand-block small {
  color: #8d8d96 !important;
  font-size: 9px !important;
  letter-spacing: .08em !important;
}

.side-primary-action {
  min-height: 44px !important;
  margin: 16px 0 12px !important;
  border: 0 !important;
  border-radius: 8px !important;
  background: var(--hf-red) !important;
  box-shadow: 0 8px 22px rgba(139, 92, 246, .16) !important;
}
.side-links { gap: 3px !important; }
.side-links a {
  min-height: 42px !important;
  padding: 10px 11px !important;
  border: 0 !important;
  border-radius: 8px !important;
  color: #9b9ba4 !important;
  font-weight: 620 !important;
}
.side-links a svg { color: #686871 !important; stroke-width: 1.9 !important; }
.side-links a:hover { color: #eeeef1 !important; background: #151518 !important; }
.side-links a.active {
  color: #fff !important;
  background: #211114 !important;
  box-shadow: none !important;
}
.side-links a.active::after {
  content: "";
  width: 5px;
  height: 5px;
  margin-left: auto;
  border-radius: 50%;
  background: var(--hf-red);
  box-shadow: 0 0 10px rgba(139, 92, 246, .7);
}
.side-links a.active svg { color: #a855f7 !important; }
.side-status {
  border-color: #242429 !important;
  border-radius: 8px !important;
  background: #101012 !important;
}

body .top-bar,
body.web-dashboard .top-bar {
  min-height: 72px !important;
  padding: 12px 28px !important;
  border-bottom: 1px solid #202025 !important;
  background: rgba(8,8,10,.88) !important;
  box-shadow: none !important;
  backdrop-filter: blur(18px) saturate(1.2) !important;
}
body .top-bar h1,
body.web-dashboard .top-bar h1 { font-size: 26px !important; font-weight: 720 !important; }
.page-kicker { color: #a855f7 !important; letter-spacing: .09em !important; }
.content-wrap { padding: 24px 28px 40px !important; background: var(--hf-bg) !important; }

.btn {
  min-height: 38px;
  border-radius: 8px !important;
  font-weight: 680 !important;
  box-shadow: none !important;
}
.btn-primary { border-color: var(--hf-red) !important; background: var(--hf-red) !important; }
.btn-primary:hover { border-color: #7c3aed !important; background: #7c3aed !important; transform: translateY(-1px); }
.btn-outline-primary {
  border-color: #3a3a41 !important;
  color: #e5e5e8 !important;
  background: #151518 !important;
}
.btn-outline-primary:hover { border-color: #4c1d95 !important; color: #fff !important; background: #211114 !important; }
.text-primary { color: #a855f7 !important; }
.bg-primary { background-color: var(--hf-red) !important; }
.border-primary { border-color: var(--hf-red) !important; }

.panel,
.card,
.table-wrap,
.command-card,
.studio-card,
.metric-tile,
.settings-card,
.device-card,
.queue-card {
  border: 1px solid var(--hf-border) !important;
  border-radius: 8px !important;
  background: var(--hf-surface) !important;
  box-shadow: none !important;
}
.panel:hover,
.command-card:hover,
.studio-card:hover { border-color: #38383f !important; }
.form-control,
.form-select,
textarea,
input:not([type="checkbox"]):not([type="radio"]):not([type="range"]) {
  min-height: 42px;
  border-color: #303037 !important;
  border-radius: 8px !important;
  background: #0c0c0f !important;
}
.form-control:focus,
.form-select:focus,
textarea:focus,
input:focus {
  border-color: #7c3aed !important;
  box-shadow: 0 0 0 3px rgba(139, 92, 246, .1) !important;
}
.table thead th { background: #0d0d10 !important; border-bottom-color: #2d2d33 !important; }
.table tbody tr { transition: background .15s ease; }
.table tbody tr:hover { background: #17171b !important; }

body.web-dashboard .cockpit-dashboard { gap: 16px !important; padding-top: 4px !important; }
body.web-dashboard .cockpit-metrics { gap: 10px !important; }
body.web-dashboard .cockpit-card {
  min-height: 132px !important;
  padding: 18px !important;
  border-color: #25252a !important;
  border-radius: 8px !important;
  background: #111114 !important;
  box-shadow: none !important;
}
body.web-dashboard .cockpit-card.hot,
body.web-dashboard .cockpit-card.alert-card { background: #111114 !important; border-color: #25252a !important; }
body.web-dashboard .cockpit-card:hover { border-color: #4c1d95 !important; background: #141416 !important; }
body.web-dashboard .cockpit-card i { display: none !important; }
body.web-dashboard .cockpit-card small { margin: 12px 0 14px !important; color: #898992 !important; }
body.web-dashboard .cockpit-card strong { font-size: 36px !important; font-weight: 680 !important; }
body.web-dashboard .cockpit-icon {
  width: 32px !important;
  height: 32px !important;
  border: 0 !important;
  border-radius: 8px !important;
  color: #a855f7 !important;
  background: #151026 !important;
}
body.web-dashboard .cockpit-main { gap: 12px !important; }
body.web-dashboard .cockpit-chart,
body.web-dashboard .cockpit-rank {
  min-height: 460px !important;
  padding: 22px !important;
  border-color: #25252a !important;
  border-radius: 8px !important;
  background: #111114 !important;
}
body.web-dashboard .chart-stage {
  min-height: 300px !important;
  border-color: #232328 !important;
  border-radius: 8px !important;
  background-color: #0c0c0f !important;
}
body.web-dashboard .chart-stage svg { filter: none !important; }
body.web-dashboard .cockpit-chart-footer span { border: 0 !important; background: #17171b !important; }
body.web-dashboard .player-board-row::before { background: var(--hf-red) !important; box-shadow: none !important; }
body.web-dashboard .player-board-avatar { border-color: #4c1d95 !important; box-shadow: none !important; }
body.web-dashboard .cockpit-player { border-left: 0 !important; }

.mobile-app-bar {
  border-bottom-color: #222228 !important;
  background: rgba(9,9,11,.94) !important;
  backdrop-filter: blur(18px) !important;
}
.mobile-brand img,
.mobile-menu-head img {
  padding: 0 !important;
  border: 0 !important;
  border-radius: 8px !important;
  background: #050506 !important;
}

@media (max-width: 700px) {
  .content-wrap { padding: 16px 12px 32px !important; }
  body .top-bar,
  body.web-dashboard .top-bar { padding: 11px 14px !important; }
}

@media (min-width: 701px) and (max-width: 1100px) {
  body .app-shell { grid-template-columns: 220px minmax(0, 1fr) !important; }
  body .side-nav { width: 220px !important; min-width: 220px !important; }
}

input[type="range"] { accent-color: var(--hf-red) !important; }
input[type="range"]::-webkit-slider-thumb {
  border: 0 !important;
  background: var(--hf-red) !important;
  box-shadow: 0 0 0 4px rgba(139, 92, 246, .12) !important;
}
input[type="radio"],
input[type="checkbox"] { accent-color: var(--hf-red) !important; }
input[type="radio"]:checked,
input[type="checkbox"]:checked { border-color: var(--hf-red) !important; background-color: var(--hf-red) !important; }
input[type="file"]::file-selector-button {
  border: 0 !important;
  border-right: 1px solid #303037 !important;
  color: #eeeeef !important;
  background: #1a1a1e !important;
}
input[type="file"]::file-selector-button:hover { background: #151026 !important; }
img[src*="default-avatar"] { filter: grayscale(1) contrast(1.05) !important; }

/* Dashboard rebuilt as a live workspace. */
.hf-overview { display: grid; gap: 22px; max-width: 1540px; margin: 0 auto; }
.hf-overview-head {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 20px;
  padding: 4px 2px 8px;
}
.hf-overview-head h2 {
  margin: 5px 0 5px;
  color: #f7f7f8;
  font-size: 31px;
  font-weight: 690;
  line-height: 1.15;
}
.hf-overview-head p { margin: 0; color: #7f7f88; font-size: 14px; }
.hf-eyebrow {
  color: #a855f7;
  font-size: 10px;
  font-weight: 800;
  letter-spacing: .08em;
  text-transform: uppercase;
}
.hf-head-actions { display: flex; align-items: center; gap: 9px; }
.hf-head-actions .btn { display: inline-flex; align-items: center; gap: 8px; }
.hf-head-actions svg { width: 17px; height: 17px; }
.hf-icon-action {
  width: 40px;
  height: 40px;
  display: grid;
  place-items: center;
  border: 1px solid #29292f;
  border-radius: 8px;
  color: #a1a1a9;
  background: #111114;
}
.hf-icon-action:hover { border-color: #4c1d95; color: #a855f7; background: #171114; }
.hf-icon-action svg { width: 18px; height: 18px; }

.hf-signal-row {
  display: grid;
  grid-template-columns: 1.15fr repeat(3, 1fr);
  overflow: hidden;
  border: 1px solid #242429;
  border-radius: 8px;
  background: #101013;
}
.hf-signal {
  min-width: 0;
  padding: 18px 20px;
  border-left: 1px solid #242429;
}
.hf-signal:first-child { border-left: 0; }
.hf-signal > span { display: block; color: #85858e; font-size: 12px; }
.hf-signal strong { display: block; margin: 9px 0 7px; color: #f7f7f8; font-size: 30px; font-weight: 670; line-height: 1; }
.hf-signal small { display: block; overflow: hidden; color: #6f6f78; font-size: 11px; text-overflow: ellipsis; white-space: nowrap; }
.hf-signal-primary { position: relative; background: #0e0c18; }
.hf-signal-primary::before { content: ""; position: absolute; inset: 0 auto 0 0; width: 3px; background: #7c3aed; }
.hf-signal-primary strong { color: #a855f7; }
.hf-signal-alert strong { color: #a855f7; }

.hf-workspace { display: grid; grid-template-columns: minmax(0, 1.75fr) minmax(290px, .72fr); gap: 14px; }
.hf-performance,
.hf-live-panel,
.hf-accounts-section {
  min-width: 0;
  border: 1px solid #242429;
  border-radius: 8px;
  background: #101013;
}
.hf-performance { padding: 22px 22px 14px; }
.hf-live-panel { display: flex; flex-direction: column; padding: 22px; }
.hf-section-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 16px; }
.hf-section-head h3 { margin: 5px 0 0; color: #f4f4f6; font-size: 20px; font-weight: 660; }
.hf-section-head > a { color: #94949d; font-size: 12px; text-decoration: none; }
.hf-section-head > a:hover { color: #a855f7; }
.hf-chart-tabs { display: inline-flex; padding: 3px; border: 1px solid #28282e; border-radius: 8px; background: #0b0b0e; }
.hf-chart-tabs button {
  min-width: 66px;
  padding: 7px 10px;
  border: 0;
  border-radius: 6px;
  color: #75757e;
  background: transparent;
  font-size: 11px;
  font-weight: 700;
}
.hf-chart-tabs button:hover { color: #d6d6da; }
.hf-chart-tabs button.active { color: #fff; background: #292022; box-shadow: inset 0 0 0 1px #4c1d95; }
.hf-chart-wrap { position: relative; height: 320px; margin-top: 18px; }
.hf-chart-wrap canvas { width: 100% !important; height: 100% !important; }
.hf-chart-empty { position: absolute; inset: 0; display: grid; place-items: center; color: #6e6e77; font-size: 13px; }
.hf-chart-empty[hidden] { display: none; }
.hf-performance-foot {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  margin-top: 10px;
  padding-top: 13px;
  border-top: 1px solid #202025;
}
.hf-performance-foot > span { color: #6f6f78; font-size: 11px; }
.hf-performance-foot > span i { width: 6px; height: 6px; display: inline-block; margin-right: 7px; border-radius: 50%; background: #7c3aed; }
.hf-text-action { display: inline-flex; align-items: center; gap: 7px; padding: 0; border: 0; color: #a1a1aa; background: transparent; font-size: 11px; font-weight: 700; }
.hf-text-action:hover { color: #a855f7; }
.hf-text-action svg { width: 13px; height: 13px; }

.hf-timeline { display: grid; margin: 17px 0; }
.hf-timeline > a {
  display: grid;
  grid-template-columns: 38px minmax(0, 1fr) 16px;
  align-items: center;
  gap: 11px;
  padding: 12px 0;
  border-bottom: 1px solid #222227;
  color: inherit;
  text-decoration: none;
}
.hf-timeline > a:hover strong { color: #60a5fa; }
.hf-timeline img { width: 38px; height: 38px; border-radius: 50%; object-fit: cover; filter: saturate(.8); }
.hf-timeline strong,
.hf-timeline small { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.hf-timeline strong { color: #dedee2; font-size: 12px; }
.hf-timeline small { margin-top: 3px; color: #6e6e77; font-size: 10px; }
.hf-timeline svg { width: 14px; color: #55555d; }
.hf-quiet-state { display: grid; justify-items: center; padding: 58px 10px; text-align: center; }
.hf-quiet-state svg { width: 25px; height: 25px; margin-bottom: 13px; color: #5e5e67; }
.hf-quiet-state strong { color: #cfcfd4; font-size: 13px; }
.hf-quiet-state span { margin-top: 5px; color: #6f6f78; font-size: 11px; }
.hf-inline-cta { display: inline-flex; align-items: center; justify-content: space-between; gap: 10px; margin-top: auto; padding: 12px 14px; border-radius: 8px; color: #ededf0; background: #1b1214; font-size: 12px; font-weight: 700; text-decoration: none; }
.hf-inline-cta:hover { color: #fff; background: #151026; }
.hf-inline-cta svg { width: 15px; height: 15px; color: #a855f7; }

.hf-accounts-section { overflow: hidden; }
.hf-accounts-section > .hf-section-head { padding: 19px 20px 16px; }
.hf-account-list { border-top: 1px solid #242429; }
.hf-account-line {
  display: grid;
  grid-template-columns: 40px minmax(160px, 1.6fr) repeat(3, minmax(78px, .55fr)) minmax(100px, .7fr) 18px;
  align-items: center;
  gap: 13px;
  min-height: 66px;
  padding: 10px 18px;
  border-bottom: 1px solid #202025;
  color: inherit;
  text-decoration: none;
  transition: background .15s ease;
}
.hf-account-line:last-child { border-bottom: 0; }
.hf-account-line:hover { background: #151518; }
.hf-account-line > img { width: 40px; height: 40px; border-radius: 50%; object-fit: cover; filter: saturate(.82); }
.hf-account-line > svg { width: 15px; color: #515159; }
.hf-account-name strong,
.hf-account-name small,
.hf-account-stat strong,
.hf-account-stat small { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.hf-account-name strong { color: #e8e8eb; font-size: 12px; }
.hf-account-name small { margin-top: 3px; color: #686870; font-size: 10px; }
.hf-account-stat strong { color: #d7d7db; font-size: 13px; font-weight: 650; }
.hf-account-stat small { margin-top: 3px; color: #63636b; font-size: 9px; }
.hf-health { justify-self: start; display: inline-flex; align-items: center; gap: 7px; color: #8f8f98; font-size: 10px; font-weight: 650; }
.hf-health i { width: 6px; height: 6px; border-radius: 50%; }
.hf-health.good i { background: #36c77b; box-shadow: 0 0 8px rgba(54,199,123,.35); }
.hf-health.bad { color: #a855f7; }
.hf-health.bad i { background: #7c3aed; }

.hf-empty { max-width: 620px; margin: 11vh auto 0; text-align: center; }
.hf-empty img { width: 86px; height: 86px; margin-bottom: 20px; border-radius: 8px; }
.hf-empty h2 { margin: 8px 0; font-size: 32px; }
.hf-empty p { color: #85858e; }
.hf-empty-actions { display: flex; justify-content: center; gap: 8px; margin-top: 22px; }

@media (max-width: 1050px) {
  .hf-signal-row { grid-template-columns: repeat(2, 1fr); }
  .hf-signal:nth-child(3) { border-left: 0; border-top: 1px solid #242429; }
  .hf-signal:nth-child(4) { border-top: 1px solid #242429; }
  .hf-workspace { grid-template-columns: 1fr; }
  .hf-live-panel { min-height: 260px; }
}

@media (max-width: 700px) {
  .hf-overview { gap: 14px; }
  .hf-overview-head { align-items: flex-start; }
  .hf-overview-head h2 { font-size: 25px; }
  .hf-overview-head p,
  .hf-icon-action { display: none; }
  .hf-head-actions .btn { width: 40px; min-width: 40px; padding: 0; overflow: hidden; color: #fff !important; gap: 0; font-size: 0; }
  .hf-head-actions .btn svg { margin: auto; color: #fff !important; }
  .hf-signal-row { grid-template-columns: 1fr 1fr; }
  .hf-signal { padding: 15px; }
  .hf-signal strong { font-size: 25px; }
  .hf-signal small { font-size: 9px; }
  .hf-performance,
  .hf-live-panel { padding: 17px 14px 12px; }
  .hf-section-head { align-items: flex-start; }
  .hf-chart-tabs button { min-width: 0; padding: 6px 8px; font-size: 9px; }
  .hf-chart-wrap { height: 260px; }
  .hf-performance-foot > span { display: none; }
  .hf-performance-foot { justify-content: flex-end; }
  .hf-account-line { grid-template-columns: 38px minmax(0,1fr) auto 16px; padding: 10px 13px; }
  .hf-account-stat:nth-of-type(3),
  .hf-account-stat:nth-of-type(4),
  .hf-health { display: none; }
}

body .mobile-menu-toggle span {
  width: 16px !important;
  height: 1px !important;
  display: block !important;
  border: 0 !important;
  background: #d5d5da !important;
}
body .mobile-menu-toggle span:nth-child(4) { display: none !important; }
body .mobile-menu-toggle > i,
body .mobile-menu-toggle > svg { width: 19px !important; height: 19px !important; color: #d5d5da !important; }

/* Accounts v9: familiar card workflow with a cleaner operational hierarchy. */
body.web-accounts_page .accounts-board {
  max-width: 1540px;
  margin: 0 auto 18px;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}
body.web-accounts_page .accounts-board > .deck-head {
  align-items: flex-end;
  gap: 20px;
  padding: 6px 0 18px;
  border-bottom: 1px solid #29292f;
}
body.web-accounts_page .accounts-board > .deck-head h2 { margin: 4px 0 0; font-size: 28px; }
body.web-accounts_page .deck-actions { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 7px; }
body.web-accounts_page .bulk-toolbar {
  display: grid;
  grid-template-columns: auto minmax(190px, 1fr) auto auto;
  align-items: end;
  gap: 9px;
  margin: 12px 0 18px;
  padding: 11px !important;
  border: 1px solid #2c2c32 !important;
  border-radius: 8px !important;
  background: #121215 !important;
  box-shadow: none !important;
}
body.web-accounts_page .select-all-pill,
body.web-accounts_page .model-filter-control { min-height: 34px; }
body.web-accounts_page .model-group-stack { display: grid; gap: 18px; }
body.web-accounts_page .model-group {
  padding: 0;
  border: 0;
  border-top: 1px solid #303037;
  background: transparent;
}
body.web-accounts_page .model-group-head {
  padding: 15px 2px 12px !important;
  border: 0 !important;
  background: transparent !important;
}
body.web-accounts_page .model-group-head h3 { margin: 3px 0 0; font-size: 18px; }
body.web-accounts_page .model-group-stats { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 6px; }
body.web-accounts_page .model-group-stats span {
  padding: 5px 8px !important;
  border: 1px solid #323238 !important;
  border-radius: 5px !important;
  color: #a4a4ac !important;
  background: #151519 !important;
}
body.web-accounts_page .account-card-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(330px, 1fr));
  gap: 10px;
}
body.web-accounts_page .account-card {
  position: relative;
  display: flex !important;
  flex-direction: column;
  min-width: 0;
  padding: 15px !important;
  border: 1px solid #2b2b31 !important;
  border-radius: 8px !important;
  background: #111114 !important;
  box-shadow: none !important;
  transition: border-color .18s ease, background .18s ease, transform .18s ease;
}
body.web-accounts_page .account-card:hover {
  transform: translateY(-1px);
  border-color: #4c1d95 !important;
  background: #151316 !important;
}
body.web-accounts_page .account-select {
  position: absolute;
  top: 13px;
  right: 13px;
  z-index: 2;
  width: auto;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
}
body.web-accounts_page .account-select span { display: none; }
body.web-accounts_page .account-card-top { min-width: 0; padding-right: 28px; }
body.web-accounts_page .account-card-top img,
body.web-accounts_page .account-fallback-avatar {
  width: 46px !important;
  height: 46px !important;
  border: 1px solid #3a3a41 !important;
  border-radius: 50% !important;
  box-shadow: none !important;
}
body.web-accounts_page .account-card-top strong { color: #f1f1f3 !important; }
body.web-accounts_page .account-card-top small { color: #74747d !important; }
body.web-accounts_page .model-edit-form { margin-top: 14px; }
body.web-accounts_page .model-edit-form .form-label { color: #81818a; font-size: 9px; text-transform: uppercase; }
body.web-accounts_page .account-stats {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1px !important;
  overflow: hidden;
  margin-top: 13px;
  border: 1px solid #29292f;
  border-radius: 7px;
  background: #29292f;
}
body.web-accounts_page .account-stats span {
  min-width: 0;
  padding: 8px 6px !important;
  border: 0 !important;
  border-radius: 0 !important;
  color: #74747d !important;
  background: #0d0d10 !important;
  text-align: left;
}
body.web-accounts_page .account-stats strong { color: #e8e8eb !important; font-size: 13px; }
body.web-accounts_page .restriction-note {
  min-height: 48px;
  margin: 12px 0 0 !important;
  padding: 9px 10px !important;
  border: 0 !important;
  border-left: 2px solid #4a4a52 !important;
  border-radius: 0 !important;
  background: #16161a !important;
}
body.web-accounts_page .restriction-note.warning,
body.web-accounts_page .restriction-note.danger { border-left-color: #7c3aed !important; }
body.web-accounts_page .account-card-foot {
  display: flex !important;
  flex-wrap: wrap;
  align-items: center;
  gap: 6px !important;
  margin-top: auto;
  padding-top: 13px;
}
body.web-accounts_page .account-card-foot form { margin-left: auto; }
body.web-accounts_page .soft-badge { border-color: #34343b !important; color: #96969f !important; background: #18181c !important; }
body.web-accounts_page .accounts-board:last-of-type {
  margin-top: 26px;
  padding-top: 18px !important;
  border-top: 1px solid #303037 !important;
}
body.web-accounts_page .story-board-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(230px, 1fr));
  gap: 8px;
}
body.web-accounts_page .story-account-card {
  min-width: 0;
  padding: 11px !important;
  border: 1px solid #2b2b31 !important;
  border-radius: 8px !important;
  background: #111114 !important;
}
body.web-accounts_page .story-account-card:hover { border-color: #4c1d95 !important; background: #151316 !important; }

@media (max-width: 900px) {
  body.web-accounts_page .accounts-board > .deck-head { align-items: flex-start; }
  body.web-accounts_page .deck-actions { justify-content: flex-start; }
  body.web-accounts_page .bulk-toolbar { grid-template-columns: 1fr 1fr; align-items: end; }
  body.web-accounts_page .model-filter-control { grid-column: 1 / -1; }
}
@media (max-width: 560px) {
  body.web-accounts_page .accounts-board > .deck-head,
  body.web-accounts_page .model-group-head { display: grid; }
  body.web-accounts_page .deck-actions,
  body.web-accounts_page .bulk-toolbar { display: grid; grid-template-columns: 1fr; width: 100%; }
  body.web-accounts_page .model-filter-control { grid-column: auto; }
  body.web-accounts_page .account-card-grid,
  body.web-accounts_page .story-board-grid { grid-template-columns: 1fr; }
  body.web-accounts_page .account-stats { grid-template-columns: repeat(2, minmax(0,1fr)); }
  body.web-accounts_page .account-card-foot form { margin-left: 0; }
}

/* Tools v10: operational catalog instead of a wall of equal cards. */
body.web-tools_page .hf-tools-hero,
body.web-my_account_page .hf-profile-hero {
  max-width: 1540px;
  margin: 0 auto 16px;
  padding: 8px 2px 18px !important;
  border: 0 !important;
  border-bottom: 1px solid #2b2b31 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}
body.web-tools_page .hf-tools-hero h2,
body.web-my_account_page .hf-profile-hero h2 { margin: 5px 0 4px; font-size: 30px; }
body.web-tools_page .hf-tools-hero p,
body.web-my_account_page .hf-profile-hero p { max-width: 680px; margin: 0; color: #85858e; }
body.web-tools_page .tools-health,
body.web-my_account_page .tools-health { align-self: flex-end; }
body.web-tools_page .hf-tools-primary,
body.web-tools_page .hf-tools-actions {
  max-width: 1540px;
  margin-right: auto;
  margin-left: auto;
  align-items: start;
}
body.web-tools_page .hf-tools-primary { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; }
body.web-tools_page .hf-tools-primary .tool-card:first-child { grid-column: span 2; }
body.web-tools_page .hf-tools-actions { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 10px; }
body.web-tools_page .tool-card {
  min-width: 0;
  padding: 17px !important;
  border: 1px solid #2b2b31 !important;
  border-radius: 8px !important;
  background: #111114 !important;
  box-shadow: none !important;
}
body.web-tools_page .tool-card:hover { border-color: #4c1d95 !important; background: #141316 !important; }
body.web-tools_page .tool-card h2 { margin: 5px 0 7px; font-size: 18px; letter-spacing: 0; }
body.web-tools_page .tool-card > p { min-height: 42px; margin-bottom: 14px; color: #85858e; font-size: 11px; line-height: 1.55; }
body.web-tools_page .hf-tools-primary .tool-card:first-child > p { min-height: 0; }
body.web-tools_page .tool-card .form-control,
body.web-tools_page .tool-card .form-select { min-height: 36px; border-radius: 6px !important; }
body.web-tools_page .quick-actions.compact { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 6px; }
body.web-tools_page .quick-actions.compact > * { min-width: 0; }
body.web-tools_page .quick-actions.compact a,
body.web-tools_page .quick-actions.compact button {
  width: 100%;
  min-height: 34px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #34343b !important;
  border-radius: 6px !important;
  color: #c9c9cf !important;
  background: #17171b !important;
  text-align: center;
}
body.web-tools_page .quick-actions.compact a:hover,
body.web-tools_page .quick-actions.compact button:hover { border-color: #4c1d95 !important; color: #fff !important; background: #211315 !important; }
body.web-tools_page .meta-copy-list { overflow: hidden; border: 1px solid #2d2d33; border-radius: 7px; }
body.web-tools_page .meta-copy-list > div { padding: 9px 10px; border-bottom: 1px solid #29292f; background: #0d0d10; }
body.web-tools_page .meta-copy-list > div:last-child { border-bottom: 0; }
body.web-tools_page .meta-copy-list code { color: #e8e8eb !important; overflow-wrap: anywhere; }
body.web-tools_page .diagnostic-list { overflow: hidden; border: 1px solid #2d2d33; border-radius: 7px; }
body.web-tools_page .diagnostic-list > div { border: 0 !important; border-bottom: 1px solid #29292f !important; border-radius: 0 !important; background: #0d0d10 !important; }
body.web-tools_page .diagnostic-list > div:last-child { border-bottom: 0 !important; }
body.web-tools_page .hf-tools-radar {
  max-width: 1540px;
  margin-right: auto;
  margin-left: auto;
  grid-template-columns: minmax(0, 1.45fr) minmax(280px, .55fr);
  gap: 10px;
}
body.web-tools_page .hf-tools-radar > * {
  padding: 17px !important;
  border: 1px solid #2b2b31 !important;
  border-radius: 8px !important;
  background: #111114 !important;
  box-shadow: none !important;
}
body.web-tools_page .api-result { max-width: 1540px; margin: 0 auto 12px; border-radius: 8px !important; }

/* My account v10: identity, profile and plan in one calm workspace. */
body.web-my_account_page .hf-profile-identity { display: flex; align-items: center; gap: 15px; min-width: 0; }
body.web-my_account_page .hf-profile-identity > img {
  width: 64px;
  height: 64px;
  flex: 0 0 64px;
  object-fit: cover;
  border: 1px solid #4c1d95;
  border-radius: 8px;
  background: #111114;
}
body.web-my_account_page .hf-profile-identity > div { min-width: 0; }
body.web-my_account_page .hf-profile-layout {
  max-width: 1540px;
  margin: 0 auto;
  grid-template-columns: minmax(0, 1.35fr) minmax(300px, .65fr);
  gap: 10px;
  align-items: stretch;
}
body.web-my_account_page .hf-profile-editor,
body.web-my_account_page .hf-plan-panel,
body.web-my_account_page .hf-access-board {
  padding: 18px !important;
  border: 1px solid #2b2b31 !important;
  border-radius: 8px !important;
  background: #111114 !important;
  box-shadow: none !important;
}
body.web-my_account_page .hf-profile-editor .deck-head,
body.web-my_account_page .hf-plan-panel .deck-head,
body.web-my_account_page .hf-access-board .deck-head { margin-bottom: 14px; padding-bottom: 12px; border-bottom: 1px solid #29292f; }
body.web-my_account_page .profile-photo-editor {
  display: grid;
  grid-template-columns: 72px minmax(0,1fr);
  gap: 13px;
  padding: 12px;
  border: 1px solid #2d2d33;
  border-radius: 8px;
  background: #0d0d10;
}
body.web-my_account_page .profile-photo-editor img {
  width: 72px !important;
  height: 72px !important;
  border: 0 !important;
  border-radius: 7px !important;
  object-fit: cover;
}
body.web-my_account_page .profile-photo-editor .form-control { min-height: 36px; }
body.web-my_account_page .hf-profile-editor .form-control { border-radius: 6px !important; }
body.web-my_account_page .hf-profile-editor .btn-primary { min-width: 180px; }
body.web-my_account_page .hf-plan-panel { display: flex; flex-direction: column; }
body.web-my_account_page .hf-plan-panel .diagnostic-list {
  display: grid;
  grid-template-columns: repeat(2, minmax(0,1fr));
  gap: 1px;
  overflow: hidden;
  border: 1px solid #2d2d33;
  border-radius: 7px;
  background: #2d2d33;
}
body.web-my_account_page .hf-plan-panel .diagnostic-list > div {
  min-height: 82px;
  padding: 12px !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: #0d0d10 !important;
}
body.web-my_account_page .usage-meter {
  padding: 14px;
  border: 1px solid #4c1d95;
  border-radius: 8px;
  background: #171113;
}
body.web-my_account_page .usage-meter strong { color: #a855f7 !important; font-size: 28px; }
body.web-my_account_page .story-progress-bar { height: 5px !important; border-radius: 0 !important; background: #2b2b31 !important; }
body.web-my_account_page .story-progress-bar span { border-radius: 0 !important; background: #7c3aed !important; }
body.web-my_account_page .hf-plan-panel .quick-actions { margin-top: auto !important; padding-top: 14px; }
body.web-my_account_page .hf-plan-panel .quick-actions a { border-color: #34343b !important; background: #17171b !important; }
body.web-my_account_page .hf-access-board { max-width: 1540px; margin: 10px auto 0 !important; }
body.web-my_account_page .hf-access-board .status-check-grid { grid-template-columns: repeat(4, minmax(0,1fr)); gap: 8px; }
body.web-my_account_page .hf-access-board .status-check {
  min-width: 0;
  padding: 14px !important;
  border: 1px solid #2d2d33 !important;
  border-radius: 8px !important;
  background: #0d0d10 !important;
}
body.web-my_account_page .hf-access-board .status-check > span { color: #a855f7 !important; }
body.web-my_account_page .hf-access-board .status-check strong { color: #ededf0 !important; }
body.web-my_account_page .hf-access-board .status-check p { color: #777780 !important; }

@media (max-width: 1180px) {
  body.web-tools_page .hf-tools-actions { grid-template-columns: repeat(3, minmax(0,1fr)); }
  body.web-my_account_page .hf-access-board .status-check-grid { grid-template-columns: repeat(2, minmax(0,1fr)); }
}
@media (max-width: 900px) {
  body.web-tools_page .hf-tools-primary,
  body.web-tools_page .hf-tools-actions { grid-template-columns: repeat(2, minmax(0,1fr)); }
  body.web-tools_page .hf-tools-primary .tool-card:first-child { grid-column: span 2; }
  body.web-tools_page .hf-tools-radar,
  body.web-my_account_page .hf-profile-layout { grid-template-columns: 1fr; }
}
@media (max-width: 560px) {
  body.web-tools_page .hf-tools-hero,
  body.web-my_account_page .hf-profile-hero { display: grid; gap: 12px; }
  body.web-tools_page .tools-health,
  body.web-my_account_page .tools-health { justify-content: flex-start; }
  body.web-tools_page .hf-tools-primary,
  body.web-tools_page .hf-tools-actions { grid-template-columns: 1fr; }
  body.web-tools_page .hf-tools-primary .tool-card:first-child { grid-column: auto; }
  body.web-tools_page .quick-actions.compact { grid-template-columns: 1fr; }
  body.web-my_account_page .hf-profile-identity { align-items: flex-start; }
  body.web-my_account_page .hf-profile-identity > img { width: 54px; height: 54px; flex-basis: 54px; }
  body.web-my_account_page .profile-photo-editor { grid-template-columns: 1fr; }
  body.web-my_account_page .hf-plan-panel .diagnostic-list,
  body.web-my_account_page .hf-access-board .status-check-grid { grid-template-columns: 1fr; }
}

/* Dashboard v11: ranking beside the chart, queue in the lower rail. */
body.web-dashboard .hf-side-ranking { padding-bottom: 0; }
body.web-dashboard .hf-side-ranking .hf-ranking-list {
  grid-template-columns: 1fr;
  border-top: 1px solid #242429;
}
body.web-dashboard .hf-side-ranking .hf-ranking-player {
  grid-template-columns: 27px 42px minmax(0,1fr) auto;
  min-height: 67px;
  padding: 11px 18px;
  border-top: 1px solid #242429;
  border-left: 0;
}
body.web-dashboard .hf-side-ranking .hf-ranking-player:first-child { border-top: 0; }
body.web-dashboard .hf-side-ranking .hf-ranking-player img { width: 42px; height: 42px; }
body.web-dashboard .hf-bottom-queue { display: flex; flex-direction: column; min-height: 100%; }
body.web-dashboard .hf-bottom-queue .hf-timeline { flex: 1; border-top: 1px solid #242429; }
body.web-dashboard .hf-bottom-queue .hf-timeline > a { padding: 12px 16px; }
body.web-dashboard .hf-bottom-queue .hf-quiet-state { min-height: 176px; }
body.web-dashboard .hf-bottom-queue .hf-inline-cta { margin: 12px 16px 16px; }

@media (max-width: 900px) {
  body.web-dashboard .hf-side-ranking .hf-ranking-list { grid-template-columns: repeat(2, minmax(0,1fr)); }
  body.web-dashboard .hf-side-ranking .hf-ranking-player:nth-child(even) { border-left: 1px solid #242429; }
}
@media (max-width: 560px) {
  body.web-dashboard .hf-side-ranking .hf-ranking-list { grid-template-columns: 1fr; }
  body.web-dashboard .hf-side-ranking .hf-ranking-player:nth-child(even) { border-left: 0; }
}

/* Pix status v13. */
.hf-pix-page { display: grid; gap: 14px; max-width: 1540px; margin: 0 auto; }
.hf-pix-head {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 20px;
  padding: 8px 2px 18px;
  border-bottom: 1px solid #2b2b31;
}
.hf-pix-head h2 { margin: 5px 0 4px; color: #f3f3f5; font-size: 30px; }
.hf-pix-head p { margin: 0; color: #85858e; }
.hf-pix-actions { display: flex; gap: 8px; }
.hf-pix-signal {
  display: grid;
  grid-template-columns: 76px minmax(0,1fr) minmax(360px,.72fr);
  align-items: center;
  gap: 18px;
  padding: 22px;
  border: 1px solid #303037;
  border-left: 3px solid #686871;
  border-radius: 8px;
  background: #111114;
}
.hf-pix-signal.normal { border-left-color: #32d583; }
.hf-pix-signal.degraded { border-left-color: #a855f7; }
.hf-pix-signal.outage { border-left-color: #7c3aed; }
.hf-pix-orbit {
  width: 68px;
  height: 68px;
  display: grid;
  place-items: center;
  border: 1px solid #35353c;
  border-radius: 50%;
  color: #9898a1;
  background: #0c0c0f;
}
.hf-pix-signal.normal .hf-pix-orbit { border-color: #24583f; color: #43dc91; background: #0d1913; }
.hf-pix-signal.degraded .hf-pix-orbit { border-color: #4c1d95; color: #c084fc; background: #1c160d; }
.hf-pix-signal.outage .hf-pix-orbit { border-color: #4c1d95; color: #a855f7; background: #211114; }
.hf-pix-orbit svg { width: 28px; height: 28px; }
.hf-pix-signal > div:nth-child(2) > span { color: #85858e; font-size: 9px; font-weight: 800; text-transform: uppercase; }
.hf-pix-signal h3 { margin: 5px 0; color: #f3f3f5; font-size: 24px; }
.hf-pix-signal p { margin: 0; color: #85858e; }
.hf-pix-signal dl {
  display: grid;
  grid-template-columns: repeat(3,minmax(0,1fr));
  overflow: hidden;
  margin: 0;
  border: 1px solid #2c2c32;
  border-radius: 7px;
  background: #29292f;
}
.hf-pix-signal dl div { padding: 10px; background: #0d0d10; }
.hf-pix-signal dt { color: #6f6f78; font-size: 8px; text-transform: uppercase; }
.hf-pix-signal dd { margin: 5px 0 0; color: #d8d8dc; font-size: 10px; }
.hf-pix-grid { display: grid; grid-template-columns: minmax(0,1.4fr) minmax(300px,.6fr); gap: 14px; }
.hf-pix-panel { min-width: 0; padding: 18px; border: 1px solid #2b2b31; border-radius: 8px; background: #111114; }
.hf-pix-history { margin-top: 14px; border-top: 1px solid #29292f; }
.hf-pix-history > div { display: grid; grid-template-columns: 9px minmax(0,1fr) auto; align-items: center; gap: 11px; padding: 12px 2px; border-bottom: 1px solid #29292f; }
.hf-pix-history i { width: 7px; height: 7px; border-radius: 50%; background: #74747d; }
.hf-pix-history i.normal { background: #32d583; }
.hf-pix-history i.degraded { background: #a855f7; }
.hf-pix-history i.outage { background: #7c3aed; }
.hf-pix-history strong,
.hf-pix-history small { display: block; }
.hf-pix-history strong { color: #dcdce0; font-size: 11px; }
.hf-pix-history small { margin-top: 3px; color: #6f6f78; font-size: 9px; }
.hf-pix-history em { color: #73737c; font-size: 9px; font-style: normal; }
.hf-pix-policy h3 { margin: 6px 0 8px; color: #ededf0; font-size: 19px; }
.hf-pix-policy > p { color: #85858e; line-height: 1.55; }
.hf-pix-policy > div { display: flex; gap: 11px; margin-top: 12px; padding: 12px; border: 1px solid #2d2d33; border-radius: 7px; background: #0d0d10; }
.hf-pix-policy > div svg { width: 18px; flex: 0 0 18px; color: #a855f7; }
.hf-pix-policy strong,
.hf-pix-policy small { display: block; }
.hf-pix-policy strong { color: #dedee2; font-size: 11px; }
.hf-pix-policy small { margin-top: 4px; color: #74747d; font-size: 9px; }
.hf-pix-report { display: flex; align-items: center; justify-content: space-between; gap: 18px; padding: 16px 18px; border: 1px solid #2b2b31; border-radius: 8px; background: #111114; }
.hf-pix-report h3 { margin: 5px 0 3px; color: #ededf0; font-size: 18px; }
.hf-pix-report p { margin: 0; color: #74747d; font-size: 11px; }
.hf-pix-report-actions { display: flex; gap: 8px; flex: 0 0 auto; }
.hf-pix-report-actions form { margin: 0; }
.hf-pix-report-actions .btn { display: inline-flex; align-items: center; gap: 7px; min-height: 38px; }
.hf-pix-report-actions svg { width: 16px; height: 16px; }
.hf-pix-up { border: 1px solid #26734d; color: #54dfa0; background: #0e1b15; }
.hf-pix-up:hover { color: #07110c; background: #54dfa0; }
.hf-pix-down { border: 1px solid #4c1d95; color: #a855f7; background: #211114; }
.hf-pix-down:hover { color: #fff; background: #7c3aed; }
.hf-pix-source-state { display: flex; align-items: center; gap: 12px; margin-top: 14px; padding: 13px; border: 1px solid #303036; border-radius: 7px; background: #0d0d10; }
.hf-pix-source-state > svg { width: 20px; flex: 0 0 20px; color: #777780; }
.hf-pix-source-state.normal > svg { color: #43dc91; }
.hf-pix-source-state.degraded > svg { color: #c084fc; }
.hf-pix-source-state.outage > svg { color: #a855f7; }
.hf-pix-source-state strong, .hf-pix-source-state small { display: block; }
.hf-pix-source-state strong { color: #dedee2; font-size: 11px; }
.hf-pix-source-state small { margin-top: 4px; color: #74747d; font-size: 9px; }
.hf-pix-source-meta { margin: 10px 0 0; color: #676770; font-size: 9px; }

@media (max-width: 1000px) {
  .hf-pix-signal { grid-template-columns: 68px minmax(0,1fr); }
  .hf-pix-signal dl { grid-column: 1 / -1; }
  .hf-pix-grid { grid-template-columns: 1fr; }
}
@media (max-width: 560px) {
  .hf-pix-head { display: grid; align-items: start; }
  .hf-pix-actions { width: 100%; }
  .hf-pix-actions .btn { flex: 1; }
  .hf-pix-signal { grid-template-columns: 52px minmax(0,1fr); padding: 16px; }
  .hf-pix-orbit { width: 48px; height: 48px; }
  .hf-pix-signal h3 { font-size: 18px; }
  .hf-pix-signal dl { grid-template-columns: 1fr; }
  .hf-pix-report { display: grid; }
  .hf-pix-report-actions { display: grid; grid-template-columns: 1fr; }
  .hf-pix-report-actions .btn { width: 100%; justify-content: center; }
}

/* Wallpaper library v15. */
.hf-wallpaper-page { display: grid; gap: 14px; max-width: 1540px; margin: 0 auto; }
.hf-wallpaper-head {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 18px;
  padding: 8px 2px 18px;
  border-bottom: 1px solid #2b2b31;
}
.hf-wallpaper-head h2 { margin: 5px 0 4px; color: #f3f3f5; font-size: 30px; }
.hf-wallpaper-head p { margin: 0; color: #85858e; }
.hf-wallpaper-summary { min-width: 106px; padding-left: 18px; border-left: 1px solid #2d2d33; text-align: right; }
.hf-wallpaper-summary strong,
.hf-wallpaper-summary span { display: block; }
.hf-wallpaper-summary strong { color: #a855f7; font-size: 28px; line-height: 1; }
.hf-wallpaper-summary span { margin-top: 5px; color: #777780; font-size: 9px; text-transform: uppercase; }
.hf-wallpaper-toolbar {
  position: sticky;
  top: 70px;
  z-index: 8;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 10px 12px;
  border: 1px solid #2d2d33;
  border-radius: 8px;
  background: rgba(17,17,20,.96);
  backdrop-filter: blur(14px);
}
.hf-wallpaper-toolbar label { display: flex; align-items: center; gap: 9px; color: #d4d4d9; font-size: 11px; font-weight: 700; }
.hf-wallpaper-toolbar .btn { display: inline-flex; align-items: center; gap: 7px; }
.hf-wallpaper-toolbar .btn svg { width: 16px; height: 16px; }
.hf-wallpaper-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 10px; margin-top: 12px; }
.hf-wallpaper-card {
  position: relative;
  min-width: 0;
  overflow: hidden;
  border: 1px solid #2b2b31;
  border-radius: 8px;
  background: #111114;
  transition: border-color .18s ease, transform .18s ease;
}
.hf-wallpaper-card:hover { transform: translateY(-1px); border-color: #4c1d95; }
.hf-wallpaper-check {
  position: absolute;
  top: 10px;
  left: 10px;
  z-index: 2;
  display: flex;
  align-items: center;
  gap: 7px;
  padding: 6px 8px;
  border: 1px solid #3a3a41;
  border-radius: 6px;
  color: #dedee2;
  background: rgba(10,10,12,.9);
  font-size: 9px;
  font-weight: 700;
  backdrop-filter: blur(8px);
}
.hf-wallpaper-preview {
  position: relative;
  width: 100%;
  aspect-ratio: 16 / 9;
  display: block;
  overflow: hidden;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: #08080a;
}
.hf-wallpaper-preview img { width: 100%; height: 100%; display: block; object-fit: cover; transition: transform .25s ease; }
.hf-wallpaper-card:hover .hf-wallpaper-preview img { transform: scale(1.015); }
.hf-wallpaper-preview > span {
  position: absolute;
  right: 10px;
  bottom: 10px;
  width: 32px;
  height: 32px;
  display: grid;
  place-items: center;
  border: 1px solid #3a3a41;
  border-radius: 6px;
  color: #e6e6e9;
  background: rgba(10,10,12,.82);
  opacity: 0;
  transition: opacity .18s ease;
}
.hf-wallpaper-card:hover .hf-wallpaper-preview > span,
.hf-wallpaper-preview:focus-visible > span { opacity: 1; }
.hf-wallpaper-preview svg { width: 15px; height: 15px; }
.hf-wallpaper-card footer { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 12px; }
.hf-wallpaper-card footer > span { min-width: 0; }
.hf-wallpaper-card footer strong,
.hf-wallpaper-card footer small { display: block; }
.hf-wallpaper-card footer strong { color: #e7e7ea; font-size: 11px; }
.hf-wallpaper-card footer small { margin-top: 3px; color: #707079; font-size: 9px; }
.hf-wallpaper-card footer .btn { display: inline-flex; align-items: center; gap: 6px; flex: 0 0 auto; }
.hf-wallpaper-card footer .btn svg { width: 14px; height: 14px; }
.hf-wallpaper-lightbox {
  position: fixed;
  inset: 0;
  z-index: 10050;
  display: grid;
  place-items: center;
  padding: 28px;
  background: rgba(4,4,5,.94);
  backdrop-filter: blur(12px);
}
.hf-wallpaper-lightbox[hidden] { display: none; }
.hf-wallpaper-lightbox > img { max-width: min(1500px,94vw); max-height: 88vh; object-fit: contain; border: 1px solid #33333a; border-radius: 8px; box-shadow: 0 24px 80px rgba(0,0,0,.7); }
.hf-wallpaper-lightbox > button {
  position: fixed;
  top: 18px;
  right: 18px;
  width: 40px;
  height: 40px;
  display: grid;
  place-items: center;
  border: 1px solid #3b3b42;
  border-radius: 8px;
  color: #eeeef0;
  background: #141417;
}
.hf-wallpaper-lightbox > button svg { width: 18px; height: 18px; }
body.wallpaper-preview-open { overflow: hidden; }

@media (max-width: 1100px) {
  .hf-wallpaper-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
}
@media (max-width: 620px) {
  .hf-wallpaper-head { align-items: center; }
  .hf-wallpaper-toolbar { top: 60px; }
  .hf-wallpaper-toolbar .btn { padding: 8px 10px; font-size: 9px; }
  .hf-wallpaper-grid { grid-template-columns: 1fr; }
  .hf-wallpaper-preview > span { opacity: 1; }
  .hf-wallpaper-lightbox { padding: 12px; }
}

/* Header, greeting and flash messages v16. */
body .top-actions { display: flex; align-items: center; gap: 7px; }
.hf-user-chip,
.hf-instagram-chip {
  min-width: 0;
  min-height: 38px;
  display: inline-flex;
  align-items: center;
  gap: 9px;
  padding: 7px 10px;
  border: 1px solid #2f2f35;
  border-radius: 8px;
  color: #cfcfd4;
  background: #111114;
  text-decoration: none;
  box-shadow: none;
}
.hf-user-chip:hover { border-color: #4c1d95; color: #fff; background: #191315; }
.hf-user-chip > svg { width: 16px; height: 16px; flex: 0 0 16px; color: #a855f7; }
.hf-user-chip > span { max-width: 150px; overflow: hidden; font-size: 10px; font-weight: 750; text-overflow: ellipsis; white-space: nowrap; }
.hf-instagram-chip { padding-right: 12px; }
.hf-instagram-chip > svg { width: 16px; height: 16px; flex: 0 0 16px; color: #4bdd96; }
.hf-instagram-chip > span,
.hf-instagram-chip strong,
.hf-instagram-chip small { display: block; }
.hf-instagram-chip strong { color: #dcdce0; font-size: 9px; line-height: 1; }
.hf-instagram-chip small { margin-top: 4px; color: #49cd8c; font-size: 8px; line-height: 1; text-transform: uppercase; }
body .notification-pill {
  position: relative;
  min-width: 38px;
  justify-content: center;
  padding: 7px 10px !important;
}
body .notification-pill > span { color: #c2c2c8; font-size: 10px; font-weight: 700; }
body .notification-pill strong {
  min-width: 18px;
  height: 18px;
  border-radius: 5px;
  font-size: 8px !important;
}
.hf-sao-paulo-clock {
  display: block;
  margin-top: 5px;
  color: #777780;
  font-size: 10px;
  font-weight: 550;
  letter-spacing: 0;
}
body.web-dashboard .top-bar h1 { font-size: 23px !important; font-weight: 700 !important; }
body.web-dashboard .top-bar h1 #hfGreeting { color: #a855f7; }

.hf-flash-stack {
  position: fixed;
  top: 84px;
  right: 18px;
  z-index: 10020;
  width: min(390px, calc(100vw - 36px));
  display: grid;
  gap: 7px;
  pointer-events: none;
}
.hf-flash {
  display: grid;
  grid-template-columns: 19px minmax(0,1fr) 28px;
  align-items: center;
  gap: 10px;
  padding: 11px 9px 11px 12px;
  border: 1px solid #34343a;
  border-left: 2px solid #7a7a83;
  border-radius: 8px;
  color: #d9d9dd;
  background: rgba(18,18,21,.97);
  box-shadow: 0 18px 46px rgba(0,0,0,.46);
  backdrop-filter: blur(16px);
  pointer-events: auto;
  animation: hfFlashIn .22s ease both;
}
.hf-flash > svg { width: 18px; height: 18px; color: #9797a0; }
.hf-flash > span { min-width: 0; font-size: 10px; font-weight: 600; line-height: 1.45; }
.hf-flash > button {
  width: 28px;
  height: 28px;
  display: grid;
  place-items: center;
  padding: 0;
  border: 0;
  border-radius: 6px;
  color: #797982;
  background: transparent;
}
.hf-flash > button:hover { color: #fff; background: #29292f; }
.hf-flash > button svg { width: 14px; height: 14px; }
.hf-flash-success { border-left-color: #36d88a; }
.hf-flash-success > svg { color: #45dc94; }
.hf-flash-danger { border-left-color: #7c3aed; }
.hf-flash-danger > svg { color: #a855f7; }
.hf-flash-warning { border-left-color: #a855f7; }
.hf-flash-warning > svg { color: #c084fc; }
.hf-flash-info { border-left-color: #8d8d96; }
.hf-flash.leaving { animation: hfFlashOut .22s ease both; }
@keyframes hfFlashIn { from { opacity: 0; transform: translateY(-8px); } to { opacity: 1; transform: translateY(0); } }
@keyframes hfFlashOut { from { opacity: 1; transform: translateX(0); } to { opacity: 0; transform: translateX(18px); } }

@media (max-width: 760px) {
  .hf-user-chip > span,
  .hf-instagram-chip > span,
  body .notification-pill > span { display: none; }
  .hf-user-chip,
  .hf-instagram-chip,
  body .notification-pill { width: 38px; min-width: 38px; justify-content: center; padding: 7px !important; }
  body .notification-pill strong { position: absolute; top: -5px; right: -5px; }
  .hf-flash-stack { top: 70px; right: 10px; width: min(360px, calc(100vw - 20px)); }
}

/* Compact mobile system v17. */
@media (max-width: 700px) {
  body .mobile-app-bar { min-height: 52px !important; padding: 5px 8px !important; }
  body .mobile-brand img { width: 32px !important; height: 32px !important; }
  body .mobile-brand strong { font-size: 12px !important; }
  body .mobile-brand small { font-size: 7px !important; }
  body .mobile-menu-toggle { width: 34px !important; height: 34px !important; }
  body .top-bar,
  body.web-dashboard .top-bar {
    min-height: 58px !important;
    padding: 7px 9px !important;
    gap: 7px !important;
  }
  body .top-bar > div:first-child { min-width: 0; }
  body .top-bar h1,
  body.web-dashboard .top-bar h1 {
    max-width: 210px;
    overflow: hidden;
    margin-top: 1px !important;
    font-size: 17px !important;
    line-height: 1.1;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  body .top-bar .page-kicker { font-size: 7px !important; letter-spacing: .08em !important; }
  .hf-sao-paulo-clock { max-width: 210px; overflow: hidden; margin-top: 3px; font-size: 8px; text-overflow: ellipsis; white-space: nowrap; }
  body .top-actions { gap: 4px; }
  .hf-user-chip,
  .hf-instagram-chip,
  body .notification-pill { width: 33px !important; min-width: 33px !important; min-height: 33px !important; height: 33px; padding: 6px !important; }
  body .notification-pill strong { min-width: 16px; height: 16px; }
  body .content-wrap { padding: 9px 8px 22px !important; }
  body .btn { min-height: 34px; padding-top: 6px; padding-bottom: 6px; }
  body .form-control,
  body .form-select { min-height: 34px; font-size: 11px; }
  body .form-label { margin-bottom: 4px; font-size: 9px; }
  body .deck-head { gap: 8px; }
  body .deck-head h2 { font-size: 19px !important; }
  body .page-kicker,
  body .hf-eyebrow { font-size: 8px !important; }

  .hf-flash-stack { top: 58px; right: 7px; width: calc(100vw - 14px); gap: 5px; }
  .hf-flash { grid-template-columns: 16px minmax(0,1fr) 25px; gap: 8px; padding: 8px 7px 8px 10px; }
  .hf-flash > svg { width: 16px; height: 16px; }
  .hf-flash > span { font-size: 9px; line-height: 1.35; }
  .hf-flash > button { width: 25px; height: 25px; }

  .hf-overview { gap: 9px; }
  .hf-overview-head { gap: 8px; }
  .hf-overview-head h2 { margin: 3px 0 0; font-size: 20px; }
  .hf-head-actions .btn { width: 34px; min-width: 34px; height: 34px; min-height: 34px; }
  .hf-signal { padding: 10px 11px; }
  .hf-signal > span { font-size: 9px; }
  .hf-signal strong { margin: 6px 0 4px; font-size: 21px; }
  .hf-signal small { font-size: 8px; }
  .hf-performance,
  .hf-live-panel { padding: 12px 10px 9px; }
  .hf-section-head { gap: 8px; }
  .hf-section-head h3 { margin-top: 3px; font-size: 16px; }
  .hf-section-head > a { font-size: 9px; }
  .hf-chart-wrap { height: 205px; margin-top: 10px; }
  .hf-performance-foot { margin-top: 5px; }
  .hf-bottom-grid { gap: 9px; }
  .hf-ranking-section > .hf-section-head,
  .hf-accounts-section > .hf-section-head { padding: 12px 11px; }
  .hf-ranking-player { min-height: 58px !important; padding: 8px 10px !important; }
  .hf-account-line { min-height: 54px; padding: 8px 10px; }

  body.web-campaigns_page .campaign-studio { gap: 9px; }
  body.web-campaigns_page .campaign-studio > .studio-head { padding: 3px 0 10px; }
  body.web-campaigns_page .studio-head h2 { font-size: 20px; }
  .hf-upload-pair { gap: 7px; }
  body.web-campaigns_page .mega-upload { min-height: 90px !important; padding: 12px !important; }
  body.web-campaigns_page .mega-upload strong { font-size: 11px; }
  body.web-campaigns_page .studio-columns { gap: 8px; }
  body.web-campaigns_page .studio-columns > div:first-child,
  body.web-campaigns_page .settings-panel,
  body.web-campaigns_page .caption-workbench { padding: 11px !important; }
  body.web-campaigns_page .model-picker-stack { gap: 7px; }
  body.web-campaigns_page .model-picker-title { padding: 8px 9px !important; }
  body.web-campaigns_page .account-pill { min-height: 50px; padding: 7px !important; }
  body.web-campaigns_page .account-pill img { width: 29px !important; height: 29px !important; }
  body.web-campaigns_page .choice-card { min-height: 52px; padding: 8px !important; }

  body.web-accounts_page .accounts-board > .deck-head { padding-bottom: 10px; }
  body.web-accounts_page .bulk-toolbar { gap: 6px; margin: 8px 0 11px; padding: 8px !important; }
  body.web-accounts_page .model-group-stack { gap: 11px; }
  body.web-accounts_page .model-group-head { padding: 9px 1px 7px !important; }
  body.web-accounts_page .account-card-grid { gap: 7px; }
  body.web-accounts_page .account-card { padding: 10px !important; }
  body.web-accounts_page .account-card-top img,
  body.web-accounts_page .account-fallback-avatar { width: 38px !important; height: 38px !important; }
  body.web-accounts_page .model-edit-form,
  body.web-accounts_page .account-stats { margin-top: 8px; }
  body.web-accounts_page .account-stats span { padding: 6px 5px !important; }
  body.web-accounts_page .restriction-note { min-height: 0; margin-top: 8px !important; padding: 7px 8px !important; }
  body.web-accounts_page .account-card-foot { padding-top: 8px; }

  body.web-tools_page .hf-tools-hero,
  body.web-my_account_page .hf-profile-hero { gap: 7px; margin-bottom: 9px; padding: 3px 0 10px !important; }
  body.web-tools_page .hf-tools-hero h2,
  body.web-my_account_page .hf-profile-hero h2 { font-size: 21px; }
  body.web-tools_page .tool-card,
  body.web-tools_page .hf-tools-radar > *,
  body.web-my_account_page .hf-profile-editor,
  body.web-my_account_page .hf-plan-panel,
  body.web-my_account_page .hf-access-board { padding: 11px !important; }
  body.web-tools_page .tool-card h2 { font-size: 16px; }
  body.web-tools_page .tool-card > p { min-height: 0; margin-bottom: 9px; font-size: 10px; }

  .hf-ops-page,
  .hf-alerts-layout,
  .hf-status-layout { gap: 9px; }
  .hf-ops-intro { gap: 10px; padding: 3px 0 10px; }
  .hf-ops-intro h2 { font-size: 20px; }
  .hf-ops-intro p { font-size: 10px; }
  .hf-alert-settings,
  .hf-status-side { padding: 11px; }
  .hf-list-toolbar { padding: 10px; }
  .hf-queue-line { min-height: 54px; padding: 8px 10px; }

  .hf-wallpaper-page,
  .hf-pix-page { gap: 8px; }
  .hf-wallpaper-head,
  .hf-pix-head { padding: 3px 0 10px; }
  .hf-wallpaper-head h2,
  .hf-pix-head h2 { font-size: 21px; }
  .hf-wallpaper-toolbar { top: 52px; padding: 7px 8px; }
  .hf-wallpaper-grid { gap: 7px; margin-top: 8px; }
  .hf-wallpaper-card footer { padding: 8px; }
  .hf-pix-signal,
  .hf-pix-panel { padding: 11px; }
}

/* Dashboard command-center overrides must remain last in the stylesheet. */
body.web-dashboard .content-wrap { position:relative; isolation:isolate; max-width:none; padding:42px 48px 58px !important; background-color:#090a0d !important; background-image:linear-gradient(rgba(255,255,255,.027) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.027) 1px,transparent 1px) !important; background-size:46px 46px !important; }
body.web-dashboard .hf-overview { position:relative; z-index:1; max-width:1280px; gap:28px; }
body.web-dashboard .hf-overview-head { align-items:end; min-height:138px; padding:12px 6px 18px; border-bottom:1px solid rgba(255,255,255,.09); }
body.web-dashboard .hf-overview-head h2 { max-width:760px; margin:10px 0 7px; color:#f2f0f1; font-family:Georgia,'Times New Roman',serif; font-size:clamp(42px,5vw,68px); font-weight:400; line-height:.98; letter-spacing:0; }
body.web-dashboard .hf-overview-head p { max-width:540px; color:#8d8c94; font-size:15px; }
body.web-dashboard .hf-eyebrow { display:inline-flex; align-items:center; gap:10px; color:#7c3aed !important; font-size:10px; font-weight:800; letter-spacing:.18em; }
body.web-dashboard .hf-eyebrow::before { content:''; width:24px; height:1px; background:currentColor; }
body.web-dashboard .hf-head-actions { gap:10px; }
body.web-dashboard .hf-icon-action,body.web-dashboard .hf-head-actions .btn { min-height:42px; border-radius:5px; box-shadow:none; }
body.web-dashboard .hf-head-actions .btn { padding-inline:17px; background:#2563eb !important; border-color:#2563eb !important; }
body.web-dashboard .hf-signal-row { overflow:hidden; border:1px solid #292a30; border-radius:7px; background:rgba(12,13,17,.96); }
body.web-dashboard .hf-signal { min-height:146px; padding:22px 24px; background:transparent !important; }
body.web-dashboard .hf-signal:first-child { box-shadow:inset 3px 0 #2563eb; }
body.web-dashboard .hf-signal span,body.web-dashboard .hf-signal small { color:#83828a; font-size:11px; }
body.web-dashboard .hf-signal span { text-transform:uppercase; letter-spacing:.11em; }
body.web-dashboard .hf-signal strong { margin:7px 0 4px; color:#f5f3f4; font-family:Georgia,'Times New Roman',serif; font-size:45px; font-weight:400; line-height:.9; }
body.web-dashboard .hf-signal-primary strong,body.web-dashboard .hf-signal-alert strong { color:#a855f7; }
body.web-dashboard .hf-workspace { grid-template-columns:minmax(0,1.7fr) minmax(290px,.76fr); gap:18px; }
body.web-dashboard .hf-performance,body.web-dashboard .hf-live-panel,body.web-dashboard .hf-ranking-section,body.web-dashboard .hf-accounts-section { border-color:#292a30 !important; border-radius:7px !important; background:rgba(13,14,18,.97) !important; box-shadow:none !important; }
body.web-dashboard .hf-performance { padding:24px 24px 14px; }
body.web-dashboard .hf-section-head { padding-bottom:18px; }
body.web-dashboard .hf-section-head h3 { margin-top:8px; color:#f1eff0; font-size:21px; font-weight:680; letter-spacing:0; }
body.web-dashboard .hf-section-head > a,body.web-dashboard .hf-text-action { color:#60a5fa; }
body.web-dashboard .hf-chart-tabs { padding:3px; border:1px solid #303138; border-radius:5px; background:#0a0b0e; }
body.web-dashboard .hf-chart-tabs button { border-radius:3px; color:#87868e; }
body.web-dashboard .hf-chart-tabs button.active { color:#fff; background:#161226; }
body.web-dashboard .hf-chart-wrap { position:relative; height:304px; border-top:1px solid rgba(255,255,255,.06); border-bottom:1px solid rgba(255,255,255,.06); background-image:linear-gradient(rgba(255,255,255,.028) 1px,transparent 1px); background-size:100% 52px; }
body.web-dashboard .hf-performance-foot { padding-top:15px; }
body.web-dashboard .hf-side-ranking { padding:22px 0 0; }
body.web-dashboard .hf-side-ranking .hf-section-head { padding:0 20px 15px; }
body.web-dashboard .hf-ranking-list { display:grid; grid-template-columns:1fr; border-top:1px solid #292a30; }
body.web-dashboard .hf-ranking-player { grid-template-columns:26px 38px minmax(0,1fr) auto; min-height:68px; padding:11px 16px; border-left:0; border-bottom:1px solid #23242a; }
body.web-dashboard .hf-ranking-player:first-child { background:#171012; }
body.web-dashboard .hf-ranking-player img { width:38px; height:38px; }
body.web-dashboard .hf-rank-number { color:#77757d; }
body.web-dashboard .hf-ranking-player:first-child .hf-rank-number,body.web-dashboard .hf-rank-score strong { color:#a855f7; }
body.web-dashboard .hf-rank-name small,body.web-dashboard .hf-rank-score small { color:#7e7d85; }
body.web-dashboard .hf-bottom-grid { grid-template-columns:minmax(310px,.75fr) minmax(0,1.7fr); gap:18px; }
body.web-dashboard .hf-bottom-grid .hf-section-head { padding:22px 22px 17px; }
body.web-dashboard .hf-bottom-grid .hf-timeline { padding:0 22px; }
body.web-dashboard .hf-inline-cta { margin:15px 22px 22px; border-radius:5px; background:#211316; color:#fff; }
body.web-dashboard .hf-account-list { border-top:1px solid #292a30; }
body.web-dashboard .hf-account-line { min-height:72px; padding-inline:22px; border-bottom-color:#24252b; }
body.web-dashboard .hf-account-line:hover { background:#171116; }
body.web-dashboard .hf-health.good { color:#55d49c; }
@media (max-width:1050px) { body.web-dashboard .content-wrap { padding:28px 22px 42px !important; } body.web-dashboard .hf-overview-head { min-height:0; } body.web-dashboard .hf-workspace,body.web-dashboard .hf-bottom-grid { grid-template-columns:1fr; } }
@media (max-width:700px) { body.web-dashboard .content-wrap { padding:20px 13px 35px !important; background-size:34px 34px !important; } body.web-dashboard .hf-overview { gap:16px; } body.web-dashboard .hf-overview-head { padding:8px 2px 15px; } body.web-dashboard .hf-overview-head h2 { font-size:40px; } body.web-dashboard .hf-overview-head p { font-size:13px; } body.web-dashboard .hf-signal { min-height:116px; padding:17px 14px; } body.web-dashboard .hf-signal strong { font-size:35px; } body.web-dashboard .hf-performance { padding:16px 14px 11px; } body.web-dashboard .hf-chart-wrap { height:236px; } body.web-dashboard .hf-side-ranking .hf-section-head,body.web-dashboard .hf-bottom-grid .hf-section-head { padding:17px 14px 14px; } body.web-dashboard .hf-bottom-grid .hf-timeline { padding:0 14px; } body.web-dashboard .hf-inline-cta { margin:12px 14px 14px; } body.web-dashboard .hf-account-line { padding-inline:14px; } }

/* Global neutral shell: no navy/blue background leaks between pages. */
html, body, body .app-shell, body .main-shell, body .main-area, body .content-wrap {
  background-color: #08080a !important;
}
body .side-nav, body .mobile-menu-drawer, body .mobile-app-bar {
  background-color: #0a0a0c !important;
  background-image: none !important;
}
body .top-bar { background-color: #0a0a0c !important; }

body .side-nav,
body .side-nav::before,
body .side-nav::after,
body .mobile-menu-drawer,
body .mobile-app-bar {
  background: #0a0a0c !important;
  background-image: none !important;
}
body .app-shell,
body .main-shell,
body .main-area { background: #08080a !important; }

/* New dashboard composition: operational command deck. */
body.web-dashboard .hf-command-deck{position:relative;z-index:1;display:grid;gap:18px;max-width:1280px;margin:0 auto}body.web-dashboard .hf-command-mast{display:flex;justify-content:space-between;align-items:end;gap:24px;padding:14px 4px 24px;border-bottom:1px solid #292a30}body.web-dashboard .hf-command-kicker{display:inline-flex;align-items:center;gap:9px;color:#a855f7;font-size:10px;font-weight:800;letter-spacing:.18em;text-transform:uppercase}body.web-dashboard .hf-command-kicker:before{content:'';width:20px;height:1px;background:currentColor}body.web-dashboard .hf-command-mast h2{margin:10px 0 7px;color:#f4f2f3;font-family:Georgia,'Times New Roman',serif;font-size:clamp(42px,5vw,66px);font-weight:400;line-height:.98}body.web-dashboard .hf-command-mast h2 em{color:#a855f7;font-style:italic}body.web-dashboard .hf-command-mast p{margin:0;color:#909097;font-size:14px}body.web-dashboard .hf-command-actions{display:flex;align-items:center;gap:10px}.hf-command-status{display:inline-flex;align-items:center;gap:8px;min-height:42px;padding:0 13px;border:1px solid #303138;border-radius:5px;color:#bdbbc1!important;font-size:12px}.hf-command-status svg{width:16px;color:#a855f7}.hf-command-actions .btn{min-height:42px;border-radius:5px!important;padding-inline:17px}.hf-command-metrics{display:grid;grid-template-columns:repeat(4,1fr);overflow:hidden;border:1px solid #292a30;border-radius:7px;background:#0d0e12}.hf-command-metrics article{display:grid;gap:5px;min-height:128px;padding:20px 22px;border-left:1px solid #292a30}.hf-command-metrics article:first-child{border-left:0;box-shadow:inset 3px 0 #2563eb}.hf-command-metrics span{color:#85838a;font-size:10px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.hf-command-metrics strong{color:#f4f1f2;font-family:Georgia,'Times New Roman',serif;font-size:40px;font-weight:400;line-height:1}.hf-command-metrics small{color:#7f7d84;font-size:11px}.hf-command-metrics .is-primary strong,.hf-command-metrics .is-alert strong{color:#a855f7}.hf-command-stage{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(310px,.82fr);gap:18px}.hf-command-chart,.hf-command-ranking,.hf-command-queue,.hf-command-accounts{border:1px solid #292a30;border-radius:7px;background:#0d0e12}.hf-command-panel-head{display:flex;justify-content:space-between;gap:14px;align-items:start;padding:20px 22px 16px}.hf-command-panel-head h3{margin:8px 0 0;color:#f3f1f2;font-size:20px;font-weight:700}.hf-command-panel-head>a{color:#60a5fa;font-size:11px}.hf-command-chart-wrap{height:315px;margin:0 22px;border-top:1px solid rgba(255,255,255,.06);border-bottom:1px solid rgba(255,255,255,.06);background-image:linear-gradient(rgba(255,255,255,.027) 1px,transparent 1px);background-size:100% 52px}.hf-command-chart footer{display:flex;justify-content:space-between;padding:14px 22px}.hf-command-chart footer>span{color:#77767d;font-size:11px}.hf-command-chart footer>span i{display:inline-block;width:6px;height:6px;margin-right:7px;border-radius:50%;background:#2563eb}.hf-command-ranking-list{border-top:1px solid #292a30}.hf-command-ranking-list article{display:grid;grid-template-columns:25px 38px minmax(0,1fr) auto;gap:10px;align-items:center;min-height:67px;padding:10px 16px;border-bottom:1px solid #25262c}.hf-command-ranking-list article:first-child{background:#1a1012}.hf-command-ranking-list b{color:#77757c;font-size:10px}.hf-command-ranking-list img{width:38px;height:38px;border-radius:50%;object-fit:cover}.hf-command-ranking-list span{display:grid;gap:3px;min-width:0}.hf-command-ranking-list span strong{overflow:hidden;color:#eeecee;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.hf-command-ranking-list small{color:#77757d;font-size:10px}.hf-command-ranking-list em{display:grid;justify-items:end;color:#a855f7;font-size:16px;font-style:normal;font-weight:800}.hf-command-ranking-list em small{text-transform:uppercase;font-size:8px}.hf-command-bottom{display:grid;grid-template-columns:minmax(300px,.72fr) minmax(0,1.75fr);gap:18px}.hf-command-queue-list{padding:0 22px}.hf-command-queue-list>a{display:grid;grid-template-columns:36px 1fr 16px;gap:10px;align-items:center;min-height:72px;color:#f1eff0;border-top:1px solid #25262c}.hf-command-queue-list img,.hf-command-account-list img{width:36px;height:36px;border-radius:50%;object-fit:cover}.hf-command-queue-list span,.hf-command-account-list span{display:grid;gap:3px}.hf-command-queue-list strong{font-size:12px}.hf-command-queue-list small,.hf-command-account-list small{color:#7c7a82;font-size:10px}.hf-command-queue-list svg{color:#8a878e;width:16px}.hf-command-queue-cta{display:flex;justify-content:space-between;margin:15px 22px 22px;padding:13px 14px;border-radius:5px;background:#211316;color:#fff!important;font-size:12px;font-weight:700}.hf-command-queue-cta svg{width:15px;color:#a855f7}.hf-command-account-list{border-top:1px solid #292a30}.hf-command-account-list>a{display:grid;grid-template-columns:36px minmax(150px,1fr) 74px 62px minmax(96px,.7fr) 16px;gap:12px;align-items:center;min-height:70px;padding:10px 20px;color:#eeecef;border-bottom:1px solid #25262c}.hf-command-account-list>a:hover{background:#171116}.hf-command-account-list b{font-size:13px}.hf-command-account-list> a > span:not(.hf-command-account-name):not(.hf-command-health){justify-items:center}.hf-command-health{display:flex!important;align-items:center;gap:6px;color:#58d7a0;font-size:11px;font-weight:700}.hf-command-health i{width:6px;height:6px;border-radius:50%;background:currentColor}.hf-command-health.bad{color:#c084fc}.hf-command-empty{display:grid;gap:7px;justify-items:start;padding:28px 22px;color:#85838a;font-size:12px}.hf-command-empty strong{color:#f1eff0}.hf-command-empty svg{color:#a855f7}@media(max-width:1050px){.hf-command-stage,.hf-command-bottom{grid-template-columns:1fr}.hf-command-metrics{grid-template-columns:repeat(2,1fr)}.hf-command-metrics article:nth-child(3){border-left:0;border-top:1px solid #292a30}.hf-command-metrics article:nth-child(4){border-top:1px solid #292a30}}@media(max-width:700px){body.web-dashboard .hf-command-mast{align-items:start;flex-direction:column;padding-bottom:18px}.hf-command-mast h2{font-size:42px}.hf-command-actions{width:100%}.hf-command-actions .btn{margin-left:auto}.hf-command-metrics{grid-template-columns:1fr 1fr}.hf-command-metrics article{min-height:105px;padding:16px 14px}.hf-command-metrics strong{font-size:33px}.hf-command-chart-wrap{height:235px;margin:0 14px}.hf-command-panel-head,.hf-command-chart footer{padding:16px 14px}.hf-command-queue-list{padding:0 14px}.hf-command-queue-cta{margin:12px 14px 14px}.hf-command-account-list>a{grid-template-columns:36px minmax(0,1fr) auto 16px;padding:10px 14px}.hf-command-account-list>a>span:nth-of-type(2),.hf-command-account-list>a>span:nth-of-type(3){display:none}.hf-command-health{font-size:10px}}

/* Break the card-dashboard rhythm: a ledger band and open technical panels. */
body.web-dashboard .hf-command-metrics{border-width:1px 0;border-radius:0;background:rgba(8,8,10,.48)}
body.web-dashboard .hf-command-metrics article{min-height:106px;padding:17px 20px;background:transparent}
body.web-dashboard .hf-command-metrics article:first-child{box-shadow:none;border-left:1px solid #292a30}
body.web-dashboard .hf-command-metrics strong{font-size:34px}
body.web-dashboard .hf-command-stage{gap:0;border:1px solid #292a30;background:#0b0c10}
body.web-dashboard .hf-command-chart,body.web-dashboard .hf-command-ranking{border:0;border-radius:0;background:transparent}
body.web-dashboard .hf-command-ranking{border-left:1px solid #292a30}
body.web-dashboard .hf-command-bottom{gap:0;border:1px solid #292a30;background:#0b0c10}
body.web-dashboard .hf-command-queue,body.web-dashboard .hf-command-accounts{border:0;border-radius:0;background:transparent}
body.web-dashboard .hf-command-accounts{border-left:1px solid #292a30}
@media(max-width:1050px){body.web-dashboard .hf-command-stage,body.web-dashboard .hf-command-bottom{gap:14px;border:0;background:transparent}body.web-dashboard .hf-command-chart,body.web-dashboard .hf-command-ranking,body.web-dashboard .hf-command-queue,body.web-dashboard .hf-command-accounts{border:1px solid #292a30;background:#0b0c10}body.web-dashboard .hf-command-ranking,body.web-dashboard .hf-command-accounts{border-left:1px solid #292a30}}

/* SayBot-inspired DarkFlow dashboard: fresh layout, same live operation. */
body.web-dashboard .hf-say-deck{display:grid;gap:28px;max-width:1220px;margin:0 auto;padding:12px 0 40px}body.web-dashboard .hf-say-kicker{color:#a855f7;font-size:10px;font-weight:800;letter-spacing:.18em;text-transform:uppercase}.hf-say-hero{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(300px,.65fr);gap:18px}.hf-say-brief,.hf-say-focus{min-height:306px;padding:34px;border:1px solid #2a2b31;background:#0d0e12}.hf-say-brief{display:flex;flex-direction:column;justify-content:center;background:linear-gradient(130deg,#101115,#0c0d11 62%,#170d10)}.hf-say-brief h2{margin:14px 0 13px;color:#f4f1f2;font-family:Georgia,'Times New Roman',serif;font-size:clamp(46px,5vw,70px);font-weight:400;line-height:.91;letter-spacing:0}.hf-say-brief h2 em{color:#a855f7;font-style:italic}.hf-say-brief p{max-width:430px;margin:0;color:#929099;font-size:15px;line-height:1.55}.hf-say-hero-actions{display:flex;align-items:center;gap:18px;margin-top:26px}.hf-say-hero-actions .btn{border-radius:5px!important}.hf-say-hero-actions>a:not(.btn){display:inline-flex;align-items:center;gap:6px;color:#f0edef;font-size:12px}.hf-say-hero-actions svg{width:14px;color:#a855f7}.hf-say-focus{position:relative;display:flex;flex-direction:column;justify-content:center;overflow:hidden;background:#111216}.hf-say-focus:after{content:'';position:absolute;right:-55px;bottom:-70px;width:210px;height:210px;border:1px solid rgba(37, 99, 235,.3);border-radius:50%;box-shadow:0 0 0 28px rgba(37, 99, 235,.025),0 0 0 56px rgba(37, 99, 235,.018)}.hf-say-focus>*{position:relative;z-index:1}.hf-say-focus-number{margin:12px 0 2px;color:#a855f7;font-family:Georgia,'Times New Roman',serif;font-size:76px;line-height:.9}.hf-say-focus strong{color:#f3f0f1;font-size:17px}.hf-say-focus p{margin:18px 0;color:#8a8890;font-size:12px}.hf-say-focus p i{display:inline-block;width:7px;height:7px;margin-right:7px;border-radius:50%;background:#49d59b}.hf-say-focus>a{display:inline-flex;align-items:center;gap:7px;color:#a855f7;font-size:12px}.hf-say-focus>a svg{width:15px}.hf-say-status{display:grid;grid-template-columns:180px 1fr;border-top:1px solid #292a30;border-bottom:1px solid #292a30}.hf-say-status>header{display:grid;align-content:center;gap:4px;padding:18px 0}.hf-say-status>header span{color:#a855f7;font-size:10px;font-weight:800}.hf-say-status>header strong{color:#e9e6e8;font-size:13px}.hf-say-status>header small{color:#77757d;font-size:10px}.hf-say-status>div{display:grid;grid-template-columns:repeat(4,1fr)}.hf-say-status article{display:grid;gap:6px;align-content:center;min-height:112px;padding:16px 20px;border-left:1px solid #292a30}.hf-say-status article span{color:#88868d;font-size:10px;letter-spacing:.1em;text-transform:uppercase}.hf-say-status article strong{color:#f4f1f2;font-family:Georgia,'Times New Roman',serif;font-size:34px;font-weight:400}.hf-say-status article small{color:#77757e;font-size:10px}.hf-say-status article.danger strong{color:#a855f7}.hf-say-workbench{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(300px,.7fr);gap:18px}.hf-say-console,.hf-say-next,.hf-say-ledger,.hf-say-rank{border:1px solid #292a30;background:#0d0e12}.hf-say-console header,.hf-say-ledger header{display:flex;justify-content:space-between;gap:18px;align-items:start;padding:23px 24px 17px}.hf-say-console h3,.hf-say-ledger h3{margin:9px 0 0;color:#f3f0f1;font-size:21px}.hf-say-console header .hf-chart-tabs{padding:3px;border:1px solid #34343a;border-radius:5px}.hf-say-console .hf-chart-tabs button{padding:7px 11px;border:0;border-radius:3px;color:#88868d;background:transparent;font-size:10px;font-weight:700}.hf-say-console .hf-chart-tabs button.active{color:#fff;background:#161226}.hf-say-chart-wrap{height:310px;margin:0 24px;border-top:1px solid #25262b;border-bottom:1px solid #25262b;background-image:linear-gradient(rgba(255,255,255,.028) 1px,transparent 1px);background-size:100% 52px}.hf-say-console footer{display:flex;justify-content:space-between;padding:14px 24px;color:#77757d;font-size:11px}.hf-say-console footer>span i{display:inline-block;width:6px;height:6px;margin-right:7px;border-radius:50%;background:#a855f7}.hf-say-console footer button{border:0;background:transparent;color:#a855f7;font-size:11px;font-weight:700}.hf-say-console footer svg{width:13px}.hf-say-next{display:flex;flex-direction:column}.hf-say-next header,.hf-say-rank header{display:flex;justify-content:space-between;align-items:center;padding:19px 20px;border-bottom:1px solid #292a30}.hf-say-next header>a,.hf-say-rank header>a,.hf-say-ledger header>a{color:#c084fc;font-size:11px}.hf-say-next-list{flex:1}.hf-say-next-list>a{display:grid;grid-template-columns:34px 1fr 15px;gap:10px;align-items:center;min-height:68px;padding:9px 18px;border-bottom:1px solid #25262c;color:#f0edef}.hf-say-next-list img,.hf-say-profile img,.hf-say-rank img{width:34px;height:34px;border-radius:50%;object-fit:cover}.hf-say-next-list span,.hf-say-profile{display:grid;gap:3px}.hf-say-next-list strong{font-size:12px}.hf-say-next-list small,.hf-say-profile small{color:#77757d;font-size:10px}.hf-say-next-list svg{width:15px;color:#807d85}.hf-say-queue-button{display:flex;justify-content:space-between;margin:14px 18px;padding:13px;border-radius:5px;background:#201316;color:#fff!important;font-size:12px;font-weight:700}.hf-say-queue-button svg{width:14px;color:#a855f7}.hf-say-empty{display:grid;justify-items:start;gap:7px;padding:30px 20px;color:#85838a}.hf-say-empty strong{color:#f0edef}.hf-say-empty svg{color:#c084fc}.hf-say-ledger header{padding-bottom:18px}.hf-say-ledger-head,.hf-say-ledger-row{display:grid;grid-template-columns:minmax(220px,1.5fr) 110px 90px 110px minmax(110px,.7fr);gap:12px;align-items:center;padding:12px 24px}.hf-say-ledger-head{border-top:1px solid #292a30;color:#77757d;font-size:9px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.hf-say-ledger-row{min-height:67px;border-top:1px solid #25262c;color:#f0edef}.hf-say-ledger-row:hover{background:#171116}.hf-say-ledger-row>strong{font-size:13px}.hf-say-profile{grid-template-columns:34px 1fr;grid-template-rows:1fr 1fr;align-items:center}.hf-say-profile img{grid-row:1/3}.hf-say-profile b{font-size:12px}.hf-say-ledger-row em{display:flex;align-items:center;gap:6px;color:#54d49d;font-size:11px;font-style:normal;font-weight:700}.hf-say-ledger-row em i{width:6px;height:6px;border-radius:50%;background:currentColor}.hf-say-ledger-row em.bad{color:#a855f7}.hf-say-rank{display:none}.hf-say-rank>div{display:grid;grid-template-columns:repeat(5,1fr)}.hf-say-rank article{display:grid;grid-template-columns:22px 34px 1fr auto;gap:9px;align-items:center;min-height:68px;padding:10px 14px;border-left:1px solid #292a30}.hf-say-rank b{font-size:9px;color:#77757d}.hf-say-rank span{display:grid;gap:3px;min-width:0}.hf-say-rank span strong{overflow:hidden;font-size:11px;text-overflow:ellipsis;white-space:nowrap}.hf-say-rank small{color:#77757d;font-size:9px}.hf-say-rank em{display:grid;justify-items:end;color:#a855f7;font-size:14px;font-style:normal;font-weight:800}.hf-say-rank em small{text-transform:uppercase;font-size:7px}@media(max-width:1050px){.hf-say-hero,.hf-say-workbench{grid-template-columns:1fr}.hf-say-focus{min-height:210px}.hf-say-status{grid-template-columns:1fr}.hf-say-status>header{grid-template-columns:auto 1fr auto;align-items:center}.hf-say-status>div{border-top:1px solid #292a30}.hf-say-rank{display:block}.hf-say-rank>div{grid-template-columns:1fr}.hf-say-rank article{border-left:0;border-top:1px solid #292a30}.hf-say-rank article:first-child{border-top:0}}@media(max-width:700px){body.web-dashboard .hf-say-deck{gap:18px}.hf-say-brief,.hf-say-focus{min-height:0;padding:24px 18px}.hf-say-brief h2{font-size:48px}.hf-say-status>div{grid-template-columns:1fr 1fr}.hf-say-status article{min-height:98px;padding:14px;border-top:1px solid #292a30}.hf-say-status article:nth-child(odd){border-left:0}.hf-say-chart-wrap{height:225px;margin:0 14px}.hf-say-console header,.hf-say-ledger header,.hf-say-console footer{padding:17px 14px}.hf-say-console header{align-items:end}.hf-say-console h3,.hf-say-ledger h3{font-size:18px}.hf-say-ledger-head{display:none}.hf-say-ledger-row{grid-template-columns:minmax(0,1fr) auto auto;padding:12px 14px}.hf-say-ledger-row>strong:nth-of-type(2),.hf-say-ledger-row>strong:nth-of-type(3){display:none}.hf-say-ledger-row em{font-size:10px}.hf-say-hero-actions{gap:12px}}

/* Dashboard V2 has its own layout primitives, not a reskin of the old grid. */
.web-dashboard .top-bar{min-height:82px!important;padding:15px 28px!important;position:relative;isolation:isolate}.web-dashboard .top-bar:before{position:absolute;inset:0 auto 0 0;width:4px;background:#a855f7;content:''}.web-dashboard .top-bar>div:first-child{display:grid;grid-template-columns:auto 1fr;column-gap:14px;align-items:center}.web-dashboard .top-bar .page-kicker{grid-column:1;grid-row:1;margin:0;padding-right:14px;border-right:1px solid #333238;color:#a855f7!important;font-size:9px!important;line-height:1.1}.web-dashboard .top-bar h1{grid-column:2;grid-row:1;margin:0!important;color:#f3f0f2!important;font-family:Georgia,'Times New Roman',serif!important;font-size:25px!important;font-weight:400!important;line-height:1.05!important}.web-dashboard .top-bar h1 #hfGreeting{color:#a855f7}.web-dashboard .hf-dashboard-presence{grid-column:2;grid-row:2;display:flex;align-items:center;gap:7px;margin-top:6px;color:#8f8b92;font-size:10px}.web-dashboard .hf-dashboard-presence>i{width:7px;height:7px;border-radius:50%;background:#49dba1;box-shadow:0 0 0 4px rgba(73,219,161,.08)}.web-dashboard .hf-dashboard-presence b{padding-left:8px;border-left:1px solid #3a383e;color:#d5d1d4;font-size:9px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.web-dashboard .hf-dashboard-presence time{display:none}.web-dashboard .top-actions{gap:8px!important}.web-dashboard .top-actions>*{min-height:36px!important}.web-dashboard .hf-user-chip{border-color:#35333a!important;background:#121216!important}.web-dashboard .notification-pill{padding:0 11px!important}.web-dashboard .hf-instagram-chip{padding:0 13px!important;border-color:rgba(67,203,143,.38)!important;background:rgba(24,85,63,.12)!important}.web-dashboard .hf-instagram-chip small{display:none}@media(max-width:700px){.web-dashboard .top-bar{min-height:0!important;padding:14px 17px!important}.web-dashboard .top-bar>div:first-child{grid-template-columns:1fr}.web-dashboard .top-bar .page-kicker{grid-column:1;grid-row:1;padding:0;border:0}.web-dashboard .top-bar h1{grid-column:1;grid-row:2;margin-top:6px!important;font-size:22px!important}.web-dashboard .hf-dashboard-presence{grid-column:1;grid-row:3}.web-dashboard .top-actions{width:auto!important}.web-dashboard .hf-user-chip{display:none!important}.web-dashboard .hf-instagram-chip{display:none!important}}
.hf-v2-rank .hf-v2-rank-list{display:flex!important;flex:1;flex-direction:column;width:100%!important;padding:0!important;border:0!important;background:transparent!important}.hf-v2-rank .hf-v2-rank-row{display:grid!important;grid-template-columns:30px 42px minmax(0,1fr) 60px!important;gap:11px!important;align-items:center!important;width:100%!important;flex:1;min-height:74px!important;margin:0!important;padding:10px 18px!important;border:0!important;border-bottom:1px solid #292a30!important;background:transparent!important}.hf-v2-rank .hf-v2-rank-row:last-child{border-bottom:0!important}.hf-v2-rank .hf-v2-rank-row>b{color:#85818a!important;font-family:'JetBrains Mono',monospace!important;font-size:10px!important}.hf-v2-rank .hf-v2-rank-row img{width:42px!important;height:42px!important;border:1px solid #47444a!important;border-radius:50%!important;object-fit:cover!important}.hf-v2-rank .hf-v2-rank-row>span{display:grid!important;grid-template-columns:minmax(0,1fr);gap:3px!important;min-width:0}.hf-v2-rank .hf-v2-rank-row>span>strong{overflow:hidden!important;color:#efedef!important;font-size:12px!important;text-overflow:ellipsis!important;white-space:nowrap!important}.hf-v2-rank .hf-v2-rank-row>span>small{color:#848089!important;font-size:10px!important}.hf-v2-rank .hf-v2-rank-meter{display:block!important;height:3px!important;margin-top:5px;overflow:hidden;border-radius:99px;background:#2a292e!important}.hf-v2-rank .hf-v2-rank-meter i{display:block!important;height:100%!important;border-radius:inherit;background:linear-gradient(90deg,#a855f7,#a855f7)!important}.hf-v2-rank .hf-v2-rank-row em{display:grid!important;justify-items:end!important;gap:3px!important;font-style:normal!important}.hf-v2-rank .hf-v2-rank-row em strong{color:#f2eff1!important;font-family:Georgia,'Times New Roman',serif!important;font-size:25px!important;font-weight:400!important;line-height:.85!important}.hf-v2-rank .hf-v2-rank-row em small{color:#858089!important;font-size:8px!important;letter-spacing:.08em!important;text-transform:uppercase!important}.hf-v2-rank .hf-v2-rank-row:first-child{background:linear-gradient(90deg,rgba(59,130,246,.12),transparent)!important}.hf-v2-rank .hf-v2-rank-row:first-child>b{color:#c084fc!important}.hf-v2-rank .hf-v2-rank-row:hover{background:#0e0c18!important}@media(max-width:700px){.hf-v2-rank .hf-v2-rank-row{grid-template-columns:26px 38px minmax(0,1fr) 52px!important;gap:8px!important;padding:10px 14px!important}.hf-v2-rank .hf-v2-rank-row img{width:38px!important;height:38px!important}.hf-v2-rank .hf-v2-rank-row em strong{font-size:20px!important}}
@media(min-width:701px){body .app-shell{display:block!important}.side-nav{position:fixed!important;inset:0 auto 0 0!important;height:100dvh!important;overflow-y:auto!important;overscroll-behavior:contain;z-index:60}.main-shell{min-height:100vh!important;margin-left:248px!important}.side-nav::-webkit-scrollbar{width:4px}.side-nav::-webkit-scrollbar-thumb{background:#3b3b41;border-radius:4px}}
/* Sidebar: compact operational navigation with clear sections. */
/* Refined sidebar: quiet navigation, one clear selection state. */
/* Sidebar rebuilt as a compact command rail. */
/* Restore a full-width sidebar: labels are always legible. */
@media(min-width:701px){body .side-nav{width:248px!important;min-width:248px!important;padding:14px 12px!important;align-items:stretch!important;overflow-y:auto!important}.main-shell{margin-left:248px!important}.side-nav .sidebar-toggle{display:flex!important}.side-nav .brand-block{display:flex!important;place-items:initial;min-height:64px!important;width:auto!important;margin:0 2px!important;padding:6px 7px 13px!important}.side-nav .brand-block>span{display:grid!important}.side-nav .brand-logo{width:46px!important;height:46px!important}.side-nav .side-primary-action{display:flex!important;width:auto!important;min-height:44px!important;margin:18px 2px 17px!important;padding:0 14px!important;font-size:12px!important;line-height:normal!important}.side-nav .side-primary-action:before{display:none!important}.side-nav .side-links{width:auto!important;gap:3px!important;margin:0 2px!important;padding-top:24px!important}.side-nav .side-links:before{display:block!important;top:4px!important;left:9px!important;content:'WORKSPACE'!important}.side-nav .side-links a{display:flex!important;place-items:initial;width:auto!important;min-height:40px!important;margin:0!important;padding:9px 10px!important;border:1px solid transparent!important;border-radius:6px!important;font-size:12px!important;line-height:normal!important}.side-nav .side-links a svg{width:16px!important;height:16px!important}.side-nav .side-links a.active{border-color:#1e3a8a!important;background:rgba(59, 130, 246, .10)!important;box-shadow:inset 2px 0 #a855f7!important}.side-nav .side-links a.active:before{display:none!important}.side-nav .side-links a.active::after{display:none!important}.side-nav .side-links a[title]:hover:after{display:none!important}.side-nav .side-status{display:grid!important;place-items:initial;width:auto!important;min-height:0!important;margin:14px 2px 0!important;margin-top:auto!important;padding:12px 11px!important}.side-nav .side-status .status-dot{grid-row:1/3!important;width:8px!important;height:8px!important}.side-nav .side-status strong,.side-nav .side-status small{display:block!important}.side-nav .side-links a:nth-child(7){margin-top:0!important}.side-nav .side-links a:nth-child(7):before{display:none!important}}
/* Privacy mode protects operational accounts only; the ranking remains public. */
body.hf-privacy-mode .hf-v2-rank-row img{filter:none!important;opacity:1!important}body.hf-privacy-mode .hf-v2-rank-row>span>strong{filter:none!important;opacity:1!important;user-select:auto!important}
@media(min-width:701px){body .side-nav{width:82px!important;min-width:82px!important;padding:10px 9px 12px!important;align-items:center!important;overflow:visible!important}.main-shell{margin-left:82px!important}.side-nav .sidebar-toggle{display:none!important}.side-nav .brand-block{display:grid!important;place-items:center;min-height:58px!important;width:100%;margin:0!important;padding:0 0 12px!important;border-bottom:1px solid #292a30!important}.side-nav .brand-block>span{display:none!important}.side-nav .brand-logo{width:42px!important;height:42px!important;border-radius:8px!important}.side-nav .side-primary-action{display:grid!important;place-items:center;width:42px!important;min-height:42px!important;margin:17px 0 18px!important;padding:0!important;border-radius:7px!important;font-size:0!important;line-height:1!important}.side-nav .side-primary-action:before{color:#fff;content:'+';font-family:Inter,system-ui,sans-serif;font-size:24px;font-weight:350;line-height:1}.side-nav .side-links{width:100%!important;gap:5px!important;margin:0!important;padding:0!important}.side-nav .side-links:before{display:none!important}.side-nav .side-links a{display:grid!important;place-items:center;width:42px!important;min-height:42px!important;margin:0 auto!important;padding:0!important;border:1px solid transparent!important;border-radius:7px!important;font-size:0!important}.side-nav .side-links a svg{width:18px!important;height:18px!important;stroke-width:1.65!important}.side-nav .side-links a.active{border-color:#172554!important;background:rgba(59, 130, 246, .12)!important;box-shadow:none!important}.side-nav .side-links a.active:before{position:absolute;top:10px;left:-10px;width:2px;height:20px;border-radius:0 2px 2px 0;background:#a855f7;content:''}.side-nav .side-links a.active::after{display:none!important}.side-nav .side-links a:nth-child(7),.side-nav .side-links a:nth-child(7):before{margin-top:0!important}.side-nav .side-links a:nth-child(7):before{display:none!important}.side-nav .side-status{display:grid!important;place-items:center;width:42px!important;min-height:42px!important;margin-top:auto!important;padding:0!important;border-color:#284438!important;border-radius:7px!important;background:#0e1713!important}.side-nav .side-status .status-dot{grid-row:auto!important;width:8px!important;height:8px!important;box-shadow:0 0 0 5px rgba(75,216,157,.08)!important}.side-nav .side-status strong,.side-nav .side-status small{display:none!important}.side-nav .side-links a[title]{position:relative}.side-nav .side-links a[title]:hover:after{position:absolute;z-index:100;left:51px;top:50%;display:block!important;width:max-content;max-width:170px;padding:7px 9px;border:1px solid #34333a;border-radius:5px;background:#16161a;box-shadow:0 10px 24px rgba(0,0,0,.3);color:#eeeaed;content:attr(title);font-size:11px;font-weight:700;line-height:1;transform:translateY(-50%);white-space:nowrap}.side-nav .side-primary-action:hover{transform:translateY(-1px)!important}} 
/* Ranking scoreboard: hierarchy comes from the score, not decorative bars. */
/* Dashboard utility header: content has its own hierarchy, actions stay separate. */
.hf-v2-head>div>span{color:#a855f7!important}.hf-v2-head h2{font-size:39px!important}.hf-v2-head h2 em{white-space:nowrap}.hf-v2-head nav{gap:8px!important}.hf-v2-head nav form{margin:0}.hf-v2-refresh,.hf-v2-privacy-toggle{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:38px;border:1px solid #38373d;border-radius:5px;background:#111116;color:#d9d5d8;font-size:11px;font-weight:700;cursor:pointer;transition:border-color .16s ease,background .16s ease,color .16s ease}.hf-v2-refresh{padding:0 12px}.hf-v2-privacy-toggle{width:38px;padding:0}.hf-v2-refresh svg,.hf-v2-privacy-toggle svg{width:15px;color:#a855f7}.hf-v2-refresh:hover,.hf-v2-privacy-toggle:hover{border-color:#8b5cf6;background:#1b1216;color:#fff}.hf-v2-head nav .btn{min-height:38px!important;padding-inline:13px!important}body.hf-privacy-mode .hf-v2-events img,body.hf-privacy-mode .hf-v2-rank-row img,body.hf-privacy-mode .hf-v2-profile img{filter:blur(9px) grayscale(1)!important;opacity:.58!important}body.hf-privacy-mode .hf-v2-events strong,body.hf-privacy-mode .hf-v2-rank-row>span>strong,body.hf-privacy-mode .hf-v2-profile b{filter:blur(6px)!important;opacity:.45!important;user-select:none!important}body.hf-privacy-mode .hf-v2-chart{position:relative!important}body.hf-privacy-mode .hf-v2-chart canvas{pointer-events:none!important}body.hf-privacy-mode .hf-v2-chart:after{position:absolute;right:12px;bottom:3px;left:12px;height:24px;display:flex;align-items:center;justify-content:center;background:rgba(13,14,18,.96);color:#8e8a92;content:'Nomes das contas ocultos';font-size:10px;letter-spacing:.04em;pointer-events:none}@media(max-width:700px){.hf-v2-head h2{font-size:31px!important}.hf-v2-head nav{display:grid!important;grid-template-columns:1fr 38px auto;width:100%!important}.hf-v2-refresh{width:100%!important}.hf-v2-head nav .btn{margin-left:0!important}}
.web-dashboard .top-bar{min-height:84px!important;padding:14px 28px!important;border-bottom:1px solid #292a30!important;background:#0b0b0e!important;box-shadow:none!important}.web-dashboard .top-bar:before{display:none!important}.web-dashboard .top-bar>div:first-child{display:block!important}.web-dashboard .top-bar .page-kicker{display:flex!important;align-items:center;gap:8px;margin:0 0 6px!important;padding:0!important;border:0!important;color:#89858d!important;font-family:'JetBrains Mono',monospace!important;font-size:9px!important;font-weight:700!important;letter-spacing:.14em!important;line-height:1!important;text-transform:uppercase}.web-dashboard .top-bar .page-kicker:before{width:16px;height:1px;background:#a855f7;content:''}.web-dashboard .top-bar h1{margin:0!important;color:#f2eff1!important;font-family:Georgia,'Times New Roman',serif!important;font-size:27px!important;font-weight:400!important;line-height:1!important}.web-dashboard .top-bar h1 #hfGreeting{color:#a855f7}.web-dashboard .hf-dashboard-presence{display:flex!important;align-items:center;gap:7px;margin-top:7px!important;color:#8d8991!important;font-size:10px!important}.web-dashboard .hf-dashboard-presence>i{width:6px!important;height:6px!important;background:#4bd89d!important;box-shadow:0 0 0 4px rgba(75,216,157,.08)!important}.web-dashboard .hf-dashboard-presence b{padding-left:8px;border-left:1px solid #35343a;color:#bbb6bc;font-size:9px;font-weight:700;letter-spacing:.07em;text-transform:uppercase}.web-dashboard .top-actions{align-items:center!important;gap:8px!important}.web-dashboard .top-actions>*{min-height:36px!important;border-radius:5px!important}.web-dashboard .hf-user-chip{padding:0 11px!important;border-color:#34333a!important;background:#111116!important}.web-dashboard .hf-user-chip svg{width:14px!important;color:#9c98a0!important}.web-dashboard .notification-pill{padding:0 10px!important;border-color:#34333a!important;background:#111116!important}.web-dashboard .hf-instagram-chip{padding:0 12px!important;border-color:#28523e!important;background:rgba(22,90,62,.10)!important}.web-dashboard .hf-instagram-chip svg{color:#4ed89e!important}.web-dashboard .hf-instagram-chip strong{font-size:11px!important}@media(max-width:700px){.web-dashboard .top-bar{min-height:0!important;padding:14px 16px!important}.web-dashboard .top-bar h1{font-size:23px!important}.web-dashboard .hf-dashboard-presence{display:none!important}.web-dashboard .top-actions{width:auto!important}.web-dashboard .hf-user-chip,.web-dashboard .hf-instagram-chip{display:none!important}}
.hf-v2-rank{background:#0d0e12!important}.hf-v2-rank header{align-items:center!important;padding:19px 20px!important;background:#101115!important}.hf-v2-rank .hf-v2-rank-list{display:block!important;padding:4px 20px 14px!important;background:#0d0e12!important}.hf-v2-rank .hf-v2-rank-row{grid-template-columns:29px 42px minmax(0,1fr) 68px!important;gap:12px!important;min-height:70px!important;padding:10px 0!important;border:0!important;border-bottom:1px solid #292a30!important;background:transparent!important}.hf-v2-rank .hf-v2-rank-row:last-child{border-bottom:0!important}.hf-v2-rank .hf-v2-rank-row>b{display:grid!important;place-items:center;width:24px!important;height:24px!important;border:1px solid #3b3a40!important;border-radius:50%!important;color:#98949c!important;font-family:'JetBrains Mono',monospace!important;font-size:9px!important;line-height:1!important}.hf-v2-rank .hf-v2-rank-row img{width:42px!important;height:42px!important;border:1px solid #45434a!important;border-radius:50%!important;box-shadow:none!important}.hf-v2-rank .hf-v2-rank-row>span{display:grid!important;align-content:center;gap:4px!important;min-width:0}.hf-v2-rank .hf-v2-rank-row>span>strong{color:#efedef!important;font-size:12px!important;font-weight:750!important}.hf-v2-rank .hf-v2-rank-row>span>small{color:#89858d!important;font-size:10px!important}.hf-v2-rank .hf-v2-rank-meter{display:none!important}.hf-v2-rank .hf-v2-rank-row em{display:grid!important;align-content:center;justify-items:end!important;gap:2px!important;min-width:66px!important;padding:7px 9px!important;border-left:1px solid #34333a!important;background:transparent!important}.hf-v2-rank .hf-v2-rank-row em strong{color:#f3eff1!important;font-family:Georgia,'Times New Roman',serif!important;font-size:27px!important;font-weight:400!important;line-height:.85!important}.hf-v2-rank .hf-v2-rank-row em small{color:#88848c!important;font-size:8px!important;letter-spacing:.1em!important}.hf-v2-rank .hf-v2-rank-row:first-child{background:transparent!important}.hf-v2-rank .hf-v2-rank-row:first-child>b{border-color:#a855f7!important;color:#a855f7!important}.hf-v2-rank .hf-v2-rank-row:first-child img{border-color:#a855f7!important}.hf-v2-rank .hf-v2-rank-row:first-child em strong{color:#a855f7!important}.hf-v2-rank .hf-v2-rank-row:hover{background:#141217!important}@media(max-width:700px){.hf-v2-rank .hf-v2-rank-list{padding:4px 14px 12px!important}.hf-v2-rank .hf-v2-rank-row{grid-template-columns:27px 38px minmax(0,1fr) 57px!important;gap:9px!important;min-height:65px!important}.hf-v2-rank .hf-v2-rank-row img{width:38px!important;height:38px!important}.hf-v2-rank .hf-v2-rank-row em{min-width:56px!important;padding-right:4px!important}.hf-v2-rank .hf-v2-rank-row em strong{font-size:22px!important}}
body .side-nav{padding:0 10px 12px!important;background:#0a0a0c!important}.side-nav .brand-block{min-height:77px!important;margin:0;padding:15px 8px!important;border-bottom:1px solid #242429!important}.side-nav .brand-logo{width:45px!important;height:45px!important;border-radius:8px!important;box-shadow:0 8px 20px rgba(37, 99, 235, .14)!important}.side-nav .brand-block strong{font-size:16px!important;font-weight:780!important}.side-nav .brand-block small{font-size:8px!important;letter-spacing:.11em!important}.side-nav .side-primary-action{min-height:44px!important;margin:22px 4px 25px!important;border-radius:6px!important;box-shadow:none!important;font-size:12px!important}.side-nav .side-links{gap:3px!important;margin:0 2px!important;padding-top:25px!important}.side-nav .side-links:before{top:4px!important;left:9px!important;color:#67646d!important;content:'WORKSPACE'!important;font-size:8px!important;letter-spacing:.17em!important}.side-nav .side-links a{min-height:40px!important;padding:9px 10px!important;border:1px solid transparent!important;border-radius:6px!important;background:transparent!important;color:#98959d!important;font-size:12px!important;font-weight:640!important}.side-nav .side-links a svg{width:16px!important;height:16px!important;color:#76737c!important;stroke-width:1.65!important}.side-nav .side-links a:hover{background:#121216!important;color:#f0edef!important}.side-nav .side-links a.active{border-color:#1e3a8a!important;background:rgba(59, 130, 246, .10)!important;box-shadow:inset 2px 0 #a855f7!important;color:#fff!important}.side-nav .side-links a.active::after{display:none!important}.side-nav .side-links a.active svg{color:#a855f7!important}.side-nav .side-links a:nth-child(7){margin-top:0!important}.side-nav .side-links a:nth-child(7):before{display:none!important}.side-nav .side-status{margin:14px 2px 0!important;margin-top:auto!important;padding:12px 11px!important;border-color:#263c34!important;border-radius:6px!important;background:#0d1312!important}.side-nav .side-status strong{font-size:10px!important}.side-nav .side-status small{font-size:9px!important}
body .side-nav{display:flex!important;flex-direction:column!important;padding:16px 12px 14px!important;background:#0a0a0d!important;border-right-color:#27272d!important;box-shadow:12px 0 34px rgba(0,0,0,.22)!important}.side-nav .brand-block{min-height:65px!important;margin:0 2px;padding:4px 7px 14px!important;border-bottom:1px solid #2a2a30!important}.side-nav .brand-logo{width:46px!important;height:46px!important;border:1px solid #161226!important;border-radius:10px!important;background:#08090e!important;box-shadow:0 10px 25px rgba(37, 99, 235, .16)!important}.side-nav .brand-block strong{font-size:17px!important;font-weight:800!important;letter-spacing:0!important}.side-nav .brand-block small{color:#8c8992!important;font-size:8px!important;font-weight:700!important;letter-spacing:.13em!important}.side-nav .side-primary-action{display:flex!important;align-items:center;justify-content:center;min-height:45px!important;margin:22px 2px 17px!important;border:1px solid #7c3aed!important;border-radius:7px!important;background:#7c3aed!important;box-shadow:0 10px 24px rgba(59, 130, 246, .17)!important;font-size:12px!important}.side-nav .side-primary-action:hover{background:#9333ea!important;transform:translateY(-1px)}.side-nav .side-links{position:relative;display:flex!important;flex-direction:column!important;gap:2px!important;margin:0 2px;padding-top:24px!important}.side-nav .side-links:before{position:absolute;top:4px;left:9px;color:#73707a;content:'OPERAÇÃO';font-family:'JetBrains Mono',monospace;font-size:8px;font-weight:700;letter-spacing:.16em}.side-nav .side-links a{position:relative;min-height:39px!important;padding:9px 10px!important;border-radius:6px!important;color:#9b98a1!important;font-size:12px!important;font-weight:650!important;transition:background .16s ease,color .16s ease!important}.side-nav .side-links a svg{width:16px!important;height:16px!important;color:#74717a!important;stroke-width:1.7!important;transition:color .16s ease!important}.side-nav .side-links a:hover{color:#f2eff1!important;background:#151519!important}.side-nav .side-links a:hover svg{color:#d5d0d4!important}.side-nav .side-links a.active{color:#fff!important;background:linear-gradient(90deg,rgba(59, 130, 246, .18),rgba(59, 130, 246, .045))!important;box-shadow:inset 2px 0 #a855f7!important}.side-nav .side-links a.active svg{color:#a855f7!important}.side-nav .side-links a.active::after{width:auto!important;height:auto!important;margin-left:auto!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;color:#a855f7!important;content:'•'!important;font-size:16px!important;line-height:1}.side-nav .side-links a:nth-child(7){margin-top:25px!important}.side-nav .side-links a:nth-child(7):before{position:absolute;top:-16px;left:9px;color:#73707a;content:'GESTÃO';font-family:'JetBrains Mono',monospace;font-size:8px;font-weight:700;letter-spacing:.16em}.side-nav .side-status{position:relative;display:grid!important;grid-template-columns:8px 1fr;column-gap:9px;align-items:center;margin:18px 2px 0!important;padding:13px 12px!important;border:1px solid #2b3431!important;border-radius:7px!important;background:linear-gradient(135deg,rgba(32,109,75,.13),rgba(15,16,18,.82))!important}.side-nav .side-status{margin-top:auto!important}.side-nav .side-status .status-dot{grid-row:1/3;margin:0!important;width:8px!important;height:8px!important;box-shadow:0 0 0 4px rgba(76,215,157,.08)}.side-nav .side-status strong{font-size:11px!important;color:#e8e5e8!important}.side-nav .side-status small{font-size:9px!important;color:#8c8992!important}@media(max-width:700px){body .side-nav{display:none!important}}
.hf-v2-rank .hf-v2-rank-list{display:block!important;width:100%!important;margin:0!important;padding:0!important;border:0!important}.hf-v2-rank .hf-v2-rank-row{display:grid!important;width:100%!important;grid-template-columns:30px 42px minmax(0,1fr) 70px!important;gap:11px!important;align-items:center!important;min-height:78px!important;margin:0!important;padding:11px 18px!important;border:0!important;border-bottom:1px solid #292a30!important;background:transparent!important}.hf-v2-rank .hf-v2-rank-row:last-child{border-bottom:0!important}.hf-v2-rank .hf-v2-rank-row>b{color:#83808a!important;font-family:'JetBrains Mono',monospace!important;font-size:10px!important}.hf-v2-rank .hf-v2-rank-row img{width:42px!important;height:42px!important;border:1px solid #4a474e!important;border-radius:50%!important;object-fit:cover!important}.hf-v2-rank .hf-v2-rank-row>span{display:grid!important;gap:4px!important;min-width:0}.hf-v2-rank .hf-v2-rank-row>span strong{overflow:hidden!important;color:#f2eff1!important;font-size:12px!important;text-overflow:ellipsis!important;white-space:nowrap!important}.hf-v2-rank .hf-v2-rank-row>span small{color:#85818a!important;font-size:10px!important}.hf-v2-rank .hf-v2-rank-row em{display:grid!important;justify-items:end!important;gap:3px!important;font-style:normal!important}.hf-v2-rank .hf-v2-rank-row em strong{color:#a855f7!important;font-family:Georgia,'Times New Roman',serif!important;font-size:26px!important;font-weight:400!important;line-height:.85!important}.hf-v2-rank .hf-v2-rank-row em small{color:#77747c!important;font-size:8px!important;letter-spacing:.07em!important;text-transform:uppercase!important}.hf-v2-rank .hf-v2-rank-row.is-leader{border-left:3px solid #a855f7!important;background:#171115!important}.hf-v2-rank .hf-v2-rank-row.is-leader>b{color:#c084fc!important}.hf-v2-rank .hf-v2-rank-row.is-leader img{border-color:#c084fc!important}.hf-v2-rank .hf-v2-rank-row:hover{background:#0e0c18!important}@media(max-width:700px){.hf-v2-rank .hf-v2-rank-row{grid-template-columns:26px 38px minmax(0,1fr) 58px!important;gap:8px!important;padding:10px 14px!important;min-height:68px!important}.hf-v2-rank .hf-v2-rank-row img{width:38px!important;height:38px!important}.hf-v2-rank .hf-v2-rank-row em strong{font-size:21px!important}}
.hf-v2-rank .hf-v2-rank-list{display:flex;flex:1;flex-direction:column;padding:0;border:0}
.hf-v2-rank{display:flex;flex-direction:column;min-height:0}.hf-v2-rank header{align-items:center}.hf-v2-rank header>a{display:inline-flex;align-items:center;gap:6px;text-decoration:none}.hf-v2-rank header>a svg{width:13px}.hf-v2-rank-list{display:flex;flex:1;flex-direction:column}.hf-v2-rank-row{display:grid;grid-template-columns:28px 38px minmax(0,1fr) auto;gap:10px;align-items:center;flex:1;min-height:64px;padding:10px 18px;border-bottom:1px solid #25262c}.hf-v2-rank-row:last-child{border-bottom:0}.hf-v2-rank-row> b{color:#7d7a82;font-family:'JetBrains Mono',monospace;font-size:9px}.hf-v2-rank-row img{width:38px;height:38px;border:1px solid #49464c;border-radius:50%;object-fit:cover}.hf-v2-rank-row>span{display:grid;gap:3px;min-width:0}.hf-v2-rank-row>span strong{overflow:hidden;color:#f1eef0;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.hf-v2-rank-row>span small{color:#817e86;font-size:10px}.hf-v2-rank-row em{display:grid;justify-items:end;gap:3px;font-style:normal}.hf-v2-rank-row em strong{color:#3b82f6;font-family:Georgia,'Times New Roman',serif;font-size:23px;font-weight:400;line-height:.85}.hf-v2-rank-row em small{color:#77747d;font-size:8px;letter-spacing:.06em;text-transform:uppercase}.hf-v2-rank-row.is-leader{position:relative;flex:1.5;min-height:108px;margin:0;overflow:hidden;background:linear-gradient(90deg,rgba(139, 92, 246, .17),rgba(139, 92, 246, .025))}.hf-v2-rank-row.is-leader:after{content:'01';position:absolute;right:12px;bottom:-28px;color:rgba(59, 130, 246,.09);font-family:Georgia,'Times New Roman',serif;font-size:126px;line-height:1}.hf-v2-rank-row.is-leader>*{position:relative;z-index:1}.hf-v2-rank-row.is-leader>b{color:#a855f7;font-size:16px}.hf-v2-rank-row.is-leader img{width:52px;height:52px;border-color:#a855f7}.hf-v2-rank-row.is-leader em strong{font-size:31px}.hf-v2-rank-leader{color:#a855f7!important;font-size:8px!important;font-weight:800;letter-spacing:.12em}.hf-v2-rank-row:hover{background:#0e0c18}@media(max-width:700px){.hf-v2-rank-row{padding:10px 14px}.hf-v2-rank-row.is-leader{min-height:96px}.hf-v2-rank-row em strong{font-size:19px}}
.hf-v2-agenda header{align-items:center}.hf-v2-agenda header>a{display:inline-flex;align-items:center;gap:6px}.hf-v2-agenda header>a svg{width:14px}.hf-v2-agenda .hf-v2-events>a{grid-template-columns:82px 8px 38px minmax(0,1fr) auto 16px;gap:12px;min-height:71px;padding:10px 20px}.hf-v2-agenda .hf-v2-events>a:hover{background:#0e0c18}.hf-v2-agenda .hf-v2-events time{display:grid;gap:3px;color:#a3a0a7}.hf-v2-agenda .hf-v2-events time b{font-family:'JetBrains Mono',monospace;font-size:10px;font-weight:700;line-height:1.2}.hf-v2-agenda .hf-v2-events time small{color:#6f6d75;font-size:8px;letter-spacing:.08em;text-transform:uppercase}.hf-v2-agenda .hf-v2-events>a>i:not(.hf-v2-row-arrow){background:#a855f7;box-shadow:0 0 0 4px rgba(139, 92, 246, .1)}.hf-v2-agenda .hf-v2-events img{width:38px;height:38px;border:1px solid #4a4247}.hf-v2-agenda .hf-v2-events span{gap:4px}.hf-v2-agenda .hf-v2-events strong{font-size:12px}.hf-v2-agenda .hf-v2-events em{display:inline-flex;align-items:center;gap:4px;padding:6px 8px;border:1px solid #2e4a3a;border-radius:4px;color:#55d49d;font-size:9px;font-style:normal;font-weight:700}.hf-v2-agenda .hf-v2-events em svg{width:11px;height:11px}.hf-v2-agenda .hf-v2-events .hf-v2-row-arrow{width:15px;color:#77757d}.hf-v2-agenda .hf-v2-events>a:hover .hf-v2-row-arrow{color:#c084fc}@media(max-width:700px){.hf-v2-agenda .hf-v2-events>a{grid-template-columns:44px minmax(0,1fr) auto 14px;gap:10px;padding:11px 14px}.hf-v2-agenda .hf-v2-events time{display:block}.hf-v2-agenda .hf-v2-events time small,.hf-v2-agenda .hf-v2-events>a>i:not(.hf-v2-row-arrow),.hf-v2-agenda .hf-v2-events img{display:none}.hf-v2-agenda .hf-v2-events em{padding:5px 6px;font-size:8px}}
.hf-v2-agenda .hf-v2-events>a,.hf-v2-agenda .hf-v2-events>a *{text-decoration:none!important}
body.web-dashboard .hf-v2-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;border:0;background:transparent}.hf-v2-metrics>a{position:relative;display:grid;align-content:start;gap:10px;min-height:186px;padding:20px 21px;overflow:hidden;border:1px solid #303137;border-radius:8px;background:linear-gradient(145deg,#16171b,#101115 72%);text-decoration:none;transition:border-color .18s ease,transform .18s ease}.hf-v2-metrics>a:after{content:'';position:absolute;right:-34px;bottom:-40px;width:132px;height:132px;border:1px solid rgba(255,255,255,.06);border-radius:50%;box-shadow:0 0 0 20px rgba(255,255,255,.018)}.hf-v2-metrics>a.is-published:after,.hf-v2-metrics>a.is-queue:after{border-color:rgba(139,92,246,.34);box-shadow:0 0 0 20px rgba(139,92,246,.035)}.hf-v2-metrics>a:hover{transform:translateY(-2px);border-color:#8b5cf6}.hf-v2-metrics>a>i{display:grid;place-items:center;width:30px;height:30px;padding:7px;border-radius:6px;background:#1e1430;color:#c084fc}.hf-v2-metrics>a.is-reach>i{background:#202129;color:#ddd9dd}.hf-v2-metrics>a.is-accounts>i{background:#14261f;color:#4fdaa0}.hf-v2-metrics span{position:relative;z-index:1;color:#a855f7;font-size:9px;font-weight:800;letter-spacing:.15em}.hf-v2-metrics strong{position:relative;z-index:1;color:#f5f2f3;font-family:Georgia,'Times New Roman',serif;font-size:48px;font-weight:400;line-height:.94}.hf-v2-metrics small{position:relative;z-index:1;display:flex;align-items:center;gap:6px;color:#8e8b93;font-size:11px}.hf-v2-metrics small em{width:6px;height:6px;border-radius:50%;background:#48d49a}.hf-v2-metrics>a.is-queue small em{background:#a855f7}.hf-v2-metrics>a.is-reach small em{background:#d5d0d5}@media(max-width:700px){.hf-v2-metrics{grid-template-columns:1fr 1fr;gap:10px}.hf-v2-metrics>a{min-height:155px;padding:17px}.hf-v2-metrics strong{font-size:37px}}
body.web-dashboard .hf-v2-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border:1px solid #292a30;background:#0d0e12}.hf-v2-metrics>a{display:grid;align-content:center;gap:8px;min-height:188px;padding:25px 27px;border-left:1px solid #292a30;text-decoration:none}.hf-v2-metrics>a:first-child{border-left:0}.hf-v2-metrics span{color:#a855f7;font-size:10px;font-weight:800;letter-spacing:.16em}.hf-v2-metrics strong{color:#f4f1f2;font-family:Georgia,'Times New Roman',serif;font-size:54px;font-weight:400;line-height:.9}.hf-v2-metrics small{color:#85838a;font-size:11px}.hf-v2-metrics>a:hover{background:#0e0c18}.hf-v2-metrics>a:hover strong{color:#c084fc}@media(max-width:700px){.hf-v2-metrics{grid-template-columns:1fr 1fr}.hf-v2-metrics>a{min-height:136px;padding:18px;border-top:1px solid #292a30}.hf-v2-metrics>a:nth-child(odd){border-left:0}.hf-v2-metrics>a:nth-child(-n+2){border-top:0}.hf-v2-metrics strong{font-size:38px}}
body.web-dashboard .hf-v2{display:grid;gap:26px;max-width:1240px;margin:0 auto;padding:18px 0 48px}.hf-v2-head{display:flex;justify-content:space-between;align-items:end;padding:0 2px 20px;border-bottom:1px solid #292a30}.hf-v2-head>div>span,.hf-v2-label{color:#a855f7;font-size:10px;font-weight:800;letter-spacing:.17em;text-transform:uppercase}.hf-v2-head h2{margin:9px 0 7px;color:#f4f1f2;font-family:Georgia,'Times New Roman',serif;font-size:42px;font-weight:400;line-height:1}.hf-v2-head h2 em,.hf-v2-action h3 em{color:#c084fc;font-style:italic}.hf-v2-head p{margin:0;color:#89878f;font-size:14px}.hf-v2-head nav{display:flex;align-items:center;gap:10px}.hf-v2-head nav>a:not(.btn){display:flex;align-items:center;gap:7px;padding:12px;color:#cdc9cd;font-size:12px}.hf-v2-head nav svg{width:15px;color:#c084fc}.hf-v2-head .btn{border-radius:5px!important}.hf-v2-launchpad{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(230px,.55fr) minmax(230px,.55fr);gap:1px;border:1px solid #292a30;background:#292a30}.hf-v2-launchpad>article{min-height:260px;padding:27px;background:#0d0e12}.hf-v2-action{display:flex;flex-direction:column;justify-content:center;background:linear-gradient(120deg,#111216,#0d0e12 75%,#190e11)!important}.hf-v2-action h3{margin:13px 0 10px;color:#f4f0f2;font-family:Georgia,'Times New Roman',serif;font-size:38px;font-weight:400;line-height:.96}.hf-v2-action p{max-width:420px;margin:0;color:#8e8c94;font-size:13px;line-height:1.55}.hf-v2-action>div{display:flex;align-items:center;gap:16px;margin-top:23px}.hf-v2-action>div>a:not(.btn){display:flex;align-items:center;gap:5px;color:#f0edef;font-size:12px}.hf-v2-action>div svg{width:14px;color:#c084fc}.hf-v2-action .btn{border-radius:5px!important}.hf-v2-live,.hf-v2-health{display:flex;flex-direction:column;justify-content:center}.hf-v2-live strong{margin:12px 0 2px;color:#a855f7;font-family:Georgia,'Times New Roman',serif;font-size:61px;font-weight:400;line-height:.9}.hf-v2-live b{color:#f0edef;font-size:15px}.hf-v2-live p,.hf-v2-health p{color:#86848c;font-size:12px}.hf-v2-live p i{display:inline-block;width:7px;height:7px;margin-right:7px;border-radius:50%;background:#48d49a}.hf-v2-live a,.hf-v2-health>a{color:#a855f7;font-size:12px}.hf-v2-live a svg{width:14px}.hf-v2-health>div{display:flex;align-items:baseline;gap:8px;margin:15px 0 5px}.hf-v2-health strong{color:#f3f0f2;font-family:Georgia,'Times New Roman',serif;font-size:62px;font-weight:400;line-height:.9}.hf-v2-health small{color:#817f87;font-size:11px}.hf-v2-strip{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #292a30;border-bottom:1px solid #292a30}.hf-v2-strip span{padding:16px 20px;border-left:1px solid #292a30;color:#85838a;font-size:10px;letter-spacing:.1em}.hf-v2-strip span:first-child{border-left:0}.hf-v2-strip b{margin-left:8px;color:#f0edef;font-size:16px}.hf-v2-strip .is-danger b{color:#a855f7}.hf-v2-grid{display:grid;grid-template-columns:minmax(0,1.28fr) minmax(300px,.72fr);gap:18px}.hf-v2-feed,.hf-v2-rank,.hf-v2-analytics,.hf-v2-accounts{border:1px solid #292a30;background:#0d0e12}.hf-v2-feed header,.hf-v2-rank header,.hf-v2-analytics header,.hf-v2-accounts header{display:flex;justify-content:space-between;gap:14px;align-items:start;padding:20px;border-bottom:1px solid #292a30}.hf-v2-feed h3,.hf-v2-rank h3,.hf-v2-analytics h3,.hf-v2-accounts h3{margin:8px 0 0;color:#f2eff1;font-size:20px}.hf-v2-feed header>a,.hf-v2-rank header>a,.hf-v2-accounts header>a{color:#a855f7;font-size:11px}.hf-v2-events>a{display:grid;grid-template-columns:70px 8px 34px 1fr auto;gap:11px;align-items:center;min-height:65px;padding:9px 20px;border-bottom:1px solid #25262c;color:#f0edef}.hf-v2-events time{color:#85838a;font-size:10px}.hf-v2-events>a>i{width:7px;height:7px;border-radius:50%;background:#a855f7}.hf-v2-events img,.hf-v2-rank img,.hf-v2-profile img{width:34px;height:34px;border-radius:50%;object-fit:cover}.hf-v2-events span,.hf-v2-rank span,.hf-v2-profile{display:grid;gap:3px}.hf-v2-events strong,.hf-v2-rank strong{font-size:12px}.hf-v2-events small,.hf-v2-rank small,.hf-v2-profile small{color:#7c7a82;font-size:10px}.hf-v2-events em{color:#60a5fa;font-size:10px;font-style:normal}.hf-v2-rank>div{display:grid;grid-template-columns:25px 34px 1fr auto;gap:10px;align-items:center;min-height:65px;padding:9px 18px;border-bottom:1px solid #25262c}.hf-v2-rank b{color:#7a7880;font-size:10px}.hf-v2-rank em{display:grid;justify-items:end;color:#a855f7;font-size:15px;font-style:normal;font-weight:800}.hf-v2-rank em small{text-transform:uppercase;font-size:7px}.hf-v2-analytics header{align-items:center}.hf-v2-analytics .hf-chart-tabs{padding:3px;border:1px solid #35353a;border-radius:5px}.hf-v2-analytics .hf-chart-tabs button{padding:6px 11px;border:0;border-radius:3px;background:transparent;color:#85838a;font-size:10px;font-weight:700}.hf-v2-analytics .hf-chart-tabs button.active{color:#fff;background:#1e1430}.hf-v2-chart{height:300px;margin:0 20px;border-bottom:1px solid #292a30;background-image:linear-gradient(rgba(255,255,255,.026) 1px,transparent 1px);background-size:100% 50px}.hf-v2-analytics footer{display:flex;justify-content:space-between;padding:14px 20px;color:#78767e;font-size:11px}.hf-v2-analytics footer i{display:inline-block;width:6px;height:6px;margin-right:6px;border-radius:50%;background:#a855f7}.hf-v2-analytics footer button{border:0;background:transparent;color:#c084fc;font-size:11px;font-weight:700}.hf-v2-analytics footer button svg{width:13px}.hf-v2-account-head,.hf-v2-accounts>a{display:grid;grid-template-columns:minmax(240px,1.5fr) 90px 90px 110px minmax(100px,.7fr);gap:12px;align-items:center;padding:12px 20px}.hf-v2-account-head{color:#77757d;font-size:9px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.hf-v2-accounts>a{min-height:66px;border-top:1px solid #25262c;color:#f0edef}.hf-v2-accounts>a:hover{background:#171116}.hf-v2-accounts>a>strong{font-size:13px}.hf-v2-profile{grid-template-columns:34px 1fr;grid-template-rows:1fr 1fr;align-items:center}.hf-v2-profile img{grid-row:1/3}.hf-v2-profile b{font-size:12px}.hf-v2-accounts em{display:flex;gap:6px;align-items:center;color:#55d39d;font-size:11px;font-style:normal;font-weight:700}.hf-v2-accounts em i{width:6px;height:6px;border-radius:50%;background:currentColor}.hf-v2-accounts em.bad{color:#a855f7}@media(max-width:1050px){.hf-v2-launchpad{grid-template-columns:1fr 1fr}.hf-v2-action{grid-column:1/-1}.hf-v2-grid{grid-template-columns:1fr}}@media(max-width:700px){body.web-dashboard .hf-v2{gap:18px}.hf-v2-head{align-items:start;flex-direction:column}.hf-v2-head h2{font-size:34px}.hf-v2-head nav{width:100%}.hf-v2-head nav .btn{margin-left:auto}.hf-v2-launchpad{grid-template-columns:1fr}.hf-v2-launchpad>article{min-height:0;padding:22px 17px}.hf-v2-action h3{font-size:33px}.hf-v2-strip{grid-template-columns:1fr 1fr}.hf-v2-strip span{border-top:1px solid #292a30;padding:14px}.hf-v2-grid{gap:14px}.hf-v2-events>a{grid-template-columns:34px 1fr auto;padding:10px 14px}.hf-v2-events time,.hf-v2-events>a>i{display:none}.hf-v2-analytics header,.hf-v2-accounts header,.hf-v2-feed header,.hf-v2-rank header{padding:17px 14px}.hf-v2-chart{height:220px;margin:0 14px}.hf-v2-analytics footer{padding:13px 14px}.hf-v2-account-head{display:none}.hf-v2-accounts>a{grid-template-columns:minmax(0,1fr) auto auto;padding:11px 14px}.hf-v2-accounts>a>strong:nth-of-type(2),.hf-v2-accounts>a>strong:nth-of-type(3){display:none}.hf-v2-accounts em{font-size:10px}}
.infrastructure-notice {
  position: fixed;
  inset: 0;
  z-index: 1400;
  display: none;
  place-items: center;
  padding: 24px;
  background: rgba(3, 4, 6, .9);
  backdrop-filter: blur(12px);
}

.infrastructure-notice.visible { display: grid; }
.infrastructure-notice.closing { opacity: 0; pointer-events: none; transition: opacity .2s ease; }

.infrastructure-notice-card {
  width: min(620px, 100%);
  padding: 30px;
  border: 1px solid rgba(59, 130, 246, .36);
  border-radius: 8px;
  background: #101115;
  box-shadow: 0 30px 80px rgba(0, 0, 0, .62);
}

.infrastructure-notice-icon {
  display: grid;
  place-items: center;
  width: 46px;
  height: 46px;
  margin-bottom: 22px;
  border: 1px solid rgba(59, 130, 246, .46);
  border-radius: 6px;
  color: #a855f7;
  background: rgba(59, 130, 246, .08);
}

.infrastructure-notice-icon svg { width: 22px; height: 22px; }
.infrastructure-notice-card h2 { margin: 8px 0 16px; font-size: clamp(28px, 5vw, 42px); line-height: 1.05; letter-spacing: 0; }
.infrastructure-notice-card > p { margin: 0 0 12px; color: #a9a9b3; font-size: 15px; line-height: 1.65; }
.infrastructure-notice-highlight { display: flex; gap: 12px; margin: 22px 0; padding: 16px; border-left: 2px solid #7c3aed; background: #15161b; color: #dedee4; line-height: 1.5; }
.infrastructure-notice-highlight svg { flex: 0 0 auto; width: 20px; height: 20px; color: #a855f7; }
.infrastructure-notice-card .btn { min-height: 44px; padding-inline: 22px; }

@media (max-width: 640px) {
  .infrastructure-notice { align-items: end; padding: 12px; }
  .infrastructure-notice-card { max-height: calc(100dvh - 24px); overflow-y: auto; padding: 22px; }
  .infrastructure-notice-card h2 { font-size: 28px; }
  .infrastructure-notice-card .btn { width: 100%; }
}