:root {
  --ink: #f7f7f2;
  --muted: #b9baa8;
  --line: rgba(206, 214, 2, 0.22);
  --paper: #050505;
  --panel: #101010;
  --panel-2: #19191b;
  --panel-strong: #151515;
  --text: var(--ink);
  --accent: #ced602;
  --accent-2: #3e3e40;
  --accent-3: #d7df2a;
  --purple: var(--accent-2);
  --yellow: var(--accent);
  --green: #36d399;
  --red: #f05a5a;
  --shadow: 0 22px 70px rgba(0, 0, 0, 0.45);
}

* {
  box-sizing: border-box;
}

body {
  margin: 0;
  min-height: 100vh;
  color: var(--ink);
  background: var(--paper);
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

button,
input,
select,
textarea {
  font: inherit;
}

button {
  cursor: pointer;
}

.topbar {
  position: sticky;
  top: 0;
  z-index: 20;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  min-height: 72px;
  padding: 12px clamp(18px, 5vw, 64px);
  background: rgba(5, 9, 19, 0.92);
  border-bottom: 1px solid var(--line);
  backdrop-filter: blur(18px);
}

.brand {
  display: flex;
  align-items: center;
  gap: 12px;
  min-width: 0;
}

.brand img {
  width: 44px;
  height: 44px;
  object-fit: contain;
}

.brand-mark {
  position: relative;
  display: grid;
  place-items: center;
  flex: 0 0 auto;
  width: 44px;
  height: 44px;
  border-radius: 14px;
  overflow: hidden;
  color: #080807;
  background:
    radial-gradient(circle at 72% 22%, rgba(255, 255, 255, 0.88) 0 3px, transparent 4px),
    linear-gradient(135deg, var(--accent), var(--accent-2));
  box-shadow: 0 14px 34px rgba(206, 214, 2, 0.24);
  font-weight: 950;
  letter-spacing: -0.08em;
}

.brand-mark::before,
.brand-mark::after {
  content: "";
  position: absolute;
  border: 1px solid rgba(4, 16, 24, 0.45);
  border-radius: 999px;
}

.brand-mark::before {
  inset: 8px;
  transform: rotate(-25deg);
}

.brand-mark::after {
  inset: 13px 6px;
  transform: rotate(28deg);
}

.brand-mark span,
.brand-copy strong,
.brand-copy span {
  position: relative;
  z-index: 1;
  display: block;
}

.brand-copy span,
.small,
.meta {
  color: var(--muted);
}

.topnav,
.actions-row,
.module-row {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
}

.nav-button,
.ghost,
.primary,
.danger {
  min-height: 40px;
  border: 0;
  border-radius: 8px;
  padding: 0 14px;
  color: var(--ink);
  background: transparent;
}

.nav-button[aria-current="page"],
.ghost {
  background: rgba(255, 255, 255, 0.06);
  box-shadow: inset 0 0 0 1px var(--line);
}

.primary {
  color: #130e1f;
  background: var(--yellow);
  font-weight: 850;
  text-decoration: none;
  box-shadow: 0 12px 28px rgba(206, 214, 2, 0.22);
}

.danger {
  background: var(--red);
}

.hamburger {
  display: none;
  position: relative;
  width: 44px;
  height: 44px;
  border: 0;
  border-radius: 50%;
  background: var(--panel-2);
  box-shadow: inset 0 0 0 1px var(--line);
}

.hamburger::before,
.hamburger::after,
.hamburger span {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 24px;
  height: 2px;
  border-radius: 999px;
  background: var(--yellow);
  transform: translate(-50%, -50%);
}

.hamburger::before {
  transform: translate(-50%, -9px);
}

.hamburger::after {
  transform: translate(-50%, 7px);
}

.shell {
  padding: 0 clamp(16px, 5vw, 64px) 56px;
}

.login-band {
  display: grid;
  grid-template-columns: minmax(0, 1.05fr) minmax(300px, 0.72fr);
  gap: clamp(24px, 5vw, 64px);
  align-items: center;
  min-height: calc(100vh - 72px);
  padding: 40px 0;
}

.login-copy h1 {
  max-width: 780px;
  margin: 0;
  font-size: clamp(3rem, 8vw, 7rem);
  line-height: 0.92;
  letter-spacing: 0;
}

.login-copy p {
  max-width: 640px;
  color: var(--muted);
  font-size: clamp(1.05rem, 2vw, 1.3rem);
  line-height: 1.55;
}

.mascot-stage {
  position: relative;
  display: grid;
  place-items: center;
  min-height: 280px;
  isolation: isolate;
}

.mascot-stage::before {
  content: "";
  position: absolute;
  inset: 16% 2% 12%;
  border: 1px solid var(--line);
  border-radius: 28px;
  background:
    radial-gradient(circle at 22% 22%, rgba(206, 214, 2, 0.18), transparent 34%),
    radial-gradient(circle at 78% 70%, rgba(62, 62, 64, 0.18), transparent 36%),
    #101010;
  box-shadow: 16px 16px 0 rgba(206, 214, 2, 0.16);
}

.hub-hero-mark {
  position: relative;
  display: grid;
  place-items: center;
  width: min(360px, 78vw);
  aspect-ratio: 1;
  filter: drop-shadow(0 30px 48px rgba(0, 0, 0, 0.42));
}

.hub-core {
  position: relative;
  z-index: 3;
  display: grid;
  place-items: center;
  width: 42%;
  aspect-ratio: 1;
  border-radius: 34%;
  color: #080807;
  background: linear-gradient(135deg, var(--accent), var(--accent-2));
  box-shadow:
    0 0 0 12px rgba(206, 214, 2, 0.08),
    0 24px 70px rgba(206, 214, 2, 0.22);
  font-size: clamp(2rem, 8vw, 4.8rem);
  font-weight: 950;
  letter-spacing: -0.09em;
}

.hub-ring,
.hub-node {
  position: absolute;
  border-radius: 999px;
}

.hub-ring {
  inset: 16%;
  border: 1px solid rgba(206, 214, 2, 0.36);
}

.ring-a {
  transform: rotate(-22deg) scaleX(1.08);
}

.ring-b {
  transform: rotate(34deg) scaleY(0.72);
  border-color: rgba(62, 62, 64, 0.36);
}

.hub-node {
  z-index: 2;
  width: 12%;
  aspect-ratio: 1;
  background: var(--accent);
  box-shadow: 0 0 28px rgba(206, 214, 2, 0.42);
}

.node-a { top: 14%; right: 24%; }
.node-b { left: 11%; bottom: 26%; background: var(--accent-2); }
.node-c { right: 13%; bottom: 18%; background: var(--accent-3); }

.mascot-stage img {
  position: relative;
  width: min(420px, 85vw);
  max-height: 440px;
  object-fit: contain;
  filter: drop-shadow(0 30px 48px rgba(0, 0, 0, 0.42));
}

.login-panel,
.panel,
.item-card {
  background: rgba(9, 9, 12, 0.96);
  border: 1px solid var(--line);
  border-radius: 8px;
  box-shadow: var(--shadow);
}

.login-panel,
.panel {
  padding: clamp(16px, 3vw, 24px);
}

.tabs {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 8px;
  margin-bottom: 16px;
}

.tab {
  min-height: 46px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.04);
  color: var(--muted);
  font-weight: 850;
}

.tab.active {
  color: #130e1f;
  border-color: transparent;
  background: var(--yellow);
}

.field,
.phone-row label,
.config-grid label {
  display: grid;
  gap: 6px;
  color: var(--muted);
  font-size: 0.86rem;
  font-weight: 800;
}

.field {
  margin: 12px 0;
}

.phone-row {
  display: grid;
  grid-template-columns: 0.42fr 1fr;
  gap: 10px;
  margin: 12px 0;
}

input,
select,
textarea {
  width: 100%;
  min-height: 42px;
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 9px 11px;
  background: #151515;
  color: var(--ink);
}

textarea {
  resize: vertical;
}

.notice {
  border-left: 4px solid var(--yellow);
  margin: 14px 0;
  padding: 12px;
  color: var(--ink);
  background: rgba(206, 214, 2, 0.1);
  border-radius: 0 8px 8px 0;
}

.dashboard {
  display: none;
}

.dashboard.active {
  display: block;
}

.hero-row {
  display: flex;
  justify-content: space-between;
  gap: 24px;
  align-items: flex-end;
  padding: 34px 0 18px;
}

.hero-row h1 {
  margin: 0;
  font-size: clamp(2rem, 5vw, 4.4rem);
  letter-spacing: 0;
}

.hero-row p {
  max-width: 720px;
  margin: 8px 0 0;
  color: var(--muted);
  line-height: 1.55;
}

.stats-grid,
.modules-grid,
.list-grid {
  display: grid;
  gap: 10px;
}

.scroll-list,
#groups-grid {
  max-height: min(58vh, 620px);
  overflow-y: auto;
  overscroll-behavior: contain;
  padding: 2px 6px 2px 2px;
  scrollbar-color: rgba(206, 214, 2, 0.7) rgba(255, 255, 255, 0.08);
}

.scroll-list::-webkit-scrollbar,
#groups-grid::-webkit-scrollbar {
  width: 10px;
}

.scroll-list::-webkit-scrollbar-thumb,
#groups-grid::-webkit-scrollbar-thumb {
  border-radius: 999px;
  background: rgba(206, 214, 2, 0.58);
}

.scroll-list::-webkit-scrollbar-track,
#groups-grid::-webkit-scrollbar-track {
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.06);
}

.stats-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.modules-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.panel {
  margin: 18px 0;
}

.panel-head {
  display: flex;
  justify-content: space-between;
  gap: 16px;
  align-items: center;
  margin-bottom: 14px;
}

.panel-head h2,
.item-card h3 {
  margin: 0;
  letter-spacing: 0;
}

.stat,
.list-row,
.item-card {
  border: 1px solid var(--line);
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.035);
}

.stat {
  padding: 16px;
}

.stat strong {
  display: block;
  font-size: 2rem;
}

.list-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 18px;
  width: 100%;
  min-height: 58px;
  padding: 12px 14px;
  color: var(--ink);
  text-align: left;
}

.list-row:hover {
  border-color: rgba(206, 214, 2, 0.55);
  background: rgba(206, 214, 2, 0.08);
}

.list-row span {
  min-width: 0;
  font-weight: 850;
}

.list-row small {
  color: var(--muted);
  text-align: right;
}

.list-group-title {
  margin-top: 14px;
  padding: 10px 2px 4px;
  color: var(--yellow);
  font-weight: 900;
}

.item-card {
  padding: 16px;
  box-shadow: none;
}

.item-card audio,
.modal-panel audio {
  width: 100%;
  margin: 12px 0 4px;
}

.status {
  display: inline-flex;
  align-items: center;
  min-height: 28px;
  padding: 0 9px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.08);
  color: var(--ink);
  font-size: 0.82rem;
  font-weight: 850;
}

.status.ok {
  background: rgba(54, 211, 153, 0.16);
  color: #d7df2a;
}

.status.warn {
  background: rgba(206, 214, 2, 0.16);
  color: #f5f7b0;
}

.toggle-pill {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  min-height: 34px;
  padding: 0 10px;
  border: 1px solid var(--line);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.05);
  color: var(--ink);
  font-size: 0.82rem;
  font-weight: 850;
}

.toggle-pill input,
.checkline input {
  width: 16px;
  min-height: 16px;
  accent-color: var(--yellow);
}

.group-config {
  padding-bottom: 24px;
}

.config-band {
  margin-top: 16px;
  padding-top: 14px;
  border-top: 1px solid var(--line);
}

.config-title {
  margin-bottom: 10px;
}

.config-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
}

.checkline {
  display: flex !important;
  align-items: center;
  gap: 8px;
  min-height: 38px;
}

.full-row {
  grid-column: 1 / -1;
}

.detail-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
  margin-bottom: 14px;
}

.detail-grid p {
  margin: 0;
  padding: 12px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.045);
}

.detail-grid strong,
.detail-grid span {
  display: block;
}

.detail-grid span {
  color: var(--muted);
  margin-top: 4px;
}

.split {
  display: grid;
  grid-template-columns: minmax(0, 0.95fr) minmax(0, 1.05fr);
  gap: 18px;
}

.graph-wrap {
  position: relative;
  min-height: 560px;
  background:
    radial-gradient(circle at 50% 45%, rgba(206, 214, 2, 0.10), transparent 30%),
    radial-gradient(circle at 20% 20%, rgba(62, 62, 64, 0.10), transparent 24%),
    #050505;
  border: 1px solid var(--line);
  border-radius: 8px;
  overflow: hidden;
}

.graph-toolbar {
  position: absolute;
  z-index: 2;
  top: 10px;
  right: 10px;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.vault-graph-canvas {
  width: 100%;
  height: 560px;
  min-height: 560px;
}

.graph-stats {
  position: absolute;
  z-index: 2;
  left: 12px;
  top: 12px;
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  align-items: center;
  max-width: calc(100% - 250px);
  padding: 8px 10px;
  color: var(--ink);
  background: rgba(5, 3, 7, 0.72);
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 8px;
  backdrop-filter: blur(10px);
  font-size: 0.86rem;
}

.graph-stats span {
  color: var(--muted);
}

.graph-legend {
  position: absolute;
  z-index: 2;
  left: 12px;
  bottom: 12px;
  display: flex;
  flex-wrap: wrap;
  gap: 9px;
  max-width: calc(100% - 24px);
  padding: 8px 10px;
  color: var(--muted);
  background: rgba(5, 3, 7, 0.72);
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 8px;
  backdrop-filter: blur(10px);
  font-size: 0.78rem;
}

.graph-legend span {
  display: inline-flex;
  align-items: center;
  gap: 5px;
}

.graph-legend i {
  width: 9px;
  height: 9px;
  border-radius: 999px;
}

.doc-list {
  display: grid;
  max-height: 230px;
  overflow: auto;
  border: 1px solid var(--line);
  border-radius: 8px;
}

.doc-list button {
  min-height: 42px;
  border: 0;
  border-bottom: 1px solid var(--line);
  padding: 8px 10px;
  color: var(--ink);
  background: rgba(255, 255, 255, 0.04);
  text-align: left;
}

.doc-list button strong,
.doc-list button span {
  display: block;
}

.doc-list button span {
  margin-top: 4px;
  color: var(--muted);
  font-size: 0.78rem;
}

.doc-view {
  max-height: 560px;
  overflow: auto;
  white-space: pre-wrap;
  padding: 14px;
  color: var(--ink);
  background: #151515;
  border: 1px solid var(--line);
  border-radius: 8px;
}

.script-preview {
  max-height: 520px;
  overflow: auto;
  white-space: pre-wrap;
  padding: 14px;
  margin-top: 14px;
  color: var(--ink);
  background: #050505;
  border: 1px solid var(--line);
  border-radius: 8px;
  font-size: 0.92rem;
  line-height: 1.48;
}

.modal {
  position: fixed;
  z-index: 100;
  inset: 0;
  display: grid;
  align-items: center;
  padding: 16px 12px;
}

.modal-backdrop {
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.72);
}

.modal-panel {
  position: relative;
  width: min(1180px, calc(100vw - 24px));
  max-height: calc(100dvh - 32px);
  margin: 0 auto;
  overflow: auto;
  padding: 18px;
  background: #19191b;
  border: 1px solid var(--line);
  border-radius: 8px;
  box-shadow: var(--shadow);
  scrollbar-gutter: stable;
}

.modal-head {
  position: sticky;
  top: -18px;
  z-index: 2;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 16px;
  padding: 12px 0;
  background: #19191b;
}

.modal-head h2 {
  margin: 0;
}

.modal-note {
  color: var(--yellow);
  font-weight: 850;
}

#modal-body {
  min-height: 0;
}

#auth-flow-form .phone-row {
  align-items: end;
}

#auth-flow-form .phone-row label {
  min-width: 0;
}

#auth-flow-form .phone-row input,
#auth-flow-form .phone-row .country-picker {
  margin-top: 6px;
}

.modal-action-bar {
  position: sticky;
  z-index: 3;
  bottom: -18px;
  display: flex;
  justify-content: flex-end;
  gap: 10px;
  margin: 24px -18px -18px;
  padding: 14px 18px 18px;
  background: rgba(17, 16, 24, 0.92);
  border-top: 1px solid rgba(255, 255, 255, 0.11);
  backdrop-filter: blur(12px);
}

.modal-inline-submit-hidden {
  display: none !important;
}

.feedback-fab {
  position: fixed;
  right: 18px;
  bottom: 18px;
  z-index: 80;
  border: 1px solid var(--line);
  border-radius: 999px;
  padding: 12px 16px;
  color: var(--ink);
  background: rgba(235, 36, 94, 0.92);
  box-shadow: var(--shadow);
  font-weight: 850;
}

.feedback-fab:hover {
  filter: brightness(1.08);
}

.participant-message-list {
  max-height: 320px;
  overflow: auto;
}

.message-preview {
  display: block;
  color: var(--muted);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.hidden {
  display: none !important;
}

@media (max-width: 980px) {
  .login-band,
  .split {
    grid-template-columns: 1fr;
  }

  .stats-grid,
  .modules-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .config-grid,
  .detail-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .topnav {
    display: none;
  }

  .hamburger {
    display: block;
  }

  .topnav.open {
    position: absolute;
    left: 12px;
    right: 12px;
    top: 72px;
    display: grid;
    padding: 12px;
    background: #19191b;
    border: 1px solid var(--line);
    border-radius: 8px;
  }
}

@media (max-width: 640px) {
  .shell {
    padding-inline: 12px;
  }

  .stats-grid,
  .modules-grid,
  .config-grid,
  .detail-grid,
  .phone-row {
    grid-template-columns: 1fr;
  }

  .hero-row,
  .panel-head,
  .list-row {
    align-items: stretch;
    flex-direction: column;
  }

  .list-row small {
    text-align: left;
  }
}

.password-toggle {
  margin: 4px 0 12px;
  color: var(--muted);
}

.waha-connect-grid {
  display: grid;
  grid-template-columns: minmax(220px, 340px) 1fr;
  gap: 18px;
  align-items: start;
  margin-top: 16px;
}
.qr-box {
  min-height: 260px;
  border: 1px solid var(--line);
  border-radius: 14px;
  display: grid;
  place-items: center;
  padding: 16px;
  background: rgba(255, 255, 255, 0.03);
}
.qr-box img {
  max-width: 260px;
  width: 100%;
  height: auto;
  background: #fff;
  border-radius: 10px;
  padding: 10px;
}
.waha-code-box {
  display: grid;
  gap: 12px;
}
@media (max-width: 760px) {
  .waha-connect-grid { grid-template-columns: 1fr; }
}

.pairing-code-card {
  display: grid;
  gap: 10px;
  justify-items: center;
  text-align: center;
}
.pairing-code-card strong {
  font-size: clamp(28px, 5vw, 46px);
  letter-spacing: 0.12em;
  color: var(--text);
}
.pairing-code-label {
  color: var(--muted);
  font-size: 0.9rem;
}
.copy-code-btn {
  min-width: 140px;
}

.progress-label {
  font-weight: 700;
  margin-bottom: 8px;
}
.progress-bar {
  width: 100%;
  height: 12px;
  border: 1px solid var(--line);
  border-radius: 999px;
  overflow: hidden;
  background: rgba(255, 255, 255, 0.05);
  margin: 6px 0 8px;
}
.progress-bar span {
  display: block;
  height: 100%;
  background: var(--accent);
  transition: width .25s ease;
}

.group-tools {
  display: grid;
  grid-template-columns: minmax(220px, 1fr) auto;
  gap: 10px 14px;
  align-items: end;
  margin: 12px 0 16px;
}

.participant-tools {
  display: grid;
  grid-template-columns: minmax(220px, 1fr) auto;
  gap: 10px 14px;
  align-items: end;
  margin: 12px 0 14px;
}

.compact-actions {
  flex-wrap: wrap;
  justify-content: flex-end;
}

.compact-actions .ghost {
  min-height: 34px;
  padding: 7px 10px;
}

.participant-tools input {
  width: 100%;
}

.participant-list {
  max-height: min(44vh, 460px);
}

.participant-config-band {
  margin-top: 18px;
}
.search-field {
  grid-column: 1 / -1;
  color: var(--muted);
  font-size: 0.9rem;
  font-weight: 700;
}
#groups-search {
  width: 100%;
}
.sync-done-card {
  display: grid;
  gap: 6px;
}
.sync-done-card strong {
  color: var(--text);
}
@media (max-width: 700px) {
  .group-tools,
  .participant-tools { grid-template-columns: 1fr; }

  .compact-actions {
    justify-content: flex-start;
  }

  #groups-grid {
    max-height: 54vh;
  }

  .participant-list {
    max-height: 42vh;
  }
}

.active-group-row {
  border-left: 4px solid var(--accent);
}
.active-badge {
  display: inline-block;
  margin-left: 8px;
  padding: 2px 8px;
  border-radius: 999px;
  background: rgba(206, 214, 2, 0.14);
  color: var(--accent);
  font-style: normal;
  font-size: 0.75rem;
}
.field-help {
  display: block;
  margin-top: 5px;
  color: var(--muted);
  line-height: 1.35;
}
.inline-control {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 8px;
  align-items: center;
}
.inline-button {
  white-space: nowrap;
}
.private-targets {
  display: grid;
  gap: 8px;
}
.private-target-entry {
  grid-template-columns: minmax(140px, 220px) 1fr auto;
}
.phone-chip-list {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.phone-chip {
  border: 1px solid var(--line);
  border-radius: 999px;
  padding: 8px 12px;
  background: rgba(255, 255, 255, 0.05);
  color: var(--text);
  cursor: pointer;
}
.phone-chip span {
  color: var(--accent);
  margin-left: 6px;
}
@media (max-width: 760px) {
  .private-target-entry { grid-template-columns: 1fr; }
  .inline-control { grid-template-columns: 1fr; }
}

.country-native-select {
  display: none !important;
}
.country-picker {
  position: relative;
  min-width: 170px;
}
.country-picker-button {
  width: 100%;
  height: 100%;
  min-height: 42px;
  display: grid;
  grid-template-columns: auto 1fr auto;
  align-items: center;
  gap: 8px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: var(--panel-strong);
  color: var(--text);
  padding: 8px 10px;
  text-align: left;
  cursor: pointer;
}
.country-picker-menu {
  position: absolute;
  z-index: 1000;
  top: calc(100% + 4px);
  left: 0;
  min-width: 220px;
  border: 1px solid var(--line);
  border-radius: 10px;
  background: #151515;
  box-shadow: 0 18px 42px rgba(0, 0, 0, 0.45);
  padding: 6px;
}
.country-picker-menu button {
  width: 100%;
  display: grid;
  grid-template-columns: auto 1fr;
  align-items: center;
  gap: 10px;
  border: 0;
  background: transparent;
  color: var(--text);
  padding: 9px 10px;
  text-align: left;
  border-radius: 8px;
  cursor: pointer;
}
.country-picker-menu button:hover,
.country-picker-menu button:focus {
  background: rgba(206, 214, 2, 0.14);
  outline: none;
}
.flag-icon {
  display: inline-block;
  width: 24px;
  height: 16px;
  border-radius: 2px;
  box-shadow: 0 0 0 1px rgba(255,255,255,.25) inset;
  overflow: hidden;
  position: relative;
  flex: none;
}
.flag-br { background: #159447; }
.flag-br::before {
  content: "";
  position: absolute;
  left: 5px;
  top: 2px;
  width: 14px;
  height: 12px;
  background: #f6d047;
  transform: rotate(45deg);
}
.flag-br::after {
  content: "";
  position: absolute;
  left: 8px;
  top: 4px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #233f91;
}
.flag-us { background: repeating-linear-gradient(to bottom, #b22234 0 2px, #fff 2px 4px); }
.flag-us::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 10px;
  height: 8px;
  background: #3c3b6e;
}
.flag-pt { background: linear-gradient(to right, #046a38 0 40%, #da291c 40% 100%); }
.flag-pt::after {
  content: "";
  position: absolute;
  left: 8px;
  top: 5px;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #ffcd00;
}
.country-caret { color: var(--muted); }

.flag-img {
  width: 26px;
  height: 18px;
  object-fit: cover;
  border-radius: 2px;
  box-shadow: 0 0 0 1px rgba(255,255,255,.25) inset;
  background: rgba(255,255,255,.12);
}
.country-region {
  padding: 8px 10px 4px;
  color: var(--muted);
  font-size: 0.75rem;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: .06em;
}
.country-picker-menu .featured-country {
  background: rgba(206, 214, 2, 0.08);
  font-weight: 800;
}
.country-picker-menu {
  max-height: 320px;
  overflow: auto;
}

.compact-search {
  max-width: 340px;
}
.voice-provider-tabs {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin: 16px 0 8px;
}
.voice-provider-tab {
  border: 1px solid var(--line);
  border-radius: 999px;
  padding: 9px 15px;
  color: var(--ink);
  background: rgba(255,255,255,.03);
  font-weight: 800;
  cursor: pointer;
}
.voice-provider-tab:hover,
.voice-provider-tab.active {
  border-color: var(--accent);
  background: var(--accent);
  color: #070707;
}
.voice-provider-description { margin: 0 0 14px; }
.voice-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
  gap: 14px;
}
.voice-card {
  border: 1px solid var(--line);
  border-radius: 14px;
  padding: 14px;
  background: rgba(255,255,255,.03);
  display: grid;
  gap: 8px;
}
.voice-card-head {
  display: flex;
  justify-content: space-between;
  gap: 10px;
  align-items: center;
}
.voice-card p {
  margin: 0;
}

.group-divider {
  display: flex;
  align-items: center;
  gap: 12px;
  color: var(--muted);
  font-size: 0.82rem;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: .08em;
  margin: 14px 0 6px;
}
.group-divider::before,
.group-divider::after {
  content: "";
  height: 1px;
  background: var(--line);
  flex: 1;
}
.alias-badge {
  display: inline-block;
  margin-left: 8px;
  padding: 2px 8px;
  border-radius: 999px;
  border: 1px solid var(--line);
  color: var(--muted);
  font-style: normal;
  font-size: 0.75rem;
}
input[readonly] {
  opacity: .78;
  cursor: not-allowed;
}

.group-section-title,
.group-subheader {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  padding: 12px 14px;
  border-radius: 12px;
  border: 1px solid var(--line);
  background: rgba(255,255,255,.04);
  font-weight: 900;
  margin: 14px 0 10px;
}
.group-section-title span,
.group-subheader span {
  text-transform: uppercase;
  letter-spacing: .05em;
}
.group-section-title small,
.group-subheader small {
  color: var(--muted);
  font-weight: 700;
  text-transform: none;
  letter-spacing: 0;
}
.client-section-title {
  margin-top: 26px;
}
.client-group-section {
  border-left: 2px solid var(--line);
  padding-left: 12px;
  margin: 10px 0 18px;
}
.client-group-section .group-subheader {
  background: rgba(206, 214, 2, 0.07);
}

/* CRM v2 cards */
.crm-toolbar {
  display: grid;
  grid-template-columns: minmax(220px, 1fr) auto;
  gap: 12px;
  align-items: end;
  margin: 18px 0;
}
.crm-toolbar .search-field {
  grid-column: 1 / -1;
  margin: 0;
}
#crm-search {
  width: 100%;
}
.crm-sort {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  justify-content: flex-end;
}
.crm-sort-button.active {
  border-color: rgba(206, 214, 2, .7);
  background: rgba(206, 214, 2, .12);
}
.crm-cards {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
  align-items: start;
}
.crm-card {
  border: 1px solid var(--line);
  border-radius: 18px;
  padding: 16px;
  background: rgba(255,255,255,.035);
  min-height: 260px;
}
.compact-head {
  margin-bottom: 10px;
}
.crm-list {
  display: grid;
  gap: 8px;
  max-height: 64vh;
  overflow: auto;
  padding-right: 4px;
}
.crm-row {
  width: 100%;
  border: 1px solid var(--line);
  border-radius: 14px;
  background: rgba(0,0,0,.18);
  color: var(--text);
  padding: 12px 14px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  text-align: left;
  cursor: pointer;
}
.crm-row:hover,
.crm-row:focus-visible {
  border-color: rgba(206, 214, 2, .55);
  background: rgba(206, 214, 2, .08);
  outline: none;
}
.crm-row-main {
  min-width: 0;
  display: grid;
  gap: 2px;
}
.crm-row-main strong,
.crm-row-main small {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.crm-row-main small {
  color: var(--muted);
  font-weight: 700;
}
.crm-unread {
  flex: 0 0 auto;
  min-width: 28px;
  height: 28px;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: rgba(206, 214, 2, .18);
  border: 1px solid rgba(206, 214, 2, .45);
  font-weight: 900;
}
.crm-modal h3 {
  margin-top: 4px;
}
.crm-modal .script-preview {
  min-height: 140px;
}
.empty-state {
  border: 1px dashed var(--line);
  border-radius: 14px;
  padding: 18px;
}
@media (max-width: 860px) {
  .crm-toolbar {
    grid-template-columns: 1fr;
  }
  .crm-sort {
    justify-content: flex-start;
  }
  .crm-cards {
    grid-template-columns: 1fr;
  }
  .crm-list {
    max-height: none;
  }
}


.billing-summary,
.billing-plans {
  display: grid;
  gap: 12px;
  margin: 14px 0;
}

.billing-summary {
  grid-template-columns: minmax(0, 1fr);
}

.billing-plans {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.billing-card {
  display: grid;
  gap: 10px;
  min-height: 170px;
  padding: 16px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.04);
}

.billing-card.featured {
  min-height: 120px;
  background: rgba(206, 214, 2, 0.08);
}

.billing-card h3,
.billing-card p {
  margin: 0;
}

.billing-provider-buttons {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
}

.billing-provider-buttons button {
  flex: 1 1 120px;
}

button:disabled {
  cursor: not-allowed;
  opacity: 0.5;
}

@media (max-width: 900px) {
  .billing-plans {
    grid-template-columns: 1fr;
  }
}


.episode-library-row { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: .75rem; align-items: stretch; }
.episode-library-row .list-row { width: 100%; }
.episode-forward-button { align-self: center; white-space: nowrap; }
.forward-audio-lock { display: grid; gap: .5rem; padding: 1rem; border: 1px solid var(--line, #d7dde5); border-radius: 14px; background: rgba(127,127,127,.06); }
.forward-audio-lock audio { width: 100%; }
.phone-target-controls { display: grid; grid-template-columns: minmax(160px,.8fr) minmax(220px,1.4fr) auto; gap: .75rem; align-items: end; }
.phone-chip-list { display: flex; flex-wrap: wrap; gap: .5rem; margin-top: .75rem; }
@media (max-width: 720px) { .episode-library-row, .phone-target-controls { grid-template-columns: 1fr; } .episode-forward-button { width: 100%; } }

.product-catalog { display:grid; grid-template-columns:repeat(auto-fit,minmax(220px,1fr)); gap:1rem; }
.product-card { position:relative; min-height:190px; padding:1.2rem; border:1px solid var(--line,#d7dde5); border-top:4px solid var(--product-accent); border-radius:18px; background:var(--panel,#fff); overflow:hidden; }
.product-card::after { content:""; position:absolute; width:110px; height:110px; right:-35px; bottom:-45px; border-radius:50%; background:var(--product-accent); opacity:.08; }
.product-card.resumcast { background:linear-gradient(145deg,#171126,#2d174d); color:#fff; border-color:#6d3bb8; }
.product-card h3 { margin:.55rem 0; }
.product-card p { line-height:1.5; }
.product-card-head { display:flex; justify-content:space-between; align-items:center; gap:.5rem; }
.product-dot { width:13px; height:13px; border-radius:50%; background:var(--product-accent); box-shadow:0 0 0 6px color-mix(in srgb,var(--product-accent) 18%,transparent); }
.resumcast-signature { color:#d8b4fe; font-size:.78rem; }
.capability-card,.legal-card { padding:1rem; border:1px solid var(--line,#d7dde5); border-radius:16px; background:var(--panel,#fff); }
.capability-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(170px,1fr)); gap:.55rem; margin-top:.8rem; }
.capability { padding:.6rem .75rem; border-radius:10px; font-size:.85rem; }
.capability.enabled { background:rgba(22,163,74,.1); color:#15803d; }
.capability.disabled { background:rgba(245,158,11,.1); color:#b45309; }
.legal-card details { margin:.8rem 0; }
.legal-card summary { cursor:pointer; font-weight:700; }
.legal-content { margin-top:.7rem; padding:.9rem; border-radius:12px; background:rgba(127,127,127,.07); white-space:pre-wrap; line-height:1.55; }
.notice.warning { border-left:4px solid #f59e0b; }

.guardian-toolbar{display:flex;gap:1rem;align-items:end;flex-wrap:wrap;margin:1rem 0}.guardian-toolbar label{min-width:260px}.guardian-rule-card,.incident-card{padding:1rem;border:1px solid var(--line,#d7dde5);border-radius:16px;background:var(--panel,#fff)}.rule-meta,.term-chips{display:flex;gap:.5rem;flex-wrap:wrap;margin:.7rem 0}.rule-meta span,.term-chips span{padding:.35rem .6rem;border-radius:999px;background:rgba(15,118,110,.1);font-size:.78rem}.onboarding-widget{position:fixed;right:22px;bottom:82px;z-index:80;width:min(390px,calc(100vw - 32px));filter:drop-shadow(0 14px 28px rgba(0,0,0,.2))}.onboarding-pill{margin-left:auto;display:flex;gap:1rem;align-items:center;border:0;border-radius:18px;padding:.8rem 1rem;background:#17213a;color:#fff;font-weight:800;cursor:pointer}.onboarding-pill strong{color:#bef264}.onboarding-panel{margin-top:.6rem;padding:1rem;border:1px solid var(--line,#d7dde5);border-radius:20px;background:var(--panel,#fff);max-height:min(70vh,620px);overflow:auto}.onboarding-head{display:flex;justify-content:space-between;align-items:center}.onboarding-head div{display:grid}.onboarding-steps{display:grid;gap:.55rem;margin:1rem 0}.onboarding-step{display:grid;grid-template-columns:34px 1fr;gap:.7rem;text-align:left;padding:.7rem;border:1px solid var(--line,#d7dde5);border-radius:13px;background:transparent;cursor:pointer}.onboarding-step>span{width:30px;height:30px;display:grid;place-items:center;border-radius:50%;background:rgba(127,127,127,.12);font-weight:800}.onboarding-step div{display:grid}.onboarding-step small{line-height:1.35}.onboarding-step.done{opacity:.72}.onboarding-step.done>span{background:rgba(22,163,74,.15);color:#15803d}.onboarding-step.current{border-color:#84cc16;background:rgba(132,204,22,.08)}.onboarding-continue{width:100%}@media(max-width:640px){.onboarding-widget{right:12px;bottom:76px;width:calc(100vw - 24px)}}
.admin-recipient-list{display:grid;gap:.35rem;padding:.8rem;border:1px solid var(--line,#d7dde5);border-radius:12px}.appeal-box,.participant-incident{margin-top:.8rem;padding:.75rem;border-left:4px solid #f59e0b;background:rgba(245,158,11,.08);border-radius:10px}.participant-incident button{margin-top:.5rem}
.frequency-card{border-left:4px solid #0f766e}.frequency-card p{line-height:1.45}
.semantic-media-types{display:flex;gap:.8rem;align-items:center;flex-wrap:wrap;padding:.75rem;border:1px solid var(--line,#d7dde5);border-radius:12px}.ai-job-summary{display:flex;gap:.8rem;flex-wrap:wrap;align-items:center;padding:.75rem;margin-bottom:.8rem;border-radius:12px;background:rgba(124,58,237,.08)}.ai-job-summary span{font-size:.8rem}

.voice-search-tools{display:grid;gap:8px;justify-items:end}.voice-view-toggle{display:flex;gap:6px}.voice-view-button{padding:7px 11px;border:1px solid var(--line);border-radius:999px;background:transparent;color:var(--muted);font-weight:800}.voice-view-button.active{background:var(--accent);color:#070707;border-color:var(--accent)}
.voice-grid.voice-list-full{grid-template-columns:1fr}.voice-row{border:1px solid var(--line);border-radius:14px;padding:16px;background:rgba(255,255,255,.025);display:grid;gap:10px}.voice-row-main{display:flex;align-items:center;justify-content:space-between;gap:16px}.voice-row-wave{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:14px}.voice-waveform{position:relative;height:58px;cursor:pointer;overflow:hidden;border-radius:8px;background:rgba(255,255,255,.025)}.voice-waveform-bars{position:absolute;inset:6px;display:flex;align-items:center;gap:2px}.voice-waveform-bars i{flex:1;height:calc(var(--amp)*100%);min-height:4px;border-radius:2px;background:rgba(255,255,255,.28)}.voice-waveform-progress{position:absolute;inset:0 auto 0 0;width:0;background:rgba(214,255,0,.24);border-right:2px solid var(--accent);pointer-events:none}.voice-time{font-variant-numeric:tabular-nums;color:var(--muted);min-width:78px;text-align:right}.voice-play-button{min-width:92px}
@media(max-width:640px){.voice-search-tools{justify-items:stretch}.voice-view-toggle{justify-content:flex-end}.voice-row-wave{grid-template-columns:1fr}.voice-time{text-align:left}.voice-row-main{align-items:flex-start}}

/* Onboarding high-contrast accessibility pass */
.onboarding-panel{background:#0b0d12!important;border-color:#4d5a00!important;color:#f8fafc!important;box-shadow:0 20px 55px rgba(0,0,0,.72)}
.onboarding-head strong,.onboarding-step strong{color:#f8fafc!important}
.onboarding-head small,.onboarding-step small{color:#cbd5e1!important;opacity:1!important}
.onboarding-head .icon-button{background:#f8fafc!important;color:#111827!important;border-color:#d1d5db!important}
.onboarding-step{background:#101318!important;border-color:#3f470c!important;color:#f8fafc!important}
.onboarding-step:hover{background:#171c20!important;border-color:#a3e635!important}
.onboarding-step.current{background:#1b2508!important;border-color:#a3e635!important;box-shadow:inset 4px 0 0 #a3e635}
.onboarding-step.done{opacity:1!important;background:#0d1812!important}
.onboarding-step>span{background:#252a31!important;color:#f8fafc!important}
.onboarding-step.done>span{background:#07351d!important;color:#4ade80!important}
.onboarding-panel .progress-bar{background:#252a31!important;border:1px solid #46510a!important}
.onboarding-panel .progress-bar span{background:#c7f000!important}
.onboarding-continue{color:#070707!important}

.voice-engine-tabs{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:10px 0 6px;padding:10px 12px;border:1px solid var(--line);border-radius:12px;background:rgba(255,255,255,.02)}
.voice-engine-tab{border:1px solid var(--line);border-radius:999px;padding:8px 13px;background:transparent;color:var(--muted);font-weight:800;cursor:pointer}
.voice-engine-tab:hover,.voice-engine-tab.active{border-color:var(--accent);background:rgba(199,240,0,.12);color:var(--ink)}

.onboarding-close{width:36px;height:36px;display:grid;place-items:center;border:1px solid #53610f;border-radius:12px;background:#171c20;color:#d9ff48;cursor:pointer;transition:background .16s,border-color .16s,transform .16s}.onboarding-close:hover{background:#222b18;border-color:#a3e635;transform:translateY(-1px)}.onboarding-close:focus-visible{outline:3px solid rgba(199,240,0,.35);outline-offset:2px}.onboarding-close svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round}.onboarding-head .icon-button{display:none!important}


.duration-policy-card{margin:18px 0;padding:18px;border:1px solid var(--line,#d9dde5);border-radius:16px;background:var(--surface-soft,#f7f8fb)}
.duration-policy-card h3{margin:0 0 4px}.duration-policy-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:10px;margin-top:14px}
.duration-policy-grid p{display:flex;flex-direction:column;gap:5px;margin:0;padding:12px;border-radius:12px;background:var(--surface,#fff)}
.duration-policy-grid p strong{font-size:.78rem;text-transform:uppercase;letter-spacing:.04em}.duration-policy-grid p span{font-size:1.05rem;font-weight:700}
.duration-policy-empty{display:flex;flex-direction:column;gap:5px;margin:16px 0}

.rule-actions{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-top:14px}.guardian-rule-card.is-archived{opacity:.72;border-style:dashed}.guardian-rule-card.is-archived .term-chips{filter:saturate(.55)}.rule-actions .danger{cursor:pointer;font-weight:750}.rule-actions button:disabled{opacity:.55;cursor:wait}

.canonical-row small { display:block; max-width: 90ch; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.canonical-detail .config-grid p { display:flex; flex-direction:column; gap:.25rem; }
.canonical-summary { font-size:1.05rem; line-height:1.6; }
.canonical-evidence-list { display:grid; gap:.55rem; padding-left:1.2rem; }
.canonical-evidence-list li { display:grid; gap:.2rem; }
.canonical-evidence-list small { opacity:.72; }
.canonical-projections { display:grid; grid-template-columns:repeat(auto-fit,minmax(220px,1fr)); gap:.75rem; }
.canonical-projection { border:1px solid var(--line); border-radius:12px; padding:.75rem; }
.canonical-projection pre { white-space:pre-wrap; overflow-wrap:anywhere; font-size:.78rem; }

.canonical-actions { margin: 1rem 0; }
.canonical-usage-stages { display:grid; gap:.6rem; grid-template-columns:repeat(auto-fit,minmax(210px,1fr)); }
.canonical-usage-stages article { border:1px solid var(--line); border-radius:12px; padding:.75rem; display:grid; gap:.25rem; }
.canonical-usage-stages span,.canonical-usage-stages small { overflow-wrap:anywhere; }
.canonical-history-list { display:grid; gap:.55rem; padding-left:0; list-style:none; }
.canonical-history-list li { border-left:3px solid var(--line); padding:.55rem .75rem; display:grid; gap:.2rem; }
.canonical-row small:last-child { white-space:normal; }

/* Cost analytics v1 */
.cost-filter-grid { align-items:end; }
.cost-filter-grid .actions-row { justify-content:flex-start; }
.cost-breakdowns-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(330px,1fr)); gap:1rem; }
.cost-breakdown-card { border:1px solid var(--line); border-radius:14px; padding:1rem; min-width:0; }
.cost-breakdown-card h3 { margin-top:0; }
.table-scroll { overflow:auto; width:100%; }
.data-table { width:100%; border-collapse:collapse; min-width:760px; }
.data-table th,.data-table td { text-align:left; padding:.7rem .65rem; border-bottom:1px solid var(--line); vertical-align:top; }
.data-table th { font-size:.78rem; text-transform:uppercase; letter-spacing:.04em; opacity:.72; }
.data-table td small { display:block; margin-top:.2rem; opacity:.72; }
.compact-table { min-width:480px; font-size:.88rem; }
.cost-alert-card { border:1px solid var(--line); border-left-width:5px; border-radius:14px; padding:1rem; display:flex; justify-content:space-between; gap:1rem; align-items:center; }
.cost-alert-card > div { display:grid; gap:.2rem; }
.cost-alert-card.warning { border-left-color:#f59e0b; }
.cost-alert-card.critical { border-left-color:#ef4444; }
.cost-alert-card.critical > div:first-child strong { color:#ef4444; }
#cost-pricing-history { margin-top:1rem; }
#cost-summary-grid { margin-top:1rem; }
#cost-analytics-status { margin-top:1rem; }
@media (max-width:760px) {
  .cost-breakdowns-grid { grid-template-columns:1fr; }
  .cost-alert-card { align-items:flex-start; flex-direction:column; }
  .data-table { min-width:660px; }
}

/* Commercial governance and private notifications */
.commercial-governance-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin:1rem 0}
.commercial-governance-grid>article{min-width:0;padding:1rem;border:1px solid var(--line);border-radius:14px}
.commercial-governance-grid h3{margin-top:0}
.commercial-card{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:.85rem;border:1px solid var(--line);border-radius:12px}
.commercial-card>div{display:grid;gap:.22rem;min-width:0}
.commercial-card.requires-decision{border-left:5px solid #f59e0b;background:rgba(245,158,11,.06)}
.commercial-card.restriction-active{border-left:5px solid #ef4444;background:rgba(239,68,68,.05)}
.commercial-card.restriction-lifted,.commercial-card.restriction-expired{opacity:.78}
.notification-user-list{display:grid;gap:.4rem;max-height:220px;overflow:auto;padding:.75rem;border:1px solid var(--line);border-radius:12px}
#private-notification-jobs-body td{white-space:nowrap}
#commercial-governance-panel fieldset{border:1px solid var(--line);border-radius:12px;padding:.8rem}
#commercial-governance-panel legend{padding:0 .35rem;font-weight:800}
@media(max-width:900px){.commercial-governance-grid{grid-template-columns:1fr}.commercial-card{align-items:flex-start;flex-direction:column}}

/* Notification scheduling v2 */
.digest-card{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:.8rem;border:1px solid var(--line);border-radius:12px}
.digest-card>div{display:grid;gap:.2rem}
#notification-profile-form fieldset{display:grid;gap:.65rem}
#notification-profile-form fieldset .config-grid{margin-top:.2rem}
#private-notification-jobs-body small{display:block;white-space:normal;min-width:130px}
@media(max-width:760px){.digest-card{align-items:flex-start;flex-direction:column}}

/* Notification effectiveness metrics */
.notification-metrics-columns{display:grid;grid-template-columns:1.35fr .65fr;gap:1rem;margin:1rem 0}
.notification-metrics-columns>article{min-width:0;padding:1rem;border:1px solid var(--line);border-radius:14px}
.notification-metrics-columns h3{margin-top:0}
.list-row.static{cursor:default;text-align:left}
@media(max-width:980px){.notification-metrics-columns{grid-template-columns:1fr}}

/* Notification performance goals and alerts */
.notification-performance-columns{display:grid;grid-template-columns:1fr 1fr;gap:1rem}
.notification-performance-columns>article{min-width:0;padding:1rem;border:1px solid var(--line);border-radius:14px}
.performance-alert{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.85rem;border:1px solid var(--line);border-radius:12px}
.performance-alert>div{display:grid;gap:.22rem}
.performance-alert.level-warning{border-left:5px solid #f59e0b}
.performance-alert.level-critical{border-left:5px solid #ef4444;background:rgba(239,68,68,.05)}
.performance-alert.status-resolved{opacity:.72;border-left-color:#22c55e}
@media(max-width:900px){.notification-performance-columns{grid-template-columns:1fr}.performance-alert{align-items:flex-start;flex-direction:column}}

/* Passive sender recommendation */
.sender-recommendation-card{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;padding:1rem;margin:1rem 0;border:1px solid var(--line);border-radius:14px;background:linear-gradient(135deg,rgba(59,130,246,.06),rgba(16,185,129,.04))}
.sender-recommendation-card>div{display:grid;gap:.35rem}.sender-recommendation-card h3,.sender-recommendation-card p{margin:0}.sender-recommendation-card strong{font-size:1.45rem}.sender-recommendation-reasons{display:grid;gap:.5rem;margin:1rem 0}.sender-recommendation-reasons details{padding:.65rem .8rem;border:1px solid var(--line);border-radius:10px}.sender-recommendation-reasons summary{cursor:pointer;font-weight:600}.sender-recommendation-reasons ul{margin:.65rem 0 0;padding-left:1.25rem}.recommended-row{background:rgba(34,197,94,.07)}
@media(max-width:760px){.sender-recommendation-card{flex-direction:column}}

/* Approved sender canary */
.sender-canary-head{margin-top:1.25rem}.sender-canary-row{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:.85rem;border:1px solid var(--line);border-radius:12px}.sender-canary-row>div:first-child{display:grid;gap:.25rem}.sender-canary-row.status-active{border-left:5px solid #3b82f6;background:rgba(59,130,246,.05)}.sender-canary-row.status-rolled_back{border-left:5px solid #ef4444}.sender-canary-row.status-completed{border-left:5px solid #22c55e}.danger{border-color:rgba(239,68,68,.5)!important;color:#dc2626!important}
@media(max-width:760px){.sender-canary-row{align-items:flex-start;flex-direction:column}}

/* Approved sender promotion */
.sender-promotion-head{margin-top:1.25rem}.sender-promotion-row{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:.85rem;border:1px solid var(--line);border-radius:12px}.sender-promotion-row>div:first-child{display:grid;gap:.25rem}.sender-promotion-row.status-observation{border-left:5px solid #f59e0b;background:rgba(245,158,11,.05)}.sender-promotion-row.status-stable{border-left:5px solid #22c55e;background:rgba(34,197,94,.05)}.sender-promotion-row.status-rolled_back{border-left:5px solid #ef4444}.sender-promotion-row.status-revoked{opacity:.72}
@media(max-width:760px){.sender-promotion-row{align-items:flex-start;flex-direction:column}}

/* Adaptive routing readiness gate */
.adaptive-readiness-head{margin-top:1.35rem}.adaptive-readiness-summary{display:flex;justify-content:space-between;gap:1rem;padding:1rem;border:1px solid var(--line);border-radius:14px;background:linear-gradient(135deg,rgba(99,102,241,.06),rgba(14,165,233,.04));margin-bottom:1rem}.adaptive-readiness-summary>div:first-child{display:grid;gap:.3rem}.adaptive-readiness-summary h4,.adaptive-readiness-summary p{margin:0}.adaptive-readiness-promotion{display:grid;gap:.2rem;text-align:right}.adaptive-readiness-promotion strong{font-size:1.25rem}.adaptive-readiness-criteria{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:.75rem;margin-bottom:1rem}.adaptive-criterion{display:grid;align-content:start;gap:.3rem;padding:.8rem;border:1px solid var(--line);border-radius:12px}.adaptive-criterion.passed{border-left:5px solid #22c55e}.adaptive-criterion.blocked{border-left:5px solid #ef4444;background:rgba(239,68,68,.035)}.adaptive-criterion p{margin:.2rem 0 0;font-size:.86rem}.adaptive-criterion .status{justify-self:start}
@media(max-width:760px){.adaptive-readiness-summary{flex-direction:column}.adaptive-readiness-promotion{text-align:left}}

/* Adaptive routing shadow mode */
.adaptive-shadow-head{margin-top:1.35rem}.adaptive-shadow-columns{margin-top:.85rem}.shadow-diverged{border-left:5px solid #f59e0b}.shadow-diverged-row{background:rgba(245,158,11,.055)}.shadow-job-label{color:#7c3aed!important}.adaptive-shadow-head+.metric-grid{margin-bottom:.85rem}

/* Shadow quality gate */
.shadow-quality-head{margin-top:1.35rem}.shadow-quality-summary{display:flex;justify-content:space-between;gap:1rem;padding:1rem;border:1px solid var(--line);border-radius:14px;background:linear-gradient(135deg,rgba(34,197,94,.06),rgba(99,102,241,.05));margin-bottom:1rem}.shadow-quality-summary>div:first-child{display:grid;gap:.3rem}.shadow-quality-summary h4,.shadow-quality-summary p{margin:0}.shadow-quality-highlight{display:grid;gap:.2rem;text-align:right}.shadow-quality-highlight strong{font-size:1.3rem}
@media(max-width:760px){.shadow-quality-summary{flex-direction:column}.shadow-quality-highlight{text-align:left}}

/* Adaptive real canary */
.adaptive-real-canary-head{margin-top:1.35rem}.adaptive-real-canary-row{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:.9rem;border:1px solid var(--line);border-radius:13px}.adaptive-real-canary-row>div:first-child{display:grid;gap:.25rem}.adaptive-real-canary-row.status-pending{border-left:5px solid #f59e0b}.adaptive-real-canary-row.status-active{border-left:5px solid #8b5cf6;background:rgba(139,92,246,.045)}.adaptive-real-canary-row.status-completed{border-left:5px solid #22c55e}.adaptive-real-canary-row.status-rolled_back{border-left:5px solid #ef4444}.adaptive-real-canary-row.status-cancelled{opacity:.72}.adaptive-real-job-label{color:#7c3aed!important;font-weight:600}
@media(max-width:760px){.adaptive-real-canary-row{align-items:flex-start;flex-direction:column}}

/* Adaptive promotion gate */
.adaptive-promotion-gate-head{margin-top:1.35rem}

/* Adaptive promotion approval */
.adaptive-promotion-head{margin-top:1.35rem}.adaptive-promotion-row{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:.9rem;border:1px solid var(--line);border-radius:13px}.adaptive-promotion-row>div:first-child{display:grid;gap:.25rem}.adaptive-promotion-row.status-pending{border-left:5px solid #f59e0b}.adaptive-promotion-row.status-observation{border-left:5px solid #8b5cf6;background:rgba(139,92,246,.045)}.adaptive-promotion-row.status-stable{border-left:5px solid #22c55e}.adaptive-promotion-row.status-rolled_back{border-left:5px solid #ef4444}.adaptive-promotion-job-label{color:#6d28d9!important;font-weight:600}
@media(max-width:760px){.adaptive-promotion-row{align-items:flex-start;flex-direction:column}}

/* Adaptive post-stabilization */
.adaptive-post-stabilization-head{margin-top:1.35rem}.post-stable-rollback{margin-top:.55rem}.status.danger{border-color:rgba(239,68,68,.35);color:#dc2626;background:rgba(239,68,68,.08)}

/* Late adaptive alert private opt-in */
.late-alert-optin{border-color:rgba(139,92,246,.28);background:rgba(139,92,246,.035)}

/* Late alert effectiveness */
.late-alert-effectiveness-head{margin-top:1.25rem}.late-alert-effectiveness-columns>article{min-width:0}

/* Late effectiveness goals */
.late-effectiveness-goals-head{margin-top:1.4rem;padding-top:1.2rem;border-top:1px solid var(--line)}.late-effectiveness-alert{border-left-width:5px}

/* Late goal adjustment approval */
.late-goal-adjustment-head{margin-top:1.5rem;padding-top:1.25rem;border-top:1px solid var(--line)}
.late-goal-policy-card,.late-goal-proposal{align-items:flex-start}.late-goal-criteria-mini{display:grid;gap:.2rem;margin-top:.45rem}.late-goal-criteria-mini span{font-size:.76rem;opacity:.82}

/* Late goal dossier custody */
.late-dossier-custody-head{margin-top:1.5rem;padding-top:1.25rem;border-top:1px solid var(--line)}
.late-dossier-grid{display:grid;gap:1rem}.late-dossier-card{border:1px solid var(--line);border-left:5px solid var(--line);border-radius:14px;padding:1rem;background:var(--panel)}
.late-dossier-card.status-legal_hold{border-left-color:#c58a18}.late-dossier-card.status-retention_due,.late-dossier-card.status-disposal_pending{border-left-color:#c76c25}.late-dossier-card.status-integrity_failed{border-left-color:#c43b3b}.late-dossier-card.status-disposed{opacity:.82}
.late-dossier-hashes{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.35rem;margin:.65rem 0;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.76rem}.late-dossier-history{display:grid;gap:.25rem;padding:.6rem 0;font-size:.78rem}

/* Late goal external anchor */
.late-anchor-head{margin-top:1.5rem;padding-top:1.25rem;border-top:1px solid var(--line)}
.late-anchor-grid{display:grid;gap:1rem}.late-anchor-card{border:1px solid var(--line);border-left:5px solid var(--line);border-radius:14px;padding:1rem;background:var(--panel)}
.late-anchor-card.status-verified,.late-anchor-card.status-anchored{border-left-color:#2f8f5b}.late-anchor-card.status-anchor_delayed{border-left-color:#c58a18}.late-anchor-card.status-chain_gap,.late-anchor-card.status-order_changed,.late-anchor-card.status-seal_replaced,.late-anchor-card.status-root_mismatch,.late-anchor-card.status-external_verification_failed{border-left-color:#c43b3b}

/* Multi-provider anchor quorum */
.late-anchor-receipts{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:.55rem;margin:.8rem 0}.late-anchor-provider-receipt{display:grid;gap:.2rem;padding:.65rem;border:1px solid var(--line);border-radius:10px}.late-anchor-provider-receipt.status-verified{border-color:#2f8f5b}.late-anchor-provider-receipt.status-provider_delayed{border-color:#c58a18}.late-anchor-provider-receipt.status-provider_divergence,.late-anchor-provider-receipt.status-provider_disabled{border-color:#c43b3b}
.late-anchor-card.status-quorum_verified{border-left-color:#2f8f5b}.late-anchor-card.status-partial_quorum,.late-anchor-card.status-awaiting_quorum,.late-anchor-card.status-provider_delayed{border-left-color:#c58a18}.late-anchor-card.status-provider_divergence,.late-anchor-card.status-provider_disabled,.late-anchor-card.status-quorum_lost{border-left-color:#c43b3b}

/* Governance gate evidence vault */
.gate-evidence-head{margin-top:1.5rem;padding-top:1.25rem;border-top:1px solid var(--line)}.gate-evidence-grid{display:grid;gap:1rem}.gate-evidence-card{border:1px solid var(--line);border-left:5px solid var(--line);border-radius:14px;padding:1rem;background:var(--panel)}.gate-evidence-card.status-verified{border-left-color:#2f8f5b}.gate-evidence-card.status-evidence_pending,.gate-evidence-card.status-under_review{border-left-color:#c58a18}.gate-evidence-card.status-expired,.gate-evidence-card.status-revoked,.gate-evidence-card.status-rejected,.gate-evidence-card.status-revalidation_required{border-left-color:#c43b3b}.gate-evidence-card ol{margin:.7rem 0 0;padding-left:1.2rem}.gate-evidence-card li{margin:.25rem 0;font-size:.86rem}
.compliance-attestation-head{margin-top:1.5rem;padding-top:1.25rem;border-top:1px solid var(--line)}
#announcements-grid details ol{margin:.75rem 0 0;padding-left:1.2rem}#announcements-grid details li{margin:.3rem 0;font-size:.88rem}#announcement-form select[multiple]{min-height:9rem}

.pronunciation-feedback-card{margin-top:18px;padding:16px;border:1px solid var(--line,#2b3442);border-radius:14px;background:rgba(255,255,255,.025)}
.pronunciation-feedback-card h3{margin:0 0 6px}.pronunciation-feedback-card form{display:grid;gap:10px;margin-top:12px}.pronunciation-feedback-card label{display:grid;gap:6px}.pronunciation-feedback-card input,.pronunciation-feedback-card textarea{width:100%}.pronunciation-history-row{display:grid;gap:3px;padding:10px 0;border-top:1px solid var(--line,#2b3442)}.pronunciation-history-row span{font-size:.95rem}.episode-audio-player{width:100%;margin:12px 0}

/* OrquestraHUB responsive pass 2026-09-03 — mobile Safari + dense admin UI */
html {
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
  overflow-x: clip;
}
body { overflow-x: clip; }
img, svg, video, canvas { max-width: 100%; }
button, input, select, textarea { touch-action: manipulation; }
.panel, .item-card, .section, .dashboard, .shell { min-width: 0; }
.table-scroll { -webkit-overflow-scrolling: touch; overscroll-behavior-inline: contain; }

@media (max-width: 980px) {
  .topbar {
    min-height: 64px;
    gap: 10px;
    padding: 8px max(12px, env(safe-area-inset-right)) 8px max(12px, env(safe-area-inset-left));
  }
  .brand { gap: 9px; flex: 1 1 auto; }
  .brand img { width: 38px; height: 38px; flex: 0 0 38px; }
  .brand-copy { min-width: 0; line-height: 1.16; }
  .brand-copy strong { font-size: .92rem; white-space: nowrap; }
  .brand-copy span { display: block; max-width: min(52vw, 270px); font-size: .7rem; line-height: 1.25; white-space: normal; }
  .hamburger { display: block; flex: 0 0 42px; width: 42px; height: 42px; z-index: 112; }
  body.mobile-nav-open { overflow: hidden; }
  .topnav.open {
    position: fixed;
    z-index: 110;
    left: max(10px, env(safe-area-inset-left));
    right: max(10px, env(safe-area-inset-right));
    top: 68px;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 5px;
    max-height: min(72dvh, 580px);
    overflow-y: auto;
    overscroll-behavior: contain;
    padding: 9px;
    background: rgba(18, 18, 20, .985);
    border: 1px solid rgba(206, 214, 2, .34);
    border-radius: 14px;
    box-shadow: 0 24px 70px rgba(0, 0, 0, .58);
    -webkit-overflow-scrolling: touch;
  }
  .topnav.open .nav-button,
  .topnav.open #logout-btn {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    min-width: 0;
    min-height: 42px;
    padding: 7px 10px;
    border-radius: 8px;
    font-size: .78rem;
    line-height: 1.15;
    text-align: left;
    white-space: normal;
  }
  .topnav.open .nav-button[aria-current="page"] { background: rgba(206, 214, 2, .12); }
  .shell { padding: 0 clamp(12px, 3vw, 24px) 40px; }
  .hero-row { padding: 22px 0 12px; gap: 8px; }
  .hero-row h1 { font-size: clamp(1.7rem, 6vw, 2.45rem); line-height: 1.04; overflow-wrap: anywhere; }
  .hero-row p { margin-top: 6px; font-size: .9rem; line-height: 1.42; }
  .panel { margin: 12px 0; padding: 14px; }
  .panel-head { margin-bottom: 10px; }
  .stats-grid, .modules-grid { gap: 8px; }
  .stat { min-height: 92px; padding: 12px 14px; }
  .stat strong { font-size: 1.7rem; line-height: 1; margin-bottom: 6px; }
  .module-row-button { min-height: 78px; }
  .modal-panel { width: min(760px, calc(100vw - 20px)); padding: 14px; }
  .graph-wrap, .vault-graph-canvas { min-height: 430px; height: 430px; }
  .guardian-toolbar label { min-width: min(260px, 100%); }
  .cost-breakdowns-grid { grid-template-columns: repeat(auto-fit, minmax(min(280px, 100%), 1fr)); }
}

@media (max-width: 640px) {
  .topbar { min-height: 60px; padding-block: 7px; }
  .brand img { width: 34px; height: 34px; flex-basis: 34px; }
  .brand-copy strong { font-size: .86rem; }
  .brand-copy span { max-width: 205px; font-size: .64rem; }
  .hamburger { width: 40px; height: 40px; flex-basis: 40px; }
  .hamburger::before, .hamburger::after, .hamburger span { width: 20px; }
  .topnav.open { top: 64px; max-height: min(70dvh, 535px); gap: 4px; padding: 8px; }
  .topnav.open .nav-button, .topnav.open #logout-btn { min-height: 40px; padding: 6px 9px; font-size: .74rem; }
  .shell { padding-inline: 10px; padding-bottom: calc(30px + env(safe-area-inset-bottom)); }
  .hero-row { padding: 16px 2px 9px; }
  .hero-row h1 { font-size: clamp(1.48rem, 7.2vw, 1.9rem); line-height: 1.02; }
  .hero-row p { max-width: 42ch; font-size: .78rem; line-height: 1.38; }

  /* Keep dashboard information dense on a phone: two useful cards per row. */
  .stats-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 7px; }
  .stat { min-height: 78px; padding: 10px 11px; }
  .stat strong { font-size: 1.48rem; margin-bottom: 4px; }
  .stat span { font-size: .76rem; line-height: 1.2; }

  .modules-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 7px; }
  #modules-grid .list-row,
  .modules-grid .module-row-button {
    min-height: 82px;
    padding: 10px;
    gap: 4px;
    align-items: flex-start;
    justify-content: center;
    flex-direction: column;
  }
  #modules-grid .list-row span { font-size: .9rem; line-height: 1.16; overflow-wrap: anywhere; }
  #modules-grid .list-row small { font-size: .69rem; line-height: 1.25; text-align: left; }

  .panel { margin: 9px 0; padding: 11px; border-radius: 9px; }
  .panel-head { gap: 7px; margin-bottom: 8px; }
  .panel-head h2 { font-size: 1.08rem; }
  .panel-head h3, .item-card h3 { font-size: .98rem; }
  .panel-head .status { align-self: flex-start; }
  .item-card { padding: 11px; }
  .list-row { min-height: 50px; padding: 9px 10px; gap: 5px; }
  .list-row span { font-size: .88rem; }
  .list-row small { font-size: .72rem; line-height: 1.25; }
  .scroll-list, #groups-grid { max-height: min(56dvh, 500px); padding-right: 2px; }

  .actions-row { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); width: 100%; gap: 7px; }
  .actions-row > * { min-width: 0; width: 100%; }
  .actions-row > :only-child, .actions-row > :last-child:nth-child(odd) { grid-column: 1 / -1; }
  .config-grid, .detail-grid, .phone-row { grid-template-columns: 1fr; }
  .field { margin: 9px 0; }
  input, select, textarea { min-height: 42px; font-size: 16px; } /* prevents iOS focus zoom */

  .login-band { min-height: auto; padding: 22px 0 30px; gap: 16px; }
  .login-copy h1 { font-size: clamp(2.2rem, 13vw, 3.35rem); line-height: .95; }
  .login-copy p { font-size: .93rem; }
  .mascot-stage { min-height: 180px; }
  .mascot-stage img { width: min(245px, 72vw); max-height: 245px; }
  .login-panel { padding: 12px; }
  .tabs { gap: 5px; margin-bottom: 10px; }
  .tab { min-height: 40px; font-size: .78rem; padding-inline: 5px; }

  .modal { padding: 8px; align-items: end; }
  .modal-panel { width: 100%; max-height: min(88dvh, 760px); border-radius: 14px 14px 0 0; padding: 12px; }
  .modal-head { top: -12px; gap: 8px; padding: 9px 0; }
  .modal-head h2 { font-size: 1.08rem; }
  .modal-action-bar { bottom: -12px; margin: 16px -12px -12px; padding: 10px 12px calc(12px + env(safe-area-inset-bottom)); }

  .graph-wrap, .vault-graph-canvas { min-height: 340px; height: 340px; }
  .graph-toolbar { left: 8px; right: 8px; top: 8px; }
  .graph-stats { left: 8px; top: 52px; max-width: calc(100% - 16px); font-size: .7rem; }
  .graph-legend { left: 8px; bottom: 8px; max-width: calc(100% - 16px); font-size: .66rem; }
  .data-table { min-width: 600px; font-size: .78rem; }
  .compact-table { min-width: 440px; }
  .table-scroll { margin-inline: -2px; padding-bottom: 4px; }
  .guardian-toolbar { gap: .65rem; }
  .guardian-toolbar label { min-width: 0; width: 100%; }
  .voice-row { padding: 10px; }
  .voice-row-main { gap: 8px; }
  .onboarding-widget { right: 8px; bottom: calc(68px + env(safe-area-inset-bottom)); width: calc(100vw - 16px); }
  .feedback-fab { right: 10px; bottom: calc(10px + env(safe-area-inset-bottom)); padding: 10px 12px; }

  /* K-Loading is embedded inside this portal: make its project rail horizontal on phones. */
  body #k-loading-section { margin: 0 !important; font-size: .78rem !important; }
  body #k-loading-section .kl-app-shell { display: block !important; min-height: 0 !important; border-radius: 11px !important; }
  body #k-loading-section .kl-sidebar { padding: 8px !important; border-right: 0 !important; border-bottom: 1px solid rgba(255,255,255,.08) !important; gap: 6px !important; }
  body #k-loading-section .kl-brand { display: none !important; }
  body #k-loading-section .kl-sidebar-title { padding-inline: 2px !important; }
  body #k-loading-section .kl-project-list { display: flex !important; grid-template-columns: none !important; gap: 5px !important; overflow-x: auto !important; overscroll-behavior-inline: contain !important; scroll-snap-type: x proximity !important; padding: 1px 0 5px !important; }
  body #k-loading-section .kl-project-item { flex: 0 0 auto !important; min-width: 132px !important; min-height: 38px !important; padding: 5px 7px !important; scroll-snap-align: start !important; }
  body #k-loading-section .kl-project-icon { width: 25px !important; height: 25px !important; }
  body #k-loading-section .kl-sidebar-foot { display: none !important; }
  body #k-loading-section .kl-workspace { padding: 9px !important; }
  body #k-loading-section .kl-workspace-head { margin-bottom: 8px !important; min-height: 0 !important; }
  body #k-loading-section .kl-title-lockup h2 { font-size: 1.15rem !important; }
  body #k-loading-section .kl-mark-title { width: 38px !important; height: 38px !important; }
  body #k-loading-section .kl-info-note { display: none !important; }
  body #k-loading-section .kl-dashboard-grid { display: block !important; }
  body #k-loading-section .kl-config-card, body #k-loading-section .kl-preview-panel { margin-bottom: 7px !important; padding: 8px !important; }
  body #k-loading-section .kl-config-grid { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
  body #k-loading-section .kl-config-grid-3, body #k-loading-section .kl-visual-row { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
  body #k-loading-section .kl-preset-grid { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
  body #k-loading-section .kl-preset-wide { grid-column: 1 / -1 !important; }
  body #k-loading-section .kl-preview-grid { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
  body #k-loading-section .kl-preview-main, body #k-loading-section .kl-preview-bar-card { grid-column: 1 / -1 !important; }
  body #k-loading-section .kl-preview-main { min-height: 210px !important; }
  body #k-loading-section .kl-publish-card { grid-template-columns: 1fr 1fr !important; padding: 8px !important; }
  body #k-loading-section .kl-publish-card > :first-child, body #k-loading-section .kl-publish-actions { grid-column: 1 / -1 !important; }
  body #k-loading-section .kl-publish-actions { grid-template-columns: 1fr 1fr !important; }
}

@media (max-width: 360px) {
  .brand-copy span { max-width: 170px; }
  .topnav.open { grid-template-columns: 1fr; max-height: 68dvh; }
  .stats-grid, .modules-grid { grid-template-columns: 1fr; }
  #modules-grid .list-row, .modules-grid .module-row-button { min-height: 68px; }
  body #k-loading-section .kl-config-grid,
  body #k-loading-section .kl-config-grid-3,
  body #k-loading-section .kl-visual-row,
  body #k-loading-section .kl-preset-grid,
  body #k-loading-section .kl-preview-grid,
  body #k-loading-section .kl-publish-card { grid-template-columns: 1fr !important; }
  body #k-loading-section .kl-preview-main, body #k-loading-section .kl-preview-bar-card, body #k-loading-section .kl-preset-wide { grid-column: auto !important; }
}

/* OrquestraHUB product/UX reform 2026-09-04 — K-Loading component intentionally untouched */
:root{--hub-lime:#ced602;--hub-surface:#0b0c0e;--hub-soft:#121418;--hub-line:rgba(206,214,2,.24);--brand-resumcast:#8b5cf6;--brand-guardiao:#22c55e;--brand-arena:#f97316;--brand-relacionamento:#3b82f6;--brand-comunicados:#ec4899}
.eyebrow{display:block;color:#9ca8b8;text-transform:uppercase;letter-spacing:.13em;font-size:.65rem;font-weight:850;margin-bottom:4px}.brand-resumcast-text{color:#a78bfa}.brand-arena-text{color:#fb923c}.section-intro{display:flex;align-items:end;justify-content:space-between;margin:4px 0 12px}.section-intro h2{margin:2px 0 3px;font-size:1.45rem}.section-intro p{margin:0;color:var(--muted);max-width:65ch}
.dashboard-stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.dashboard-stat{min-height:102px;padding:15px}.dashboard-stat strong{font-size:2rem}.dashboard-stat small{display:block;color:#7f8b99;font-size:.68rem;margin-top:6px;line-height:1.3}.dashboard-intelligence{display:grid;grid-template-columns:1.15fr .85fr;gap:10px;margin:10px 0}.insight-card{border:1px solid var(--line);border-radius:12px;background:linear-gradient(145deg,#0c0d10,#101319);padding:14px}.insight-card h3{margin:0 0 8px}.insight-list{display:grid;gap:6px}.insight-row{display:flex;gap:10px;align-items:flex-start;padding:8px 9px;border-radius:8px;background:rgba(255,255,255,.025)}.insight-row i{width:8px;height:8px;border-radius:50%;margin-top:5px;background:#5bc77a;flex:none}.insight-row.warn i{background:#f59e0b}.insight-row strong,.insight-row small{display:block}.insight-row small{color:#8592a2;margin-top:2px}.dashboard-quick-actions{display:grid;grid-template-columns:1fr 1fr;gap:7px}.dashboard-quick-actions button{text-align:left;min-height:54px;padding:9px 10px}.dashboard-recent{margin-top:10px}.recent-episodes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.recent-episode-card{border:1px solid var(--line);background:#0b0d10;border-radius:10px;padding:12px}.recent-episode-card strong,.recent-episode-card small{display:block}.recent-episode-card small{color:#8c98a6;margin-top:4px}
.module-overview-panel{margin-top:10px}.modules-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:7px}.module-dashboard-card{position:relative;min-height:112px;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end;text-align:left;border:1px solid rgba(255,255,255,.09);border-radius:11px;padding:12px;background:linear-gradient(145deg,#0d0f13,#10141b);overflow:hidden}.module-dashboard-card:before{content:"";position:absolute;left:0;top:0;width:100%;height:3px;background:var(--module-accent,#ced602)}.module-dashboard-card:hover{transform:translateY(-1px);border-color:var(--module-accent,#ced602)}.module-dashboard-card strong{font-size:.95rem}.module-dashboard-card small{margin-top:4px;color:#8995a5;font-size:.68rem;line-height:1.25}.module-card-kicker{position:absolute;top:10px;left:11px;color:var(--module-accent,#ced602);font-size:.59rem;text-transform:uppercase;letter-spacing:.1em}.module-card-arrow{font-size:.65rem;color:#b8c2ce;margin-top:8px}.module-resumcast{--module-accent:var(--brand-resumcast)}.module-guardiao{--module-accent:var(--brand-guardiao)}.module-arena{--module-accent:var(--brand-arena)}.module-relacionamento{--module-accent:var(--brand-relacionamento)}.module-comunicados{--module-accent:var(--brand-comunicados)}
#clients-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:8px}.client-card{display:grid;grid-template-columns:42px minmax(0,1fr) auto auto 48px;gap:10px;align-items:center;text-align:left;padding:11px 12px;border:1px solid var(--line);background:#0c0e11;border-radius:11px}.client-card:hover{background:#11151b}.client-avatar{width:40px;height:40px;border-radius:12px;background:linear-gradient(135deg,#ced602,#6f7600);color:#050505;display:grid;place-items:center;font-weight:900}.client-card-copy strong,.client-card-copy small{display:block}.client-card-copy small{color:#8591a0;margin-top:3px}.client-card-stats{display:grid;text-align:right}.client-card-stats b{font-size:1.1rem}.client-card-stats small{font-size:.62rem;color:#7e8997}.client-card .group-card-arrow{font-size:.65rem;color:#9aa6b5}
#groups-grid{display:grid;gap:7px}.client-group-section{display:grid;gap:6px}.group-card{display:grid;grid-template-columns:minmax(210px,1.4fr) minmax(120px,.6fr) minmax(120px,.7fr) 82px;align-items:center;gap:12px;text-align:left;padding:11px 12px;border:1px solid rgba(255,255,255,.08);background:#0d0f12;border-radius:10px}.group-card.active-group-row{border-left:3px solid #ced602}.group-card:hover{background:#12161b}.group-card-main strong,.group-card-main small{display:block}.group-card-main small,.group-card-meta small{color:#818d9b;font-size:.68rem;margin-top:2px}.group-card-meta{display:grid;gap:4px}.group-module-dots{display:flex;align-items:center;gap:5px}.module-dot{width:8px;height:8px;border-radius:50%;background:#64748b;box-shadow:0 0 0 2px rgba(255,255,255,.03)}.module-dot-resumcast{background:var(--brand-resumcast)}.module-dot-guardiao{background:var(--brand-guardiao)}.module-dot-arena{background:var(--brand-arena)}.module-dot-relacionamento{background:var(--brand-relacionamento)}.module-dot-comunicados{background:var(--brand-comunicados)}.group-card-arrow{justify-self:end;color:#9aa5b2;font-size:.67rem}
.group-tabbed-shell{display:grid;gap:10px}.group-tabs{position:sticky;top:0;z-index:8;display:flex;gap:6px;overflow-x:auto;padding:8px;background:#141416;border:1px solid var(--line);border-radius:11px}.group-tabs button{flex:0 0 auto;display:flex;align-items:center;gap:6px;padding:8px 10px;border:1px solid rgba(255,255,255,.08);border-radius:8px;background:#0d0f12;color:#cbd5df}.group-tabs button span{width:8px;height:8px;border-radius:50%;background:var(--tab-accent)}.group-tabs button.active{border-color:var(--tab-accent);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--tab-accent) 32%,transparent);color:white}.group-tab-panel{display:none!important}.group-tab-panel.active{display:block!important}.group-tab-general{padding:12px;border:1px solid var(--line);border-radius:11px;background:#101215}.group-tabbed-shell .config-band{margin:0;border-radius:11px}.brand-panel-resumcast{border-color:color-mix(in srgb,var(--brand-resumcast) 45%,#333)!important}.brand-panel-resumcast .config-title{border-left:3px solid var(--brand-resumcast);padding-left:10px}.brand-panel-guardiao{border-color:color-mix(in srgb,var(--brand-guardiao) 45%,#333)!important}.brand-panel-guardiao .config-title{border-left:3px solid var(--brand-guardiao);padding-left:10px}.brand-panel-arena{border-color:color-mix(in srgb,var(--brand-arena) 45%,#333)!important}.brand-panel-arena .config-title{border-left:3px solid var(--brand-arena);padding-left:10px}.brand-panel-relacionamento{border-color:color-mix(in srgb,var(--brand-relacionamento) 45%,#333)!important}.brand-panel-relacionamento .config-title{border-left:3px solid var(--brand-relacionamento);padding-left:10px}.brand-panel-comunicados{border-color:color-mix(in srgb,var(--brand-comunicados) 45%,#333)!important}.brand-panel-comunicados .config-title{border-left:3px solid var(--brand-comunicados);padding-left:10px}.lifecycle-note{display:grid;grid-template-columns:auto 1fr;gap:10px;align-items:center;margin-bottom:10px;padding:10px;border-radius:9px;background:#0a0c0f;border:1px solid rgba(255,255,255,.08)}.lifecycle-note div strong,.lifecycle-note div span{display:block}.lifecycle-note div span{color:#ced602}.lifecycle-note p{margin:0;color:#8b97a5;font-size:.72rem;line-height:1.35}
#episodes-section>.panel{border-top:3px solid var(--brand-resumcast)}#episodes-grid{display:grid;gap:8px}.episode-client,.episode-group{border:1px solid rgba(139,92,246,.28);border-radius:11px;background:#0c0d12}.episode-client>summary,.episode-group>summary{list-style:none;display:flex;align-items:center;justify-content:space-between;cursor:pointer;padding:11px 13px}.episode-client>summary::-webkit-details-marker,.episode-group>summary::-webkit-details-marker{display:none}.episode-client>summary span:first-child,.episode-group>summary span:first-child{display:grid}.episode-client>summary small,.episode-group>summary small{color:#8e9aa8;margin-top:2px}.episode-client[open]>summary{background:linear-gradient(90deg,rgba(139,92,246,.14),transparent)}.episode-client-body{padding:0 9px 9px}.episode-group{margin-top:6px;background:#090a0d}.episode-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:7px;padding:0 8px 8px}.episode-card{display:grid;grid-template-columns:1fr auto;gap:6px;align-items:stretch;border:1px solid rgba(255,255,255,.07);border-radius:9px;background:#101218;padding:7px}.episode-card>button:first-child{text-align:left;border:0;background:transparent;color:white;display:grid;gap:4px;padding:5px}.episode-card>button:first-child small{color:#8d98a6}.episode-card>button:first-child span{color:#a78bfa;font-size:.66rem}.episode-human-summary{font-size:.9rem;line-height:1.45;padding:10px 12px;border-radius:9px;background:#10151b;border-left:3px solid var(--brand-resumcast)}.technical-details{margin:8px 0}.technical-details summary,.script-details summary{cursor:pointer;color:#9da9b8;font-size:.72rem}.technical-details code{display:block;white-space:normal;color:#9ca7b5;background:#08090b;padding:8px;border-radius:7px;margin-top:5px}.episode-modal-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:12px 0;padding:10px;border:1px solid rgba(139,92,246,.32);border-radius:10px;background:rgba(139,92,246,.07)}.episode-modal-actions small{color:#9ca8b8}.duration-policy-card{color:#111!important;background:#f3f4f6!important}.duration-policy-card *{color:inherit}.duration-policy-grid p{background:#fff!important;color:#111!important}.duration-policy-card .status.ok{color:#0b4f2a!important;background:#d8f5e5!important}.duration-policy-card .status.warn{color:#7c2d12!important;background:#ffedd5!important}
.voice-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:8px}.voice-card{display:grid;grid-template-columns:48px minmax(0,1fr) auto;gap:10px;align-items:center;min-height:86px;padding:10px}.voice-row-main{display:grid!important;grid-template-columns:48px minmax(0,1fr) auto!important;gap:10px!important;align-items:center}.voice-main-copy p{margin:.25rem 0}.voice-avatar{position:relative;width:46px;height:46px;border-radius:15px;display:grid;place-items:center;background:linear-gradient(145deg,#1d2430,#0e1117);border:1px solid rgba(255,255,255,.1);overflow:hidden}.voice-avatar:before{content:"";width:17px;height:17px;border-radius:50%;background:#dbe2ea;position:absolute;top:8px}.voice-avatar i{position:absolute;width:27px;height:23px;border-radius:14px 14px 6px 6px;background:#aab4c0;bottom:3px}.voice-avatar-female:after{content:"";position:absolute;width:24px;height:23px;border-radius:12px 12px 7px 7px;border:4px solid #a78bfa;border-top-width:7px;top:4px}.voice-avatar-male:after{content:"";position:absolute;width:20px;height:7px;border-radius:8px 8px 2px 2px;background:#60a5fa;top:4px}.voice-avatar-neutral:after{content:"";position:absolute;width:23px;height:5px;border-radius:8px;background:#ced602;top:5px}
.waha-connected-hero{display:grid;grid-template-columns:210px 1fr;gap:18px;align-items:center;margin:10px 0 14px}.waha-qr-blur{position:relative;min-height:210px;border-radius:18px;display:grid;place-items:center;overflow:hidden;background:repeating-conic-gradient(#cfd602 0 9deg,#101318 9deg 18deg) 0 0/26px 26px;filter:saturate(.8)}.waha-qr-blur:before{content:"";position:absolute;inset:-20px;background:rgba(8,10,12,.56);backdrop-filter:blur(9px)}.waha-qr-blur img{position:relative;width:82px;height:82px;z-index:2;filter:drop-shadow(0 6px 16px #000)}.waha-qr-blur strong{position:absolute;z-index:3;bottom:24px;background:#0b1d13;color:#6ee7a2;border:1px solid rgba(110,231,162,.35);border-radius:999px;padding:7px 13px}.waha-connected-copy h3{font-size:1.35rem;margin:.15rem 0}.waha-connected-copy p{color:#8e99a7}.waha-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin:12px 0}.waha-metrics div{padding:10px;border:1px solid rgba(255,255,255,.08);background:#0b0e12;border-radius:9px}.waha-metrics strong,.waha-metrics span{display:block}.waha-metrics strong{font-size:1rem}.waha-metrics span{font-size:.65rem;color:#84909d;margin-top:3px}
.product-catalog{grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}.product-card{cursor:pointer;transition:transform .16s,border-color .16s;min-height:190px}.product-card:hover,.product-card:focus{transform:translateY(-2px);outline:none;border-color:var(--product-accent)}.product-card small{max-height:2.6em;overflow:hidden;display:block;transition:max-height .2s}.product-card.expanded small{max-height:12em}.product-card-footer{margin-top:auto;padding-top:10px;border-top:1px solid rgba(255,255,255,.07);display:grid;gap:7px}.product-card-footer span{font-size:.65rem;color:#8f9ba8}.product-card-footer span strong{color:white;font-size:.9rem;margin-right:3px}
.module-hub-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:8px}.module-hub-card{border:1px solid rgba(255,255,255,.08);border-radius:11px;background:#0d0f12;padding:12px;display:grid;gap:8px}.arena-card{border-top:3px solid var(--brand-arena)}.module-hub-card>div:first-child strong,.module-hub-card>div:first-child small{display:block}.module-hub-card>div:first-child small{color:#8591a0;margin-top:3px}.module-hub-details{display:flex;gap:6px;flex-wrap:wrap}.module-hub-details span{font-size:.63rem;padding:5px 7px;border-radius:999px;background:#171a20;color:#a9b4c0}
.knowledge-studio{display:grid;gap:9px}.knowledge-graph-main{height:min(62vh,680px)!important;min-height:500px!important}.knowledge-reading{display:grid;grid-template-columns:minmax(280px,.7fr) minmax(0,1.3fr);gap:9px}.knowledge-reading>div{border:1px solid var(--line);border-radius:10px;padding:10px;background:#090a0d}.knowledge-reading h3{margin:0 0 7px}.knowledge-reading .doc-list{max-height:260px;overflow:auto}.knowledge-reading .doc-view{height:260px;max-height:260px;overflow:auto;margin:0}.vault-graph-canvas{height:100%!important;min-height:500px!important;border-radius:12px;background:radial-gradient(ellipse at 38% 45%,rgba(206,214,2,.06),transparent 38%),radial-gradient(ellipse at 62% 45%,rgba(139,92,246,.06),transparent 38%),#050307}
.cost-human-summary{margin:10px 0}.human-summary-card{padding:13px;border:1px solid rgba(96,165,250,.26);background:linear-gradient(145deg,rgba(30,64,175,.1),#0d1015);border-radius:11px}.human-summary-card h3{margin:.2rem 0}.human-summary-card p{color:#a9b4c0}.human-summary-card details{margin-top:8px}.human-summary-card summary{cursor:pointer;color:#93c5fd}.cost-executive-stats{grid-template-columns:repeat(3,minmax(0,1fr))}.cost-stat small{display:block;color:#7f8c9a;font-size:.66rem;margin-top:4px}.audit-event{display:grid;grid-template-columns:12px 1fr;gap:10px;padding:10px 3px;border-bottom:1px solid rgba(255,255,255,.06)}.audit-event-dot{width:8px;height:8px;border-radius:50%;background:#ced602;margin-top:5px}.audit-event strong,.audit-event small{display:block}.audit-event small{color:#7f8b99;margin-top:2px}.audit-event p{margin:4px 0 0;color:#aeb8c4}.field-help{display:block;color:#7f8b99;margin-top:5px;line-height:1.35}
@media(max-width:1180px){.modules-grid,.product-catalog{grid-template-columns:repeat(3,minmax(0,1fr))}.dashboard-intelligence{grid-template-columns:1fr}.recent-episodes{grid-template-columns:1fr 1fr}.group-card{grid-template-columns:minmax(180px,1fr) 120px 120px}.group-card-arrow{display:none}.knowledge-graph-main{height:540px!important}}
@media(max-width:700px){.dashboard-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-stat{min-height:86px;padding:11px}.dashboard-stat strong{font-size:1.55rem}.modules-grid,.product-catalog{grid-template-columns:repeat(2,minmax(0,1fr))}.module-dashboard-card{min-height:98px}.dashboard-quick-actions{grid-template-columns:1fr}.recent-episodes{grid-template-columns:1fr}.client-card{grid-template-columns:38px minmax(0,1fr) auto}.client-card-stats,.client-card>.status,.client-card>.group-card-arrow{display:none}.group-card{grid-template-columns:minmax(0,1fr) auto;padding:10px}.group-card-meta{justify-items:end}.group-module-dots{grid-column:1/-1}.group-tabs{margin-inline:-1px}.lifecycle-note{grid-template-columns:1fr}.episode-grid{grid-template-columns:1fr}.episode-modal-actions{align-items:flex-start;flex-direction:column}.voice-grid{grid-template-columns:1fr}.waha-connected-hero{grid-template-columns:1fr}.waha-qr-blur{min-height:150px}.waha-metrics{grid-template-columns:1fr 1fr}.knowledge-graph-main{height:420px!important;min-height:420px!important}.vault-graph-canvas{min-height:420px!important}.knowledge-reading{grid-template-columns:1fr}.knowledge-reading .doc-list{max-height:200px}.knowledge-reading .doc-view{height:240px}.cost-executive-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* Reform modal space pass */
.modal:has(.pronunciation-feedback-card) .modal-panel{width:min(1280px,94vw);max-height:90vh}
.modal:has(.pronunciation-feedback-card) #modal-body{display:grid;gap:10px}
.modal:has(#episode-forward-form) .modal-panel{width:min(1180px,92vw);max-height:88vh}
.modal:has(#episode-forward-form) textarea{min-height:108px}
@media(max-width:700px){.modal:has(.pronunciation-feedback-card) .modal-panel,.modal:has(#episode-forward-form) .modal-panel{width:100%;max-height:92dvh}.modal:has(#episode-forward-form) textarea{min-height:96px}}

/* Module identity finishing pass */
.brand-guardiao-text{color:var(--brand-guardiao)}
.brand-relacionamento-text{color:var(--brand-relacionamento)}
.brand-comunicados-text{color:var(--brand-comunicados)}
#guardiao-section>.panel:first-child{border-top:3px solid var(--brand-guardiao)}
#crm-section>.panel{border-top:3px solid var(--brand-relacionamento)}
#announcements-section>.panel{border-top:3px solid var(--brand-comunicados)}
#billing-section>.panel{border-top:3px solid #f59e0b}
#obsidian-section>.panel{border-top:3px solid #a78bfa}

/* Official Krypto mascot assets — sourced from owner-provided 2026-09-04 package */
.brand .brand-logo-img{object-fit:cover;object-position:50% 38%;border-radius:12px;border:1px solid rgba(206,214,2,.24);background:#fff;box-shadow:0 0 0 1px rgba(255,255,255,.04),0 6px 18px rgba(0,0,0,.28)}
.mascot-stage .hub-mascot-img{width:min(390px,82vw);max-height:500px;object-fit:contain;border-radius:24px;border:1px solid rgba(206,214,2,.22);box-shadow:0 24px 65px rgba(0,0,0,.42)}
.waha-qr-blur img{width:92px;height:92px;object-fit:cover;object-position:50% 38%;border-radius:20px;border:4px solid rgba(255,255,255,.9);background:#fff;box-shadow:0 8px 30px rgba(0,0,0,.45)}
@media(max-width:640px){.mascot-stage .hub-mascot-img{width:min(280px,74vw);max-height:330px;border-radius:18px}.brand .brand-logo-img{border-radius:10px}.waha-qr-blur img{width:78px;height:78px;border-radius:18px}}