:root {
  --bg: #0b0d12;
  --panel: #151821;
  --panel-2: #1d2230;
  --border: rgba(255, 255, 255, 0.12);
  --text: #ffffff;
  --muted: #a7adba;
  --teal: #20c7b7;
  --pink: #e2548a;
  --blue: #62a8ff;
  --gold: #f2b84b;
  --danger: #ff546b;
  --warning: #ffcc4d;
  --success: #38d982;
  --shadow: 0 18px 44px rgba(0, 0, 0, 0.26);
  --radius: 8px;
}

* {
  box-sizing: border-box;
}

body {
  margin: 0;
  min-height: 100vh;
  background: linear-gradient(180deg, #10131a 0%, var(--bg) 38rem);
  color: var(--text);
  font-family:
    Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI",
    sans-serif;
}

button,
input,
select {
  font: inherit;
}

button {
  border: 0;
  border-radius: var(--radius);
  background: linear-gradient(90deg, #087f79, #b93668);
  color: var(--text);
  cursor: pointer;
  font-weight: 800;
  padding: 0.72rem 1rem;
}

button:hover,
button:focus-visible {
  outline: 2px solid var(--teal);
  outline-offset: 2px;
}

button.ghost,
.toolbar button,
.action-row button {
  background: rgba(255, 255, 255, 0.08);
  border: 1px solid var(--border);
}

select,
input {
  width: 100%;
  min-width: 0;
  border: 1px solid var(--border);
  border-radius: var(--radius);
  background: rgba(255, 255, 255, 0.08);
  color: var(--text);
  padding: 0.72rem 0.85rem;
}

select {
  appearance: none;
}

input:focus,
select:focus {
  border-color: var(--teal);
  outline: none;
}

.admin-shell {
  display: grid;
  grid-template-columns: 18rem minmax(0, 1fr);
  min-height: 100vh;
}

.sidebar {
  border-right: 1px solid var(--border);
  background: rgba(5, 5, 14, 0.78);
  backdrop-filter: blur(20px);
  padding: 1.2rem;
  position: sticky;
  top: 0;
  height: 100vh;
}

.brand {
  align-items: center;
  display: flex;
  gap: 0.85rem;
  margin-bottom: 1.6rem;
}

.brand span {
  align-items: center;
  background: linear-gradient(135deg, #047b76, #b93668);
  border-radius: var(--radius);
  display: grid;
  font-weight: 900;
  height: 3.2rem;
  justify-content: center;
  width: 3.2rem;
}

.brand strong,
.brand small {
  display: block;
}

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

nav {
  display: grid;
  gap: 0.9rem;
}

.nav-group {
  display: grid;
  gap: 0.4rem;
}

.nav-group p {
  color: var(--muted);
  font-size: 0.72rem;
  font-weight: 900;
  letter-spacing: 0.08em;
  margin: 0.35rem 0 0;
  text-transform: uppercase;
}

nav button {
  background: transparent;
  border: 1px solid transparent;
  color: var(--muted);
  justify-content: flex-start;
  text-align: left;
}

nav button.active {
  background: rgba(9, 216, 208, 0.13);
  border-color: rgba(9, 216, 208, 0.38);
  color: var(--text);
}

.main {
  padding: 1.5rem;
}

.topbar,
.toolbar {
  align-items: center;
  display: flex;
  gap: 1rem;
  justify-content: space-between;
}

.topbar {
  margin-bottom: 1rem;
}

.local-review-banner {
  background: rgba(255, 204, 77, 0.16);
  border: 1px solid rgba(255, 204, 77, 0.55);
  border-radius: var(--radius);
  color: #ffe8a3;
  font-weight: 900;
  letter-spacing: 0;
  margin-bottom: 1rem;
  padding: 0.85rem 1rem;
}

h1,
h2,
p {
  margin-top: 0;
}

h1 {
  font-size: clamp(2rem, 5vw, 3.6rem);
  line-height: 1;
  margin-bottom: 0;
}

h2 {
  font-size: 1.1rem;
}

.connection-panel {
  align-items: end;
  display: grid;
  gap: 0.7rem;
  grid-template-columns: minmax(12rem, 16rem) auto auto;
}

.connection-panel label {
  color: var(--muted);
  display: grid;
  font-size: 0.78rem;
  gap: 0.35rem;
}

.toolbar {
  background: rgba(255, 255, 255, 0.055);
  border: 1px solid var(--border);
  border-radius: var(--radius);
  box-shadow: var(--shadow);
  margin-bottom: 1rem;
  padding: 1rem;
}

.toolbar strong,
.toolbar span {
  display: block;
}

.toolbar-actions {
  align-items: center;
  display: flex;
  gap: 0.7rem;
  min-width: min(100%, 34rem);
}

.grid {
  display: grid;
  gap: 1rem;
}

.metrics-grid {
  grid-template-columns: repeat(auto-fit, minmax(12rem, 1fr));
}

.metric-card,
.panel,
.empty-state {
  background: rgba(255, 255, 255, 0.055);
  border: 1px solid var(--border);
  border-radius: var(--radius);
  box-shadow: var(--shadow);
  padding: 1.1rem;
}

.metric-card span,
.fee-grid span {
  color: var(--muted);
  display: block;
  font-size: 0.85rem;
}

.metric-card strong {
  display: block;
  font-size: clamp(1.35rem, 2vw, 2rem);
  margin-top: 0.35rem;
  overflow-wrap: anywhere;
}

.split {
  display: grid;
  gap: 1rem;
  grid-template-columns: repeat(auto-fit, minmax(18rem, 1fr));
  margin-top: 1rem;
}

.mini-list {
  display: grid;
  gap: 0.55rem;
}

.mini-row {
  align-items: center;
  background: rgba(255, 255, 255, 0.055);
  border-radius: var(--radius);
  display: grid;
  gap: 0.5rem;
  grid-template-columns: 1fr 1fr auto;
  padding: 0.75rem;
}

.table-wrap {
  background: rgba(255, 255, 255, 0.045);
  border: 1px solid var(--border);
  border-radius: var(--radius);
  box-shadow: var(--shadow);
  overflow: auto;
}

table {
  border-collapse: collapse;
  min-width: 76rem;
  width: 100%;
}

th,
td {
  border-bottom: 1px solid var(--border);
  padding: 0.78rem 0.9rem;
  text-align: left;
  vertical-align: top;
}

th {
  color: var(--muted);
  font-size: 0.82rem;
  text-transform: uppercase;
}

td strong,
td small {
  display: block;
}

td small {
  margin-top: 0.22rem;
}

tr:last-child td {
  border-bottom: 0;
}

.status-badge {
  background: rgba(9, 216, 208, 0.13);
  border: 1px solid rgba(9, 216, 208, 0.32);
  border-radius: 999px;
  color: var(--text);
  display: inline-flex;
  font-size: 0.82rem;
  font-weight: 800;
  padding: 0.35rem 0.65rem;
}

.status-badge.failed,
.status-badge.cancelled,
.status-badge.canceled,
.status-badge.hidden,
.status-badge.removed,
.status-badge.suspended,
.status-badge.banned {
  background: rgba(255, 84, 107, 0.14);
  border-color: rgba(255, 84, 107, 0.36);
}

.status-badge.pending,
.status-badge.under-review,
.status-badge.reviewing,
.status-badge.disputed {
  background: rgba(242, 184, 75, 0.14);
  border-color: rgba(242, 184, 75, 0.36);
}

.status-badge.completed,
.status-badge.paid,
.status-badge.active,
.status-badge.verified,
.status-badge.resolved {
  background: rgba(56, 217, 130, 0.13);
  border-color: rgba(56, 217, 130, 0.32);
}

.action-row {
  display: flex;
  flex-wrap: wrap;
  gap: 0.45rem;
}

.action-row button {
  padding: 0.5rem 0.72rem;
}

.empty-state,
.loading-state {
  margin-top: 1rem;
  text-align: center;
}

.auth-empty {
  margin: 5rem auto 0;
  max-width: 44rem;
}

.auth-form,
.config-grid {
  display: grid;
  gap: 0.9rem;
  margin: 1.2rem auto 0;
  max-width: 34rem;
  text-align: left;
}

.auth-form label,
.config-grid label {
  color: var(--muted);
  display: grid;
  gap: 0.4rem;
}

.google-button {
  align-items: center;
  background: #ffffff;
  color: #17151f;
  display: inline-flex;
  gap: 0.75rem;
  justify-content: center;
}

.google-button span {
  align-items: center;
  border: 1px solid rgba(0, 0, 0, 0.12);
  border-radius: 50%;
  color: #4285f4;
  display: inline-flex;
  font-weight: 900;
  height: 1.8rem;
  justify-content: center;
  width: 1.8rem;
}

.auth-divider {
  align-items: center;
  color: var(--muted);
  display: grid;
  font-size: 0.85rem;
  gap: 0.75rem;
  grid-template-columns: 1fr auto 1fr;
}

.auth-divider::before,
.auth-divider::after {
  background: var(--border);
  content: "";
  height: 1px;
}

.config-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  max-width: 56rem;
}

.config-grid button {
  grid-column: 1 / -1;
}

.config-details {
  margin-top: 1.2rem;
  text-align: left;
}

.config-details summary {
  color: var(--teal);
  cursor: pointer;
  font-weight: 800;
}

.error-state {
  border-color: rgba(255, 84, 107, 0.38);
}

.loading-state {
  align-items: center;
  color: var(--muted);
  display: grid;
  gap: 1rem;
  justify-items: center;
}

.loading-state div {
  animation: spin 0.8s linear infinite;
  border: 3px solid rgba(255, 255, 255, 0.16);
  border-top-color: var(--teal);
  border-radius: 50%;
  height: 2.3rem;
  width: 2.3rem;
}

.fee-grid {
  display: grid;
  gap: 0.85rem;
  grid-template-columns: repeat(auto-fit, minmax(14rem, 1fr));
}

.fee-grid div {
  background: rgba(255, 255, 255, 0.055);
  border-radius: var(--radius);
  padding: 1rem;
}

.filters,
.summary-strip,
.chart-grid {
  display: grid;
  gap: 1rem;
  margin-bottom: 1rem;
}

.filters {
  align-items: end;
  grid-template-columns: repeat(auto-fit, minmax(10rem, 1fr));
}

.filter-control {
  color: var(--muted);
  display: grid;
  font-size: 0.78rem;
  gap: 0.35rem;
}

.summary-strip {
  grid-template-columns: repeat(auto-fit, minmax(10rem, 1fr));
}

.chart-grid {
  grid-template-columns: repeat(auto-fit, minmax(20rem, 1fr));
  margin-top: 1rem;
}

.chart-panel h2,
.panel h2 {
  margin-bottom: 1rem;
}

.bar-chart {
  display: grid;
  gap: 0.65rem;
}

.bar-row {
  align-items: center;
  display: grid;
  gap: 0.7rem;
  grid-template-columns: minmax(5rem, 1fr) minmax(8rem, 2fr) auto;
}

.bar-row span,
.bar-row strong {
  font-size: 0.82rem;
}

.bar-row span {
  color: var(--muted);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.bar-row div {
  background: rgba(255, 255, 255, 0.08);
  border-radius: 999px;
  height: 0.65rem;
  overflow: hidden;
}

.bar-row i {
  background: linear-gradient(90deg, var(--teal), var(--blue), var(--pink));
  border-radius: 999px;
  display: block;
  height: 100%;
}

.rule-list {
  display: grid;
  gap: 0.55rem;
}

.rule-list span {
  background: rgba(255, 255, 255, 0.055);
  border: 1px solid var(--border);
  border-radius: var(--radius);
  color: var(--muted);
  padding: 0.75rem;
}

.command-hero {
  align-items: center;
  background: rgba(255, 255, 255, 0.055);
  border: 1px solid var(--border);
  border-radius: var(--radius);
  box-shadow: var(--shadow);
  display: grid;
  gap: 1rem;
  grid-template-columns: minmax(0, 1fr) auto;
  margin-bottom: 1rem;
  padding: 1.2rem;
}

.command-hero h2 {
  font-size: clamp(1.35rem, 2.5vw, 2.15rem);
  line-height: 1.12;
  margin-bottom: 0.45rem;
}

.command-hero p:last-child {
  color: var(--muted);
  margin-bottom: 0;
}

.hero-actions,
.widget-meta,
.segmented-control {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 0.55rem;
}

.command-grid {
  display: grid;
  gap: 1rem;
  margin-top: 1rem;
}

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

.command-widget {
  background: rgba(255, 255, 255, 0.055);
  border: 1px solid var(--border);
  border-left: 4px solid rgba(167, 173, 186, 0.8);
  border-radius: var(--radius);
  box-shadow: var(--shadow);
  padding: 1rem;
}

.command-widget + .command-widget,
.platform-health {
  margin-top: 1rem;
}

.command-widget.is-healthy {
  border-left-color: var(--success);
}

.command-widget.is-warning {
  border-left-color: var(--warning);
}

.command-widget.is-critical {
  border-left-color: var(--danger);
}

.widget-head {
  align-items: start;
  display: flex;
  gap: 1rem;
  justify-content: space-between;
  margin-bottom: 1rem;
}

.widget-head p,
.widget-meta,
.command-metric small,
.health-card small {
  color: var(--muted);
}

.widget-head h2,
.command-widget h3 {
  margin-bottom: 0.35rem;
}

.widget-head p {
  margin-bottom: 0;
}

.widget-meta {
  border-top: 1px solid var(--border);
  font-size: 0.78rem;
  justify-content: space-between;
  margin-top: 1rem;
  padding-top: 0.85rem;
}

.widget-meta button,
.health-card button,
.command-metric button,
.compact-table button {
  padding: 0.45rem 0.68rem;
}

.health-grid,
.finance-grid,
.activity-grid {
  display: grid;
  gap: 0.75rem;
}

.health-grid {
  grid-template-columns: repeat(auto-fit, minmax(13.5rem, 1fr));
}

.finance-grid,
.activity-grid {
  grid-template-columns: repeat(auto-fit, minmax(12rem, 1fr));
}

.health-card,
.command-metric {
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid var(--border);
  border-radius: var(--radius);
  display: grid;
  gap: 0.7rem;
  min-height: 9rem;
  padding: 0.85rem;
}

.health-title {
  align-items: center;
  display: flex;
  gap: 0.6rem;
  justify-content: space-between;
}

.health-card dl,
.kv-list {
  display: grid;
  gap: 0.55rem;
  margin: 0;
}

.health-card dl {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.health-card dt,
.kv-list dt {
  color: var(--muted);
  font-size: 0.72rem;
  text-transform: uppercase;
}

.health-card dd,
.kv-list dd {
  margin: 0;
  overflow-wrap: anywhere;
}

.command-metric {
  min-height: 8rem;
}

.command-metric span,
.quick-action-grid span {
  color: var(--muted);
  display: block;
  font-size: 0.78rem;
}

.command-metric strong {
  display: block;
  font-size: 1.45rem;
  margin-top: 0.25rem;
  overflow-wrap: anywhere;
}

.inline-alert {
  background: rgba(242, 184, 75, 0.12);
  border: 1px solid rgba(242, 184, 75, 0.38);
  border-radius: var(--radius);
  margin-bottom: 0.65rem;
  padding: 0.75rem;
}

.auth-error {
  background: rgba(255, 91, 126, 0.12);
  border-color: rgba(255, 91, 126, 0.48);
  color: #ff9ab0;
}

.auth-notice {
  background: rgba(31, 213, 201, 0.1);
  border-color: rgba(31, 213, 201, 0.38);
  color: var(--cyan);
}

.compact-table {
  overflow: auto;
}

.compact-table table {
  min-width: 42rem;
}

.segmented-control {
  margin-bottom: 0.8rem;
}

.segmented-control button {
  background: rgba(255, 255, 255, 0.08);
  border: 1px solid var(--border);
  padding: 0.48rem 0.7rem;
}

.segmented-control button.active {
  background: rgba(9, 216, 208, 0.13);
  border-color: rgba(9, 216, 208, 0.38);
}

.quick-action-grid {
  display: grid;
  gap: 0.7rem;
  grid-template-columns: repeat(auto-fit, minmax(11rem, 1fr));
}

.quick-action-grid button {
  background: rgba(255, 255, 255, 0.08);
  border: 1px solid var(--border);
  min-height: 4.6rem;
  text-align: left;
}

.kv-list {
  grid-template-columns: repeat(auto-fit, minmax(12rem, 1fr));
}

.kv-list div {
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid var(--border);
  border-radius: var(--radius);
  padding: 0.75rem;
}

.global-search {
  color: var(--muted);
  display: grid;
  gap: 0.45rem;
  margin-bottom: 1rem;
}

.finance-module-head {
  align-items: center;
  background: rgba(255, 255, 255, 0.055);
  border: 1px solid var(--border);
  border-radius: var(--radius);
  box-shadow: var(--shadow);
  display: grid;
  gap: 1rem;
  grid-template-columns: minmax(0, 1fr) auto;
  margin-bottom: 1rem;
  padding: 1.1rem;
}

.marketplace-module-head,
.trust-module-head,
.analytics-module-head,
.system-module-head {
  align-items: center;
  background: rgba(255, 255, 255, 0.055);
  border: 1px solid var(--border);
  border-radius: var(--radius);
  box-shadow: var(--shadow);
  display: grid;
  gap: 1rem;
  grid-template-columns: minmax(0, 1fr) auto;
  margin-bottom: 1rem;
  padding: 1.1rem;
}

.marketplace-module-head h2,
.trust-module-head h2,
.analytics-module-head h2,
.system-module-head h2 {
  font-size: clamp(1.55rem, 3vw, 2.35rem);
  margin-bottom: 0.45rem;
}

.marketplace-module-head p:last-child,
.trust-module-head p:last-child,
.analytics-module-head p:last-child,
.system-module-head p:last-child {
  color: var(--muted);
  margin-bottom: 0;
}

.marketplace-tabs,
.trust-tabs,
.analytics-tabs,
.analytics-date-filters,
.system-tabs {
  align-items: stretch;
  background: rgba(255, 255, 255, 0.045);
  border: 1px solid var(--border);
  border-radius: var(--radius);
  margin-bottom: 1rem;
  padding: 0.55rem;
}

.marketplace-tabs button,
.trust-tabs button,
.analytics-tabs button,
.analytics-date-filters button,
.system-tabs button {
  flex: 1 1 9rem;
  justify-content: center;
}

.marketplace-workspace,
.trust-workspace,
.analytics-workspace,
.system-workspace {
  min-height: 18rem;
}

.module-summary,
.chart-summary {
  color: var(--muted);
  line-height: 1.5;
}

.metadata-list {
  color: var(--muted);
  margin: 0;
  padding-left: 1.2rem;
}

.finance-module-head h2 {
  font-size: clamp(1.55rem, 3vw, 2.35rem);
  margin-bottom: 0.45rem;
}

.finance-module-head p:last-child {
  color: var(--muted);
  margin-bottom: 0;
}

.finance-tabs {
  align-items: stretch;
  background: rgba(255, 255, 255, 0.045);
  border: 1px solid var(--border);
  border-radius: var(--radius);
  margin-bottom: 1rem;
  padding: 0.55rem;
}

.finance-tabs button {
  flex: 1 1 10rem;
  justify-content: center;
}

.finance-date-filters {
  margin-bottom: 1rem;
}

.finance-workspace {
  min-height: 18rem;
}

.finance-filter-grid {
  grid-template-columns: repeat(auto-fit, minmax(11rem, 1fr));
}

.ledger-line-row td {
  background: rgba(255, 255, 255, 0.032);
  color: var(--muted);
  font-size: 0.84rem;
}

.warning-box {
  background: rgba(242, 184, 75, 0.12);
  border: 1px solid rgba(242, 184, 75, 0.38);
  border-radius: var(--radius);
  color: var(--text);
  display: grid;
  gap: 0.55rem;
  margin: 1rem 0;
  padding: 1rem;
  text-align: left;
}

.warning-box span {
  color: var(--muted);
}

.warning-box code {
  background: rgba(0, 0, 0, 0.28);
  border: 1px solid var(--border);
  border-radius: var(--radius);
  color: #ffffff;
  display: block;
  overflow-x: auto;
  padding: 0.75rem;
}

@keyframes spin {
  to {
    transform: rotate(360deg);
  }
}

@media (max-width: 960px) {
  .admin-shell {
    grid-template-columns: 1fr;
  }

  .sidebar {
    height: auto;
    position: static;
  }

  nav {
    display: flex;
    overflow-x: auto;
    padding-bottom: 0.35rem;
  }

  nav button {
    white-space: nowrap;
  }

  .topbar,
  .toolbar,
  .toolbar-actions {
    align-items: stretch;
    flex-direction: column;
  }

  .connection-panel {
    grid-template-columns: 1fr;
    width: 100%;
  }

  .config-grid {
    grid-template-columns: 1fr;
  }

  .toolbar-actions {
    min-width: 0;
    width: 100%;
  }

  .command-hero,
  .finance-module-head,
  .marketplace-module-head,
  .trust-module-head,
  .analytics-module-head,
  .system-module-head,
  .two-col {
    grid-template-columns: 1fr;
  }

  .widget-head,
  .widget-meta {
    align-items: stretch;
    flex-direction: column;
  }

  .health-card,
  .command-metric {
    min-height: auto;
  }
}

@media (max-width: 620px) {
  .main,
  .sidebar {
    padding: 1rem;
  }

  h1 {
    font-size: 2rem;
  }

  .health-card dl,
  .kv-list {
    grid-template-columns: 1fr;
  }

  .compact-table table,
  table {
    min-width: 38rem;
  }
}

/* Keep approved workspace tabs compact after legacy workspace rules. */
.approved-review-workspace .mission-tabs,
.mission-control + .mission-tabs,
.approved-mission-control .mission-tabs {
  background: transparent;
  border: 0;
  border-bottom: 1px solid rgba(76, 139, 170, .2);
  border-radius: 0;
  padding: 0;
}

.approved-review-workspace .mission-tabs button,
.approved-mission-control .mission-tabs button {
  border: 0;
  border-bottom: 2px solid transparent;
  border-radius: 0;
  color: #9aa7b6;
  font-size: 10px;
  padding: 9px 13px;
}

.approved-review-workspace .mission-tabs button.active,
.approved-mission-control .mission-tabs button.active {
  background: transparent;
  border-bottom-color: var(--approved-teal);
  box-shadow: none;
  color: #fff;
}

/* GigArtz Operations Platform V3 - Stage 2 Platform Shell */
.platform-shell {
  background:
    radial-gradient(circle at top left, rgba(20, 184, 166, 0.08), transparent 26rem),
    var(--v3-color-background, var(--bg));
  grid-template-columns: 18.5rem minmax(0, 1fr);
}

.platform-shell.sidebar-collapsed {
  grid-template-columns: 5.4rem minmax(0, 1fr);
}

.platform-sidebar {
  background: rgba(8, 10, 15, 0.78);
  border-right: 1px solid rgba(255, 255, 255, 0.055);
  display: grid;
  grid-template-rows: auto minmax(0, 1fr) auto;
  overflow: hidden;
  padding-right: 0.15rem;
  transition:
    width var(--v3-motion-drawer),
    padding var(--v3-motion-drawer);
}

.platform-sidebar:hover {
  width: 18.5rem;
}

.platform-brand {
  margin-bottom: 1rem;
  min-width: 0;
  position: relative;
}

.platform-brand > div {
  min-width: 0;
}

.platform-sidebar-toggle {
  background: rgba(255, 255, 255, 0.035);
  border: 1px solid rgba(255, 255, 255, 0.075);
  color: var(--muted);
  font-size: 0.72rem;
  margin-left: auto;
  padding: 0.45rem 0.55rem;
}

.platform-shell.sidebar-collapsed .platform-brand div,
.platform-shell.sidebar-collapsed .platform-sidebar-toggle,
.platform-shell.sidebar-collapsed .workspace-label,
.platform-shell.sidebar-collapsed .platform-nav-nested,
.platform-shell.sidebar-collapsed .platform-sidebar-secondary {
  opacity: 0;
  pointer-events: none;
  position: absolute;
}

.platform-shell.sidebar-collapsed .platform-sidebar:hover .platform-brand div,
.platform-shell.sidebar-collapsed .platform-sidebar:hover .platform-sidebar-toggle,
.platform-shell.sidebar-collapsed .platform-sidebar:hover .workspace-label,
.platform-shell.sidebar-collapsed .platform-sidebar:hover .platform-nav-nested,
.platform-shell.sidebar-collapsed .platform-sidebar:hover .platform-sidebar-secondary {
  opacity: 1;
  pointer-events: auto;
  position: static;
}

.platform-nav {
  align-content: start;
  display: grid;
  gap: 0.58rem;
  overflow: auto;
  padding-right: 0.15rem;
}

.platform-nav-workspace {
  border-radius: var(--v3-radius-card);
  display: grid;
  gap: 0.18rem;
}

.platform-nav-primary {
  align-items: center;
  background: transparent;
  border: 1px solid transparent;
  color: var(--muted);
  display: flex;
  gap: 0.7rem;
  padding: 0.68rem 0.72rem;
  text-align: left;
}

.platform-nav-primary.active {
  background: rgba(20, 184, 166, 0.085);
  border-color: rgba(20, 184, 166, 0.2);
  color: var(--text);
}

.platform-nav-primary:hover,
.platform-nav-nested button:hover,
.platform-sidebar-list button:hover {
  background: rgba(255, 255, 255, 0.04);
  border-color: rgba(255, 255, 255, 0.08);
  color: var(--text);
}

.workspace-icon {
  align-items: center;
  background: rgba(255, 255, 255, 0.045);
  border: 1px solid rgba(255, 255, 255, 0.075);
  border-radius: 7px;
  display: inline-flex;
  flex: 0 0 2rem;
  font-size: 0.82rem;
  font-weight: 900;
  height: 2rem;
  justify-content: center;
  width: 2rem;
}

.platform-nav-nested {
  display: grid;
  gap: 0.15rem;
  margin: 0 0 0.35rem 2.5rem;
}

.platform-nav-nested button,
.platform-sidebar-list button {
  background: transparent;
  border: 1px solid transparent;
  color: var(--muted);
  font-size: 0.84rem;
  font-weight: 700;
  padding: 0.42rem 0.5rem;
  text-align: left;
}

.platform-nav-nested button.active {
  color: var(--text);
}

.platform-sidebar-secondary {
  border-top: 1px solid rgba(255, 255, 255, 0.07);
  display: grid;
  gap: 0.85rem;
  margin-top: 1rem;
  padding-top: 1rem;
}

.platform-sidebar-list {
  display: grid;
  gap: 0.25rem;
}

.platform-sidebar-list p {
  color: var(--muted);
  font-size: 0.72rem;
  font-weight: 900;
  letter-spacing: 0.08em;
  margin: 0;
  text-transform: uppercase;
}

.platform-sidebar-list button {
  align-items: center;
  display: flex;
  justify-content: space-between;
}

.platform-sidebar-list small {
  color: var(--muted);
  font-size: 0.7rem;
}

.platform-main {
  min-width: 0;
  padding: var(--v3-space-page, 1.5rem);
}

.platform-topbar {
  background: rgba(255, 255, 255, 0.035);
  border: 1px solid var(--border);
  border-radius: var(--v3-radius-card);
  margin-bottom: 1rem;
  padding: 0.65rem;
}

.platform-search-trigger {
  align-items: center;
  background: rgba(255, 255, 255, 0.055);
  border: 1px solid var(--border);
  color: var(--muted);
  display: flex;
  flex: 1 1 18rem;
  font-weight: 700;
  gap: 0.5rem;
  justify-content: flex-start;
  max-width: 35rem;
  min-height: 2.6rem;
}

.platform-search-trigger kbd {
  background: rgba(255, 255, 255, 0.08);
  border: 1px solid var(--border);
  border-radius: 5px;
  color: var(--text);
  font-size: 0.72rem;
  margin-left: auto;
  padding: 0.18rem 0.35rem;
}

.platform-search-trigger kbd + kbd {
  margin-left: 0;
}

.platform-topbar-actions {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  justify-content: end;
}

.platform-mode-switcher {
  align-items: center;
  background: rgba(255, 255, 255, 0.045);
  border: 1px solid var(--border);
  border-radius: 999px;
  display: flex;
  padding: 0.2rem;
}

.platform-mode-switcher button {
  background: transparent;
  border-radius: 999px;
  color: var(--muted);
  font-size: 0.76rem;
  padding: 0.45rem 0.65rem;
}

.platform-mode-switcher button.active {
  background: rgba(20, 184, 166, 0.16);
  color: var(--text);
}

.platform-env-badge {
  background: rgba(106, 169, 255, 0.12);
  border: 1px solid rgba(106, 169, 255, 0.36);
  border-radius: 999px;
  color: #cfe2ff;
  font-size: 0.76rem;
  font-weight: 850;
  padding: 0.5rem 0.7rem;
}

.platform-user-menu {
  position: relative;
}

.platform-user-menu summary {
  background: rgba(255, 255, 255, 0.055);
  border: 1px solid var(--border);
  border-radius: var(--radius);
  color: var(--text);
  cursor: pointer;
  font-weight: 800;
  list-style: none;
  max-width: 14rem;
  overflow: hidden;
  padding: 0.62rem 0.75rem;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.platform-user-menu summary::-webkit-details-marker {
  display: none;
}

.platform-user-menu > div {
  background: var(--panel);
  border: 1px solid var(--border);
  border-radius: var(--radius);
  box-shadow: var(--shadow);
  display: grid;
  gap: 0.6rem;
  min-width: 20rem;
  padding: 0.8rem;
  position: absolute;
  right: 0;
  top: calc(100% + 0.45rem);
  z-index: 30;
}

.platform-user-menu label {
  color: var(--muted);
  display: grid;
  font-size: 0.78rem;
  gap: 0.35rem;
}

.platform-workspace-header {
  background: rgba(255, 255, 255, 0.045);
  border: 1px solid var(--border);
  border-radius: var(--v3-radius-card);
  box-shadow: var(--shadow);
  margin-bottom: 1rem;
  padding: clamp(1rem, 2vw, 1.25rem);
}

.platform-breadcrumbs {
  align-items: center;
  color: var(--muted);
  display: flex;
  flex-wrap: wrap;
  font-size: 0.8rem;
  gap: 0.4rem;
  margin-bottom: 0.8rem;
}

.platform-breadcrumbs span[aria-current="page"] {
  color: var(--text);
  font-weight: 800;
}

.platform-breadcrumbs i {
  color: rgba(255, 255, 255, 0.28);
  font-style: normal;
}

.platform-workspace-title {
  align-items: end;
  display: grid;
  gap: 1rem;
  grid-template-columns: minmax(0, 1fr) auto;
}

.platform-workspace-title h1 {
  font-size: clamp(1.45rem, 2.4vw, 2.2rem);
  line-height: 1.05;
  margin-bottom: 0.45rem;
}

.platform-workspace-title p:last-child {
  color: var(--muted);
  margin-bottom: 0;
  max-width: 62rem;
}

.platform-workspace-actions {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 0.55rem;
  justify-content: end;
}

.platform-context-bar {
  box-shadow: none;
}

.platform-layout-grid {
  display: grid;
  gap: var(--v3-space-section, 1rem);
  min-width: 0;
}

.platform-mode-focus .platform-context-bar,
.platform-mode-focus .filters,
.platform-mode-focus .platform-drawer-placeholder {
  display: none;
}

.platform-mode-focus .platform-workspace-header {
  border-color: rgba(20, 184, 166, 0.35);
}

.platform-mode-executive .platform-workspace-header {
  border-color: rgba(106, 169, 255, 0.34);
}

.platform-modal-layer {
  align-items: start;
  display: grid;
  inset: 0;
  justify-items: center;
  padding: min(12vh, 6rem) 1rem 1rem;
  position: fixed;
  z-index: 120;
}

.platform-modal-scrim {
  background: rgba(0, 0, 0, 0.54);
  border-radius: 0;
  inset: 0;
  position: fixed;
}

.platform-command-wrap {
  max-width: 42rem;
  position: relative;
  width: min(42rem, 100%);
  z-index: 1;
}

.platform-nuru-layer {
  background: var(--panel);
  border: 1px solid rgba(20, 184, 166, 0.32);
  border-radius: var(--v3-radius-card);
  bottom: 1rem;
  box-shadow: var(--v3-shadow-drawer);
  display: grid;
  gap: 0.8rem;
  max-height: calc(100vh - 2rem);
  max-width: min(100vw - 2rem, 28rem);
  overflow: auto;
  padding: 1rem;
  position: fixed;
  right: 1rem;
  width: 100%;
  z-index: 110;
}

.platform-nuru-layer > header {
  align-items: center;
  display: flex;
  gap: 1rem;
  justify-content: space-between;
}

.platform-nuru-layer h2,
.platform-nuru-layer h3 {
  margin: 0;
}

.platform-nuru-layer > header span {
  color: var(--muted);
  display: block;
  font-size: 0.76rem;
  margin-top: 0.2rem;
}

.platform-nuru-recommendations,
.platform-nuru-business,
.platform-nuru-product,
.platform-nuru-business-journal,
.platform-nuru-layers,
.platform-nuru-memory,
.platform-nuru-natural-language,
.platform-nuru-placeholders {
  background: rgba(255, 255, 255, 0.045);
  border: 1px solid var(--border);
  border-radius: var(--radius);
  display: grid;
  gap: 0.7rem;
  padding: 0.85rem;
}

.platform-nuru-recommendations .v3-card {
  background: rgba(255, 255, 255, 0.035);
  box-shadow: none;
}

.platform-nuru-business-card {
  background: rgba(255, 255, 255, 0.03);
  border: 1px solid rgba(255, 255, 255, 0.07);
  border-radius: var(--v3-radius-card);
  display: grid;
  gap: 0.35rem;
  padding: 0.72rem;
}

.platform-nuru-business-card h4 {
  margin: 0;
}

.platform-nuru-business-card p {
  color: var(--muted);
  margin: 0;
}

.platform-nuru-business-card strong {
  color: var(--text);
}

.platform-nuru-business-stories {
  display: grid;
  gap: 0.45rem;
}

.platform-nuru-product p {
  color: var(--muted);
  margin: 0;
}

.platform-nuru-product strong {
  color: var(--text);
}

.platform-nuru-product-grid,
.platform-nuru-product-flows {
  display: grid;
  gap: 0.45rem;
}

.platform-nuru-product-card,
.platform-nuru-product-flow {
  background: rgba(255, 255, 255, 0.03);
  border: 1px solid rgba(255, 255, 255, 0.07);
  border-radius: var(--v3-radius-card);
  display: grid;
  gap: 0.35rem;
  padding: 0.72rem;
}

.platform-nuru-product-card div {
  align-items: start;
  display: flex;
  gap: 0.6rem;
  justify-content: space-between;
}

.platform-nuru-product-card p,
.platform-nuru-product-card span,
.platform-nuru-product-flow p,
.platform-nuru-product-flow small {
  color: var(--muted);
  margin: 0;
}

.platform-nuru-product-card small {
  color: var(--accent);
  white-space: nowrap;
}

.platform-nuru-layer-row,
.platform-nuru-natural-language button {
  align-items: center;
  background: rgba(255, 255, 255, 0.03);
  border: 1px solid rgba(255, 255, 255, 0.07);
  border-radius: var(--v3-radius-card);
  color: var(--text);
  display: flex;
  gap: 0.8rem;
  justify-content: space-between;
  padding: 0.72rem;
  text-align: left;
}

.platform-nuru-layer-row:hover,
.platform-nuru-natural-language button:hover {
  background: rgba(255, 255, 255, 0.06);
  border-color: rgba(20, 184, 166, 0.28);
}

.platform-nuru-layer-row small,
.platform-nuru-natural-language small {
  color: var(--muted);
  display: block;
  font-size: 0.76rem;
  margin-top: 0.2rem;
}

.platform-nuru-memory ul,
.platform-nuru-business-journal ul {
  display: grid;
  gap: 0.45rem;
  list-style: none;
  margin: 0;
  padding: 0;
}

.platform-nuru-memory li,
.platform-nuru-business-journal li {
  display: grid;
  gap: 0.15rem;
}

.platform-nuru-memory li span,
.platform-nuru-business-journal li span,
.platform-nuru-placeholders p {
  color: var(--muted);
  margin-bottom: 0;
}

.platform-nuru-natural-language div {
  display: grid;
  gap: 0.45rem;
}

.platform-drawer-layer {
  pointer-events: none;
}

.platform-drawer-placeholder {
  border: 1px dashed rgba(255, 255, 255, 0.14);
  border-radius: var(--v3-radius-card);
  color: var(--muted);
  font-size: 0.78rem;
  margin-top: 1rem;
  padding: 0.75rem;
}

.mission-control {
  display: grid;
  gap: clamp(1.25rem, 2.3vw, 1.8rem);
}

.mission-hero {
  background:
    linear-gradient(135deg, rgba(20, 184, 166, 0.11), transparent 48%),
    rgba(255, 255, 255, 0.032);
  border: 1px solid rgba(255, 255, 255, 0.09);
  border-radius: var(--v3-radius-card);
  box-shadow: 0 22px 55px rgba(0, 0, 0, 0.22);
  display: grid;
  gap: clamp(1.4rem, 3vw, 2.4rem);
  grid-template-columns: minmax(18rem, 0.9fr) minmax(24rem, 1.1fr);
  margin-bottom: 0.35rem;
  padding: clamp(1.55rem, 3.5vw, 2.65rem);
}

.mission-hero-copy {
  align-content: center;
  display: grid;
  gap: 1rem;
}

.mission-hero h2 {
  font-size: clamp(2.6rem, 5.5vw, 5.2rem);
  letter-spacing: 0;
  line-height: 0.94;
  margin: 0;
  max-width: 11ch;
}

.mission-hero p {
  color: var(--muted);
  font-size: 1.03rem;
  line-height: 1.6;
  margin: 0;
  max-width: 42rem;
}

.mission-greeting {
  color: var(--text) !important;
  font-size: clamp(1rem, 2vw, 1.22rem) !important;
  font-weight: 800;
}

.mission-priority-card {
  border-left: 2px solid rgba(20, 184, 166, 0.62);
  display: grid;
  gap: 0.35rem;
  margin-top: 0.25rem;
  max-width: 31rem;
  padding-left: 1rem;
}

.mission-priority-card span,
.mission-priority-card small {
  color: var(--muted);
  font-size: 0.76rem;
  font-weight: 800;
}

.mission-priority-card span {
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.mission-priority-card strong {
  font-size: clamp(1.08rem, 2vw, 1.35rem);
  line-height: 1.3;
}

.mission-nuru-panel {
  display: grid;
  gap: 1rem;
}

.mission-nuru-panel .v3-card {
  background: rgba(13, 15, 20, 0.5);
  border-color: rgba(255, 255, 255, 0.08);
  box-shadow: none;
}

.mission-section {
  background: rgba(255, 255, 255, 0.028);
  border: 1px solid rgba(255, 255, 255, 0.075);
  border-radius: var(--v3-radius-card);
  box-shadow: none;
  display: grid;
  gap: 1.05rem;
  padding: clamp(1.05rem, 2.2vw, 1.35rem);
}

.mission-section-head {
  align-items: center;
  display: flex;
  gap: 1rem;
  justify-content: space-between;
}

.mission-section-head h3 {
  font-size: 1.05rem;
  margin: 0 0 0.25rem;
}

.mission-section-head p {
  color: var(--muted);
  font-size: 0.88rem;
  margin: 0;
}

.mission-health-grid {
  display: grid;
  gap: 0;
  grid-template-columns: 1fr;
}

.mission-health-button,
.mission-clickable-card,
.mission-activity-row {
  background: rgba(255, 255, 255, 0.02);
  border: 1px solid rgba(255, 255, 255, 0.065);
  border-radius: var(--v3-radius-card);
  color: var(--text);
  text-align: left;
  transition:
    background var(--v3-motion-hover),
    border-color var(--v3-motion-hover),
    box-shadow var(--v3-motion-hover),
    transform var(--v3-motion-hover);
}

.mission-health-button:hover,
.mission-clickable-card:hover,
.mission-activity-row:hover,
.mission-action-tile:hover {
  background: rgba(255, 255, 255, 0.045);
  border-color: rgba(20, 184, 166, 0.24);
  box-shadow: 0 16px 38px rgba(0, 0, 0, 0.16);
  transform: translateY(-1px);
}

.mission-health-button {
  align-items: center;
  border-left: 0;
  border-radius: 0;
  border-right: 0;
  border-top: 0;
  display: grid;
  gap: 1rem;
  grid-template-columns: minmax(9rem, 0.9fr) auto minmax(14rem, 1.4fr);
  min-height: 4.4rem;
  padding: 0.95rem 0.15rem;
}

.mission-health-button:first-child {
  border-top: 1px solid rgba(255, 255, 255, 0.065);
}

.mission-health-button span:first-child {
  font-weight: 900;
}

.mission-health-button small {
  color: var(--muted);
  line-height: 1.45;
}

.mission-health-summary {
  display: none;
}

.mission-health-summary .v3-health-summary {
  background: transparent;
  border: 0;
  box-shadow: none;
  padding: 0;
}

.mission-grid-two {
  display: grid;
  gap: clamp(1.1rem, 2.4vw, 1.55rem);
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.mission-clickable-card {
  cursor: pointer;
  display: block;
  padding: 0;
}

.mission-clickable-card .v3-card {
  background: transparent;
  border: 0;
  box-shadow: none;
  min-height: 100%;
  padding: clamp(1.05rem, 2vw, 1.35rem);
}

.mission-clickable-card .v3-card-head p,
.mission-clickable-card footer {
  color: var(--muted);
  font-size: 0.84rem;
}

.mission-clickable-card .v3-metric-grid {
  gap: 1rem 1.2rem;
}

.mission-clickable-card .v3-metric-item strong {
  font-size: clamp(1.05rem, 1.8vw, 1.28rem);
  line-height: 1.25;
}

.mission-activity-list {
  display: grid;
  gap: 0.5rem;
}

.mission-activity-row {
  align-items: center;
  display: grid;
  gap: 0.65rem;
  grid-template-columns: 8rem minmax(8rem, 1.1fr) minmax(10rem, 1.4fr) auto;
  min-height: 4rem;
  padding: 0.9rem 1rem;
}

.mission-activity-row span,
.mission-activity-row small {
  color: var(--muted);
  font-size: 0.82rem;
}

.mission-activity-row strong {
  font-size: 0.92rem;
}

.mission-action-grid {
  display: grid;
  gap: 0.85rem;
  grid-template-columns: repeat(5, minmax(0, 1fr));
}

.mission-action-grid button,
.mission-action-tile {
  min-height: 5.6rem;
}

.mission-action-tile {
  align-content: start;
  background: rgba(255, 255, 255, 0.024);
  border: 1px solid rgba(255, 255, 255, 0.075);
  border-radius: var(--v3-radius-card);
  color: var(--text);
  display: grid;
  gap: 0.35rem;
  padding: 0.9rem;
  text-align: left;
}

.mission-action-tile.primary {
  background: rgba(20, 184, 166, 0.105);
  border-color: rgba(20, 184, 166, 0.22);
}

.mission-action-tile > span {
  color: var(--muted);
  font-size: 0.76rem;
  font-weight: 900;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.mission-action-tile strong {
  font-size: 0.95rem;
}

.mission-action-tile small {
  color: var(--muted);
  font-size: 0.78rem;
  line-height: 1.35;
}

.mission-drawer-layer .v3-drawer {
  z-index: 130;
}

.mission-drawer-layer::before {
  background: rgba(0, 0, 0, 0.42);
  content: "";
  inset: 0;
  position: fixed;
  z-index: 125;
}

.operations-workspace-v3 {
  display: grid;
  gap: clamp(1.25rem, 2.3vw, 1.8rem);
}

.operations-workspace-v3 .v3-workspace-header {
  background:
    linear-gradient(135deg, rgba(20, 184, 166, 0.08), transparent 48%),
    rgba(255, 255, 255, 0.032);
  border-color: rgba(255, 255, 255, 0.09);
  box-shadow: 0 22px 55px rgba(0, 0, 0, 0.18);
}

.operations-workspace-v3 .v3-workspace-title-row h1 {
  font-size: clamp(2.25rem, 4.2vw, 4.4rem);
  line-height: 0.96;
}

.operations-section {
  background: rgba(255, 255, 255, 0.028);
  border: 1px solid rgba(255, 255, 255, 0.075);
  border-radius: var(--v3-radius-card);
  display: grid;
  gap: 1.05rem;
  padding: clamp(1.05rem, 2.2vw, 1.35rem);
}

.operations-section-head {
  align-items: center;
  display: flex;
  gap: 1rem;
  justify-content: space-between;
}

.operations-section-head h3 {
  font-size: 1.05rem;
  margin: 0 0 0.25rem;
}

.operations-section-head p {
  color: var(--muted);
  font-size: 0.88rem;
  margin: 0;
}

.operations-needs-attention {
  border-color: rgba(20, 184, 166, 0.16);
}

.merch-approvals-section {
  border-color: rgba(13, 226, 214, 0.24);
  background: linear-gradient(145deg, rgba(13, 226, 214, 0.045), rgba(255, 255, 255, 0.025));
}

.merch-approval-count,
.merch-approval-eyebrow {
  color: #0de2d6;
  font-size: 0.74rem;
  font-weight: 900;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.merch-approval-list {
  display: grid;
  gap: 1rem;
}

.merch-approval-card {
  background: rgba(7, 7, 18, 0.62);
  border: 1px solid rgba(255, 255, 255, 0.09);
  border-radius: var(--v3-radius-card);
  display: grid;
  gap: 1rem;
  padding: clamp(1rem, 2vw, 1.3rem);
}

.merch-approval-head,
.merch-approval-actions {
  align-items: center;
  display: flex;
  gap: 0.8rem;
  justify-content: space-between;
}

.merch-approval-head h4 {
  font-size: 1.25rem;
  margin: 0.25rem 0;
}

.merch-approval-head p,
.merch-approval-policy,
.merch-approval-empty {
  color: var(--muted);
  margin: 0;
}

.merch-approval-policy-grid {
  display: grid;
  gap: 0.7rem;
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.merch-approval-policy-grid > div {
  background: rgba(255, 255, 255, 0.035);
  border: 1px solid rgba(255, 255, 255, 0.07);
  border-radius: 0.8rem;
  display: grid;
  gap: 0.3rem;
  padding: 0.8rem;
}

.merch-approval-policy-grid span,
.merch-approval-product span,
.merch-approval-product small {
  color: var(--muted);
  font-size: 0.78rem;
}

.merch-approval-products {
  display: grid;
  gap: 0.65rem;
}

.merch-approval-product {
  align-items: center;
  background: rgba(255, 255, 255, 0.025);
  border: 1px solid rgba(255, 255, 255, 0.065);
  border-radius: 0.9rem;
  display: grid;
  gap: 0.85rem;
  grid-template-columns: 5.2rem minmax(0, 1fr) auto;
  padding: 0.7rem;
}

.merch-approval-product img,
.merch-approval-image-empty {
  background: rgba(255, 255, 255, 0.05);
  border-radius: 0.65rem;
  height: 5.2rem;
  object-fit: cover;
  width: 5.2rem;
}

.merch-approval-image-empty {
  align-items: center;
  color: var(--muted);
  display: flex;
  font-size: 0.72rem;
  justify-content: center;
}

.merch-approval-product > div:last-child {
  display: grid;
  gap: 0.25rem;
}

.merch-admin-product {
  align-items: center;
  background: rgba(255, 255, 255, 0.025);
  border: 1px solid rgba(255, 255, 255, 0.065);
  border-radius: 0.9rem;
  display: grid;
  gap: 0.85rem;
  grid-template-columns: 5.2rem minmax(12rem, 1fr) auto auto;
  padding: 0.7rem;
}

.merch-admin-product img {
  border-radius: 0.65rem;
  height: 5.2rem;
  object-fit: cover;
  width: 5.2rem;
}

.merch-admin-product > div:nth-child(2) {
  display: grid;
  gap: 0.25rem;
}

.merch-admin-product span,
.merch-admin-product small {
  color: var(--muted);
}

.merch-inline-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 0.45rem;
  justify-content: flex-end;
}

.merch-inline-actions button {
  min-height: 2.25rem;
  padding: 0.45rem 0.7rem;
}

.merch-approval-actions {
  justify-content: flex-end;
}

.merch-approval-actions button {
  min-height: 2.8rem;
}

.merch-approval-actions button:last-child {
  background: #0aaea7;
  border-color: #0de2d6;
  color: #fff;
}

.merch-approval-actions .danger {
  border-color: rgba(239, 68, 68, 0.45);
  color: #fca5a5;
}

.operations-attention-list,
.operations-activity-list {
  display: grid;
  gap: 0.5rem;
}

.operations-attention-row,
.operations-activity-row,
.operations-clickable-group,
.operations-action-tile {
  background: rgba(255, 255, 255, 0.02);
  border: 1px solid rgba(255, 255, 255, 0.065);
  border-radius: var(--v3-radius-card);
  color: var(--text);
  text-align: left;
  transition:
    background var(--v3-motion-hover),
    border-color var(--v3-motion-hover),
    box-shadow var(--v3-motion-hover),
    transform var(--v3-motion-hover);
}

.operations-attention-row:hover,
.operations-activity-row:hover,
.operations-clickable-group:hover,
.operations-action-tile:hover {
  background: rgba(255, 255, 255, 0.045);
  border-color: rgba(20, 184, 166, 0.24);
  box-shadow: 0 16px 38px rgba(0, 0, 0, 0.16);
  transform: translateY(-1px);
}

.operations-attention-row {
  align-items: center;
  display: grid;
  gap: 0.8rem;
  grid-template-columns: 8rem minmax(10rem, 1fr) minmax(14rem, 1.4fr) auto;
  min-height: 4.4rem;
  padding: 0.95rem 1rem;
}

.operations-attention-row span,
.operations-activity-row span,
.operations-attention-row small,
.operations-activity-row small {
  color: var(--muted);
  font-size: 0.82rem;
}

.operations-attention-row strong,
.operations-activity-row strong {
  font-size: 0.94rem;
}

.operations-metric-grid {
  display: grid;
  gap: clamp(1.1rem, 2.4vw, 1.55rem);
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.operations-clickable-group {
  cursor: pointer;
  display: block;
  padding: 0;
}

.operations-clickable-group .v3-card {
  background: transparent;
  border: 0;
  box-shadow: none;
  min-height: 100%;
  padding: clamp(1.05rem, 2vw, 1.35rem);
}

.operations-clickable-group .v3-card-head p,
.operations-clickable-group footer {
  color: var(--muted);
  font-size: 0.84rem;
}

.operations-workspace-v3 .v3-filter-bar {
  background: transparent;
  border-color: rgba(255, 255, 255, 0.075);
  box-shadow: none;
}

.operations-workspace-v3 .v3-table-shell {
  background: rgba(255, 255, 255, 0.018);
  border-color: rgba(255, 255, 255, 0.07);
  box-shadow: none;
}

.operations-activity-row {
  align-items: center;
  display: grid;
  gap: 0.65rem;
  grid-template-columns: 8rem minmax(8rem, 1fr) minmax(12rem, 1.5fr) auto;
  min-height: 4rem;
  padding: 0.9rem 1rem;
}

.operations-action-grid {
  display: grid;
  gap: 0.85rem;
  grid-template-columns: repeat(5, minmax(0, 1fr));
}

.operations-action-tile {
  align-content: start;
  display: grid;
  gap: 0.35rem;
  min-height: 5.6rem;
  padding: 0.9rem;
}

.operations-action-tile.primary {
  background: rgba(20, 184, 166, 0.105);
  border-color: rgba(20, 184, 166, 0.22);
}

.operations-action-tile > span {
  color: var(--muted);
  font-size: 0.76rem;
  font-weight: 900;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.operations-action-tile strong {
  font-size: 0.95rem;
}

.operations-action-tile small {
  color: var(--muted);
  font-size: 0.78rem;
  line-height: 1.35;
}

.operations-drawer-layer .v3-drawer {
  z-index: 140;
}

.operations-drawer-layer::before {
  background: rgba(0, 0, 0, 0.42);
  content: "";
  inset: 0;
  position: fixed;
  z-index: 135;
}

.operations-drawer-context {
  background: rgba(13, 15, 20, 0.96);
  border: 1px solid rgba(255, 255, 255, 0.09);
  border-radius: var(--v3-radius-card);
  bottom: 1.5rem;
  box-shadow: var(--v3-shadow-drawer);
  display: grid;
  gap: 0.85rem;
  max-height: calc(100vh - 3rem);
  overflow: auto;
  padding: 1rem;
  position: fixed;
  right: min(31rem, calc(100vw - 22rem));
  top: 1.5rem;
  width: min(23rem, calc(100vw - 2rem));
  z-index: 141;
}

.operations-drawer-context h3 {
  margin: 0;
}

.operations-drawer-context ul {
  color: var(--muted);
  display: grid;
  gap: 0.45rem;
  margin: 0;
  padding-left: 1rem;
}

.finance-workspace-v3 {
  display: grid;
  gap: clamp(1.25rem, 2.3vw, 1.8rem);
}

.finance-workspace-v3 .v3-workspace-header {
  background:
    linear-gradient(135deg, rgba(45, 212, 191, 0.07), transparent 48%),
    rgba(255, 255, 255, 0.032);
  border-color: rgba(255, 255, 255, 0.09);
  box-shadow: 0 22px 55px rgba(0, 0, 0, 0.18);
}

.finance-workspace-v3 .v3-workspace-title-row h1 {
  font-size: clamp(2.25rem, 4.2vw, 4.4rem);
  line-height: 0.96;
}

.finance-section {
  background: rgba(255, 255, 255, 0.028);
  border: 1px solid rgba(255, 255, 255, 0.075);
  border-radius: var(--v3-radius-card);
  display: grid;
  gap: 1.05rem;
  padding: clamp(1.05rem, 2.2vw, 1.35rem);
}

.finance-section-head {
  align-items: center;
  display: flex;
  gap: 1rem;
  justify-content: space-between;
}

.finance-section-head h3 {
  font-size: 1.05rem;
  margin: 0 0 0.25rem;
}

.finance-section-head p {
  color: var(--muted);
  font-size: 0.88rem;
  margin: 0;
}

.finance-health {
  border-color: rgba(45, 212, 191, 0.16);
}

.finance-workspace-v3 .finance-date-filters {
  background: rgba(255, 255, 255, 0.02);
  border-color: rgba(255, 255, 255, 0.075);
  margin-bottom: 0;
}

.finance-metric-grid {
  display: grid;
  gap: clamp(1.1rem, 2.4vw, 1.55rem);
  grid-template-columns: 1fr;
}

.finance-clickable-group,
.finance-risk-row,
.finance-activity-row,
.finance-action-tile {
  background: rgba(255, 255, 255, 0.02);
  border: 1px solid rgba(255, 255, 255, 0.065);
  border-radius: var(--v3-radius-card);
  color: var(--text);
  text-align: left;
  transition:
    background var(--v3-motion-hover),
    border-color var(--v3-motion-hover),
    box-shadow var(--v3-motion-hover),
    transform var(--v3-motion-hover);
}

.finance-clickable-group:hover,
.finance-risk-row:hover,
.finance-activity-row:hover,
.finance-action-tile:hover {
  background: rgba(255, 255, 255, 0.045);
  border-color: rgba(45, 212, 191, 0.24);
  box-shadow: 0 16px 38px rgba(0, 0, 0, 0.16);
  transform: translateY(-1px);
}

.finance-clickable-group {
  cursor: pointer;
  display: block;
  padding: 0;
}

.finance-clickable-group .v3-card {
  background: transparent;
  border: 0;
  box-shadow: none;
  padding: clamp(1.05rem, 2vw, 1.35rem);
}

.finance-workspace-v3 .v3-filter-bar {
  background: transparent;
  border-color: rgba(255, 255, 255, 0.075);
  box-shadow: none;
}

.finance-workspace-v3 .v3-table-shell {
  background: rgba(255, 255, 255, 0.018);
  border-color: rgba(255, 255, 255, 0.07);
  box-shadow: none;
}

.finance-risk-list,
.finance-activity-list {
  display: grid;
  gap: 0.5rem;
}

.finance-risk-row {
  align-items: center;
  display: grid;
  gap: 0.75rem;
  grid-template-columns: minmax(12rem, 1.5fr) minmax(8rem, 1fr) auto;
  min-height: 4.1rem;
  padding: 0.9rem 1rem;
}

.finance-risk-row span {
  color: var(--muted);
}

.finance-activity-row {
  align-items: center;
  display: grid;
  gap: 0.65rem;
  grid-template-columns: 10rem minmax(9rem, 1fr) minmax(14rem, 1.5fr) auto;
  min-height: 4rem;
  padding: 0.9rem 1rem;
}

.finance-activity-row span,
.finance-activity-row small {
  color: var(--muted);
  font-size: 0.82rem;
}

.finance-action-grid {
  display: grid;
  gap: 0.85rem;
  grid-template-columns: repeat(auto-fit, minmax(10rem, 1fr));
}

.finance-action-tile {
  align-content: start;
  display: grid;
  gap: 0.35rem;
  min-height: 5.6rem;
  padding: 0.9rem;
}

.finance-action-tile.primary {
  background: rgba(45, 212, 191, 0.105);
  border-color: rgba(45, 212, 191, 0.22);
}

.finance-action-tile > span {
  color: var(--muted);
  font-size: 0.76rem;
  font-weight: 900;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.finance-action-tile strong {
  font-size: 0.95rem;
}

.finance-action-tile small {
  color: var(--muted);
  font-size: 0.78rem;
  line-height: 1.35;
}

.finance-supporting-actions {
  display: none;
}

.finance-release-review {
  scroll-margin-top: 1rem;
}

.finance-release-warning {
  align-items: start;
  background: rgba(245, 158, 11, 0.08);
  border: 1px solid rgba(245, 158, 11, 0.35);
  border-radius: var(--v3-radius-card);
  color: var(--v3-color-text-secondary);
  display: grid;
  gap: 0.35rem;
  padding: 0.9rem 1rem;
}

.finance-release-warning strong {
  color: #fbbf24;
}

.finance-release-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem;
  justify-content: end;
}

.finance-release-creators {
  display: grid;
  gap: 0.9rem;
}

.finance-release-creators td small {
  color: var(--muted);
  display: block;
  margin-top: 0.25rem;
}

.finance-drawer-layer .v3-drawer {
  z-index: 140;
}

.finance-drawer-layer::before {
  background: rgba(0, 0, 0, 0.42);
  content: "";
  inset: 0;
  position: fixed;
  z-index: 135;
}

.trust-workspace-v3 {
  display: grid;
  gap: clamp(1.25rem, 2.3vw, 1.8rem);
}

.trust-workspace-v3 .v3-workspace-header {
  background:
    linear-gradient(135deg, rgba(129, 140, 248, 0.08), transparent 48%),
    rgba(255, 255, 255, 0.032);
  border-color: rgba(255, 255, 255, 0.09);
  box-shadow: 0 22px 55px rgba(0, 0, 0, 0.18);
}

.trust-workspace-v3 .v3-workspace-title-row h1 {
  font-size: clamp(2.25rem, 4.2vw, 4.4rem);
  line-height: 0.96;
}

.trust-section {
  background: rgba(255, 255, 255, 0.028);
  border: 1px solid rgba(255, 255, 255, 0.075);
  border-radius: var(--v3-radius-card);
  display: grid;
  gap: 1.05rem;
  padding: clamp(1.05rem, 2.2vw, 1.35rem);
}

.trust-section-head {
  align-items: center;
  display: flex;
  gap: 1rem;
  justify-content: space-between;
}

.trust-section-head h3 {
  font-size: 1.05rem;
  margin: 0 0 0.25rem;
}

.trust-section-head p {
  color: var(--muted);
  font-size: 0.88rem;
  margin: 0;
}

.trust-case-health {
  border-color: rgba(129, 140, 248, 0.18);
}

.trust-clickable-group,
.trust-category-tile,
.trust-activity-row,
.trust-action-tile {
  background: rgba(255, 255, 255, 0.02);
  border: 1px solid rgba(255, 255, 255, 0.065);
  border-radius: var(--v3-radius-card);
  color: var(--text);
  text-align: left;
  transition:
    background var(--v3-motion-hover),
    border-color var(--v3-motion-hover),
    box-shadow var(--v3-motion-hover),
    transform var(--v3-motion-hover);
}

.trust-clickable-group:hover,
.trust-category-tile:hover,
.trust-activity-row:hover,
.trust-action-tile:hover {
  background: rgba(255, 255, 255, 0.045);
  border-color: rgba(129, 140, 248, 0.28);
  box-shadow: 0 16px 38px rgba(0, 0, 0, 0.16);
  transform: translateY(-1px);
}

.trust-clickable-group {
  cursor: pointer;
  display: block;
  padding: 0;
}

.trust-clickable-group .v3-card {
  background: transparent;
  border: 0;
  box-shadow: none;
  padding: clamp(1.05rem, 2vw, 1.35rem);
}

.trust-workspace-v3 .v3-filter-bar {
  background: transparent;
  border-color: rgba(255, 255, 255, 0.075);
  box-shadow: none;
}

.trust-workspace-v3 .v3-table-shell {
  background: rgba(255, 255, 255, 0.018);
  border-color: rgba(255, 255, 255, 0.07);
  box-shadow: none;
}

.trust-category-grid {
  display: grid;
  gap: 0.7rem;
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.trust-category-tile {
  align-content: start;
  display: grid;
  gap: 0.45rem;
  min-height: 5.2rem;
  padding: 0.9rem;
}

.trust-category-tile span {
  color: var(--muted);
  font-size: 1.15rem;
  font-weight: 900;
}

.trust-activity-list {
  display: grid;
  gap: 0.5rem;
}

.trust-activity-row {
  align-items: center;
  display: grid;
  gap: 0.65rem;
  grid-template-columns: 10rem minmax(9rem, 1fr) minmax(14rem, 1.5fr) auto;
  min-height: 4rem;
  padding: 0.9rem 1rem;
}

.trust-activity-row span,
.trust-activity-row small {
  color: var(--muted);
  font-size: 0.82rem;
}

.trust-action-grid {
  display: grid;
  gap: 0.85rem;
  grid-template-columns: repeat(5, minmax(0, 1fr));
}

.trust-action-tile {
  align-content: start;
  display: grid;
  gap: 0.35rem;
  min-height: 5.6rem;
  padding: 0.9rem;
}

.trust-action-tile.primary {
  background: rgba(129, 140, 248, 0.11);
  border-color: rgba(129, 140, 248, 0.28);
}

.trust-action-tile > span {
  color: var(--muted);
  font-size: 0.76rem;
  font-weight: 900;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.trust-action-tile strong {
  font-size: 0.95rem;
}

.trust-action-tile small {
  color: var(--muted);
  font-size: 0.78rem;
  line-height: 1.35;
}

.trust-supporting-actions {
  display: none;
}

.trust-drawer-layer .v3-drawer {
  z-index: 140;
}

.trust-drawer-layer::before {
  background: rgba(0, 0, 0, 0.42);
  content: "";
  inset: 0;
  position: fixed;
  z-index: 135;
}

.trust-drawer-context {
  background: rgba(13, 15, 20, 0.96);
  border: 1px solid rgba(255, 255, 255, 0.09);
  border-radius: var(--v3-radius-card);
  bottom: 1.5rem;
  box-shadow: var(--v3-shadow-drawer);
  display: grid;
  gap: 0.85rem;
  max-height: calc(100vh - 3rem);
  overflow: auto;
  padding: 1rem;
  position: fixed;
  right: min(31rem, calc(100vw - 22rem));
  top: 1.5rem;
  width: min(23rem, calc(100vw - 2rem));
  z-index: 141;
}

.trust-drawer-context h3 {
  margin: 0;
}

.trust-drawer-context ol {
  color: var(--muted);
  display: grid;
  gap: 0.45rem;
  margin: 0;
  padding-left: 1.1rem;
}

.executive-workspace-v3 {
  display: grid;
  gap: clamp(1.45rem, 2.6vw, 2rem);
}

.executive-workspace-v3 .v3-workspace-header {
  background:
    linear-gradient(135deg, rgba(229, 231, 235, 0.07), transparent 44%),
    rgba(255, 255, 255, 0.026);
  border-color: rgba(255, 255, 255, 0.085);
  box-shadow: 0 26px 70px rgba(0, 0, 0, 0.2);
}

.executive-workspace-v3 .v3-workspace-title-row h1 {
  font-size: clamp(2.35rem, 4.8vw, 4.8rem);
  line-height: 0.94;
}

.executive-briefing {
  display: grid;
  gap: 1rem;
  grid-template-columns: minmax(0, 1.2fr) minmax(22rem, 0.8fr);
}

.executive-section {
  background: rgba(255, 255, 255, 0.022);
  border: 1px solid rgba(255, 255, 255, 0.07);
  border-radius: var(--v3-radius-card);
  display: grid;
  gap: 1rem;
  padding: clamp(1.1rem, 2.3vw, 1.45rem);
}

.executive-section-head {
  align-items: center;
  display: flex;
  gap: 1rem;
  justify-content: space-between;
}

.executive-section-head h3 {
  font-size: 1.08rem;
  margin: 0 0 0.28rem;
}

.executive-section-head p {
  color: var(--muted);
  font-size: 0.88rem;
  margin: 0;
}

.executive-health-summary {
  display: grid;
  gap: 0.55rem;
}

.executive-health-row,
.executive-performance-card,
.executive-opportunity-card,
.executive-timeline-row,
.executive-action-tile {
  background: rgba(255, 255, 255, 0.018);
  border: 1px solid rgba(255, 255, 255, 0.06);
  border-radius: var(--v3-radius-card);
  color: var(--text);
  text-align: left;
  transition:
    background var(--v3-motion-hover),
    border-color var(--v3-motion-hover),
    box-shadow var(--v3-motion-hover),
    transform var(--v3-motion-hover);
}

.executive-health-row:hover,
.executive-performance-card:hover,
.executive-opportunity-card:hover,
.executive-timeline-row:hover,
.executive-action-tile:hover {
  background: rgba(255, 255, 255, 0.04);
  border-color: rgba(229, 231, 235, 0.2);
  box-shadow: 0 18px 44px rgba(0, 0, 0, 0.18);
  transform: translateY(-1px);
}

.executive-health-row {
  align-items: center;
  display: grid;
  gap: 0.75rem;
  grid-template-columns: minmax(10rem, 0.4fr) minmax(14rem, 1fr) auto;
  min-height: 3.85rem;
  padding: 0.85rem 1rem;
}

.executive-health-row small,
.executive-performance-card small,
.executive-opportunity-card small,
.executive-timeline-row small,
.executive-action-tile small {
  color: var(--muted);
  font-size: 0.8rem;
  line-height: 1.4;
}

.executive-grid-two {
  display: grid;
  gap: 1rem;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.executive-performance-grid,
.executive-opportunity-grid {
  display: grid;
  gap: 0.75rem;
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.executive-performance-card,
.executive-opportunity-card {
  align-content: start;
  display: grid;
  gap: 0.55rem;
  min-height: 8rem;
  padding: 1rem;
}

.executive-performance-card span {
  color: var(--text);
  font-size: 1.25rem;
  font-weight: 850;
}

.executive-opportunity-card div {
  align-items: center;
  display: flex;
  gap: 0.65rem;
  justify-content: space-between;
}

.executive-opportunity-card p {
  color: var(--text);
  margin: 0;
}

.executive-workspace-v3 .v3-table-shell {
  background: rgba(255, 255, 255, 0.016);
  border-color: rgba(255, 255, 255, 0.065);
  box-shadow: none;
}

.executive-timeline-list {
  display: grid;
  gap: 0.55rem;
}

.executive-timeline-row {
  align-items: center;
  display: grid;
  gap: 0.8rem;
  grid-template-columns: 8rem minmax(10rem, 0.8fr) minmax(16rem, 1.3fr) auto;
  min-height: 4.25rem;
  padding: 0.95rem 1rem;
}

.executive-timeline-row span,
.executive-action-tile > span {
  color: var(--muted);
  font-size: 0.76rem;
  font-weight: 900;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.executive-action-grid {
  display: grid;
  gap: 0.85rem;
  grid-template-columns: repeat(5, minmax(0, 1fr));
}

.executive-action-tile {
  align-content: start;
  display: grid;
  gap: 0.35rem;
  min-height: 5.6rem;
  padding: 0.95rem;
}

.executive-action-tile.primary {
  background: rgba(229, 231, 235, 0.09);
  border-color: rgba(229, 231, 235, 0.22);
}

.executive-action-tile strong {
  font-size: 0.95rem;
}

.executive-forecast-placeholders {
  color: var(--muted);
  display: flex;
  flex-wrap: wrap;
  gap: 0.45rem;
  font-size: 0.78rem;
}

.executive-forecast-placeholders span {
  border: 1px solid rgba(255, 255, 255, 0.07);
  border-radius: var(--v3-radius-badge);
  padding: 0.28rem 0.55rem;
}

.executive-drawer-layer .v3-drawer {
  z-index: 140;
}

.executive-drawer-layer::before {
  background: rgba(0, 0, 0, 0.42);
  content: "";
  inset: 0;
  position: fixed;
  z-index: 135;
}

.executive-drawer-context {
  background: rgba(13, 15, 20, 0.96);
  border: 1px solid rgba(255, 255, 255, 0.09);
  border-radius: var(--v3-radius-card);
  bottom: 1.5rem;
  box-shadow: var(--v3-shadow-drawer);
  display: grid;
  gap: 0.85rem;
  max-height: calc(100vh - 3rem);
  overflow: auto;
  padding: 1rem;
  position: fixed;
  right: min(31rem, calc(100vw - 22rem));
  top: 1.5rem;
  width: min(23rem, calc(100vw - 2rem));
  z-index: 141;
}

.executive-drawer-context h3 {
  margin: 0;
}

.executive-drawer-context ol {
  color: var(--muted);
  display: grid;
  gap: 0.45rem;
  margin: 0;
  padding-left: 1.1rem;
}

@media (max-width: 1180px) {
  .mission-hero,
  .mission-grid-two,
  .operations-metric-grid,
  .finance-metric-grid,
  .executive-briefing,
  .executive-grid-two {
    grid-template-columns: 1fr;
  }

  .mission-health-grid {
    grid-template-columns: 1fr;
  }

  .mission-action-grid,
    .operations-action-grid,
    .finance-action-grid,
    .trust-action-grid,
    .trust-category-grid,
    .executive-action-grid,
    .executive-performance-grid,
    .executive-opportunity-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .operations-drawer-context,
  .trust-drawer-context,
  .executive-drawer-context {
    display: none;
  }
}

@media (max-width: 720px) {
  .mission-section-head,
  .mission-activity-row,
  .operations-section-head,
  .operations-attention-row,
  .operations-activity-row,
  .finance-section-head,
  .finance-risk-row,
  .finance-activity-row,
  .trust-section-head,
  .trust-activity-row,
  .executive-section-head,
  .executive-health-row,
  .executive-timeline-row {
    align-items: stretch;
    display: grid;
    grid-template-columns: 1fr;
  }

  .mission-health-grid,
  .mission-action-grid,
    .operations-action-grid,
    .finance-action-grid,
    .trust-action-grid,
    .trust-category-grid,
    .executive-action-grid,
    .executive-performance-grid,
    .executive-opportunity-grid {
    grid-template-columns: 1fr;
  }

  .merch-approval-policy-grid {
    grid-template-columns: 1fr;
  }

  .merch-approval-actions {
    align-items: stretch;
    display: grid;
  }

  .merch-approval-product,
  .merch-admin-product {
    align-items: stretch;
    grid-template-columns: 1fr;
  }
}

@media (max-width: 1100px) {
  .platform-shell,
  .platform-shell.sidebar-collapsed {
    grid-template-columns: 5.4rem minmax(0, 1fr);
  }

  .platform-sidebar .platform-brand div,
  .platform-sidebar .platform-sidebar-toggle,
  .platform-sidebar .workspace-label,
  .platform-sidebar .platform-nav-nested,
  .platform-sidebar .platform-sidebar-secondary {
    opacity: 0;
    pointer-events: none;
    position: absolute;
  }

  .platform-sidebar:hover .platform-brand div,
  .platform-sidebar:hover .platform-sidebar-toggle,
  .platform-sidebar:hover .workspace-label,
  .platform-sidebar:hover .platform-nav-nested,
  .platform-sidebar:hover .platform-sidebar-secondary {
    opacity: 1;
    pointer-events: auto;
    position: static;
  }
}

@media (max-width: 760px) {
  .platform-shell,
  .platform-shell.sidebar-collapsed {
    display: block;
  }

  .platform-sidebar {
    display: block;
    height: auto;
    overflow: visible;
    padding: 0.75rem;
    position: relative;
  }

  .platform-brand {
    align-items: center;
    display: flex;
    margin-bottom: 0.65rem;
  }

  .platform-sidebar:hover {
    width: auto;
  }

  .platform-nav {
    display: flex;
    gap: 0.35rem;
    margin: 0 -0.75rem;
    overflow-x: auto;
    padding: 0 0.75rem 0.5rem;
    scroll-snap-type: x proximity;
    scrollbar-width: thin;
  }

  .platform-nav-workspace {
    flex: 0 0 auto;
    min-width: 0;
    scroll-snap-align: start;
  }

  .platform-nav-primary {
    gap: 0.45rem;
    padding: 0.52rem 0.62rem;
    white-space: nowrap;
  }

  .platform-nav-primary .workspace-icon {
    flex-basis: 1.8rem;
    height: 1.8rem;
    width: 1.8rem;
  }

  .platform-sidebar .platform-brand div,
  .platform-sidebar .platform-sidebar-toggle,
  .platform-sidebar .workspace-label,
  .platform-sidebar .platform-nav-nested,
  .platform-sidebar .platform-sidebar-secondary {
    opacity: 1;
    pointer-events: auto;
    position: static;
  }

  .platform-nav-nested,
  .platform-sidebar-secondary {
    display: none;
  }

  .platform-topbar,
  .platform-workspace-title {
    align-items: stretch;
    display: grid;
    grid-template-columns: 1fr;
  }

  .platform-topbar-actions,
  .platform-workspace-actions {
    justify-content: stretch;
  }

  .platform-topbar-actions {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .platform-topbar-actions .platform-mode-switcher {
    grid-column: 1 / -1;
  }

  .platform-topbar-actions .platform-env-badge {
    align-items: center;
    display: flex;
    justify-content: center;
  }

  .platform-workspace-actions > * {
    width: 100%;
  }

  .platform-topbar-actions > * {
    min-width: 0;
  }

  .platform-user-menu,
  .platform-user-menu > summary {
    max-width: none;
    width: 100%;
  }

  .platform-search-trigger {
    max-width: none;
  }

  .platform-user-menu > div,
  .platform-nuru-layer {
    left: 1rem;
    max-width: calc(100vw - 2rem);
    right: 1rem;
    width: auto;
  }
}

/* Approved Mission Control visual system — reference-driven implementation */
:root {
  --approved-bg: #020b14;
  --approved-panel: rgba(5, 23, 36, 0.92);
  --approved-panel-2: rgba(7, 29, 45, 0.96);
  --approved-line: rgba(91, 176, 215, 0.22);
  --approved-teal: #10dfd1;
  --approved-pink: #ff2f78;
  --approved-violet: #9a66ff;
  --approved-amber: #ffb510;
}

body {
  background:
    radial-gradient(circle at 72% 0%, rgba(0, 119, 166, 0.09), transparent 38rem),
    var(--approved-bg);
  font-size: 13px;
}

.platform-shell {
  background: transparent;
  grid-template-columns: 148px minmax(0, 1fr);
}

.platform-shell.sidebar-collapsed {
  grid-template-columns: 148px minmax(0, 1fr);
}

.platform-sidebar {
  background:
    linear-gradient(180deg, rgba(2, 12, 22, 0.98), rgba(2, 10, 18, 0.98));
  border-color: rgba(37, 121, 160, 0.24);
  padding: 16px 12px;
  width: 148px;
}

.platform-brand {
  align-items: center;
  border-bottom: 1px solid rgba(255,255,255,.08);
  gap: 8px;
  margin: 0 0 16px;
  padding: 0 2px 16px;
}

.platform-logo {
  border-radius: 50% !important;
  height: 38px !important;
  width: 38px !important;
}

.platform-brand strong {
  font-size: 14px;
}

.platform-brand small {
  font-size: 10px;
}

.platform-sidebar-toggle,
.platform-sidebar-secondary {
  display: none !important;
}

.platform-nav {
  gap: 11px;
}

.platform-nav-workspace {
  gap: 4px;
}

.platform-nav-primary {
  border-radius: 5px;
  gap: 10px;
  min-height: 46px;
  padding: 9px 10px;
}

.platform-nav-primary .workspace-icon {
  font-size: 21px;
}

.platform-nav-primary .workspace-label {
  font-size: 11px;
}

.platform-nav-primary.active {
  background: linear-gradient(90deg, rgba(4, 227, 213, .15), rgba(4, 227, 213, .03));
  border-color: var(--approved-teal);
  box-shadow: inset 3px 0 0 var(--approved-teal), 0 0 22px rgba(4,227,213,.09);
}

.platform-nav-nested {
  padding: 0 0 0 20px;
}

.platform-nav-nested button {
  color: var(--approved-teal);
  font-size: 10px;
  min-height: 28px;
  padding: 5px 8px 5px 17px;
  position: relative;
}

.platform-nav-nested button::before {
  background: var(--approved-teal);
  border-radius: 50%;
  content: "";
  height: 7px;
  left: 4px;
  position: absolute;
  top: 10px;
  width: 7px;
}

.platform-main {
  padding: 0 20px 14px;
}

.platform-topbar {
  background: rgba(2, 12, 22, .88);
  border: 0;
  border-bottom: 1px solid rgba(62, 138, 176, .18);
  border-radius: 0;
  box-shadow: none;
  gap: 14px;
  margin: 0 -20px 18px;
  min-height: 58px;
  padding: 10px 20px;
}

.platform-search-trigger {
  background: rgba(255,255,255,.035);
  border: 1px solid var(--approved-line);
  border-radius: 5px;
  color: #9da9b9;
  font-size: 11px;
  gap: 7px;
  max-width: 370px;
  min-height: 37px;
  padding: 0 12px;
}

.platform-search-trigger .material-symbols-rounded {
  font-size: 18px;
}

.platform-search-trigger kbd {
  margin-left: auto;
}

.platform-search-trigger kbd + kbd {
  display: none;
}

.platform-date-range {
  align-items: center;
  display: flex;
  font-size: 11px;
  gap: 7px;
  margin-right: auto;
  min-height: 37px;
}

.platform-date-range .material-symbols-rounded {
  font-size: 17px;
}

.platform-date-picker {
  margin-right: auto;
  position: relative;
}

.platform-date-range.active {
  border-color: rgba(4, 227, 213, .56);
  box-shadow: 0 0 0 2px rgba(4, 227, 213, .08);
}

.platform-period-menu {
  background: linear-gradient(145deg, rgba(12, 24, 36, .99), rgba(8, 14, 25, .99));
  border: 1px solid rgba(4, 227, 213, .28);
  border-radius: 10px;
  box-shadow: 0 22px 60px rgba(0, 0, 0, .56);
  display: grid;
  gap: 11px;
  left: 0;
  min-width: 390px;
  padding: 16px;
  position: absolute;
  top: calc(100% + 8px);
  z-index: 90;
}

.platform-period-menu > strong {
  color: #f5f8fc;
  font-size: 13px;
}

.platform-period-menu > span,
.platform-period-menu > small {
  color: #8f9bad;
  font-size: 10px;
}

.platform-period-presets {
  display: grid;
  gap: 6px;
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.platform-period-presets button,
.platform-period-custom button {
  background: rgba(255, 255, 255, .035);
  border: 1px solid rgba(255, 255, 255, .1);
  border-radius: 6px;
  color: #aeb8c6;
  min-height: 34px;
}

.platform-period-presets button.active {
  background: rgba(4, 227, 213, .11);
  border-color: rgba(4, 227, 213, .5);
  color: #15e2d8;
}

.platform-period-custom {
  align-items: end;
  display: grid;
  gap: 8px;
  grid-template-columns: 1fr 1fr auto;
}

.platform-period-custom label {
  color: #8f9bad;
  display: grid;
  font-size: 9px;
  gap: 5px;
}

.platform-period-custom input {
  background: #080f19;
  border: 1px solid rgba(255, 255, 255, .12);
  border-radius: 5px;
  color: #f5f8fc;
  min-height: 34px;
  padding: 0 8px;
}

.platform-period-custom button {
  border-color: rgba(4, 227, 213, .5);
  color: #15e2d8;
  padding-inline: 12px;
}

.platform-topbar-actions {
  gap: 10px;
  margin-left: auto;
}

.platform-live-badge {
  align-items: center;
  background: rgba(4, 227, 213, .06);
  border: 1px solid rgba(4, 227, 213, .2);
  border-radius: 5px;
  display: flex;
  font-size: 10px;
  gap: 6px;
  padding: 8px 10px;
}

.platform-live-badge i {
  background: var(--approved-teal);
  border-radius: 50%;
  box-shadow: 0 0 10px var(--approved-teal);
  height: 6px;
  width: 6px;
}

.platform-notification-button {
  border: 0 !important;
  min-height: 34px;
  min-width: 34px;
  padding: 6px !important;
}

.platform-user-menu summary {
  background: transparent;
  border: 0;
  min-width: 160px;
  padding: 0 4px;
}

.platform-admin-avatar {
  height: 36px;
  width: 36px;
}

.platform-user-menu strong {
  font-size: 12px;
}

.platform-user-menu small {
  font-size: 10px;
}

.local-review-indicator {
  color: #6f7f91;
  font-size: 9px;
  position: absolute;
  right: 24px;
  top: 62px;
}

.approved-mission-control,
.approved-review-workspace {
  display: grid;
  gap: 14px;
}

.approved-workspace-heading {
  align-items: end;
  display: flex;
  gap: 20px;
  justify-content: space-between;
}

.approved-workspace-heading h1 {
  align-items: center;
  display: flex;
  font-size: 23px;
  gap: 7px;
  letter-spacing: -.02em;
  line-height: 1.1;
  margin: 0 0 5px;
}

.approved-workspace-heading h1 .material-symbols-rounded {
  color: var(--approved-pink);
  font-size: 25px;
}

.approved-workspace-heading p {
  color: #8d9aaa;
  font-size: 11px;
  margin: 0;
}

.approved-health-pulse {
  align-items: center;
  display: flex;
  gap: 8px;
}

.approved-health-pulse > strong {
  color: #c6cfda;
  font-size: 10px;
  margin-right: 4px;
}

.approved-health-pulse button {
  align-items: center;
  background: rgba(255,255,255,.025);
  border: 1px solid var(--approved-line);
  display: flex;
  font-size: 9px;
  gap: 6px;
  padding: 8px 10px;
}

.approved-health-pulse .status-badge {
  background: transparent;
  border: 0;
  padding: 0;
}

.approved-kpi-row {
  background: linear-gradient(180deg, rgba(6, 22, 35, .95), rgba(3, 16, 27, .92));
  border: 1px solid var(--approved-line);
  border-radius: 7px;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  overflow: hidden;
}

.approved-kpi {
  border-left: 3px solid var(--approved-teal);
  display: grid;
  gap: 3px;
  min-height: 96px;
  padding: 17px 16px;
}

.approved-kpi + .approved-kpi {
  border-top: 0;
}

.approved-kpi.violet { border-left-color: var(--approved-violet); }
.approved-kpi.pink { border-left-color: var(--approved-pink); }
.approved-kpi.amber { border-left-color: var(--approved-amber); }
.approved-kpi > span { color: #e5ecf4; font-size: 10px; font-weight: 700; }
.approved-kpi > span small { color: #7e8b9a; font-weight: 500; }
.approved-kpi > strong { font-size: 27px; line-height: 1.1; }
.approved-kpi > small { color: var(--approved-teal); font-size: 9px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.approved-mission-grid {
  display: grid;
  gap: 14px;
  grid-template-columns: minmax(0, 1.9fr) minmax(270px, 1fr);
}

.approved-bottom-grid {
  display: grid;
  gap: 14px;
  grid-template-columns: 1.05fr 1fr;
}

.approved-panel {
  background: linear-gradient(180deg, rgba(5, 22, 35, .96), rgba(3, 16, 27, .96));
  border: 1px solid var(--approved-line);
  border-radius: 7px;
  box-shadow: 0 14px 40px rgba(0,0,0,.16);
  min-width: 0;
  padding: 14px;
}

.approved-panel > header {
  align-items: center;
  display: flex;
  gap: 12px;
  justify-content: space-between;
}

.approved-panel h2 {
  font-size: 12px;
  margin: 0 0 3px;
}

.approved-panel header p {
  color: #7e8b9a;
  font-size: 9px;
  margin: 0;
}

.approved-panel header button {
  background: transparent;
  color: var(--approved-teal);
  font-size: 9px;
  padding: 4px;
}

.approved-period {
  background: rgba(255,255,255,.04);
  border: 1px solid var(--approved-line);
  border-radius: 4px;
  color: #c5cfda;
  font-size: 9px;
  padding: 6px 9px;
}

.approved-chart-legend {
  display: flex;
  gap: 18px;
  margin: 16px 0 6px;
}

.approved-chart-legend span {
  color: #8390a0;
  font-size: 9px;
}

.approved-chart-legend span::before {
  background: currentColor;
  border-radius: 10px;
  content: "";
  display: inline-block;
  height: 3px;
  margin-right: 6px;
  vertical-align: middle;
  width: 14px;
}

.approved-chart-legend .teal { color: var(--approved-teal); }
.approved-chart-legend .pink { color: var(--approved-pink); }
.approved-chart-legend .violet { color: var(--approved-violet); }

.approved-pulse-chart {
  align-items: end;
  background: repeating-linear-gradient(to top, transparent 0 47px, rgba(93,149,176,.12) 48px);
  display: flex;
  gap: 13px;
  height: 252px;
  justify-content: space-around;
  padding: 18px 8px 24px;
  position: relative;
}

.approved-pulse-column {
  align-items: center;
  display: flex;
  flex: 1;
  height: 100%;
  justify-content: end;
  max-width: 64px;
  position: relative;
}

.approved-pulse-column i {
  background: linear-gradient(180deg, rgba(16,223,209,.48), rgba(16,223,209,.04));
  border-top: 2px solid var(--approved-teal);
  bottom: 20px;
  left: 20%;
  position: absolute;
  width: 60%;
}

.approved-pulse-column > strong {
  color: var(--approved-teal);
  font-size: 9px;
  position: absolute;
  top: 0;
}

.approved-pulse-column > span {
  bottom: -2px;
  color: #748292;
  font-size: 8px;
  position: absolute;
  white-space: nowrap;
}

.approved-content-list {
  display: grid;
  gap: 6px;
  margin-top: 10px;
}

.approved-content-list button,
.approved-action-feed button {
  align-items: center;
  background: transparent;
  border: 0;
  border-bottom: 1px solid rgba(255,255,255,.06);
  border-radius: 0;
  display: grid;
  gap: 9px;
  grid-template-columns: 24px minmax(0,1fr) auto;
  padding: 10px 0;
  text-align: left;
}

.approved-content-list button > span:first-child {
  align-items: center;
  background: rgba(16,223,209,.12);
  border-radius: 4px;
  color: var(--approved-teal);
  display: flex;
  height: 24px;
  justify-content: center;
}

.approved-content-list strong,
.approved-action-feed strong {
  display: block;
  font-size: 10px;
}

.approved-content-list small,
.approved-action-feed small {
  color: #748292;
  display: block;
  font-size: 8px;
  margin-top: 3px;
}

.approved-engagement > div {
  display: grid;
  grid-template-columns: repeat(5, minmax(0,1fr));
  margin-top: 12px;
}

.approved-engagement section {
  align-items: center;
  border-right: 1px solid rgba(255,255,255,.08);
  display: grid;
  gap: 3px;
  justify-items: center;
  padding: 6px 4px;
}

.approved-engagement section:last-child { border-right: 0; }
.approved-engagement .material-symbols-rounded { color: var(--approved-pink); font-size: 20px; }
.approved-engagement small { color: #7d8998; font-size: 8px; }
.approved-engagement strong { font-size: 18px; }

.approved-nuru-bar {
  align-items: center;
  background: linear-gradient(90deg, rgba(4,34,46,.95), rgba(22,12,31,.95));
  border: 1px solid transparent;
  border-radius: 10px;
  box-shadow: 0 0 0 1px rgba(16,223,209,.45), 0 0 0 2px rgba(255,47,120,.24);
  display: grid;
  gap: 18px;
  grid-template-columns: auto minmax(0,1fr) auto;
  min-height: 58px;
  padding: 8px 14px;
}

.approved-nuru-bar > div {
  align-items: center;
  display: flex;
  gap: 9px;
}

.approved-nuru-avatar {
  align-items: center;
  background: #f4f4f4;
  border-radius: 50%;
  color: #0a1a25;
  display: flex;
  height: 38px;
  justify-content: center;
  width: 38px;
}

.approved-nuru-avatar .material-symbols-rounded { font-size: 23px; }
.approved-nuru-bar p { color: #a9b5c2; font-size: 10px; margin: 0; }
.approved-nuru-bar button { background: rgba(154,102,255,.18); border: 1px solid rgba(154,102,255,.7); font-size: 10px; }

.mission-tabs {
  border-bottom: 1px solid rgba(76,139,170,.2);
  display: flex;
  gap: 0;
  overflow-x: auto;
}

.mission-tabs button {
  background: transparent;
  border: 0;
  border-bottom: 2px solid transparent;
  border-radius: 0;
  color: #9aa7b6;
  font-size: 10px;
  padding: 9px 13px;
  white-space: nowrap;
}

.mission-tabs button.active {
  border-bottom-color: var(--approved-teal);
  color: #fff;
}

.approved-six-kpis {
  grid-template-columns: repeat(6, minmax(0,1fr));
}

.approved-six-kpis .approved-kpi {
  min-height: 82px;
  padding: 12px 11px;
}

.approved-six-kpis .approved-kpi > strong {
  font-size: 21px;
}

.approved-review-layout {
  display: grid;
  gap: 14px;
  grid-template-columns: minmax(0, 1fr) 360px;
}

.approved-review-main {
  display: grid;
  gap: 14px;
  min-width: 0;
}

.approved-review-charts {
  display: grid;
  gap: 14px;
  grid-template-columns: 1.25fr 1fr;
}

.approved-rating-bars,
.approved-source-bars {
  display: grid;
  gap: 8px;
  margin-top: 12px;
}

.approved-rating-bars > div,
.approved-source-bars > div {
  align-items: center;
  display: grid;
  gap: 8px;
  grid-template-columns: 68px minmax(0,1fr) 28px;
}

.approved-rating-bars span,
.approved-source-bars span,
.approved-rating-bars strong,
.approved-source-bars strong {
  color: #9aa7b6;
  font-size: 9px;
}

.approved-rating-bars i,
.approved-source-bars i {
  background: rgba(255,255,255,.05);
  border-radius: 20px;
  display: block;
  height: 7px;
  overflow: hidden;
}

.approved-rating-bars b,
.approved-source-bars b {
  background: linear-gradient(90deg, var(--approved-teal), var(--approved-violet));
  display: block;
  height: 100%;
}

.approved-review-table-panel {
  padding-bottom: 8px;
}

.approved-review-table-panel input {
  font-size: 9px;
  max-width: 180px;
  min-height: 31px;
}

.approved-table-wrap {
  margin: 10px -14px 0;
  overflow-x: auto;
}

.approved-table-wrap table {
  border-collapse: collapse;
  font-size: 9px;
  width: 100%;
}

.approved-table-wrap th,
.approved-table-wrap td {
  border-bottom: 1px solid rgba(255,255,255,.07);
  padding: 9px 8px;
  text-align: left;
  vertical-align: middle;
}

.approved-table-wrap th {
  color: #788697;
  font-size: 8px;
  letter-spacing: .02em;
  text-transform: uppercase;
}

.approved-stars { color: var(--approved-amber); white-space: nowrap; }
.approved-verified { color: var(--approved-teal); font-size: 16px; }
.approved-more { background: rgba(255,255,255,.05); border: 1px solid var(--approved-line); font-size: 9px; padding: 3px 6px; }

.approved-detail-panel {
  background: linear-gradient(180deg, rgba(5,25,40,.98), rgba(3,16,27,.98));
  border: 1px solid var(--approved-line);
  border-radius: 7px;
  display: grid;
  gap: 8px;
  padding: 13px;
}

.approved-detail-panel > header {
  align-items: center;
  border-bottom: 1px solid rgba(255,255,255,.08);
  display: flex;
  justify-content: space-between;
  padding-bottom: 10px;
}

.approved-detail-panel h2 { font-size: 12px; margin: 0; }
.approved-detail-panel header p { color: #778596; font-size: 9px; margin: 3px 0 0; }
.approved-detail-panel section { background: rgba(255,255,255,.025); border: 1px solid rgba(255,255,255,.065); border-radius: 5px; padding: 10px; }
.approved-detail-panel h3 { font-size: 11px; margin: 4px 0; }
.approved-detail-panel p { color: #a5b1be; font-size: 9px; line-height: 1.5; margin: 3px 0 0; }
.approved-detail-rating { align-items: center; display: flex; justify-content: space-between; }
.approved-detail-rating span { color: var(--approved-amber); }
.approved-admin-actions { display: grid; gap: 6px; grid-template-columns: repeat(3, minmax(0,1fr)); margin-top: 9px; }
.approved-admin-actions button { font-size: 8px; padding: 7px 4px; }
.approved-admin-actions .approved-safe { background: rgba(16,223,209,.2); border: 1px solid var(--approved-teal); }
.approved-admin-actions .approved-warning { background: rgba(255,181,16,.14); border: 1px solid var(--approved-amber); }
.approved-admin-actions .approved-danger { background: rgba(255,47,120,.16); border: 1px solid var(--approved-pink); }

.approved-review-table-panel tbody tr.selected {
  background: rgba(20, 184, 166, .08);
  box-shadow: inset 3px 0 0 var(--approved-teal);
}

.approved-review-select {
  background: transparent;
  border: 0;
  color: inherit;
  display: grid;
  gap: 3px;
  max-width: 260px;
  padding: 0;
  text-align: left;
}

.approved-review-select strong {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.approved-review-select small,
.approved-table-wrap td small {
  color: #718091;
  display: block;
  font-size: 8px;
  margin-top: 3px;
}

.approved-evidence {
  align-items: center;
  color: #9db4b7;
  display: inline-flex;
  font-size: 8px;
  gap: 4px;
  max-width: 150px;
}

.approved-review-engagement {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin-top: 7px;
}

.approved-review-engagement span {
  background: rgba(255,255,255,.04);
  border: 1px solid rgba(255,255,255,.07);
  border-radius: 20px;
  color: #9eabb8;
  font-size: 8px;
  padding: 4px 7px;
}

.approved-media-link {
  color: var(--approved-teal);
  display: inline-block;
  font-size: 9px;
  margin-top: 8px;
}

.approved-muted { color: #667586; display: block; font-size: 8px; margin-top: 8px; }

.approved-review-methodology > div {
  display: grid;
  gap: 8px;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  margin-top: 12px;
}

.approved-review-methodology section {
  background: rgba(255,255,255,.025);
  border: 1px solid rgba(255,255,255,.06);
  border-radius: 5px;
  padding: 10px;
}

.approved-review-methodology strong { font-size: 9px; }
.approved-review-methodology p { color: #8d9aaa; font-size: 8px; line-height: 1.5; margin: 4px 0 0; }

.approved-review-queue-grid {
  display: grid;
  gap: 14px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.approved-review-queue-grid .approved-panel > header > strong {
  color: var(--approved-pink);
  font-size: 10px;
}

.approved-review-handoff {
  align-items: center;
  display: flex;
  justify-content: space-between;
}

.approved-review-handoff h2 { margin: 0 0 4px; }
.approved-review-handoff p { color: #8795a5; font-size: 9px; margin: 0; }
.approved-review-handoff button { background: rgba(20,184,166,.15); border: 1px solid var(--approved-teal); }

.approved-empty-detail { align-content: start; min-height: 160px; }

.approved-social-workspace {
  display: grid;
  gap: 14px;
}

.approved-social-workspace .mission-tabs {
  border: 1px solid var(--approved-line);
  border-radius: 7px;
  justify-content: space-between;
  padding: 3px;
}

.approved-social-workspace .mission-tabs button {
  border: 0;
  border-radius: 5px;
  flex: 1;
}

.approved-social-workspace .mission-tabs button.active {
  background: rgba(20,184,166,.12);
  box-shadow: inset 0 -2px 0 var(--approved-teal);
  color: var(--approved-teal);
}

.social-overview-grid,
.social-two-column {
  display: grid;
  gap: 14px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.social-mix-bars {
  display: grid;
  gap: 10px;
  margin-top: 15px;
}

.social-mix-bars > div {
  align-items: center;
  display: grid;
  gap: 10px;
  grid-template-columns: 80px minmax(0, 1fr) 36px;
}

.social-mix-bars span,
.social-mix-bars strong {
  color: #9ca9b8;
  font-size: 9px;
}

.social-mix-bars i {
  background: rgba(255,255,255,.05);
  border-radius: 20px;
  height: 7px;
  overflow: hidden;
}

.social-mix-bars b {
  background: linear-gradient(90deg, var(--approved-teal), var(--approved-violet));
  display: block;
  height: 100%;
}

.social-boundaries {
  display: grid;
  gap: 8px;
}

.social-boundaries > header { margin-bottom: 2px; }
.social-boundaries section {
  align-items: center;
  background: rgba(255,255,255,.025);
  border: 1px solid rgba(255,255,255,.06);
  border-radius: 5px;
  display: grid;
  gap: 5px 10px;
  grid-template-columns: 100px 82px minmax(0, 1fr);
  padding: 9px;
}
.social-boundaries strong { font-size: 9px; text-transform: capitalize; }
.social-boundaries span { color: var(--approved-amber); font-size: 8px; }
.social-boundaries small { color: #7f8d9c; font-size: 8px; }

.social-table-panel { min-width: 0; }
.social-table-panel > header { gap: 14px; }
.social-search { max-width: 260px; min-width: 210px; }
.social-search input { max-width: none; width: 100%; }

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

.social-coverage-grid .approved-panel { min-height: 92px; }
.social-coverage-grid .approved-panel header { align-items: flex-start; }
.social-coverage-grid .approved-panel h2 { font-size: 11px; }
.social-coverage-grid .approved-panel p { line-height: 1.45; margin-top: 7px; }

.social-definition-panel dl {
  display: grid;
  gap: 0;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  margin: 14px 0 0;
}

.social-definition-panel dl > div {
  border-bottom: 1px solid rgba(255,255,255,.06);
  display: grid;
  gap: 5px;
  padding: 10px;
}

.social-definition-panel dt {
  color: #d8e1eb;
  font-size: 9px;
  font-weight: 700;
  text-transform: capitalize;
}

.social-definition-panel dd {
  color: #8795a5;
  font-size: 8px;
  line-height: 1.5;
  margin: 0;
}

.social-definition-panel dd strong { color: var(--approved-amber); }

@media (max-width: 1100px) {
  .approved-health-pulse { display: none; }
  .approved-six-kpis { grid-template-columns: repeat(3, minmax(0,1fr)); }
  .approved-review-layout { grid-template-columns: 1fr; }
  .approved-detail-panel { grid-template-columns: repeat(2, minmax(0,1fr)); }
  .approved-detail-panel > header { grid-column: 1 / -1; }
  .approved-review-queue-grid { grid-template-columns: 1fr; }
  .social-coverage-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 760px) {
  .platform-shell,
  .platform-shell.sidebar-collapsed {
    display: block;
  }
  .platform-sidebar {
    border-bottom: 1px solid var(--approved-line);
    height: auto;
    padding: 8px 10px;
    position: sticky;
    width: 100%;
  }
  .platform-brand { border: 0; margin: 0 0 7px; padding: 0; }
  .platform-nav { display: flex; gap: 6px; overflow-x: auto; padding-bottom: 4px; }
  .platform-nav-workspace { flex: 0 0 auto; }
  .platform-nav-primary { min-height: 38px; padding: 7px 9px; }
  .platform-nav-nested { display: none; }
  .platform-main { padding: 0 10px 12px; }
  .platform-topbar { flex-wrap: wrap; margin: 0 -10px 12px; padding: 8px 10px; }
  .platform-search-trigger { flex: 1; min-width: 180px; }
  .platform-date-picker { flex: 1 0 100%; margin: 0; width: 100%; }
  .platform-date-range { display: flex; width: 100%; }
  .platform-user-menu summary { min-width: auto; }
  .platform-user-menu summary > span:nth-child(2),
  .platform-user-menu summary > span:last-child { display: none; }
  .approved-kpi-row,
  .approved-six-kpis { grid-template-columns: repeat(2, minmax(0,1fr)); }
  .approved-mission-grid,
  .approved-bottom-grid,
  .approved-review-charts { grid-template-columns: 1fr; }
  .approved-engagement > div { grid-template-columns: repeat(3, minmax(0,1fr)); }
  .approved-engagement section:nth-child(3) { border-right: 0; }
  .approved-nuru-bar { grid-template-columns: auto 1fr; }
  .approved-nuru-bar button { grid-column: 1 / -1; }
  .approved-detail-panel { grid-template-columns: 1fr; }
  .approved-detail-panel > header { grid-column: auto; }
  .approved-review-methodology > div { grid-template-columns: 1fr; }
  .approved-review-handoff { align-items: stretch; flex-direction: column; gap: 10px; }
  .approved-review-table-panel > header { align-items: stretch; flex-direction: column; }
  .approved-review-table-panel .approved-search,
  .approved-review-table-panel input { max-width: none; width: 100%; }
  .social-overview-grid,
  .social-two-column,
  .social-coverage-grid,
  .social-definition-panel dl { grid-template-columns: 1fr; }
  .social-table-panel > header { align-items: stretch; flex-direction: column; }
  .social-search { max-width: none; min-width: 0; width: 100%; }
  .social-boundaries section { grid-template-columns: 92px 72px minmax(0, 1fr); }
  .approved-social-workspace .approved-workspace-heading { align-items: flex-start; flex-direction: column; }
  .approved-social-workspace .approved-health-chip { max-width: 100%; }
}

/* Mission Control redesign — approved July 2026 */
.material-symbols-rounded {
  font-family: "Material Symbols Rounded";
  font-size: 1.2em;
  font-style: normal;
  font-weight: normal;
  letter-spacing: normal;
  line-height: 1;
  text-rendering: optimizeLegibility;
  text-transform: none;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-feature-settings: "liga";
  -webkit-font-smoothing: antialiased;
}

.platform-logo,
.platform-admin-avatar {
  align-items: center;
  background: linear-gradient(145deg, rgba(20, 215, 207, 0.8), rgba(217, 35, 120, 0.82));
  border: 1px solid rgba(255, 255, 255, 0.15);
  border-radius: 50%;
  display: inline-flex;
  flex: 0 0 auto;
  justify-content: center;
  overflow: hidden;
}

.platform-logo {
  height: 2.5rem;
  padding: 0.18rem;
  width: 2.5rem;
}

.platform-admin-avatar {
  height: 2rem;
  padding: 0.12rem;
  width: 2rem;
}

.platform-logo img,
.platform-admin-avatar img {
  border-radius: 50%;
  height: 100%;
  object-fit: cover;
  width: 100%;
}

.workspace-icon.material-symbols-rounded {
  color: #b9c5d6;
  font-size: 1.18rem;
  font-weight: 400;
}

.platform-nav-primary.active .workspace-icon {
  background: rgba(22, 215, 207, 0.12);
  border-color: rgba(22, 215, 207, 0.35);
  color: #20ded6;
}

.platform-notification-button {
  min-width: 2.8rem;
  position: relative;
}

.platform-notification-button b {
  align-items: center;
  background: #e23e71;
  border: 2px solid #0b1018;
  border-radius: 999px;
  color: white;
  display: flex;
  font-size: 0.62rem;
  height: 1.15rem;
  justify-content: center;
  position: absolute;
  right: 0.2rem;
  top: 0.1rem;
  width: 1.15rem;
}

.platform-nuru-trigger {
  align-items: center;
  display: inline-flex;
  gap: 0.4rem;
}

.platform-user-menu > summary {
  align-items: center;
  display: flex;
  gap: 0.55rem;
}

.platform-user-menu > summary > span:last-child {
  display: grid;
  line-height: 1.1;
  text-align: left;
}

.platform-user-menu > summary small {
  color: var(--muted);
  font-size: 0.68rem;
  font-weight: 500;
}

.mission-workspace-head {
  align-items: end;
  background:
    radial-gradient(circle at 100% 0, rgba(217, 35, 120, 0.09), transparent 26rem),
    radial-gradient(circle at 0 100%, rgba(22, 215, 207, 0.08), transparent 28rem),
    rgba(12, 17, 26, 0.88);
  border: 1px solid rgba(255, 255, 255, 0.075);
  border-radius: 16px;
  display: flex;
  gap: 1.5rem;
  justify-content: space-between;
  padding: 1.35rem 1.45rem;
}

.mission-workspace-head h2 {
  font-size: clamp(1.45rem, 2.4vw, 2.1rem);
  letter-spacing: -0.035em;
  margin: 0.2rem 0 0.45rem;
}

.mission-workspace-head p {
  color: var(--muted);
  margin: 0;
  max-width: 54rem;
}

.mission-primary {
  align-items: center;
  background: linear-gradient(110deg, #148f8a, #d92378);
  border: 0;
  color: white;
  display: inline-flex;
  gap: 0.45rem;
  padding: 0.72rem 1rem;
  white-space: nowrap;
}

.mission-tabs {
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
  display: flex;
  gap: 0.25rem;
  margin: 0.85rem 0 1rem;
  overflow-x: auto;
  padding: 0 0.3rem;
  scrollbar-width: thin;
}

.mission-tabs button {
  background: transparent;
  border: 0;
  border-bottom: 2px solid transparent;
  border-radius: 0;
  color: #8f9aac;
  font-size: 0.78rem;
  padding: 0.7rem 0.78rem;
  white-space: nowrap;
}

.mission-tabs button.active {
  border-bottom-color: #16d7cf;
  color: #20ded6;
}

.mission-kpi-grid {
  display: grid;
  gap: 0.7rem;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  margin-bottom: 0.9rem;
}

.mission-kpi {
  background: rgba(13, 19, 29, 0.9);
  border: 1px solid rgba(255, 255, 255, 0.075);
  border-radius: 13px;
  display: grid;
  gap: 0.26rem;
  min-height: 8.8rem;
  padding: 0.9rem;
}

.mission-kpi > span {
  color: #98a4b6;
  font-size: 0.72rem;
  font-weight: 700;
}

.mission-kpi strong {
  font-size: clamp(1.25rem, 2vw, 1.8rem);
  letter-spacing: -0.04em;
}

.mission-kpi small {
  color: #687588;
  font-size: 0.64rem;
  line-height: 1.3;
}

.mission-kpi-icon {
  align-items: center;
  background: rgba(22, 215, 207, 0.08);
  border: 1px solid rgba(22, 215, 207, 0.18);
  border-radius: 8px;
  color: #16d7cf;
  display: flex;
  height: 1.85rem;
  justify-content: center;
  width: 1.85rem;
}

.mission-kpi.violet .mission-kpi-icon { background: rgba(152, 96, 222, 0.1); border-color: rgba(152, 96, 222, 0.24); color: #a97ce4; }
.mission-kpi.magenta .mission-kpi-icon { background: rgba(217, 35, 120, 0.1); border-color: rgba(217, 35, 120, 0.24); color: #e05294; }
.mission-kpi.blue .mission-kpi-icon { background: rgba(55, 130, 246, 0.1); border-color: rgba(55, 130, 246, 0.24); color: #5d9bf8; }
.mission-kpi.amber .mission-kpi-icon { background: rgba(238, 170, 45, 0.1); border-color: rgba(238, 170, 45, 0.24); color: #efb84d; }
.mission-kpi.green .mission-kpi-icon { background: rgba(64, 186, 114, 0.1); border-color: rgba(64, 186, 114, 0.24); color: #51cc85; }

.mission-grid {
  display: grid;
  gap: 0.8rem;
}

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

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

.mission-panel {
  background: rgba(13, 19, 29, 0.9);
  border: 1px solid rgba(255, 255, 255, 0.075);
  border-radius: 14px;
  min-width: 0;
  overflow: auto;
  padding: 1rem;
}

.mission-panel > header {
  align-items: start;
  display: flex;
  justify-content: space-between;
  margin-bottom: 0.8rem;
}

.mission-panel h3 {
  font-size: 0.92rem;
  margin: 0;
}

.mission-panel header p {
  color: #718095;
  font-size: 0.68rem;
  margin: 0.18rem 0 0;
}

.mission-icon-button {
  background: transparent;
  border: 0;
  color: #7c8ba0;
  padding: 0.25rem;
}

.mission-bars {
  display: grid;
  gap: 0.64rem;
}

.mission-bar-row {
  align-items: center;
  display: grid;
  gap: 0.55rem;
  grid-template-columns: minmax(5rem, 0.8fr) minmax(6rem, 1.8fr) auto;
}

.mission-bar-row span,
.mission-bar-row strong {
  font-size: 0.68rem;
}

.mission-bar-row i {
  background: rgba(255, 255, 255, 0.055);
  border-radius: 999px;
  display: block;
  height: 0.42rem;
  overflow: hidden;
}

.mission-bar-row b {
  background: linear-gradient(90deg, #16d7cf, #d92378);
  border-radius: inherit;
  display: block;
  height: 100%;
}

.mission-empty {
  align-items: center;
  color: #718095;
  display: flex;
  gap: 0.6rem;
  justify-content: center;
  min-height: 7.5rem;
  padding: 1rem;
  text-align: center;
}

.mission-empty p {
  font-size: 0.75rem;
  line-height: 1.45;
  max-width: 32rem;
}

.mission-large-empty {
  background: rgba(13, 19, 29, 0.9);
  border: 1px solid rgba(255, 255, 255, 0.075);
  border-radius: 14px;
  flex-direction: column;
  min-height: 20rem;
}

.mission-large-empty h3 {
  margin: 0;
}

.mission-code-panel {
  background: #070b11;
  border: 1px solid rgba(22, 215, 207, 0.16);
  border-radius: 10px;
  color: #9badc2;
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
  font-size: 0.75rem;
  line-height: 1.6;
  min-height: 17rem;
  padding: 1rem;
}

.mission-nuru-strip {
  align-items: center;
  background: linear-gradient(100deg, rgba(22, 215, 207, 0.07), rgba(217, 35, 120, 0.06));
  border: 1px solid rgba(22, 215, 207, 0.18);
  border-radius: 13px;
  display: grid;
  gap: 0.85rem;
  grid-template-columns: auto 1fr auto;
  margin-top: 0.9rem;
  padding: 0.82rem 1rem;
}

.mission-nuru-strip > div {
  align-items: center;
  color: #16d7cf;
  display: flex;
  font-size: 0.75rem;
  font-weight: 800;
  gap: 0.4rem;
}

.mission-nuru-strip p {
  color: #91a0b3;
  font-size: 0.72rem;
  margin: 0;
}

.mission-nuru-strip button {
  background: transparent;
  border: 1px solid rgba(22, 215, 207, 0.24);
  color: #16d7cf;
  padding: 0.48rem 0.7rem;
}

@media (max-width: 1380px) {
  .mission-kpi-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

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

@media (max-width: 900px) {
  .mission-grid-2,
  .mission-grid-3 {
    grid-template-columns: 1fr;
  }

  .mission-workspace-head {
    align-items: stretch;
    display: grid;
  }
}

@media (max-width: 620px) {
  .platform-main {
    padding: 0.8rem;
  }

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

  .mission-kpi {
    min-height: 7.8rem;
    padding: 0.75rem;
  }

  .mission-nuru-strip {
    grid-template-columns: 1fr;
  }

  .mission-bar-row {
    grid-template-columns: minmax(4rem, 0.8fr) minmax(4rem, 1.6fr) auto;
  }
}

/* Approved Marketplace composition */
.approved-marketplace-workspace { display: grid; gap: 12px; min-width: 0; }
.approved-workspace-heading { align-items: center; display: flex; gap: 20px; justify-content: space-between; }
.approved-workspace-heading h1 { font-size: 20px; line-height: 1.1; margin: 0; }
.approved-workspace-heading p { color: #86909f; font-size: 11px; margin: 4px 0 0; }
.approved-health-chip { align-items: center; background: rgba(20,78,71,.28); border: 1px solid rgba(44,226,197,.3); border-radius: 999px; color: #97f3e3; display: inline-flex; font-size: 10px; font-weight: 800; gap: 7px; padding: 7px 10px; white-space: nowrap; }
.approved-health-chip i { background: #28dec3; border-radius: 50%; box-shadow: 0 0 10px rgba(40,222,195,.8); height: 7px; width: 7px; }
.approved-marketplace-workspace > .mission-tabs { align-items: center; background: rgba(10,16,24,.82); border: 1px solid rgba(94,109,129,.24); border-radius: 9px; display: flex; gap: 4px; overflow-x: auto; padding: 4px; }
.approved-marketplace-workspace > .mission-tabs button { background: transparent; border: 0; border-radius: 6px; color: #8994a4; font-size: 10px; font-weight: 800; min-height: 30px; min-width: max-content; padding: 6px 12px; }
.approved-marketplace-workspace > .mission-tabs button.active { background: rgba(18,176,157,.16); box-shadow: inset 0 -2px 0 #23d3bd; color: #50e6d0; }
.approved-marketplace-dashboard { display: grid; gap: 12px; grid-template-columns: minmax(0,1.7fr) minmax(220px,.75fr); }
.approved-panel { background: linear-gradient(145deg,rgba(15,23,34,.96),rgba(7,13,21,.97)); border: 1px solid rgba(94,109,129,.24); border-radius: 10px; min-width: 0; padding: 13px; }
.approved-panel > header { align-items: center; display: flex; gap: 14px; justify-content: space-between; margin-bottom: 10px; }
.approved-panel > header h2 { font-size: 12px; margin: 0; }
.approved-panel > header p, .approved-panel > header span { color: #748092; font-size: 9px; margin: 3px 0 0; }
.approved-panel > header button { font-size: 9px; min-height: 28px; padding: 5px 9px; }
.approved-marketplace-pulse { grid-column: 1; }
.approved-surface-grid { display: grid; gap: 8px; grid-template-columns: repeat(4,minmax(0,1fr)); }
.approved-surface-card { background: rgba(11,18,28,.92); border: 1px solid rgba(71,89,108,.28); border-radius: 8px; column-gap: 7px; display: grid; grid-template-columns: 24px 1fr; grid-template-rows: auto auto; min-height: 55px; padding: 8px; text-align: left; }
.approved-surface-card .material-symbols-rounded { align-self: center; color: #34d9c2; font-size: 18px; grid-row: 1 / 3; }
.approved-surface-card small { color: #7f8998; font-size: 8px; }
.approved-surface-card strong { color: #f4f7fa; font-size: 15px; }
.approved-surface-card.violet .material-symbols-rounded { color: #9d79ff; }
.approved-surface-card.blue .material-symbols-rounded { color: #59a8ff; }
.approved-surface-card.magenta .material-symbols-rounded { color: #ed4bac; }
.approved-surface-card.amber .material-symbols-rounded { color: #f1b44d; }
.approved-surface-card.green .material-symbols-rounded { color: #56cf83; }
.approved-surface-card.pink .material-symbols-rounded { color: #ff6d98; }
.approved-surface-card.cyan .material-symbols-rounded { color: #4bcdf5; }
.approved-marketplace-table { grid-column: 1; }
.approved-marketplace-attention { grid-column: 2; grid-row: 1 / span 2; }
.approved-marketplace-attention .operations-attention-row { background: transparent; border: 0; border-bottom: 1px solid rgba(86,101,120,.2); border-radius: 0; grid-template-columns: 1fr auto; padding: 9px 0; }
.approved-marketplace-attention .operations-attention-row > span:first-child,
.approved-marketplace-attention .operations-attention-row > strong,
.approved-marketplace-attention .operations-attention-row > small { grid-column: 1; }
.approved-marketplace-attention .operations-attention-row .status-badge { align-self: center; grid-column: 2; grid-row: 1 / span 3; }

@media (max-width: 900px) {
  .approved-marketplace-dashboard { grid-template-columns: 1fr; }
  .approved-marketplace-pulse, .approved-marketplace-table, .approved-marketplace-attention { grid-column: 1; grid-row: auto; }
  .approved-surface-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
}

/* Marketplace Overview — approved control-centre composition */
.marketplace-overview-page {
  --market-teal: #16d8d1;
  --market-pink: #f62973;
  --market-violet: #9466ef;
  --market-amber: #f5a900;
  color: #f5f7fb;
  display: grid;
  gap: 16px;
  min-width: 0;
  padding: 5px 5px 12px;
}
.marketplace-page-heading h1 { font-size: 26px; line-height: 1.1; margin: 0; }
.marketplace-page-heading p { color: #7d899c; font-size: 11px; margin: 7px 0 0; }
.marketplace-overview-page > .mission-tabs {
  align-items: center;
  background: transparent;
  border-bottom: 1px solid rgba(92,115,136,.22);
  border-radius: 0;
  display: flex;
  gap: 26px;
  overflow-x: auto;
  padding: 0 12px;
}
.marketplace-overview-page > .mission-tabs button {
  background: transparent;
  border: 0;
  border-radius: 0;
  color: #7d8797;
  font-size: 11px;
  font-weight: 700;
  min-height: 36px;
  min-width: max-content;
  padding: 5px 0 10px;
}
.marketplace-overview-page > .mission-tabs button.active {
  background: transparent;
  box-shadow: inset 0 -2px 0 var(--market-teal);
  color: #f5f7fb;
}
.marketplace-kpi-grid { display: grid; gap: 12px; grid-template-columns: repeat(4,minmax(0,1fr)); }
.marketplace-kpi-card {
  background: #0a1420;
  border: 1px solid rgba(78,104,127,.25);
  border-radius: 8px;
  display: grid;
  grid-template-columns: minmax(0,1fr) 96px;
  grid-template-rows: auto auto auto;
  min-height: 103px;
  overflow: hidden;
  padding: 15px 16px 13px 19px;
  position: relative;
}
.marketplace-kpi-card::before {
  background: var(--market-teal);
  border-radius: 3px;
  bottom: 8px;
  content: "";
  left: 5px;
  position: absolute;
  top: 8px;
  width: 3px;
}
.marketplace-kpi-card.pink::before { background: var(--market-pink); }
.marketplace-kpi-card.violet::before { background: var(--market-violet); }
.marketplace-kpi-card.amber::before { background: var(--market-amber); }
.marketplace-kpi-card > span {
  align-items: center;
  color: #abb5c3;
  display: flex;
  font-size: 10px;
  font-style: normal;
  font-weight: 700;
  gap: 5px;
}
.marketplace-kpi-card > span i { color: #7b899a; font-size: 12px; }
.marketplace-kpi-card > strong { align-self: end; font-size: 25px; grid-column: 1; line-height: 1; margin-top: 9px; }
.marketplace-kpi-card > small { color: #7c899b; font-size: 8px; grid-column: 1; margin-top: 6px; }
.marketplace-kpi-card > em { font-size: 9px; font-style: normal; font-weight: 800; grid-column: 1; margin-top: 4px; }
.marketplace-kpi-card > em.up { color: #21d6bd; }
.marketplace-kpi-card > em.down { color: #ff477d; }
.marketplace-kpi-card > em.neutral { color: #788599; }
.marketplace-sparkline { align-self: center; grid-column: 2; grid-row: 1 / span 3; height: 54px; width: 100%; }
.marketplace-overview-grid { display: grid; gap: 14px; grid-template-columns: minmax(0,1.72fr) minmax(300px,.82fr); }
.marketplace-volume-panel,
.marketplace-mix-panel,
.marketplace-live-panel,
.marketplace-attention-panel {
  background: #08131f;
  border: 1px solid rgba(76,103,126,.28);
  border-radius: 9px;
  min-width: 0;
  overflow: hidden;
}
.marketplace-volume-panel, .marketplace-mix-panel { min-height: 298px; padding: 14px 16px; }
.marketplace-volume-panel > header,
.marketplace-mix-panel > header,
.marketplace-live-panel > header,
.marketplace-attention-panel > header { align-items: flex-start; display: flex; justify-content: space-between; }
.marketplace-volume-panel h2,
.marketplace-mix-panel h2,
.marketplace-live-panel h2,
.marketplace-attention-panel h2 { align-items: center; display: flex; font-size: 12px; gap: 5px; margin: 0; }
.marketplace-volume-panel h2 span,
.marketplace-mix-panel h2 span,
.marketplace-live-panel h2 span,
.marketplace-attention-panel h2 span { color: #7a8798; font-size: 13px; }
.marketplace-period-chip {
  align-items: center;
  background: #0e1925;
  border: 1px solid rgba(79,104,126,.3);
  border-radius: 7px;
  color: #c3cbd6;
  display: inline-flex;
  font-size: 9px;
  gap: 7px;
  padding: 7px 9px;
}
.marketplace-period-chip i { font-size: 14px; }
.marketplace-chart-legend { display: flex; gap: 24px; margin-top: 14px; }
.marketplace-chart-legend span { align-items: center; color: #8490a1; display: inline-flex; font-size: 9px; gap: 7px; }
.marketplace-chart-legend i,
.marketplace-mix-layout li i { background: var(--market-teal); border-radius: 50%; height: 7px; width: 7px; }
.marketplace-chart-legend .pink i, .marketplace-mix-layout li.pink i { background: var(--market-pink); }
.marketplace-chart-legend .violet i, .marketplace-mix-layout li.violet i { background: var(--market-violet); }
.marketplace-chart-legend .amber i, .marketplace-mix-layout li.amber i { background: var(--market-amber); }
#marketplaceVolumeChart { height: 225px; margin-top: 6px; width: 100%; }
.marketplace-chart-empty {
  align-content: center;
  color: #738196;
  display: grid;
  justify-items: center;
  min-height: 205px;
  padding: 24px;
  text-align: center;
}
.marketplace-chart-empty > span { color: #22cdbd; font-size: 29px; }
.marketplace-chart-empty strong { color: #dbe2eb; font-size: 12px; margin-top: 7px; }
.marketplace-chart-empty p { font-size: 9px; line-height: 1.5; max-width: 360px; }
.marketplace-mix-layout { align-items: center; display: grid; gap: 12px; grid-template-columns: minmax(170px,1.15fr) minmax(125px,.85fr); height: 246px; }
.marketplace-donut-wrap { height: 205px; justify-self: center; position: relative; width: 205px; }
#marketplaceMixChart { height: 100%; width: 100%; }
.marketplace-donut-wrap > div { align-content: center; display: grid; inset: 0; justify-items: center; pointer-events: none; position: absolute; }
.marketplace-donut-wrap > div strong { font-size: 15px; }
.marketplace-donut-wrap > div span { color: #758296; font-size: 9px; margin-top: 5px; }
.marketplace-mix-layout ul { display: grid; gap: 20px; list-style: none; margin: 0; padding: 0; }
.marketplace-mix-layout li { align-items: center; display: grid; font-size: 10px; gap: 9px; grid-template-columns: 8px 1fr auto; }
.marketplace-mix-layout li span { color: #8591a2; }
.marketplace-mix-layout li strong { color: #f3f6fa; font-size: 12px; }
.marketplace-live-panel { grid-column: 1; }
.marketplace-attention-panel { grid-column: 2; }
.marketplace-live-panel > header, .marketplace-attention-panel > header { padding: 14px 16px 10px; }
.marketplace-live-head, .marketplace-live-row {
  align-items: center;
  display: grid;
  gap: 9px;
  grid-template-columns: 58px minmax(155px,1.35fr) minmax(125px,1fr) 78px 78px 76px 72px 16px;
}
.marketplace-live-head {
  border-bottom: 1px solid rgba(81,103,124,.3);
  border-top: 1px solid rgba(81,103,124,.24);
  color: #7d8999;
  font-size: 8px;
  padding: 8px 12px;
}
.marketplace-live-row {
  background: transparent;
  border: 0;
  border-bottom: 1px solid rgba(81,103,124,.22);
  border-radius: 0;
  color: #a9b3bf;
  font-size: 8px;
  min-height: 50px;
  padding: 7px 12px;
  text-align: left;
  width: 100%;
}
.marketplace-live-row:hover { background: rgba(20,214,196,.04); }
.marketplace-live-row > strong { color: #e8edf3; font-size: 9px; }
.marketplace-live-row > small { color: #7a8798; font-size: 8px; }
.marketplace-type-pill {
  border: 1px solid rgba(31,220,204,.3);
  border-radius: 5px;
  color: #2fe1ce;
  font-size: 8px;
  justify-self: start;
  padding: 5px 7px;
}
.marketplace-type-pill.booking { border-color: rgba(247,41,115,.3); color: #f84a85; }
.marketplace-type-pill.merch { border-color: rgba(148,102,239,.35); color: #ad86ff; }
.marketplace-type-pill.guestlist { border-color: rgba(245,169,0,.38); color: #ffc02c; }
.marketplace-item-cell, .marketplace-creator-cell { align-items: center; display: flex; gap: 8px; min-width: 0; }
.marketplace-item-cell img, .marketplace-item-cell > i { background: #152233; border-radius: 5px; height: 31px; object-fit: cover; width: 31px; }
.marketplace-item-cell > i { align-items: center; color: #3bd9c7; display: flex; font-size: 16px; justify-content: center; }
.marketplace-item-cell strong, .marketplace-creator-cell span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.marketplace-item-cell strong { color: #e7ecf2; font-size: 9px; }
.marketplace-creator-cell img { border: 1px solid rgba(27,221,204,.35); border-radius: 50%; height: 24px; object-fit: cover; width: 24px; }
.marketplace-live-row .status-badge { font-size: 7px; justify-self: start; padding: 4px 7px; }
.marketplace-row-arrow { color: #8090a3; font-size: 14px; }
.marketplace-attention-panel > header button {
  align-items: center;
  background: transparent;
  border: 0;
  color: #24daca;
  display: inline-flex;
  font-size: 9px;
  gap: 5px;
  padding: 0;
}
.marketplace-attention-panel > header button span { color: inherit; font-size: 14px; }
.marketplace-exception-row {
  align-items: center;
  background: transparent;
  border: 0;
  border-top: 1px solid rgba(81,103,124,.22);
  border-radius: 0;
  color: #9aa6b5;
  display: grid;
  font-size: 8px;
  gap: 9px;
  grid-template-columns: 24px minmax(0,1fr) 44px 54px 14px;
  min-height: 52px;
  padding: 9px 13px;
  text-align: left;
  width: 100%;
}
.marketplace-exception-row > span { color: #f42b6e; font-size: 21px; }
.marketplace-exception-row > strong { color: #e5eaf0; font-size: 9px; }
.marketplace-exception-row > em { font-style: normal; font-weight: 800; }
.marketplace-exception-row > em.high { color: #ff3b73; }
.marketplace-exception-row > em.medium { color: #ffb40e; }
.marketplace-exception-row > small { text-align: right; }
.marketplace-exception-row > i { color: #7c8999; font-size: 15px; }
.marketplace-empty-state { align-content: center; color: #718095; display: grid; justify-items: center; min-height: 196px; padding: 24px; text-align: center; }
.marketplace-empty-state.compact { min-height: 190px; }
.marketplace-empty-state > span { color: #25d5c4; font-size: 26px; }
.marketplace-empty-state strong { color: #dce3ea; font-size: 11px; margin-top: 7px; }
.marketplace-empty-state p { font-size: 8px; line-height: 1.45; max-width: 290px; }
.marketplace-nuru-bar {
  align-items: center;
  background: #0a1521;
  border: 1px solid rgba(38,211,195,.28);
  border-radius: 9px;
  box-shadow: 0 12px 30px rgba(5,10,18,.24);
  display: grid;
  gap: 12px;
  grid-template-columns: 42px auto 8px 22px minmax(0,1fr) auto;
  min-height: 64px;
  padding: 10px 16px;
}
.marketplace-nuru-bar > img { border: 2px solid #8596a9; border-radius: 50%; height: 38px; object-fit: cover; width: 38px; }
.marketplace-nuru-bar > strong { font-size: 16px; }
.marketplace-nuru-bar > i { background: #11bdb1; border-radius: 50%; box-shadow: 0 0 10px rgba(17,189,177,.7); height: 7px; width: 7px; }
.marketplace-nuru-bar > span { color: #a66cf1; font-size: 18px; }
.marketplace-nuru-bar > p { color: #aab5c3; font-size: 11px; margin: 0; }
.marketplace-nuru-bar > button { align-items: center; background: transparent; border: 1px solid #17d5c8; color: #d9fffb; display: inline-flex; font-size: 9px; gap: 7px; padding: 9px 13px; }
.marketplace-nuru-bar > button span { color: #19d8cc; font-size: 16px; }

@media (max-width: 1180px) {
  .marketplace-kpi-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .marketplace-overview-grid { grid-template-columns: 1fr; }
  .marketplace-live-panel, .marketplace-attention-panel { grid-column: 1; }
  .marketplace-live-head, .marketplace-live-row { grid-template-columns: 54px minmax(145px,1.35fr) minmax(120px,1fr) 72px 74px 70px 68px 16px; }
}
@media (max-width: 720px) {
  .marketplace-overview-page { gap: 12px; padding: 0 3px 12px; }
  .marketplace-page-heading h1 { font-size: 22px; }
  .marketplace-overview-page > .mission-tabs { gap: 20px; margin-inline: -2px; padding-inline: 8px; }
  .marketplace-kpi-grid { grid-template-columns: 1fr; }
  .marketplace-kpi-card { min-height: 98px; }
  .marketplace-volume-panel, .marketplace-mix-panel { min-height: 280px; padding: 13px; }
  .marketplace-chart-legend { gap: 12px; }
  #marketplaceVolumeChart { height: 205px; }
  .marketplace-mix-layout { grid-template-columns: 1fr; height: auto; }
  .marketplace-donut-wrap { height: 180px; width: 180px; }
  .marketplace-mix-layout ul { gap: 10px; grid-template-columns: repeat(2,minmax(0,1fr)); width: 100%; }
  .marketplace-live-head { display: none; }
  .marketplace-live-row {
    gap: 7px 9px;
    grid-template-columns: auto minmax(0,1fr) auto;
    grid-template-rows: auto auto auto;
    padding: 12px;
  }
  .marketplace-live-row .marketplace-type-pill { grid-column: 1; grid-row: 1; }
  .marketplace-item-cell { grid-column: 2; grid-row: 1; }
  .marketplace-creator-cell { grid-column: 1 / span 2; grid-row: 2; }
  .marketplace-live-row > span:nth-of-type(4) { grid-column: 3; grid-row: 1; }
  .marketplace-live-row > span:nth-of-type(5) { grid-column: 1 / span 2; grid-row: 3; }
  .marketplace-live-row > strong { grid-column: 2; grid-row: 3; justify-self: end; }
  .marketplace-live-row > small { grid-column: 3; grid-row: 2; }
  .marketplace-row-arrow { grid-column: 3; grid-row: 3; }
  .marketplace-nuru-bar { grid-template-columns: 36px auto 8px minmax(0,1fr); }
  .marketplace-nuru-bar > img { height: 34px; width: 34px; }
  .marketplace-nuru-bar > span { display: none; }
  .marketplace-nuru-bar > p { font-size: 9px; grid-column: 1 / -1; }
  .marketplace-nuru-bar > button { grid-column: 1 / -1; justify-content: center; width: 100%; }
}

/* Marketplace / Gigs — approved reference */
.marketplace-gigs-page {
  display: grid;
  gap: 12px;
  min-width: 0;
  padding: 0 2px 12px;
}
.marketplace-gigs-page > .mission-tabs {
  border-bottom: 1px solid rgba(80, 108, 132, .22);
  display: flex;
  gap: 32px;
  overflow-x: auto;
  padding: 0 4px;
}
.marketplace-gigs-page > .mission-tabs button {
  background: transparent;
  border: 0;
  border-bottom: 2px solid transparent;
  border-radius: 0;
  color: #8995a5;
  font-size: 10px;
  font-weight: 700;
  min-width: max-content;
  padding: 8px 2px 10px;
}
.marketplace-gigs-page > .mission-tabs button.active {
  border-bottom-color: var(--market-teal);
  color: #f5f8fb;
}
.gig-kpi-grid .marketplace-kpi-card > strong { margin-top: 11px; }
.gig-kpi-grid .marketplace-kpi-card > em { align-self: end; }
.gigs-analytics-grid,
.gigs-operations-grid {
  display: grid;
  gap: 12px;
  grid-template-columns: minmax(0, 1.55fr) minmax(300px, .95fr);
}
.gig-performance-panel,
.gig-status-panel,
.all-gigs-panel,
.top-gigs-panel {
  background: #08131f;
  border: 1px solid rgba(76, 103, 126, .28);
  border-radius: 9px;
  min-width: 0;
  overflow: hidden;
}
.gig-performance-panel,
.gig-status-panel { min-height: 288px; padding: 13px 15px; }
.gig-performance-panel > header,
.gig-status-panel > header,
.all-gigs-panel > header,
.top-gigs-panel > header {
  align-items: flex-start;
  display: flex;
  justify-content: space-between;
}
.gig-performance-panel h2,
.gig-status-panel h2,
.all-gigs-panel h2,
.top-gigs-panel h2 {
  align-items: center;
  display: flex;
  font-size: 12px;
  gap: 5px;
  margin: 0;
}
.gig-performance-panel h2 span,
.gig-status-panel h2 span,
.top-gigs-panel h2 span { color: #778699; font-size: 13px; }
.gig-chart-legend {
  display: flex;
  flex-wrap: wrap;
  gap: 18px;
  margin-top: 13px;
}
.gig-chart-legend span {
  align-items: center;
  color: #8490a1;
  display: inline-flex;
  font-size: 8px;
  gap: 6px;
}
.gig-chart-legend span.unavailable { color: #5e6a7b; }
.gig-chart-legend i,
.gig-status-layout li i {
  background: var(--market-teal);
  border-radius: 50%;
  height: 7px;
  width: 7px;
}
.gig-chart-legend .saves i { background: var(--market-pink); }
.gig-chart-legend .ticketSales i { background: var(--market-violet); }
.gig-chart-legend .shares i { background: var(--market-amber); }
.gig-chart-legend .unavailable i { opacity: .38; }
.gig-granularity {
  border: 1px solid rgba(88, 111, 133, .35);
  border-radius: 6px;
  display: flex;
  overflow: hidden;
}
.gig-granularity button {
  background: transparent;
  border: 0;
  border-radius: 0;
  color: #8490a1;
  font-size: 8px;
  min-width: 52px;
  padding: 6px 9px;
}
.gig-granularity button + button { border-left: 1px solid rgba(88, 111, 133, .35); }
.gig-granularity button.active { background: #0f1b28; box-shadow: inset 0 0 0 1px rgba(130, 157, 182, .42); color: #f4f7fb; }
#marketplaceGigsPerformanceChart { height: 208px; margin-top: 5px; width: 100%; }
.gig-tracking-note { color: #667487; display: block; font-size: 7px; margin-top: -4px; }
.gig-status-layout {
  align-items: center;
  display: grid;
  gap: 12px;
  grid-template-columns: minmax(160px, 1fr) minmax(135px, .82fr);
  min-height: 235px;
}
.gig-status-donut {
  height: 190px;
  justify-self: center;
  position: relative;
  width: 190px;
}
#marketplaceGigsStatusChart { height: 100%; width: 100%; }
.gig-status-donut > div {
  align-content: center;
  display: grid;
  inset: 0;
  justify-items: center;
  pointer-events: none;
  position: absolute;
}
.gig-status-donut strong { font-size: 25px; }
.gig-status-donut span { color: #758296; font-size: 9px; margin-top: 4px; }
.gig-status-layout ul { display: grid; gap: 16px; list-style: none; margin: 0; padding: 0; }
.gig-status-layout li {
  align-items: center;
  display: grid;
  font-size: 9px;
  gap: 8px;
  grid-template-columns: 8px minmax(0, 1fr) auto 36px;
}
.gig-status-layout li span { color: #8995a5; }
.gig-status-layout li strong { color: #f3f6fa; }
.gig-status-layout li small { color: #778396; text-align: right; }
.gig-status-layout li.pink i { background: var(--market-pink); }
.gig-status-layout li.violet i { background: var(--market-violet); }
.gig-status-layout li.amber i { background: var(--market-amber); }
.all-gigs-panel > header { align-items: center; padding: 12px 13px 8px; }
.gig-filters { align-items: center; display: flex; gap: 7px; }
.gig-filters label {
  align-items: center;
  background: #0a1622;
  border: 1px solid rgba(76, 101, 124, .36);
  border-radius: 6px;
  display: flex;
  min-width: 135px;
  padding: 0 8px;
}
.gig-filters label span { color: #aab4c1; font-size: 15px; }
.gig-filters input {
  background: transparent;
  border: 0;
  color: #f3f6fa;
  font-size: 8px;
  min-height: 29px;
  min-width: 0;
  outline: none;
  padding: 0 6px;
  width: 100%;
}
.gig-filters select,
.gig-filters button {
  background: #0a1622;
  border: 1px solid rgba(76, 101, 124, .36);
  border-radius: 6px;
  color: #c7d0dc;
  font-size: 8px;
  min-height: 31px;
  padding: 0 9px;
}
.gig-filters button { align-items: center; display: inline-flex; gap: 5px; }
.gig-filters button span { font-size: 14px; }
.gig-table-head,
.gig-table-row {
  align-items: center;
  display: grid;
  gap: 7px;
  grid-template-columns: minmax(175px, 1.45fr) minmax(115px, .95fr) 72px 70px 62px 70px 70px 70px 14px;
}
.gig-table-head {
  border-bottom: 1px solid rgba(78, 102, 124, .3);
  border-top: 1px solid rgba(78, 102, 124, .26);
  color: #8592a3;
  font-size: 7px;
  padding: 8px 9px;
}
.gig-table-row {
  background: transparent;
  border: 0;
  border-bottom: 1px solid rgba(78, 102, 124, .22);
  border-radius: 0;
  color: #a9b3bf;
  font-size: 8px;
  min-height: 49px;
  padding: 6px 9px;
  text-align: left;
  width: 100%;
}
.gig-table-row:hover,
.top-gig-row:hover { background: rgba(20, 214, 196, .04); }
.gig-name-cell,
.gig-host-cell { align-items: center; display: flex; gap: 7px; min-width: 0; }
.gig-name-cell img,
.gig-name-cell > i {
  background: #152233;
  border-radius: 4px;
  flex: 0 0 auto;
  height: 28px;
  object-fit: cover;
  width: 28px;
}
.gig-name-cell > i { align-items: center; color: #2edbc9; display: flex; font-size: 16px; justify-content: center; }
.gig-name-cell strong,
.gig-host-cell span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.gig-name-cell strong { color: #ecf1f6; font-size: 8px; }
.gig-host-cell img,
.gig-host-cell > i {
  border: 1px solid rgba(31, 220, 204, .32);
  border-radius: 50%;
  color: #a06cee;
  flex: 0 0 auto;
  font-size: 21px;
  height: 23px;
  object-fit: cover;
  width: 23px;
}
.gig-status-pill {
  align-items: center;
  border: 1px solid rgba(31, 220, 204, .22);
  border-radius: 5px;
  color: #c5d0da;
  display: inline-flex;
  font-size: 7px;
  font-weight: 800;
  gap: 5px;
  padding: 4px 6px;
}
.gig-status-pill i { background: var(--market-teal); border-radius: 50%; height: 5px; width: 5px; }
.gig-status-pill.pink i { background: var(--market-pink); }
.gig-status-pill.violet i { background: var(--market-violet); }
.gig-status-pill.amber i { background: var(--market-amber); }
.gig-table-row time { color: #aab3bf; }
.gig-table-row > strong { color: #f1f5f8; font-size: 8px; }
.gig-table-row small { color: #788697; }
.gig-table-row .unavailable { color: #667487; }
.gig-table-row > i { color: #8b99aa; font-size: 14px; }
.top-gigs-panel > header { padding: 12px 13px; }
.top-gig-head,
.top-gig-row {
  align-items: center;
  display: grid;
  gap: 8px;
  grid-template-columns: 24px minmax(140px, 1fr) 74px 72px;
}
.top-gig-head {
  border-bottom: 1px solid rgba(78, 102, 124, .3);
  border-top: 1px solid rgba(78, 102, 124, .26);
  color: #8592a3;
  font-size: 7px;
  padding: 8px 10px;
}
.top-gig-row {
  background: transparent;
  border: 0;
  border-bottom: 1px solid rgba(78, 102, 124, .22);
  border-radius: 0;
  color: #a9b3bf;
  font-size: 8px;
  min-height: 45px;
  padding: 6px 10px;
  text-align: left;
  width: 100%;
}
.top-gig-row > strong { color: #f0f4f8; text-align: center; }
.top-gig-row > span:last-child { color: #9aa6b5; text-align: right; }
.top-gigs-panel > button {
  align-items: center;
  background: transparent;
  border: 0;
  color: #21d8c7;
  display: flex;
  font-size: 8px;
  gap: 4px;
  padding: 9px 13px;
}
.top-gigs-panel > button span { font-size: 14px; }
.operations-drawer-actions {
  border-top: 1px solid rgba(78, 102, 124, .3);
  display: grid;
  gap: 8px;
  margin-top: 12px;
  padding-top: 12px;
}
.operations-drawer-actions > strong {
  color: #eef3f8;
  font-size: 11px;
}
.operations-drawer-actions > button {
  align-items: center;
  background: rgba(20, 214, 196, .08);
  border: 1px solid rgba(20, 214, 196, .34);
  color: #d8fffa;
  display: flex;
  font-size: 9px;
  gap: 7px;
  justify-content: flex-start;
  min-height: 36px;
  padding: 8px 10px;
  width: 100%;
}
.operations-drawer-actions > button .material-symbols-rounded {
  color: var(--market-teal);
  font-size: 17px;
}
.operations-drawer-actions > button.danger {
  background: rgba(255, 52, 124, .08);
  border-color: rgba(255, 52, 124, .38);
  color: #ffd8e7;
}
.operations-drawer-actions > button.danger .material-symbols-rounded {
  color: var(--market-pink);
}

@media (max-width: 1240px) {
  .gigs-analytics-grid,
  .gigs-operations-grid { grid-template-columns: 1fr; }
  .gig-table-head,
  .gig-table-row { grid-template-columns: minmax(170px, 1.45fr) minmax(110px, .95fr) 70px 68px 60px 68px 68px 68px 14px; }
}
@media (max-width: 800px) {
  .marketplace-gigs-page { gap: 12px; padding: 0 3px 12px; }
  .marketplace-gigs-page > .mission-tabs { gap: 20px; margin-inline: -2px; padding-inline: 8px; }
  .gig-performance-panel,
  .gig-status-panel { min-height: 276px; padding: 12px; }
  .gig-performance-panel > header { gap: 8px; }
  .gig-chart-legend { gap: 9px; }
  #marketplaceGigsPerformanceChart { height: 205px; }
  .gig-status-layout { grid-template-columns: 1fr; }
  .gig-status-layout ul { grid-template-columns: repeat(2, minmax(0, 1fr)); width: 100%; }
  .all-gigs-panel > header { align-items: stretch; flex-direction: column; gap: 10px; }
  .gig-filters { align-items: stretch; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .gig-filters label { grid-column: 1 / -1; }
  .gig-table-head { display: none; }
  .gig-table-row {
    gap: 8px;
    grid-template-columns: minmax(0, 1fr) auto;
    min-height: 0;
    padding: 12px;
  }
  .gig-table-row .gig-name-cell { grid-column: 1; grid-row: 1; }
  .gig-table-row .gig-host-cell { grid-column: 1; grid-row: 2; }
  .gig-table-row > span:nth-child(3) { grid-column: 2; grid-row: 1; }
  .gig-table-row time { grid-column: 2; grid-row: 2; }
  .gig-table-row > span:nth-child(5) { display: none; }
  .gig-table-row > span:nth-child(6) { grid-column: 1; grid-row: 3; }
  .gig-table-row > strong { grid-column: 2; grid-row: 3; }
  .gig-table-row > span:nth-child(8) { grid-column: 1 / -1; grid-row: 4; }
  .gig-table-row > i { grid-column: 2; grid-row: 4; }
  .top-gig-head,
  .top-gig-row { grid-template-columns: 20px minmax(120px, 1fr) 64px; }
  .top-gig-head > span:last-child,
  .top-gig-row > span:last-child { display: none; }
}

/* Marketplace / Merch — approved store, fulfilment and protected-payout workspace */
.marketplace-merch-page { display: grid; gap: 12px; min-width: 0; padding: 0 2px 12px; }
.marketplace-merch-page > .mission-tabs {
  border-bottom: 1px solid rgba(80,108,132,.22);
  display: flex;
  gap: 30px;
  overflow-x: auto;
  padding: 0 4px;
}
.marketplace-merch-page > .mission-tabs button {
  background: transparent;
  border: 0;
  border-bottom: 2px solid transparent;
  border-radius: 0;
  color: #8995a5;
  font-size: 10px;
  font-weight: 700;
  min-width: max-content;
  padding: 8px 2px 10px;
}
.marketplace-merch-page > .mission-tabs button.active { border-bottom-color: var(--market-teal); color: #f5f8fb; }
.merch-analytics-grid,
.merch-operations-grid {
  display: grid;
  gap: 12px;
  grid-template-columns: minmax(0,1.55fr) minmax(300px,.78fr);
}
.merch-sales-panel,
.merch-status-panel,
.merch-products-panel,
.merch-attention-panel {
  background: #08131f;
  border: 1px solid rgba(76,103,126,.28);
  border-radius: 9px;
  min-width: 0;
  overflow: hidden;
}
.merch-sales-panel,
.merch-status-panel { min-height: 270px; padding: 12px 13px; }
.merch-sales-panel > header,
.merch-status-panel > header,
.merch-products-panel > header,
.merch-attention-panel > header {
  align-items: center;
  display: flex;
  justify-content: space-between;
}
.merch-sales-panel h2,
.merch-status-panel h2,
.merch-products-panel h2,
.merch-attention-panel h2 {
  align-items: center;
  display: flex;
  font-size: 11px;
  gap: 5px;
  margin: 0;
}
.merch-sales-panel h2 span,
.merch-status-panel h2 span,
.merch-products-panel h2 span,
.merch-attention-panel h2 span { color: #778699; font-size: 12px; }
.merch-sales-panel select {
  background: #0a1622;
  border: 1px solid rgba(76,101,124,.36);
  border-radius: 6px;
  color: #d5dce5;
  font-size: 8px;
  min-height: 28px;
  padding: 0 24px 0 9px;
}
.merch-chart-legend { color: #8490a1; display: flex; font-size: 8px; gap: 20px; margin-top: 9px; }
.merch-chart-legend span { align-items: center; display: inline-flex; gap: 6px; }
.merch-chart-legend i { background: #16d8d1; border-radius: 50%; height: 6px; width: 6px; }
.merch-chart-legend .delivered i { background: #9466ef; }
.merch-chart-legend .inProtection i { background: #f62973; }
.merch-chart-legend .released i { background: #f5a900; }
#marketplaceMerchSalesChart { height: 220px; margin-top: 5px; width: 100%; }
.merch-status-layout {
  align-items: center;
  display: grid;
  gap: 16px;
  grid-template-columns: minmax(160px,1.1fr) minmax(130px,.9fr);
  min-height: 225px;
}
.merch-status-donut { height: 180px; justify-self: center; position: relative; width: 180px; }
#marketplaceMerchStatusChart { height: 100%; width: 100%; }
.merch-status-donut > div {
  align-content: center;
  display: grid;
  inset: 0;
  justify-items: center;
  pointer-events: none;
  position: absolute;
}
.merch-status-donut strong { font-size: 18px; }
.merch-status-donut span { color: #758296; font-size: 8px; margin-top: 3px; }
.merch-status-layout ul { display: grid; gap: 12px; list-style: none; margin: 0; padding: 0; }
.merch-status-layout li { align-items: center; display: grid; font-size: 8px; gap: 8px; grid-template-columns: 7px minmax(0,1fr) auto; }
.merch-status-layout li i { background: #16d8d1; border-radius: 50%; height: 6px; width: 6px; }
.merch-status-layout li:nth-child(2) i { background: #f62973; }
.merch-status-layout li:nth-child(3) i { background: #9466ef; }
.merch-status-layout li:nth-child(4) i { background: #f5a900; }
.merch-status-layout li:nth-child(5) i { background: #24b9b4; }
.merch-status-layout li span { color: #8995a5; }
.merch-status-layout li strong { color: #eef3f7; }
.merch-products-panel > header,
.merch-attention-panel > header { padding: 11px 13px; }
.merch-product-head,
.merch-product-row {
  align-items: center;
  display: grid;
  gap: 8px;
  grid-template-columns: minmax(125px,1fr) minmax(145px,1.15fr) minmax(105px,.85fr) 50px 48px 67px 67px 74px 12px;
}
.merch-product-head {
  border-bottom: 1px solid rgba(78,102,124,.3);
  border-top: 1px solid rgba(78,102,124,.26);
  color: #8592a3;
  font-size: 7px;
  padding: 8px 10px;
}
.merch-product-row {
  background: transparent;
  border: 0;
  border-bottom: 1px solid rgba(78,102,124,.22);
  border-radius: 0;
  color: #9eabb9;
  font-size: 7px;
  min-height: 54px;
  padding: 6px 10px;
  text-align: left;
  width: 100%;
}
.merch-product-row:hover { background: rgba(20,214,196,.04); }
.merch-store-cell,
.merch-product-cell,
.merch-seller-cell { align-items: center; display: flex; gap: 7px; min-width: 0; }
.merch-store-cell img,
.merch-product-cell img,
.merch-seller-cell img,
.merch-store-cell > i,
.merch-product-cell > i,
.merch-seller-cell > i {
  align-items: center;
  background: rgba(83,31,70,.64);
  border: 1px solid rgba(231,79,154,.28);
  border-radius: 50%;
  color: #d9e3ee;
  display: flex;
  flex: 0 0 auto;
  font-size: 16px;
  height: 27px;
  justify-content: center;
  object-fit: cover;
  width: 27px;
}
.merch-product-cell img,
.merch-product-cell > i { border-radius: 5px; height: 33px; width: 33px; }
.merch-store-cell strong,
.merch-product-cell strong { color: #eef3f7; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.merch-product-cell > span { display: grid; gap: 2px; min-width: 0; }
.merch-product-cell small,
.merch-product-row .low-stock small { color: var(--market-amber); display: block; font-size: 6px; font-weight: 500; }
.merch-seller-cell span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.merch-status {
  border: 1px solid rgba(22,216,209,.34);
  border-radius: 5px;
  color: var(--market-teal);
  display: inline-flex;
  font-size: 6px;
  padding: 4px 6px;
  text-transform: capitalize;
}
.merch-status.pending,
.merch-status.protection { border-color: rgba(245,169,0,.4); color: var(--market-amber); }
.merch-status.declined,
.merch-status.processing { border-color: rgba(246,41,115,.4); color: var(--market-pink); }
.merch-status.shipped { border-color: rgba(148,102,239,.44); color: #b18cff; }
.merch-status.delivered { border-color: rgba(22,216,209,.34); color: var(--market-teal); }
.merch-product-row > i { color: #8391a2; font-size: 14px; }
.merch-products-panel > small { color: #657386; display: block; font-size: 7px; line-height: 1.4; padding: 8px 11px; }
.merch-attention-panel header button { background: transparent; border: 0; color: var(--market-teal); font-size: 8px; padding: 0; }
.merch-attention-row {
  align-items: center;
  background: transparent;
  border: 0;
  border-top: 1px solid rgba(78,102,124,.22);
  border-radius: 0;
  color: #9eabb9;
  display: grid;
  font-size: 7px;
  gap: 8px;
  grid-template-columns: 26px minmax(0,1fr) auto auto 12px;
  min-height: 58px;
  padding: 8px 11px;
  text-align: left;
  width: 100%;
}
.merch-attention-row > span:first-child { color: var(--market-pink); font-size: 22px; }
.merch-attention-row.medium > span:first-child { color: var(--market-amber); }
.merch-attention-row > span:nth-child(2) { display: grid; gap: 3px; }
.merch-attention-row strong { color: #eef3f7; }
.merch-attention-row small { color: #748295; }
.merch-attention-row em { color: var(--market-pink); font-style: normal; }
.merch-attention-row.medium em { color: var(--market-amber); }
.merch-attention-row > b { color: #c4ced8; }
.merch-attention-row > i { color: #8391a2; font-size: 14px; }

@media (max-width: 1180px) {
  .merch-analytics-grid,
  .merch-operations-grid { grid-template-columns: 1fr; }
}
@media (max-width: 800px) {
  .marketplace-merch-page { gap: 12px; padding: 0 3px 12px; }
  .marketplace-merch-page > .mission-tabs { gap: 20px; margin-inline: -2px; padding-inline: 8px; }
  .merch-status-layout { grid-template-columns: 1fr; }
  .merch-product-head { display: none; }
  .merch-product-row { gap: 9px; grid-template-columns: minmax(0,1fr) auto; padding: 12px; }
  .merch-store-cell { grid-column: 1; grid-row: 1; }
  .merch-product-cell { grid-column: 1 / -1; grid-row: 2; }
  .merch-seller-cell { grid-column: 1; grid-row: 3; }
  .merch-product-row > strong:nth-child(4),
  .merch-product-row > strong:nth-child(5),
  .merch-product-row > strong:nth-child(6) { grid-column: 1; }
  .merch-product-row > span:nth-child(7),
  .merch-product-row > span:nth-child(8) { grid-column: 2; }
  .merch-product-row > i { display: none; }
}

/* Marketplace / Resale — approved verified-ticket resale workspace */
.marketplace-resale-page { display: grid; gap: 12px; min-width: 0; padding: 0 2px 12px; }
.marketplace-resale-page > .mission-tabs {
  border-bottom: 1px solid rgba(80,108,132,.22);
  display: flex;
  gap: 30px;
  overflow-x: auto;
  padding: 0 4px;
}
.marketplace-resale-page > .mission-tabs button {
  background: transparent;
  border: 0;
  border-bottom: 2px solid transparent;
  border-radius: 0;
  color: #8995a5;
  font-size: 10px;
  font-weight: 700;
  min-width: max-content;
  padding: 8px 2px 10px;
}
.marketplace-resale-page > .mission-tabs button.active { border-bottom-color: var(--market-teal); color: #f5f8fb; }
.resale-analytics-grid,
.resale-operations-grid {
  display: grid;
  gap: 12px;
  grid-template-columns: minmax(0,1.55fr) minmax(300px,.78fr);
}
.resale-activity-panel,
.resale-status-panel,
.resale-listings-panel,
.resale-risk-panel {
  background: #08131f;
  border: 1px solid rgba(76,103,126,.28);
  border-radius: 9px;
  min-width: 0;
  overflow: hidden;
}
.resale-activity-panel,
.resale-status-panel { min-height: 270px; padding: 12px 13px; }
.resale-activity-panel > header,
.resale-status-panel > header,
.resale-listings-panel > header,
.resale-risk-panel > header {
  align-items: center;
  display: flex;
  justify-content: space-between;
}
.resale-activity-panel h2,
.resale-status-panel h2,
.resale-listings-panel h2,
.resale-risk-panel h2 {
  align-items: center;
  display: flex;
  font-size: 11px;
  gap: 5px;
  margin: 0;
}
.resale-activity-panel h2 span,
.resale-status-panel h2 span,
.resale-listings-panel h2 span,
.resale-risk-panel h2 span { color: #778699; font-size: 12px; }
.resale-activity-panel select {
  background: #0a1622;
  border: 1px solid rgba(76,101,124,.36);
  border-radius: 6px;
  color: #d5dce5;
  font-size: 8px;
  min-height: 28px;
  padding: 0 24px 0 9px;
}
.resale-chart-legend { color: #8490a1; display: flex; font-size: 8px; gap: 20px; margin-top: 9px; }
.resale-chart-legend span { align-items: center; display: inline-flex; gap: 6px; }
.resale-chart-legend i { background: #16d8d1; border-radius: 50%; height: 6px; width: 6px; }
.resale-chart-legend .purchases i { background: #f62973; }
.resale-chart-legend .transfers i { background: #9466ef; }
.resale-chart-legend .refunds i { background: #f5a900; }
#marketplaceResaleActivityChart { height: 220px; margin-top: 5px; width: 100%; }
.resale-status-layout {
  align-items: center;
  display: grid;
  gap: 16px;
  grid-template-columns: minmax(160px,1.1fr) minmax(130px,.9fr);
  min-height: 225px;
}
.resale-status-donut { height: 180px; justify-self: center; position: relative; width: 180px; }
#marketplaceResaleStatusChart { height: 100%; width: 100%; }
.resale-status-donut > div {
  align-content: center;
  display: grid;
  inset: 0;
  justify-items: center;
  pointer-events: none;
  position: absolute;
}
.resale-status-donut strong { font-size: 18px; }
.resale-status-donut span { color: #758296; font-size: 8px; margin-top: 3px; }
.resale-status-layout ul { display: grid; gap: 12px; list-style: none; margin: 0; padding: 0; }
.resale-status-layout li { align-items: center; display: grid; font-size: 8px; gap: 8px; grid-template-columns: 7px minmax(0,1fr) auto; }
.resale-status-layout li i { background: #16d8d1; border-radius: 50%; height: 6px; width: 6px; }
.resale-status-layout li:nth-child(2) i { background: #f62973; }
.resale-status-layout li:nth-child(3) i { background: #9466ef; }
.resale-status-layout li:nth-child(4) i { background: #f5a900; }
.resale-status-layout li span { color: #8995a5; }
.resale-status-layout li strong { color: #eef3f7; }
.resale-listings-panel > header,
.resale-risk-panel > header { padding: 11px 13px; }
.resale-listing-head,
.resale-listing-row {
  align-items: center;
  display: grid;
  gap: 7px;
  grid-template-columns: minmax(76px,.7fr) minmax(142px,1.35fr) minmax(86px,.8fr) minmax(86px,.8fr) 61px 61px 55px 65px 67px 12px;
}
.resale-listing-head {
  border-bottom: 1px solid rgba(78,102,124,.3);
  border-top: 1px solid rgba(78,102,124,.26);
  color: #8592a3;
  font-size: 6px;
  padding: 8px 10px;
}
.resale-listing-row {
  background: transparent;
  border: 0;
  border-bottom: 1px solid rgba(78,102,124,.22);
  border-radius: 0;
  color: #9eabb9;
  font-size: 6px;
  min-height: 54px;
  padding: 6px 10px;
  text-align: left;
  width: 100%;
}
.resale-listing-row:hover { background: rgba(20,214,196,.04); }
.resale-ticket-cell,
.resale-gig-cell,
.resale-person-cell { align-items: center; display: flex; gap: 7px; min-width: 0; }
.resale-ticket-cell > i {
  align-items: center;
  background: rgba(18,68,80,.52);
  border: 1px solid rgba(22,216,209,.28);
  border-radius: 4px;
  color: #d9e3ee;
  display: flex;
  flex: 0 0 auto;
  font-size: 15px;
  height: 28px;
  justify-content: center;
  width: 24px;
}
.resale-gig-cell img,
.resale-person-cell img,
.resale-gig-cell > i,
.resale-person-cell > i {
  align-items: center;
  background: rgba(83,31,70,.64);
  border: 1px solid rgba(231,79,154,.28);
  border-radius: 50%;
  color: #d9e3ee;
  display: flex;
  flex: 0 0 auto;
  font-size: 16px;
  height: 25px;
  justify-content: center;
  object-fit: cover;
  width: 25px;
}
.resale-gig-cell img,
.resale-gig-cell > i { border-radius: 4px; height: 32px; width: 32px; }
.resale-gig-cell > span { display: grid; gap: 2px; min-width: 0; }
.resale-ticket-cell strong,
.resale-gig-cell strong,
.resale-person-cell span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.resale-ticket-cell strong,
.resale-gig-cell strong { color: #eef3f7; }
.resale-gig-cell small { color: #748295; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.resale-status,
.resale-transfer,
.resale-protection {
  align-items: center;
  border: 1px solid rgba(22,216,209,.34);
  border-radius: 5px;
  color: var(--market-teal);
  display: inline-flex;
  font-size: 6px;
  gap: 3px;
  padding: 4px 5px;
  white-space: nowrap;
}
.resale-status.sold { border-color: rgba(246,41,115,.4); color: var(--market-pink); }
.resale-status.cancelled { border-color: rgba(148,102,239,.44); color: #b18cff; }
.resale-status.expired,
.resale-transfer.pending { border-color: rgba(245,169,0,.4); color: var(--market-amber); }
.resale-status.unknown,
.resale-transfer.none,
.resale-protection.unrecorded { border-color: rgba(104,124,143,.35); color: #7d8998; }
.resale-protection.released { border-color: rgba(148,102,239,.44); color: #b18cff; }
.resale-transfer i,
.resale-protection i { font-size: 9px; }
.resale-listing-row > i { color: #8391a2; font-size: 14px; }
.resale-listings-panel > small { color: #657386; display: block; font-size: 7px; line-height: 1.4; padding: 8px 11px; }
.resale-risk-row {
  align-items: center;
  background: transparent;
  border: 0;
  border-top: 1px solid rgba(78,102,124,.22);
  border-radius: 0;
  color: #9eabb9;
  display: grid;
  font-size: 7px;
  gap: 8px;
  grid-template-columns: 28px minmax(0,1fr) auto 12px;
  min-height: 62px;
  padding: 8px 11px;
  text-align: left;
  width: 100%;
}
.resale-risk-row > span:first-child { color: var(--market-pink); font-size: 23px; }
.resale-risk-row.medium > span:first-child { color: var(--market-amber); }
.resale-risk-row > span:nth-child(2) { display: grid; gap: 3px; }
.resale-risk-row strong { color: #eef3f7; }
.resale-risk-row small { color: #748295; line-height: 1.35; }
.resale-risk-row em { color: var(--market-pink); font-style: normal; }
.resale-risk-row.medium em { color: var(--market-amber); }
.resale-risk-row > i { color: #8391a2; font-size: 14px; }

@media (max-width: 1180px) {
  .resale-analytics-grid,
  .resale-operations-grid { grid-template-columns: 1fr; }
}
@media (max-width: 800px) {
  .marketplace-resale-page { gap: 12px; padding: 0 3px 12px; }
  .marketplace-resale-page > .mission-tabs { gap: 20px; margin-inline: -2px; padding-inline: 8px; }
  .resale-status-layout { grid-template-columns: 1fr; }
  .resale-listing-head { display: none; }
  .resale-listing-row { gap: 9px; grid-template-columns: minmax(0,1fr) auto; padding: 12px; }
  .resale-ticket-cell { grid-column: 1; grid-row: 1; }
  .resale-gig-cell { grid-column: 1 / -1; grid-row: 2; }
  .resale-person-cell { grid-column: 1; }
  .resale-listing-row > strong { grid-column: 1; }
  .resale-listing-row > span:nth-child(n+7) { grid-column: 2; }
  .resale-listing-row > i { display: none; }
}

@media (max-width: 620px) {
  .platform-topbar-actions {
    grid-column: 1 / -1;
    justify-content: flex-end;
    width: 100%;
  }

  .platform-user-menu {
    padding-left: 7px;
  }

  .marketplace-page-heading {
    min-width: 0;
  }

  .marketplace-page-heading h1 {
    font-size: 20px;
    overflow-wrap: anywhere;
    white-space: normal;
  }
}

/* Marketplace / Tickets — approved reference */
.marketplace-tickets-page {
  display: grid;
  gap: 12px;
  min-width: 0;
  padding: 0 2px 12px;
}
.marketplace-tickets-page > .mission-tabs {
  border-bottom: 1px solid rgba(80, 108, 132, .22);
  display: flex;
  gap: 32px;
  overflow-x: auto;
  padding: 0 4px;
}
.marketplace-tickets-page > .mission-tabs button {
  background: transparent;
  border: 0;
  border-bottom: 2px solid transparent;
  border-radius: 0;
  color: #8995a5;
  font-size: 10px;
  font-weight: 700;
  min-width: max-content;
  padding: 8px 2px 10px;
}
.marketplace-tickets-page > .mission-tabs button.active {
  border-bottom-color: var(--market-teal);
  color: #f5f8fb;
}
.ticket-kpi-grid .marketplace-kpi-card > strong { margin-top: 11px; }
.tickets-analytics-grid,
.tickets-operations-grid {
  display: grid;
  gap: 12px;
  grid-template-columns: minmax(0, 1.55fr) minmax(300px, .95fr);
}
.ticket-sales-panel,
.ticket-inventory-panel,
.ticket-classes-panel,
.ticket-exceptions-panel {
  background: #08131f;
  border: 1px solid rgba(76, 103, 126, .28);
  border-radius: 9px;
  min-width: 0;
  overflow: hidden;
}
.ticket-sales-panel,
.ticket-inventory-panel {
  min-height: 288px;
  padding: 13px 15px;
}
.ticket-sales-panel > header,
.ticket-inventory-panel > header,
.ticket-classes-panel > header,
.ticket-exceptions-panel > header {
  align-items: flex-start;
  display: flex;
  justify-content: space-between;
}
.ticket-sales-panel h2,
.ticket-inventory-panel h2,
.ticket-classes-panel h2,
.ticket-exceptions-panel h2 {
  align-items: center;
  display: flex;
  font-size: 12px;
  gap: 5px;
  margin: 0;
}
.ticket-sales-panel h2 span,
.ticket-inventory-panel h2 span,
.ticket-classes-panel h2 span,
.ticket-exceptions-panel h2 span {
  color: #778699;
  font-size: 13px;
}
.ticket-sales-panel > header select {
  background: #0a1622;
  border: 1px solid rgba(76, 101, 124, .36);
  border-radius: 6px;
  color: #d5dce5;
  font-size: 8px;
  min-height: 31px;
  padding: 0 25px 0 10px;
}
.ticket-chart-legend {
  display: flex;
  flex-wrap: wrap;
  gap: 18px;
  margin-top: 13px;
}
.ticket-chart-legend span {
  align-items: center;
  color: #8490a1;
  display: inline-flex;
  font-size: 8px;
  gap: 6px;
}
.ticket-chart-legend i,
.ticket-inventory-layout li i {
  background: var(--market-teal);
  border-radius: 50%;
  height: 7px;
  width: 7px;
}
.ticket-chart-legend .complimentary i,
.ticket-inventory-layout li.reserved i { background: var(--market-pink); }
.ticket-chart-legend .preOwned i,
.ticket-inventory-layout li.sold i { background: var(--market-violet); }
.ticket-chart-legend .refunded i,
.ticket-inventory-layout li.resale i { background: var(--market-amber); }
#marketplaceTicketSalesChart {
  height: 220px;
  margin-top: 7px;
  width: 100%;
}
.ticket-inventory-layout {
  align-items: center;
  display: grid;
  gap: 12px;
  grid-template-columns: minmax(160px, 1fr) minmax(135px, .82fr);
  min-height: 235px;
}
.ticket-inventory-donut {
  height: 190px;
  justify-self: center;
  position: relative;
  width: 190px;
}
#marketplaceTicketInventoryChart { height: 100%; width: 100%; }
.ticket-inventory-donut > div {
  align-content: center;
  display: grid;
  inset: 0;
  justify-items: center;
  pointer-events: none;
  position: absolute;
}
.ticket-inventory-donut strong { font-size: 23px; }
.ticket-inventory-donut span {
  color: #758296;
  font-size: 9px;
  margin-top: 4px;
}
.ticket-inventory-layout ul {
  display: grid;
  gap: 16px;
  list-style: none;
  margin: 0;
  padding: 0;
}
.ticket-inventory-layout li {
  align-items: center;
  display: grid;
  font-size: 9px;
  gap: 8px;
  grid-template-columns: 8px minmax(0, 1fr) auto 36px;
}
.ticket-inventory-layout li span { color: #8995a5; }
.ticket-inventory-layout li strong { color: #f3f6fa; }
.ticket-inventory-layout li small { color: #778396; text-align: right; }
.ticket-classes-panel > header,
.ticket-exceptions-panel > header { padding: 12px 13px; }
.ticket-class-head,
.ticket-class-row {
  align-items: center;
  display: grid;
  gap: 7px;
  grid-template-columns: minmax(190px, 1.55fr) minmax(105px, .9fr) 72px 58px 72px 64px 72px 66px 14px;
}
.ticket-class-head {
  border-bottom: 1px solid rgba(78, 102, 124, .3);
  border-top: 1px solid rgba(78, 102, 124, .26);
  color: #8592a3;
  font-size: 7px;
  padding: 8px 9px;
}
.ticket-class-row {
  background: transparent;
  border: 0;
  border-bottom: 1px solid rgba(78, 102, 124, .22);
  border-radius: 0;
  color: #a9b3bf;
  font-size: 8px;
  min-height: 49px;
  padding: 6px 9px;
  text-align: left;
  width: 100%;
}
.ticket-class-row:hover,
.ticket-exception-row:hover { background: rgba(20, 214, 196, .04); }
.ticket-event-cell {
  align-items: center;
  display: flex;
  gap: 7px;
  min-width: 0;
}
.ticket-event-cell img,
.ticket-event-cell > i {
  background: #152233;
  border-radius: 4px;
  flex: 0 0 auto;
  height: 28px;
  object-fit: cover;
  width: 28px;
}
.ticket-event-cell > i {
  align-items: center;
  color: var(--market-teal);
  display: flex;
  font-size: 16px;
  justify-content: center;
}
.ticket-event-cell strong {
  color: #ecf1f6;
  font-size: 8px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.ticket-class-row > strong { color: #f1f5f8; }
.ticket-class-row > i { color: #8b99aa; font-size: 14px; }
.ticket-class-row .unavailable { color: #667487; font-size: 7px; }
.ticket-sale-pill {
  border: 1px solid rgba(22, 216, 209, .4);
  border-radius: 5px;
  color: #3ce3d7;
  display: inline-flex;
  font-size: 7px;
  font-weight: 800;
  padding: 4px 6px;
}
.ticket-sale-pill.closed {
  border-color: rgba(118, 132, 148, .35);
  color: #8995a5;
}
.ticket-allocation-note {
  color: #667487;
  display: block;
  font-size: 7px;
  padding: 8px 11px;
}
.ticket-exception-row {
  align-items: center;
  background: transparent;
  border: 0;
  border-bottom: 1px solid rgba(78, 102, 124, .22);
  border-radius: 0;
  color: #a9b3bf;
  display: grid;
  font-size: 8px;
  gap: 8px;
  grid-template-columns: 31px minmax(0, 1fr) 50px 58px 14px;
  min-height: 57px;
  padding: 7px 11px;
  text-align: left;
  width: 100%;
}
.ticket-exception-row > span {
  color: var(--market-pink);
  font-size: 24px;
}
.ticket-exception-row > strong { color: #e8edf3; }
.ticket-exception-row > em {
  font-style: normal;
  text-align: center;
}
.ticket-exception-row > em.high { color: var(--market-pink); }
.ticket-exception-row > em.medium { color: var(--market-amber); }
.ticket-exception-row > small { color: #6e7c8e; text-align: right; }
.ticket-exception-row > i { color: #8795a6; font-size: 14px; }

@media (max-width: 1240px) {
  .tickets-analytics-grid,
  .tickets-operations-grid { grid-template-columns: 1fr; }
  .ticket-class-head,
  .ticket-class-row { grid-template-columns: minmax(180px, 1.55fr) minmax(100px, .9fr) 70px 56px 70px 62px 70px 64px 14px; }
}

@media (max-width: 800px) {
  .marketplace-tickets-page { gap: 12px; padding: 0 3px 12px; }
  .marketplace-tickets-page > .mission-tabs { gap: 20px; margin-inline: -2px; padding-inline: 8px; }
  .ticket-sales-panel,
  .ticket-inventory-panel { min-height: 276px; padding: 12px; }
  .ticket-sales-panel > header { gap: 8px; }
  .ticket-chart-legend { gap: 9px; }
  #marketplaceTicketSalesChart { height: 205px; }
  .ticket-inventory-layout { grid-template-columns: 1fr; }
  .ticket-inventory-layout ul { grid-template-columns: repeat(2, minmax(0, 1fr)); width: 100%; }
  .ticket-class-head { display: none; }
  .ticket-class-row {
    gap: 8px;
    grid-template-columns: minmax(0, 1fr) auto;
    min-height: 0;
    padding: 12px;
  }
  .ticket-class-row .ticket-event-cell { grid-column: 1; grid-row: 1; }
  .ticket-class-row > span:nth-child(2) { grid-column: 1; grid-row: 2; }
  .ticket-class-row > span:nth-child(3) { display: none; }
  .ticket-class-row > span:nth-child(4) { grid-column: 2; grid-row: 2; }
  .ticket-class-row > span:nth-child(5) { display: none; }
  .ticket-class-row > span:nth-child(6) { grid-column: 1; grid-row: 3; }
  .ticket-class-row > strong { grid-column: 2; grid-row: 3; }
  .ticket-class-row > span:nth-child(8) { grid-column: 2; grid-row: 1; }
  .ticket-class-row > i { display: none; }
  .ticket-exception-row { grid-template-columns: 28px minmax(0, 1fr) auto; }
  .ticket-exception-row > em { grid-column: 3; grid-row: 1; }
  .ticket-exception-row > small { grid-column: 2; grid-row: 2; text-align: left; }
  .ticket-exception-row > i { grid-column: 3; grid-row: 2; }
}

/* Marketplace / Bookings — approved reference */
.marketplace-bookings-page {
  display: grid;
  gap: 12px;
  min-width: 0;
  padding: 0 2px 12px;
}
.marketplace-bookings-page > .mission-tabs {
  border-bottom: 1px solid rgba(80, 108, 132, .22);
  display: flex;
  gap: 32px;
  overflow-x: auto;
  padding: 0 4px;
}
.marketplace-bookings-page > .mission-tabs button {
  background: transparent;
  border: 0;
  border-bottom: 2px solid transparent;
  border-radius: 0;
  color: #8995a5;
  font-size: 10px;
  font-weight: 700;
  min-width: max-content;
  padding: 8px 2px 10px;
}
.marketplace-bookings-page > .mission-tabs button.active {
  border-bottom-color: var(--market-teal);
  color: #f5f8fb;
}
.bookings-workspace-grid {
  display: grid;
  gap: 12px;
  grid-template-areas:
    "lifecycle revenue payment alerts"
    "operations operations operations alerts";
  grid-template-columns: minmax(250px, 1.15fr) minmax(220px, .9fr) minmax(210px, .82fr) minmax(240px, .78fr);
  min-width: 0;
}
.booking-lifecycle-panel,
.booking-revenue-panel,
.booking-payment-panel,
.booking-alerts-panel,
.booking-operations-panel {
  background: #08131f;
  border: 1px solid rgba(76, 103, 126, .28);
  border-radius: 9px;
  min-width: 0;
  overflow: hidden;
}
.booking-lifecycle-panel { grid-area: lifecycle; }
.booking-revenue-panel { grid-area: revenue; }
.booking-payment-panel { grid-area: payment; }
.booking-alerts-panel { grid-area: alerts; }
.booking-operations-panel { grid-area: operations; }
.booking-lifecycle-panel,
.booking-revenue-panel,
.booking-payment-panel {
  min-height: 245px;
  padding: 12px 13px;
}
.booking-lifecycle-panel > header,
.booking-revenue-panel > header,
.booking-payment-panel > header,
.booking-alerts-panel > header,
.booking-operations-panel > header {
  align-items: center;
  display: flex;
  justify-content: space-between;
}
.booking-lifecycle-panel h2,
.booking-revenue-panel h2,
.booking-payment-panel h2,
.booking-alerts-panel h2,
.booking-operations-panel h2 {
  align-items: center;
  display: flex;
  font-size: 11px;
  gap: 5px;
  margin: 0;
}
.booking-lifecycle-panel h2 span,
.booking-revenue-panel h2 span,
.booking-payment-panel h2 span,
.booking-alerts-panel h2 span,
.booking-operations-panel h2 span {
  color: #778699;
  font-size: 12px;
}
.booking-lifecycle-panel > div {
  display: grid;
  gap: 7px;
  margin-top: 14px;
}
.booking-lifecycle-row {
  align-items: center;
  display: grid;
  font-size: 8px;
  gap: 8px;
  grid-template-columns: 70px 24px minmax(70px, 1fr) 32px;
}
.booking-lifecycle-row > span { color: #98a4b3; }
.booking-lifecycle-row > strong { color: #eef3f8; text-align: right; }
.booking-lifecycle-row > i {
  background: rgba(44, 66, 84, .36);
  border-radius: 3px;
  height: 21px;
  overflow: hidden;
}
.booking-lifecycle-row > i b {
  background: linear-gradient(90deg, #0ea8a9, #18d9d0);
  border-radius: inherit;
  display: block;
  height: 100%;
}
.booking-lifecycle-row.violet > i b { background: linear-gradient(90deg, #6a4ac7, #9d70f4); }
.booking-lifecycle-row.pink > i b { background: linear-gradient(90deg, #b31455, #f62973); }
.booking-lifecycle-row.amber > i b { background: linear-gradient(90deg, #c87800, #f5a900); }
.booking-lifecycle-row > small { color: #8b98a9; text-align: right; }
.booking-lifecycle-panel > footer {
  align-items: center;
  border-top: 1px solid rgba(77, 102, 125, .24);
  display: flex;
  font-size: 8px;
  justify-content: space-between;
  margin-top: 12px;
  padding-top: 9px;
}
.booking-lifecycle-panel > footer span { color: #8490a1; }
.booking-lifecycle-panel > footer strong { color: var(--market-teal); }
.booking-revenue-panel > header select {
  background: #0a1622;
  border: 1px solid rgba(76, 101, 124, .36);
  border-radius: 6px;
  color: #d5dce5;
  font-size: 8px;
  min-height: 28px;
  padding: 0 24px 0 9px;
}
.booking-chart-legend {
  color: #8490a1;
  font-size: 8px;
  margin-top: 10px;
}
.booking-chart-legend span {
  align-items: center;
  display: inline-flex;
  gap: 6px;
}
.booking-chart-legend i {
  background: var(--market-teal);
  border-radius: 50%;
  height: 6px;
  width: 6px;
}
#marketplaceBookingRevenueChart {
  height: 180px;
  margin-top: 5px;
  width: 100%;
}
.booking-payment-layout {
  align-items: center;
  display: grid;
  gap: 7px;
  grid-template-columns: minmax(115px, 1fr) minmax(90px, .8fr);
  min-height: 185px;
}
.booking-payment-donut {
  height: 135px;
  justify-self: center;
  position: relative;
  width: 135px;
}
#marketplaceBookingPaymentChart { height: 100%; width: 100%; }
.booking-payment-donut > div {
  align-content: center;
  display: grid;
  inset: 0;
  justify-items: center;
  pointer-events: none;
  position: absolute;
}
.booking-payment-donut strong { font-size: 13px; }
.booking-payment-donut span { color: #758296; font-size: 7px; margin-top: 3px; }
.booking-payment-layout ul {
  display: grid;
  gap: 14px;
  list-style: none;
  margin: 0;
  padding: 0;
}
.booking-payment-layout li {
  align-items: center;
  display: grid;
  font-size: 7px;
  gap: 5px;
  grid-template-columns: 7px minmax(0, 1fr) auto;
}
.booking-payment-layout li i { background: var(--market-teal); border-radius: 50%; height: 6px; width: 6px; }
.booking-payment-layout li.final i { background: var(--market-pink); }
.booking-payment-layout li.refunded i { background: var(--market-violet); }
.booking-payment-layout li span { color: #8995a5; }
.booking-payment-layout li strong { color: #eef3f7; }
.booking-payment-layout li small { color: #6f7d8f; grid-column: 2 / -1; }
.booking-payment-panel > small {
  color: #667487;
  display: block;
  font-size: 6px;
  line-height: 1.45;
}
.booking-alerts-panel > header { padding: 12px; }
.booking-alert-card {
  align-items: start;
  background: transparent;
  border: 0;
  border-bottom: 1px solid rgba(78, 102, 124, .22);
  border-radius: 0;
  color: #9eabb9;
  display: grid;
  gap: 8px;
  grid-template-columns: 26px minmax(0, 1fr) 13px;
  min-height: 96px;
  padding: 10px 12px;
  text-align: left;
  width: 100%;
}
.booking-alert-card:hover { background: rgba(20, 214, 196, .04); }
.booking-alert-card > span { color: var(--market-pink); font-size: 23px; }
.booking-alert-card.medium > span { color: var(--market-amber); }
.booking-alert-card.low > span { color: var(--market-violet); }
.booking-alert-card > div {
  display: grid;
  gap: 3px;
  grid-template-columns: minmax(0, 1fr) auto;
}
.booking-alert-card strong { color: #edf2f7; font-size: 8px; }
.booking-alert-card em { color: var(--market-pink); font-size: 7px; font-style: normal; text-align: right; }
.booking-alert-card.medium em { color: var(--market-amber); }
.booking-alert-card.low em { color: var(--market-teal); }
.booking-alert-card b { color: #f5f8fb; font-size: 20px; }
.booking-alert-card small { align-self: end; color: #7e8b9c; font-size: 7px; }
.booking-alert-card p { color: #687688; font-size: 7px; grid-column: 1 / -1; margin: 0; }
.booking-alert-card > i { color: #8190a1; font-size: 14px; margin-top: 35px; }
.booking-alerts-panel > button {
  align-items: center;
  background: transparent;
  border: 0;
  color: var(--market-teal);
  display: flex;
  font-size: 8px;
  justify-content: space-between;
  padding: 11px 13px;
  width: 100%;
}
.booking-alerts-panel > button span { font-size: 15px; }
.booking-operations-panel > header { gap: 10px; padding: 10px 12px; }
.booking-filters {
  align-items: center;
  display: flex;
  gap: 7px;
  justify-content: flex-end;
}
.booking-filters label {
  align-items: center;
  background: #091522;
  border: 1px solid rgba(78, 102, 124, .31);
  border-radius: 6px;
  display: flex;
  min-height: 30px;
  padding: 0 8px;
}
.booking-filters label span { color: #748397; font-size: 15px; }
.booking-filters input {
  background: transparent;
  border: 0;
  color: #dce3eb;
  font-size: 8px;
  min-width: 120px;
  outline: 0;
  width: 150px;
}
.booking-filters select,
.booking-filters button {
  background: #091522;
  border: 1px solid rgba(78, 102, 124, .31);
  border-radius: 6px;
  color: #aeb9c5;
  font-size: 8px;
  min-height: 30px;
  padding: 0 9px;
}
.booking-filters button { align-items: center; display: inline-flex; gap: 4px; }
.booking-filters button span { font-size: 14px; }
.booking-table-head,
.booking-table-row {
  align-items: center;
  display: grid;
  gap: 7px;
  grid-template-columns: 72px minmax(105px, .9fr) minmax(105px, .9fr) minmax(145px, 1.2fr) 82px 104px 54px 65px 70px 14px;
}
.booking-table-head {
  border-bottom: 1px solid rgba(78, 102, 124, .3);
  border-top: 1px solid rgba(78, 102, 124, .26);
  color: #8592a3;
  font-size: 7px;
  padding: 8px 10px;
}
.booking-table-row {
  background: transparent;
  border: 0;
  border-bottom: 1px solid rgba(78, 102, 124, .22);
  border-radius: 0;
  color: #9eabb9;
  font-size: 7px;
  min-height: 45px;
  padding: 6px 10px;
  text-align: left;
  width: 100%;
}
.booking-table-row:hover { background: rgba(20, 214, 196, .04); }
.booking-id { color: var(--market-teal); }
.booking-person { align-items: center; display: flex; gap: 5px; min-width: 0; }
.booking-person img,
.booking-person > i {
  background: rgba(108, 37, 79, .78);
  border: 1px solid rgba(243, 70, 151, .38);
  border-radius: 50%;
  flex: 0 0 auto;
  height: 23px;
  object-fit: cover;
  width: 23px;
}
.booking-person > i {
  align-items: center;
  color: #f2d8e7;
  display: flex;
  font-size: 15px;
  justify-content: center;
}
.booking-person span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.booking-service,
.booking-table-row time { display: grid; gap: 2px; }
.booking-service strong,
.booking-table-row time strong { color: #e8edf3; font-size: 7px; }
.booking-service small,
.booking-table-row time small { color: #718094; font-size: 7px; }
.booking-status-pill {
  border: 1px solid rgba(22, 216, 209, .36);
  border-radius: 4px;
  color: var(--market-teal);
  display: inline-flex;
  font-size: 6px;
  font-weight: 800;
  max-width: 100%;
  overflow: hidden;
  padding: 4px 6px;
  text-overflow: ellipsis;
  text-transform: capitalize;
  white-space: nowrap;
}
.booking-status-pill.amber { border-color: rgba(245,169,0,.42); color: var(--market-amber); }
.booking-status-pill.red { border-color: rgba(246,41,115,.42); color: var(--market-pink); }
.booking-status-pill.green { border-color: rgba(33,208,143,.42); color: #21d08f; }
.booking-status-pill.blue { border-color: rgba(54,139,247,.5); color: #58a6ff; }
.booking-status-pill.violet { border-color: rgba(148,102,239,.46); color: #b18cff; }
.booking-paid { color: var(--market-teal); }
.booking-paid.unavailable { color: #657386; }
.booking-table-row > strong:nth-last-child(3) { color: #eef3f8; }
.booking-table-row > small { color: #6f7c8e; }
.booking-table-row > i { color: #8391a2; font-size: 14px; }
.booking-operations-panel > footer {
  align-items: center;
  color: #708093;
  display: flex;
  font-size: 7px;
  justify-content: space-between;
  padding: 9px 11px;
}

@media (max-width: 1300px) {
  .bookings-workspace-grid {
    grid-template-areas:
      "lifecycle revenue"
      "payment alerts"
      "operations operations";
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 860px) {
  .marketplace-bookings-page { gap: 12px; padding: 0 3px 12px; }
  .marketplace-bookings-page > .mission-tabs { gap: 20px; margin-inline: -2px; padding-inline: 8px; }
  .bookings-workspace-grid {
    grid-template-areas:
      "lifecycle"
      "revenue"
      "payment"
      "alerts"
      "operations";
    grid-template-columns: 1fr;
  }
  .booking-payment-layout { grid-template-columns: 1fr; }
  .booking-payment-layout ul { grid-template-columns: repeat(3, minmax(0, 1fr)); width: 100%; }
  .booking-operations-panel > header { align-items: flex-start; flex-direction: column; }
  .booking-filters { flex-wrap: wrap; justify-content: flex-start; width: 100%; }
  .booking-filters label { flex: 1 1 180px; }
  .booking-filters input { width: 100%; }
  .booking-table-head { display: none; }
  .booking-table-row {
    gap: 8px;
    grid-template-columns: minmax(0, 1fr) auto;
    padding: 12px;
  }
  .booking-table-row .booking-id { grid-column: 1; grid-row: 1; }
  .booking-table-row .booking-status-pill { grid-column: 2; grid-row: 1; }
  .booking-table-row .booking-person:nth-child(2) { grid-column: 1; grid-row: 2; }
  .booking-table-row .booking-person:nth-child(3) { grid-column: 1; grid-row: 3; }
  .booking-table-row .booking-service { grid-column: 1; grid-row: 4; }
  .booking-table-row time { grid-column: 2; grid-row: 2 / span 2; }
  .booking-table-row > span:nth-child(6) { grid-column: 2; grid-row: 1; }
  .booking-table-row > span:nth-child(7) { grid-column: 2; grid-row: 4; }
  .booking-table-row > strong:nth-child(8) { grid-column: 2; grid-row: 5; }
  .booking-table-row > small { grid-column: 1; grid-row: 5; }
  .booking-table-row > i { display: none; }
}

/* Marketplace / Guestlists — approved independent fan-community workspace */
.marketplace-guestlists-page {
  display: grid;
  gap: 12px;
  min-width: 0;
  padding: 0 2px 12px;
}
.marketplace-guestlists-page > .mission-tabs {
  border-bottom: 1px solid rgba(80,108,132,.22);
  display: flex;
  gap: 32px;
  overflow-x: auto;
  padding: 0 4px;
}
.marketplace-guestlists-page > .mission-tabs button {
  background: transparent;
  border: 0;
  border-bottom: 2px solid transparent;
  border-radius: 0;
  color: #8995a5;
  font-size: 10px;
  font-weight: 700;
  min-width: max-content;
  padding: 8px 2px 10px;
}
.marketplace-guestlists-page > .mission-tabs button.active {
  border-bottom-color: var(--market-teal);
  color: #f5f8fb;
}
.guestlists-analytics-grid {
  display: grid;
  gap: 12px;
  grid-template-columns: minmax(0,1.55fr) minmax(300px,.78fr);
}
.guestlist-growth-panel,
.guestlist-mix-panel,
.guestlist-communities-panel,
.guestlist-health-panel,
.guestlist-benefits-panel {
  background: #08131f;
  border: 1px solid rgba(76,103,126,.28);
  border-radius: 9px;
  min-width: 0;
  overflow: hidden;
}
.guestlist-growth-panel,
.guestlist-mix-panel { min-height: 270px; padding: 12px 13px; }
.guestlist-growth-panel > header,
.guestlist-mix-panel > header,
.guestlist-communities-panel > header,
.guestlist-health-panel > header,
.guestlist-benefits-panel > header {
  align-items: center;
  display: flex;
  justify-content: space-between;
}
.guestlist-growth-panel h2,
.guestlist-mix-panel h2,
.guestlist-communities-panel h2,
.guestlist-health-panel h2,
.guestlist-benefits-panel h2 {
  align-items: center;
  display: flex;
  font-size: 11px;
  gap: 5px;
  margin: 0;
}
.guestlist-growth-panel h2 span,
.guestlist-mix-panel h2 span,
.guestlist-communities-panel h2 span,
.guestlist-health-panel h2 span,
.guestlist-benefits-panel h2 span { color: #778699; font-size: 12px; }
.guestlist-growth-panel select {
  background: #0a1622;
  border: 1px solid rgba(76,101,124,.36);
  border-radius: 6px;
  color: #d5dce5;
  font-size: 8px;
  min-height: 28px;
  padding: 0 24px 0 9px;
}
.guestlist-chart-legend {
  color: #8490a1;
  display: flex;
  font-size: 8px;
  gap: 20px;
  margin-top: 9px;
}
.guestlist-chart-legend span { align-items: center; display: inline-flex; gap: 6px; }
.guestlist-chart-legend i { background: #16d8d1; border-radius: 50%; height: 6px; width: 6px; }
.guestlist-chart-legend .activeMembers i { background: #9466ef; }
.guestlist-chart-legend .paidMembers i { background: #f62973; }
.guestlist-chart-legend .churn i { background: #f5a900; }
#marketplaceGuestlistGrowthChart { height: 220px; margin-top: 5px; width: 100%; }
.guestlist-mix-layout {
  align-items: center;
  display: grid;
  gap: 16px;
  grid-template-columns: minmax(160px,1.1fr) minmax(120px,.9fr);
  min-height: 225px;
}
.guestlist-mix-donut {
  height: 180px;
  justify-self: center;
  position: relative;
  width: 180px;
}
#marketplaceGuestlistMixChart { height: 100%; width: 100%; }
.guestlist-mix-donut > div {
  align-content: center;
  display: grid;
  inset: 0;
  justify-items: center;
  pointer-events: none;
  position: absolute;
}
.guestlist-mix-donut strong { font-size: 18px; }
.guestlist-mix-donut span { color: #758296; font-size: 8px; margin-top: 3px; }
.guestlist-mix-layout ul { display: grid; gap: 15px; list-style: none; margin: 0; padding: 0; }
.guestlist-mix-layout li { align-items: center; display: grid; font-size: 8px; gap: 8px; grid-template-columns: 7px minmax(0,1fr) auto; }
.guestlist-mix-layout li i { background: #16d8d1; border-radius: 50%; height: 6px; width: 6px; }
.guestlist-mix-layout li:nth-child(2) i { background: #f62973; }
.guestlist-mix-layout li:nth-child(3) i { background: #9466ef; }
.guestlist-mix-layout li:nth-child(4) i { background: #f5a900; }
.guestlist-mix-layout li span { color: #8995a5; }
.guestlist-mix-layout li strong { color: #eef3f7; }
.guestlists-operations-grid {
  display: grid;
  gap: 12px;
  grid-template-columns: minmax(0,1.55fr) minmax(300px,.78fr);
}
.guestlist-communities-panel > header,
.guestlist-health-panel > header,
.guestlist-benefits-panel > header { padding: 11px 13px; }
.guestlist-community-head,
.guestlist-community-row {
  align-items: center;
  display: grid;
  gap: 8px;
  grid-template-columns: minmax(145px,1.15fr) minmax(110px,.9fr) 62px 54px 64px 76px 72px 56px 58px 14px;
}
.guestlist-community-head {
  border-bottom: 1px solid rgba(78,102,124,.3);
  border-top: 1px solid rgba(78,102,124,.26);
  color: #8592a3;
  font-size: 7px;
  padding: 8px 10px;
}
.guestlist-community-row {
  background: transparent;
  border: 0;
  border-bottom: 1px solid rgba(78,102,124,.22);
  border-radius: 0;
  color: #9eabb9;
  font-size: 7px;
  min-height: 51px;
  padding: 6px 10px;
  text-align: left;
  width: 100%;
}
.guestlist-community-row:hover { background: rgba(20,214,196,.04); }
.guestlist-community-name,
.guestlist-creator { align-items: center; display: flex; gap: 7px; min-width: 0; }
.guestlist-community-name > i,
.guestlist-creator img,
.guestlist-creator > i {
  align-items: center;
  background: rgba(83,31,70,.64);
  border: 1px solid rgba(231,79,154,.28);
  border-radius: 50%;
  color: #e9d5e0;
  display: flex;
  flex: 0 0 auto;
  font-size: 8px;
  font-style: normal;
  height: 27px;
  justify-content: center;
  object-fit: cover;
  width: 27px;
}
.guestlist-creator > i { font-size: 17px; }
.guestlist-community-name strong { color: #eef3f7; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.guestlist-creator span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.guestlist-access,
.guestlist-health {
  border: 1px solid rgba(22,216,209,.36);
  border-radius: 5px;
  color: var(--market-teal);
  display: inline-flex;
  font-size: 6px;
  padding: 4px 6px;
}
.guestlist-access.supporter,
.guestlist-access.paid { border-color: rgba(246,41,115,.4); color: var(--market-pink); }
.guestlist-access.vip,
.guestlist-access.freemium { border-color: rgba(148,102,239,.46); color: #b18cff; }
.guestlist-health.watch { border-color: rgba(245,169,0,.42); color: var(--market-amber); }
.guestlist-health.risk { border-color: rgba(246,41,115,.42); color: var(--market-pink); }
.guestlist-engagement { color: #758397; }
.guestlist-growth { color: var(--market-teal); }
.guestlist-community-row > i { color: #8391a2; font-size: 14px; }
.guestlist-communities-panel > small { color: #657386; display: block; font-size: 7px; line-height: 1.4; padding: 8px 11px; }
.guestlist-side-stack { display: grid; gap: 12px; grid-template-rows: 1fr auto; }
.guestlist-health-panel header button {
  background: transparent;
  border: 0;
  color: var(--market-teal);
  font-size: 8px;
  padding: 0;
}
.guestlist-health-row {
  align-items: center;
  background: transparent;
  border: 0;
  border-top: 1px solid rgba(78,102,124,.22);
  border-radius: 0;
  color: #9eabb9;
  display: grid;
  font-size: 7px;
  gap: 8px;
  grid-template-columns: 23px minmax(0,1fr) auto auto 12px;
  min-height: 48px;
  padding: 8px 11px;
  text-align: left;
  width: 100%;
}
.guestlist-health-row > span { color: var(--market-pink); font-size: 20px; }
.guestlist-health-row.medium > span { color: var(--market-amber); }
.guestlist-health-row.low > span { color: var(--market-teal); }
.guestlist-health-row strong { color: #eef3f7; }
.guestlist-health-row em { color: var(--market-pink); font-style: normal; }
.guestlist-health-row.medium em { color: var(--market-amber); }
.guestlist-health-row.low em { color: var(--market-teal); }
.guestlist-health-row small { color: #748295; }
.guestlist-health-row > i { color: #8391a2; font-size: 14px; }
.guestlist-benefit-row {
  align-items: center;
  border-top: 1px solid rgba(78,102,124,.22);
  display: grid;
  font-size: 7px;
  gap: 8px;
  grid-template-columns: 16px minmax(90px,1fr) 18px minmax(70px,.8fr);
  min-height: 35px;
  padding: 5px 11px;
}
.guestlist-benefit-row span { color: #7e8b9c; }
.guestlist-benefit-row strong { color: #eaf0f6; }
.guestlist-benefit-row b { color: #aeb8c5; text-align: right; }
.guestlist-benefit-row i { background: rgba(50,74,93,.36); border-radius: 3px; height: 4px; overflow: hidden; }
.guestlist-benefit-row u { background: var(--market-teal); display: block; height: 100%; text-decoration: none; }

@media (max-width: 1180px) {
  .guestlists-analytics-grid,
  .guestlists-operations-grid { grid-template-columns: 1fr; }
  .guestlist-side-stack { grid-template-columns: repeat(2,minmax(0,1fr)); grid-template-rows: auto; }
}
@media (max-width: 800px) {
  .marketplace-guestlists-page { gap: 12px; padding: 0 3px 12px; }
  .marketplace-guestlists-page > .mission-tabs { gap: 20px; margin-inline: -2px; padding-inline: 8px; }
  .guestlist-mix-layout { grid-template-columns: 1fr; }
  .guestlist-side-stack { grid-template-columns: 1fr; }
  .guestlist-community-head { display: none; }
  .guestlist-community-row {
    gap: 8px;
    grid-template-columns: minmax(0,1fr) auto;
    padding: 12px;
  }
  .guestlist-community-name { grid-column: 1; grid-row: 1; }
  .guestlist-community-row > span:nth-child(3) { grid-column: 2; grid-row: 1; }
  .guestlist-creator { grid-column: 1; grid-row: 2; }
  .guestlist-community-row > strong:nth-child(4) { grid-column: 1; grid-row: 3; }
  .guestlist-community-row > strong:nth-child(4)::after { color: #758397; content: " members"; font-weight: 400; }
  .guestlist-community-row > strong:nth-child(5),
  .guestlist-community-row > strong:nth-child(6) { grid-column: 1; }
  .guestlist-community-row > span:nth-child(7),
  .guestlist-community-row > span:nth-child(8),
  .guestlist-community-row > span:nth-child(9) { grid-column: 2; }
  .guestlist-community-row > i { display: none; }
}

/* Approved Money workspace */
.approved-money-workspace { display: grid; gap: 12px; min-width: 0; }
.approved-money-workspace > .mission-tabs { align-items: center; background: rgba(10,16,24,.82); border: 1px solid rgba(94,109,129,.24); border-radius: 9px; display: flex; gap: 4px; overflow-x: auto; padding: 4px; }
.approved-money-workspace > .mission-tabs button { background: transparent; border: 0; border-radius: 6px; color: #8994a4; font-size: 10px; font-weight: 800; min-height: 30px; min-width: max-content; padding: 6px 12px; }
.approved-money-workspace > .mission-tabs button.active { background: rgba(18,176,157,.16); box-shadow: inset 0 -2px 0 #23d3bd; color: #50e6d0; }
.approved-money-workspace .approved-health-chip.warning { background: rgba(255,181,16,.1); border-color: rgba(255,181,16,.34); color: #ffcf68; }
.approved-money-workspace .approved-health-chip.warning i { background: #ffb510; box-shadow: 0 0 10px rgba(255,181,16,.62); }
.approved-money-table { overflow: hidden; }
.approved-money-table .table-wrap { border: 0; border-radius: 0; margin: 0 -13px -13px; }
.approved-money-table table { font-size: 9px; }
.approved-money-actions { display: grid; gap: 8px; grid-template-columns: repeat(3,minmax(0,1fr)); }
.approved-money-actions button { align-items: flex-start; background: rgba(11,18,28,.92); border: 1px solid rgba(71,89,108,.28); display: grid; font-size: 9px; gap: 4px; min-height: 64px; padding: 10px; text-align: left; }
.approved-money-actions button span { color: #42e1cb; font-size: 17px; font-weight: 900; }
.approved-reconciliation-actions { display: grid; gap: 12px; grid-template-columns: minmax(0,1.2fr) minmax(260px,.8fr); }
.approved-control-actions { display: flex; flex-wrap: wrap; gap: 8px; }
.approved-control-actions button { font-size: 9px; min-height: 30px; padding: 6px 9px; }

@media (max-width: 900px) {
  .approved-reconciliation-actions { grid-template-columns: 1fr; }
  .approved-money-actions { grid-template-columns: 1fr; }
}

/* Approved Safety & Reporting workspace */
.approved-safety-workspace { display: grid; gap: 12px; min-width: 0; }
.approved-safety-workspace > .mission-tabs { align-items: center; background: rgba(10,16,24,.82); border: 1px solid rgba(94,109,129,.24); border-radius: 9px; display: flex; gap: 4px; overflow-x: auto; padding: 4px; }
.approved-safety-workspace > .mission-tabs button { background: transparent; border: 0; border-radius: 6px; color: #8994a4; font-size: 10px; font-weight: 800; min-height: 30px; min-width: max-content; padding: 6px 12px; }
.approved-safety-workspace > .mission-tabs button.active { background: rgba(18,176,157,.16); box-shadow: inset 0 -2px 0 #23d3bd; color: #50e6d0; }
.approved-safety-workspace .approved-health-chip.warning { background: rgba(255,181,16,.1); border-color: rgba(255,181,16,.34); color: #ffcf68; }
.approved-safety-workspace .approved-health-chip.warning i { background: #ffb510; box-shadow: 0 0 10px rgba(255,181,16,.62); }
.approved-safety-grid { display: grid; gap: 12px; grid-template-columns: repeat(2,minmax(0,1fr)); }
.approved-safety-queue { grid-column: 1 / -1; }
.approved-safety-queue .table-wrap { border: 0; border-radius: 0; margin: 0 -13px -13px; }
.approved-community-workspace { display: grid; gap: 12px; min-width: 0; }
.approved-community-workspace > .mission-tabs { align-items: center; background: rgba(10,16,24,.82); border: 1px solid rgba(94,109,129,.24); border-radius: 9px; display: flex; gap: 4px; overflow-x: auto; padding: 4px; }
.approved-community-workspace > .mission-tabs button { background: transparent; border: 0; border-radius: 6px; color: #8994a4; font-size: 10px; font-weight: 800; min-height: 30px; min-width: max-content; padding: 6px 12px; }
.approved-community-workspace > .mission-tabs button.active { background: rgba(18,176,157,.16); box-shadow: inset 0 -2px 0 #23d3bd; color: #50e6d0; }
.approved-health-workspace,
.approved-system-workspace { display: grid; gap: 12px; min-width: 0; }
.approved-health-workspace > .mission-tabs,
.approved-system-workspace > .system-tabs { align-items: center; background: rgba(10,16,24,.82); border: 1px solid rgba(94,109,129,.24); border-radius: 9px; display: flex; gap: 4px; overflow-x: auto; padding: 4px; }
.approved-health-workspace > .mission-tabs button,
.approved-system-workspace > .system-tabs button { background: transparent; border: 0; border-radius: 6px; color: #8994a4; font-size: 10px; font-weight: 800; min-height: 30px; min-width: max-content; padding: 6px 12px; }
.approved-health-workspace > .mission-tabs button.active,
.approved-system-workspace > .system-tabs button.active { background: rgba(18,176,157,.16); box-shadow: inset 0 -2px 0 #23d3bd; color: #50e6d0; }

.admin-role-toolbar,
.admin-role-editor > header,
.admin-role-editor-actions,
.admin-role-search {
  align-items: center;
  display: flex;
  gap: 12px;
  justify-content: space-between;
}

.admin-role-toolbar {
  background: rgba(8, 17, 27, .78);
  border: 1px solid rgba(94, 109, 129, .26);
  border-radius: 10px;
  padding: 14px 16px;
}

.admin-role-toolbar h3,
.admin-role-editor h3 { margin: 0 0 4px; }
.admin-role-toolbar p,
.admin-role-editor p { color: #8994a4; margin: 0; }

.admin-role-editor {
  background: linear-gradient(135deg, rgba(8, 25, 34, .96), rgba(18, 12, 31, .96));
  border: 1px solid rgba(35, 211, 189, .34);
  border-radius: 12px;
  box-shadow: 0 18px 42px rgba(0, 0, 0, .26);
  display: grid;
  gap: 16px;
  padding: 18px;
}

.admin-role-editor label { display: grid; gap: 7px; }
.admin-role-editor label > span,
.admin-role-options legend { color: #b9c2cf; font-size: 12px; font-weight: 800; }
.admin-role-editor input,
.admin-role-editor textarea {
  background: rgba(4, 12, 22, .92);
  border: 1px solid rgba(94, 109, 129, .38);
  border-radius: 8px;
  color: #f5f7fa;
  font: inherit;
  padding: 11px 12px;
  width: 100%;
}
.admin-role-editor input:focus,
.admin-role-editor textarea:focus { border-color: #23d3bd; outline: 2px solid rgba(35, 211, 189, .12); }
.admin-role-editor input[readonly] { color: #8994a4; }

.admin-role-search label { flex: 1; }
.admin-role-fields { display: grid; gap: 12px; grid-template-columns: repeat(2, minmax(0, 1fr)); }
.admin-role-divider { align-items: center; color: #708094; display: flex; font-size: 11px; gap: 12px; text-transform: uppercase; }
.admin-role-divider::before,
.admin-role-divider::after { background: rgba(94, 109, 129, .25); content: ""; flex: 1; height: 1px; }

.admin-role-candidates { display: grid; gap: 8px; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); }
.admin-role-candidates button {
  align-items: flex-start;
  background: rgba(8, 17, 27, .84);
  border: 1px solid rgba(94, 109, 129, .28);
  border-radius: 9px;
  color: #f5f7fa;
  display: flex;
  flex-direction: column;
  padding: 12px;
  text-align: left;
}
.admin-role-candidates button:hover { border-color: #23d3bd; }
.admin-role-candidates span,
.admin-role-candidates small { color: #8994a4; }

.admin-role-options { border: 0; display: grid; gap: 8px; grid-template-columns: repeat(3, minmax(0, 1fr)); margin: 0; padding: 0; }
.admin-role-options legend { grid-column: 1 / -1; margin-bottom: 4px; }
.admin-role-options label {
  background: rgba(7, 16, 27, .86);
  border: 1px solid rgba(94, 109, 129, .26);
  border-radius: 9px;
  cursor: pointer;
  display: flex;
  gap: 10px;
  padding: 11px;
}
.admin-role-options label:has(input:checked) { background: rgba(35, 211, 189, .08); border-color: rgba(35, 211, 189, .5); }
.admin-role-options input { height: 17px; margin: 2px 0 0; padding: 0; width: 17px; }
.admin-role-options label > span { display: grid; gap: 4px; }
.admin-role-options small { color: #8994a4; font-weight: 500; }
.admin-role-options em { color: #50e6d0; font-size: 10px; font-style: normal; text-transform: uppercase; }
.admin-role-error { border-color: rgba(255, 91, 126, .55) !important; color: #ff8ca5 !important; }
.admin-role-success { border-color: rgba(35, 211, 189, .45) !important; color: #50e6d0 !important; }
.action-row button.danger { color: #ff8ca5; }

@media (max-width: 900px) {
  .admin-role-fields,
  .admin-role-options { grid-template-columns: 1fr; }
  .admin-role-toolbar,
  .admin-role-editor > header,
  .admin-role-search { align-items: stretch; flex-direction: column; }
  .admin-role-toolbar button,
  .admin-role-search button { width: 100%; }
}
.approved-health-workspace .approved-health-chip.warning { background: rgba(255,181,16,.1); border-color: rgba(255,181,16,.34); color: #ffcf68; }
.approved-system-workspace .approved-health-chip.warning { background: rgba(255,181,16,.1); border-color: rgba(255,181,16,.34); color: #ffcf68; }
.approved-system-workspace .approved-health-chip.warning i { background: #ffb510; box-shadow: 0 0 10px rgba(255,181,16,.62); }
.approved-system-workspace > .system-workspace { background: transparent; border: 0; padding: 0; }
.system-governance-stack { display: grid; gap: 12px; }
.approved-system-workspace .button-link { align-items: center; display: inline-flex; min-height: 30px; padding: 6px 10px; text-decoration: none; }

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

/* Mission Control — approved reference, Page 1 */
:root {
  --mission-bg: #020b14;
  --mission-panel: rgba(5, 20, 33, .94);
  --mission-panel-strong: rgba(4, 17, 29, .98);
  --mission-line: rgba(72, 139, 176, .19);
  --mission-line-strong: rgba(83, 165, 204, .28);
  --mission-text: #f4f7fb;
  --mission-muted: #8291a3;
  --mission-teal: #12ddd2;
  --mission-pink: #ff347c;
  --mission-violet: #9c69ff;
  --mission-amber: #ffb315;
}

.platform-shell,
.platform-shell.sidebar-collapsed {
  grid-template-columns: 190px minmax(0, 1fr);
}

.platform-sidebar {
  display: flex;
  flex-direction: column;
  padding: 18px 14px 14px;
  width: 190px;
}

.platform-sidebar .platform-brand {
  min-height: 62px;
}

.platform-sidebar .platform-nav {
  flex: 1;
  gap: 10px;
  overflow-y: auto;
  scrollbar-width: none;
}

.platform-sidebar .platform-nav::-webkit-scrollbar {
  display: none;
}

.platform-sidebar-utilities {
  border-top: 1px solid rgba(255, 255, 255, .08);
  display: grid;
  gap: 6px;
  justify-content: start;
  margin-top: auto;
  padding: 14px 5px 0;
}

.platform-sidebar-utilities button {
  align-items: center;
  background: transparent;
  border: 0;
  color: #b5c0cd;
  display: flex;
  height: 28px;
  justify-content: center;
  min-width: 28px;
  padding: 0;
  width: 28px;
}

.platform-sidebar-utilities .material-symbols-rounded {
  font-size: 19px;
}

.platform-main {
  background:
    radial-gradient(circle at 68% 12%, rgba(0, 99, 151, .075), transparent 33rem),
    var(--mission-bg);
  padding: 0 21px 14px;
}

.platform-topbar {
  min-height: 74px;
  padding: 11px 21px;
}

.platform-search-trigger {
  max-width: 390px;
  min-height: 42px;
}

.platform-date-range {
  min-height: 42px;
  min-width: 216px;
}

.platform-live-badge {
  min-height: 39px;
  padding-inline: 13px;
}

.platform-user-menu {
  border-left: 1px solid rgba(255, 255, 255, .08);
  padding-left: 11px;
}

.platform-user-menu summary {
  min-width: 178px;
}

.platform-user-menu summary > span:nth-child(2) {
  display: grid;
  gap: 2px;
  line-height: 1.05;
}

.platform-user-menu summary > span:last-child {
  display: inline-flex;
}

.platform-admin-avatar {
  height: 39px;
  width: 39px;
}

.platform-layout-grid:has(.mission-reference-page) {
  display: block;
}

.mission-reference-page {
  color: var(--mission-text);
  gap: 14px;
  max-width: 100%;
}

.mission-reference-heading {
  align-items: center;
  display: flex;
  gap: 18px;
  justify-content: space-between;
  min-height: 73px;
  padding: 3px 4px 0;
}

.mission-reference-heading h1 {
  align-items: center;
  display: flex;
  font-size: 25px;
  gap: 7px;
  letter-spacing: -.035em;
  line-height: 1.05;
  margin: 0 0 7px;
}

.mission-reference-heading h1 .material-symbols-rounded {
  color: var(--mission-pink);
  font-size: 26px;
}

.mission-reference-heading p {
  color: var(--mission-muted);
  font-size: 11px;
  margin: 0;
}

.mission-health-pulse {
  align-items: center;
  display: flex;
  gap: 9px;
}

.mission-health-pulse > strong {
  color: #c3cbd5;
  font-size: 10px;
  margin-right: 5px;
  white-space: nowrap;
}

.mission-health-pulse button {
  align-items: center;
  background: rgba(255, 255, 255, .02);
  border: 1px solid var(--mission-line);
  border-radius: 6px;
  color: #8794a5;
  display: flex;
  font-size: 9px;
  gap: 6px;
  min-height: 38px;
  padding: 8px 10px;
}

.mission-health-pulse button:hover {
  background: rgba(255, 255, 255, .045);
}

.mission-health-pulse button .material-symbols-rounded {
  font-size: 13px;
}

.mission-health-pulse button b {
  font-size: 9px;
}

.mission-health-pulse button.healthy .material-symbols-rounded,
.mission-health-pulse button.healthy b {
  color: var(--mission-teal);
}

.mission-health-pulse button.warning .material-symbols-rounded,
.mission-health-pulse button.warning b {
  color: var(--mission-amber);
}

.mission-health-pulse button.critical .material-symbols-rounded,
.mission-health-pulse button.critical b {
  color: var(--mission-pink);
}

.mission-health-pulse button.unknown .material-symbols-rounded,
.mission-health-pulse button.unknown b {
  color: var(--mission-violet);
}

.mission-reference-kpis {
  background: linear-gradient(180deg, rgba(5, 22, 36, .98), rgba(3, 15, 26, .97));
  border: 1px solid var(--mission-line);
  border-radius: 7px;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  min-height: 110px;
  overflow: hidden;
}

.mission-reference-kpis article {
  border-left: 3px solid var(--mission-teal);
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 15px 17px;
}

.mission-reference-kpis article.violet {
  border-left-color: var(--mission-violet);
}

.mission-reference-kpis article.pink {
  border-left-color: var(--mission-pink);
}

.mission-reference-kpis article.amber {
  border-left-color: var(--mission-amber);
}

.mission-reference-kpis article > span:first-child {
  align-items: center;
  color: #eaf0f6;
  display: flex;
  font-size: 10px;
  font-weight: 800;
  gap: 4px;
}

.mission-reference-kpis article > span:first-child small {
  color: #7f8c9b;
  font-weight: 500;
}

.mission-reference-kpis article > span:first-child .material-symbols-rounded {
  color: #7f8c9b;
  font-size: 13px;
}

.mission-reference-kpis article > strong {
  font-size: clamp(24px, 2.25vw, 31px);
  letter-spacing: -.035em;
  line-height: 1.12;
  margin: 7px 0 3px;
}

.mission-reference-kpis article > strong.unavailable {
  font-size: 20px;
}

.mission-kpi-trend {
  align-items: center;
  color: #718092;
  display: flex;
  font-size: 9px;
  gap: 3px;
}

.mission-kpi-trend .material-symbols-rounded {
  font-size: 14px;
}

.mission-kpi-trend b {
  color: var(--mission-teal);
}

.mission-kpi-trend.violet b,
.mission-kpi-trend.violet .material-symbols-rounded {
  color: var(--mission-violet);
}

.mission-kpi-trend.pink b,
.mission-kpi-trend.pink .material-symbols-rounded {
  color: var(--mission-pink);
}

.mission-kpi-trend.amber b,
.mission-kpi-trend.amber .material-symbols-rounded {
  color: var(--mission-amber);
}

.mission-kpi-trend.down .material-symbols-rounded,
.mission-kpi-trend.down b {
  color: var(--mission-amber);
}

.mission-kpi-trend.unknown {
  color: #718092;
}

.mission-reference-main {
  display: grid;
  gap: 14px;
  grid-template-columns: minmax(0, 1.85fr) minmax(330px, 1fr);
  min-height: 448px;
}

.mission-reference-panel {
  background: linear-gradient(145deg, rgba(6, 22, 35, .98), rgba(3, 15, 26, .98));
  border: 1px solid var(--mission-line);
  border-radius: 9px;
  min-width: 0;
}

.mission-reference-panel > header {
  align-items: center;
  display: flex;
  gap: 12px;
  justify-content: space-between;
}

.mission-reference-panel h2 {
  color: #f0f4f8;
  font-size: 12px;
  margin: 0;
}

.mission-reference-panel header p {
  color: #738195;
  font-size: 9px;
  margin: 3px 0 0;
}

.mission-pulse-panel {
  padding: 15px 16px 10px;
}

.mission-pulse-panel > header {
  display: grid;
  grid-template-columns: minmax(180px, 1fr) auto auto;
}

.mission-pulse-tabs {
  align-items: center;
  background: rgba(3, 13, 23, .76);
  border: 1px solid rgba(72, 139, 176, .14);
  border-radius: 5px;
  display: flex;
  overflow: hidden;
}

.mission-pulse-tabs button {
  background: transparent;
  border: 0;
  border-radius: 0;
  color: #718093;
  font-size: 9px;
  min-height: 31px;
  min-width: 48px;
  padding: 6px 10px;
}

.mission-pulse-tabs button.active {
  background: linear-gradient(90deg, rgba(18, 221, 210, .28), rgba(18, 221, 210, .08));
  box-shadow: inset 0 0 0 1px rgba(18, 221, 210, .48);
  color: #f3f8fa;
}

.mission-period-button {
  align-items: center;
  background: transparent;
  border: 1px solid var(--mission-line);
  color: #e8edf3;
  display: flex;
  font-size: 9px;
  gap: 9px;
  min-height: 31px;
  padding: 6px 10px;
}

.mission-period-button .material-symbols-rounded {
  font-size: 15px;
}

.mission-chart-legend {
  display: flex;
  gap: 25px;
  margin-top: 17px;
}

.mission-chart-legend span {
  align-items: center;
  color: #7d8a9a;
  display: flex;
  font-size: 9px;
  gap: 7px;
}

.mission-chart-legend span::before {
  background: currentColor;
  border-radius: 2px;
  content: "";
  height: 3px;
  width: 15px;
}

.mission-chart-legend .teal {
  color: var(--mission-teal);
}

.mission-chart-legend .pink {
  color: var(--mission-pink);
}

.mission-chart-legend .violet {
  color: var(--mission-violet);
}

.mission-chart-wrap {
  height: 335px;
  margin-top: 4px;
  position: relative;
}

.mission-chart-wrap canvas {
  display: block;
  height: 100%;
  width: 100%;
}

.mission-chart-empty {
  align-items: center;
  color: #718093;
  display: flex;
  flex-direction: column;
  height: 335px;
  justify-content: center;
  text-align: center;
}

.mission-chart-empty .material-symbols-rounded {
  color: var(--mission-teal);
  font-size: 40px;
}

.mission-chart-empty strong {
  color: #e8edf3;
  margin-top: 8px;
}

.mission-chart-empty p {
  font-size: 10px;
}

.mission-top-content {
  padding: 15px 16px 10px;
}

.mission-top-content > header button,
.mission-action-feed > header button {
  align-items: center;
  background: transparent;
  border: 0;
  color: var(--mission-teal);
  display: flex;
  font-size: 9px;
  gap: 2px;
  padding: 0;
}

.mission-top-content > header button .material-symbols-rounded,
.mission-action-feed > header button .material-symbols-rounded {
  font-size: 14px;
}

.mission-top-content > div {
  display: grid;
}

.mission-top-content > div > button {
  align-items: center;
  background: transparent;
  border: 0;
  border-bottom: 1px solid rgba(74, 117, 144, .14);
  border-radius: 0;
  display: grid;
  gap: 10px;
  grid-template-columns: 96px minmax(0, 1fr) auto;
  min-height: 113px;
  padding: 9px 0;
  position: relative;
  text-align: left;
}

.mission-top-content > div > button:last-child {
  border-bottom: 0;
}

.mission-top-content img,
.mission-content-fallback {
  background: #101d2a;
  border-radius: 4px;
  grid-row: 1 / span 2;
  height: 93px;
  object-fit: cover;
  width: 96px;
}

.mission-content-fallback {
  align-items: center;
  color: var(--mission-teal);
  display: flex;
  font-size: 34px;
  justify-content: center;
}

.mission-content-rank {
  align-items: center;
  background: var(--mission-pink);
  border-radius: 3px 0 3px 0;
  color: white;
  display: flex;
  font-size: 9px;
  font-weight: 900;
  height: 22px;
  justify-content: center;
  left: 0;
  position: absolute;
  top: 9px;
  width: 23px;
  z-index: 2;
}

.mission-content-rank.rank-2 {
  background: var(--mission-teal);
  color: #03151d;
}

.mission-content-rank.rank-3 {
  background: var(--mission-violet);
}

.mission-content-copy {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  min-width: 0;
}

.mission-content-copy > strong {
  color: #eaf0f6;
  font-size: 12px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.mission-content-copy > small {
  color: #7d8998;
  font-size: 8px;
  margin-top: 5px;
}

.mission-content-copy > span {
  display: flex;
  gap: 27px;
  margin-top: auto;
}

.mission-content-copy > span small {
  color: #788699;
  display: grid;
  font-size: 8px;
  gap: 2px;
}

.mission-content-copy > span b {
  color: #e8edf3;
  font-size: 11px;
}

.mission-content-type {
  align-self: start;
  background: rgba(156, 105, 255, .11);
  border-radius: 3px;
  color: #8b78b9;
  font-size: 8px;
  padding: 4px 6px;
}

.mission-content-trend {
  bottom: 17px;
  color: var(--mission-pink);
  font-size: 28px;
  position: absolute;
  right: 0;
}

.mission-top-content > footer {
  color: #5f6f81;
  font-size: 8px;
  padding-top: 6px;
}

.mission-content-empty {
  align-items: center;
  color: #728195;
  display: flex;
  gap: 8px;
  min-height: 260px;
  justify-content: center;
  text-align: center;
}

.mission-reference-lower {
  display: grid;
  grid-template-columns: minmax(0, 1.07fr) minmax(0, .93fr);
  min-height: 170px;
}

.mission-engagement-breakdown {
  border-radius: 9px 0 0 9px;
  padding: 14px 16px;
}

.mission-engagement-breakdown > header {
  display: block;
}

.mission-engagement-breakdown > header p {
  margin: 3px 0 0;
}

.mission-engagement-breakdown > div {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  margin-top: 14px;
}

.mission-engagement-breakdown section {
  align-items: center;
  border-right: 1px solid rgba(86, 120, 145, .19);
  display: grid;
  gap: 3px;
  grid-template-columns: 24px 1fr;
  padding: 0 12px;
}

.mission-engagement-breakdown section:first-child {
  padding-left: 0;
}

.mission-engagement-breakdown section:last-child {
  border-right: 0;
}

.mission-engagement-breakdown .material-symbols-rounded {
  font-size: 20px;
  grid-row: 1 / span 3;
}

.mission-engagement-breakdown .material-symbols-rounded.pink {
  color: var(--mission-pink);
}

.mission-engagement-breakdown .material-symbols-rounded.violet {
  color: var(--mission-violet);
}

.mission-engagement-breakdown .material-symbols-rounded.teal {
  color: var(--mission-teal);
}

.mission-engagement-breakdown small {
  color: #7c8998;
  font-size: 8px;
}

.mission-engagement-breakdown strong {
  font-size: 20px;
  line-height: 1;
}

.mission-engagement-breakdown em {
  color: var(--mission-teal);
  font-size: 8px;
  font-style: normal;
}

.mission-action-feed {
  border-left: 0;
  border-radius: 0 9px 9px 0;
  padding: 14px 16px;
}

.mission-action-feed > header h2 {
  align-items: center;
  display: flex;
  gap: 6px;
}

.mission-action-feed > header h2 small {
  color: #6f7e90;
  font-size: 8px;
  font-weight: 500;
}

.mission-action-feed > div > button {
  align-items: center;
  background: transparent;
  border: 0;
  border-bottom: 1px solid rgba(74, 117, 144, .14);
  border-radius: 0;
  display: grid;
  gap: 9px;
  grid-template-columns: 25px minmax(0, 1fr) auto auto;
  min-height: 39px;
  padding: 5px 0;
  text-align: left;
}

.mission-action-feed > div > button:last-child {
  border-bottom: 0;
}

.mission-action-feed > div > button > .material-symbols-rounded {
  font-size: 24px;
}

.mission-action-feed > div > button > .material-symbols-rounded.critical {
  color: var(--mission-pink);
}

.mission-action-feed > div > button > .material-symbols-rounded.warning {
  color: var(--mission-amber);
}

.mission-action-feed > div > button > .material-symbols-rounded.info {
  color: var(--mission-violet);
}

.mission-action-feed > div > button > span:nth-child(2) {
  display: grid;
  min-width: 0;
}

.mission-action-feed > div > button strong {
  color: #e7edf4;
  font-size: 9px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.mission-action-feed > div > button small,
.mission-action-feed time {
  color: #6f7d8f;
  font-size: 8px;
}

.mission-action-feed > div > button > b {
  align-items: center;
  color: var(--mission-amber);
  display: flex;
  font-size: 8px;
  gap: 4px;
}

.mission-action-feed > div > button > b i {
  background: currentColor;
  border-radius: 50%;
  height: 5px;
  width: 5px;
}

.mission-actions-clear {
  align-items: center;
  color: #768699;
  display: flex;
  gap: 8px;
  min-height: 95px;
  justify-content: center;
}

.mission-actions-clear .material-symbols-rounded {
  color: var(--mission-teal);
}

.mission-reference-nuru {
  align-items: center;
  background:
    linear-gradient(90deg, rgba(8, 52, 62, .45), rgba(12, 21, 38, .96) 46%, rgba(61, 10, 51, .62));
  border: 1px solid;
  border-color: rgba(18, 221, 210, .66) rgba(255, 52, 124, .5) rgba(255, 52, 124, .56) rgba(18, 221, 210, .66);
  border-radius: 19px;
  box-shadow: 0 0 28px rgba(18, 221, 210, .08), 0 0 25px rgba(255, 52, 124, .07);
  display: grid;
  gap: 16px;
  grid-template-columns: auto minmax(160px, 1fr) auto minmax(160px, 1fr) auto minmax(170px, 1fr) auto;
  min-height: 71px;
  padding: 10px 18px;
}

.mission-reference-nuru > div {
  align-items: center;
  display: flex;
  gap: 10px;
}

.mission-nuru-orb {
  align-items: center;
  background: #c7d7df;
  border: 2px solid #d5e3e9;
  border-radius: 50%;
  color: #09202d;
  display: flex;
  height: 42px;
  justify-content: center;
  width: 42px;
}

.mission-nuru-orb .material-symbols-rounded {
  font-size: 22px;
}

.mission-reference-nuru > div > strong {
  font-size: 17px;
}

.mission-reference-nuru > div > i {
  background: var(--mission-teal);
  border-radius: 50%;
  box-shadow: 0 0 10px var(--mission-teal);
  height: 7px;
  width: 7px;
}

.mission-reference-nuru > p {
  align-items: center;
  color: #cbd5df;
  display: flex;
  font-size: 9px;
  gap: 8px;
  margin: 0;
}

.mission-reference-nuru > p .material-symbols-rounded {
  color: var(--mission-violet);
  font-size: 18px;
}

.mission-reference-nuru > p:nth-of-type(2) .material-symbols-rounded {
  color: var(--mission-teal);
}

.mission-reference-nuru > p:nth-of-type(3) .material-symbols-rounded {
  color: var(--mission-teal);
}

.mission-reference-nuru > b {
  color: #9aa8b8;
}

.mission-reference-nuru > button {
  align-items: center;
  background: rgba(120, 77, 164, .28);
  border: 1px solid rgba(181, 138, 226, .75);
  display: flex;
  font-size: 10px;
  gap: 6px;
  min-height: 42px;
  padding: 8px 13px;
  white-space: nowrap;
}

.mission-reference-nuru > button .material-symbols-rounded {
  font-size: 17px;
}

@media (max-width: 1180px) {
  .platform-shell,
  .platform-shell.sidebar-collapsed {
    grid-template-columns: 168px minmax(0, 1fr);
  }

  .platform-sidebar {
    width: 168px;
  }

  .mission-health-pulse {
    max-width: 620px;
    overflow-x: auto;
  }

  .mission-reference-main {
    grid-template-columns: minmax(0, 1.55fr) minmax(290px, .85fr);
  }

  .mission-reference-nuru {
    grid-template-columns: auto 1fr auto 1fr auto;
  }

  .mission-reference-nuru > p:nth-of-type(3),
  .mission-reference-nuru > p:nth-of-type(3) + b {
    display: none;
  }
}

@media (max-width: 900px) {
  .platform-shell,
  .platform-shell.sidebar-collapsed {
    display: grid;
    grid-template-columns: 68px minmax(0, 1fr);
  }

  .platform-sidebar {
    height: 100vh;
    padding-inline: 8px;
    position: sticky;
    top: 0;
    width: 68px;
  }

  .platform-sidebar .platform-nav {
    align-content: start;
    display: grid;
    gap: 8px;
    overflow-x: hidden;
    overflow-y: auto;
  }

  .platform-nav-workspace {
    min-width: 0;
    width: 100%;
  }

  .platform-brand div,
  .platform-nav-primary .workspace-label,
  .platform-nav-nested {
    display: none !important;
  }

  .platform-nav-primary {
    height: 42px;
    justify-content: center;
    padding-inline: 0;
    width: 100%;
  }

  .platform-sidebar-utilities {
    justify-content: center;
  }

  .platform-topbar {
    grid-template-columns: minmax(0, 1fr) auto;
  }

  .platform-date-picker {
    grid-column: 1 / -1;
    margin: 0;
    width: 100%;
  }

  .platform-date-range {
    display: flex;
    min-width: 0;
    width: 100%;
  }

  .platform-period-menu {
    left: 0;
    min-width: 0;
    right: 0;
    width: 100%;
  }

  .platform-period-custom {
    grid-template-columns: 1fr 1fr;
  }

  .platform-period-custom button {
    grid-column: 1 / -1;
  }

  .mission-reference-heading {
    align-items: flex-start;
    flex-direction: column;
    padding-bottom: 8px;
  }

  .mission-health-pulse {
    max-width: 100%;
    width: 100%;
  }

  .mission-reference-kpis {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .mission-reference-main,
  .mission-reference-lower {
    grid-template-columns: 1fr;
  }

  .mission-engagement-breakdown,
  .mission-action-feed {
    border: 1px solid var(--mission-line);
    border-radius: 9px;
  }

  .mission-reference-nuru {
    grid-template-columns: auto 1fr auto;
  }

  .mission-reference-nuru > p:nth-of-type(n + 2),
  .mission-reference-nuru > p:nth-of-type(1) + b,
  .mission-reference-nuru > p:nth-of-type(2) + b {
    display: none;
  }
}

@media (max-width: 620px) {
  .platform-shell,
  .platform-shell.sidebar-collapsed {
    display: grid;
    grid-template-columns: 52px minmax(0, 1fr);
  }

  .platform-sidebar {
    height: 100vh;
    padding: 10px 5px;
    position: sticky;
    top: 0;
    width: 52px;
  }

  .platform-sidebar .platform-brand {
    justify-content: center;
    min-height: 46px;
    padding-inline: 0;
  }

  .platform-logo {
    height: 34px !important;
    width: 34px !important;
  }

  .platform-main {
    min-width: 0;
    overflow-x: hidden;
    padding-inline: 10px;
  }

  .platform-topbar {
    display: grid;
    gap: 8px;
    grid-template-columns: 42px minmax(0, 1fr);
    margin-inline: -10px;
    padding-inline: 10px;
  }

  .platform-search-trigger {
    min-width: 42px;
    padding: 0;
    width: 42px;
  }

  .platform-search-trigger > span:not(.material-symbols-rounded),
  .platform-search-trigger kbd {
    display: none;
  }

  .platform-search-trigger .material-symbols-rounded {
    margin: auto;
  }

  .platform-topbar-actions {
    justify-content: flex-end;
    min-width: 0;
  }

  .platform-user-menu summary > span:nth-child(2) {
    display: none;
  }

  .platform-user-menu summary {
    min-width: 46px;
    padding-inline: 3px;
  }

  .platform-admin-avatar {
    height: 34px;
    width: 34px;
  }

  .mission-reference-page,
  .mission-reference-heading,
  .mission-reference-main,
  .mission-reference-lower,
  .mission-pulse-panel,
  .mission-top-content {
    min-width: 0;
  }

  .mission-reference-heading h1 {
    font-size: 25px;
  }

  .mission-reference-heading p {
    line-height: 1.5;
  }

  .mission-health-pulse {
    overflow-x: auto;
    padding-bottom: 4px;
  }

  .mission-reference-kpis {
    grid-template-columns: 1fr;
  }

  .mission-reference-main {
    min-height: 0;
  }

  .mission-pulse-panel > header {
    grid-template-columns: 1fr auto;
  }

  .mission-pulse-tabs {
    grid-column: 1 / -1;
    grid-row: 2;
    margin-top: 10px;
    max-width: 100%;
    overflow-x: auto;
  }

  .mission-chart-wrap,
  .mission-chart-empty {
    height: 270px;
  }

  .mission-top-content > div > button {
    grid-template-columns: 76px minmax(0, 1fr);
  }

  .mission-top-content img,
  .mission-content-fallback {
    height: 76px;
    width: 76px;
  }

  .mission-content-type,
  .mission-content-trend {
    display: none;
  }

  .mission-engagement-breakdown > div {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .mission-engagement-breakdown section {
    border-bottom: 1px solid rgba(86, 120, 145, .19);
    min-height: 76px;
  }

  .mission-action-feed > div > button {
    grid-template-columns: 25px minmax(0, 1fr) auto;
  }

  .mission-action-feed time {
    display: none;
  }

  .mission-reference-nuru {
    border-radius: 12px;
    grid-template-columns: 1fr auto;
  }

  .mission-reference-nuru > p,
  .mission-reference-nuru > b {
    display: none !important;
  }
}

/* Approved Marketplace / Tips */
.marketplace-tips-page { display: grid; gap: 12px; min-width: 0; padding: 0 2px 12px; }
.marketplace-tips-page > .mission-tabs {
  border-bottom: 1px solid rgba(70,103,128,.24);
  display: flex;
  gap: clamp(20px,3vw,50px);
  overflow-x: auto;
  padding: 0 10px;
}
.marketplace-tips-page > .mission-tabs button {
  background: transparent;
  border: 0;
  border-bottom: 2px solid transparent;
  border-radius: 0;
  color: #8f9aaa;
  flex: 0 0 auto;
  font-size: 12px;
  min-height: 39px;
  padding: 0 3px;
}
.marketplace-tips-page > .mission-tabs button.active { border-bottom-color: var(--market-teal); color: #f5f8fb; }
.tips-policy-note {
  align-items: center;
  color: #8c98a8;
  display: flex;
  font-size: 11px;
  gap: 7px;
  margin: -5px 8px 0;
}
.tips-policy-note .material-symbols-rounded { font-size: 15px; }
.tips-analytics-grid,
.tips-operations-grid { display: grid; gap: 12px; grid-template-columns: minmax(0,1.75fr) minmax(310px,1fr); min-width: 0; }
.tips-engagement-panel,
.tips-behaviour-panel > article,
.tips-activity-panel,
.tips-impact-panel {
  background: rgba(9,22,34,.78);
  border: 1px solid rgba(71,103,126,.26);
  border-radius: 10px;
  min-width: 0;
}
.tips-engagement-panel { min-height: 292px; padding: 14px 16px 10px; }
.tips-engagement-panel > header,
.tips-behaviour-panel article > header,
.tips-activity-panel > header,
.tips-impact-panel > header {
  align-items: flex-start;
  display: flex;
  justify-content: space-between;
}
.tips-engagement-panel h2,
.tips-behaviour-panel h2,
.tips-activity-panel h2,
.tips-impact-panel h2 {
  align-items: center;
  color: #f5f7fa;
  display: flex;
  font-size: 13px;
  gap: 5px;
  margin: 0;
}
.tips-engagement-panel h2 .material-symbols-rounded,
.tips-behaviour-panel h2 .material-symbols-rounded,
.tips-activity-panel h2 .material-symbols-rounded,
.tips-impact-panel h2 .material-symbols-rounded { color: #8e9aab; font-size: 14px; }
.tips-engagement-panel select {
  background: rgba(13,27,41,.95);
  border: 1px solid rgba(90,120,142,.3);
  border-radius: 7px;
  color: #eef3f7;
  font-size: 11px;
  min-height: 31px;
  padding: 0 28px 0 12px;
}
.tips-chart-legend { display: flex; flex-wrap: wrap; gap: 22px; margin-top: 11px; }
.tips-chart-legend span { align-items: center; color: #8e9aaa; display: inline-flex; font-size: 10px; gap: 7px; }
.tips-chart-legend i { background: #16d8d1; border-radius: 50%; height: 7px; width: 7px; }
.tips-chart-legend .tipVolume i { background: #f62973; }
.tips-chart-legend .uniqueSupporters i { background: #9466ef; }
.tips-chart-legend .repeatSupporters i { background: #f5a900; }
#marketplaceTipsEngagementChart { height: 218px; margin-top: 5px; width: 100%; }
.tips-behaviour-panel { display: grid; gap: 10px; }
.tips-behaviour-panel > article:first-child { min-height: 220px; padding: 14px 16px; }
.tips-behaviour-layout { align-items: center; display: grid; gap: 12px; grid-template-columns: minmax(155px,.95fr) minmax(130px,1fr); margin-top: 7px; }
.tips-behaviour-donut { display: grid; height: 165px; place-items: center; position: relative; }
.tips-behaviour-donut canvas { height: 165px; width: 165px; }
.tips-behaviour-donut > div { display: grid; inset: 0; place-content: center; pointer-events: none; position: absolute; text-align: center; }
.tips-behaviour-donut strong { color: #f6f8fa; font-size: 20px; }
.tips-behaviour-donut span { color: #8592a3; font-size: 9px; }
.tips-behaviour-layout ul { display: grid; gap: 17px; list-style: none; margin: 0; padding: 0; }
.tips-behaviour-layout li { align-items: center; display: grid; gap: 9px; grid-template-columns: 8px minmax(0,1fr) auto; }
.tips-behaviour-layout li i { background: #16d8d1; border-radius: 50%; height: 7px; width: 7px; }
.tips-behaviour-layout li:nth-child(2) i { background: #f62973; }
.tips-behaviour-layout li:nth-child(3) i { background: #9466ef; }
.tips-behaviour-layout li span { color: #8c98a7; font-size: 10px; }
.tips-behaviour-layout li strong { color: #eef3f7; font-size: 11px; }
.tips-average-card {
  align-items: end;
  display: grid;
  gap: 6px 12px;
  grid-template-columns: 1fr auto minmax(90px,120px);
  min-height: 64px;
  padding: 10px 14px;
}
.tips-average-card > span { color: #dfe6ec; font-size: 10px; grid-column: 1 / -1; }
.tips-average-card > span i { color: #8e9aab; font-size: 13px; vertical-align: middle; }
.tips-average-card strong { color: #f7f9fb; font-size: 17px; }
.tips-average-card em { color: #18d8d1; font-size: 10px; font-style: normal; }
.tips-average-card canvas { height: 29px; width: 100%; }
.tips-activity-panel,
.tips-impact-panel { overflow: hidden; }
.tips-activity-panel > header,
.tips-impact-panel > header { padding: 12px 14px 9px; }
.tips-activity-head,
.tips-activity-row {
  align-items: center;
  display: grid;
  gap: 8px;
  grid-template-columns: minmax(145px,1.15fr) minmax(135px,1.05fr) 62px 72px 65px minmax(110px,.9fr) 105px;
  min-width: 760px;
}
.tips-activity-head {
  border-bottom: 1px solid rgba(72,104,127,.28);
  border-top: 1px solid rgba(72,104,127,.28);
  color: #8b97a7;
  font-size: 9px;
  min-height: 30px;
  padding: 0 11px;
}
.tips-activity-panel > div:last-of-type { overflow-x: auto; }
.tips-activity-row {
  background: transparent;
  border: 0;
  border-bottom: 1px solid rgba(72,104,127,.22);
  color: #dfe5eb;
  min-height: 51px;
  padding: 6px 11px;
  text-align: left;
  width: 100%;
}
.tips-activity-row:hover,
.tips-creator-row:hover { background: rgba(20,214,196,.04); }
.tips-person-cell { align-items: center; display: grid; gap: 7px; grid-template-columns: 29px minmax(0,1fr); min-width: 0; }
.tips-person-cell > img,
.tips-person-cell > i { border-radius: 50%; height: 29px; object-fit: cover; width: 29px; }
.tips-person-cell > i { color: #95627e; font-size: 29px; }
.tips-person-cell span { display: grid; min-width: 0; }
.tips-person-cell strong,
.tips-person-cell small { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.tips-person-cell strong { color: #f2f5f8; font-size: 10px; }
.tips-person-cell small { color: #7c8999; font-size: 8px; }
.tips-context {
  border: 1px solid rgba(20,214,196,.36);
  border-radius: 5px;
  color: #1ddbd2;
  display: inline-flex;
  font-size: 9px;
  font-weight: 500;
  padding: 4px 7px;
}
.tips-context.review { border-color: rgba(147,100,239,.4); color: #a985f5; }
.tips-context.profile { border-color: rgba(245,169,0,.42); color: #f6b72f; }
.tips-activity-row > strong { color: #f7f9fb; font-size: 11px; }
.tips-paid { align-items: center; color: #dce5eb; display: flex; font-size: 9px; gap: 6px; }
.tips-paid i { background: #16d8d1; border-radius: 50%; height: 7px; width: 7px; }
.tips-wallet,
.tips-activity-row time { color: #aab4c0; font-size: 9px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.tips-activity-panel > small { color: #647285; display: block; font-size: 9px; padding: 8px 12px; }
.tips-creator-head,
.tips-creator-row {
  align-items: center;
  display: grid;
  gap: 7px;
  grid-template-columns: 21px minmax(120px,1fr) 85px 64px 67px;
  min-width: 390px;
}
.tips-creator-head {
  border-bottom: 1px solid rgba(72,104,127,.28);
  border-top: 1px solid rgba(72,104,127,.28);
  color: #8b97a7;
  font-size: 8px;
  min-height: 30px;
  padding: 0 9px;
}
.tips-impact-panel > div:nth-of-type(2) { overflow-x: auto; }
.tips-creator-row {
  background: transparent;
  border: 0;
  border-bottom: 1px solid rgba(72,104,127,.22);
  color: #dfe5eb;
  min-height: 45px;
  padding: 5px 9px;
  text-align: left;
  width: 100%;
}
.tips-creator-row > em { color: #a4afbc; font-size: 9px; font-style: normal; }
.tips-creator-identity { align-items: center; display: grid; gap: 7px; grid-template-columns: 27px minmax(0,1fr); min-width: 0; }
.tips-creator-identity > img,
.tips-creator-identity > i { border-radius: 50%; height: 27px; object-fit: cover; width: 27px; }
.tips-creator-identity > i { color: #95627e; font-size: 27px; }
.tips-creator-identity > span { display: grid; min-width: 0; }
.tips-creator-identity strong { color: #eef3f7; font-size: 9px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.tips-creator-identity small { color: #788697; font-size: 8px; }
.tips-creator-row > b { color: #f0f4f7; font-size: 9px; font-weight: 600; text-align: right; }
.tips-impact-panel > p {
  align-items: center;
  background: rgba(8,55,83,.55);
  border: 1px solid rgba(32,123,182,.3);
  border-radius: 7px;
  color: #c8d5e2;
  display: flex;
  font-size: 9px;
  gap: 10px;
  line-height: 1.4;
  margin: 9px;
  padding: 8px 10px;
}
.tips-impact-panel > p .material-symbols-rounded { color: #18d8d1; font-size: 17px; }

@media (max-width: 1180px) {
  .tips-analytics-grid,
  .tips-operations-grid { grid-template-columns: 1fr; }
  .tips-behaviour-panel { grid-template-columns: minmax(0,1fr) minmax(250px,.55fr); }
}

@media (max-width: 800px) {
  .marketplace-tips-page { gap: 12px; padding: 0 3px 12px; }
  .marketplace-tips-page > .mission-tabs { gap: 20px; margin-inline: -2px; padding-inline: 8px; }
  .tips-behaviour-panel { grid-template-columns: 1fr; }
  .tips-engagement-panel { min-height: 330px; padding-inline: 12px; }
  .tips-engagement-panel > header { gap: 10px; }
  .tips-chart-legend { gap: 10px 15px; }
  #marketplaceTipsEngagementChart { height: 250px; }
  .tips-policy-note { align-items: flex-start; line-height: 1.45; margin-inline: 2px; }
  .tips-average-card { grid-template-columns: 1fr auto minmax(80px,110px); }
}

@media (max-width: 560px) {
  .tips-behaviour-layout { grid-template-columns: 1fr; }
  .tips-behaviour-layout ul { grid-template-columns: repeat(3,minmax(0,1fr)); }
  .tips-behaviour-layout li { gap: 5px; grid-template-columns: 8px minmax(0,1fr); }
  .tips-behaviour-layout li strong { grid-column: 2; }
  .tips-engagement-panel > header { align-items: flex-start; flex-direction: column; }
  .tips-engagement-panel select { align-self: flex-end; margin-top: -38px; }
}

/* Approved Marketplace / Collaborations */
.marketplace-collaborations-page { display: grid; gap: 12px; min-width: 0; padding: 0 2px 12px; }
.marketplace-collaborations-page > .mission-tabs {
  border-bottom: 1px solid rgba(70,103,128,.24);
  display: flex;
  gap: clamp(20px,3vw,50px);
  overflow-x: auto;
  padding: 0 10px;
}
.marketplace-collaborations-page > .mission-tabs button {
  background: transparent;
  border: 0;
  border-bottom: 2px solid transparent;
  border-radius: 0;
  color: #8f9aaa;
  flex: 0 0 auto;
  font-size: 12px;
  min-height: 39px;
  padding: 0 3px;
}
.marketplace-collaborations-page > .mission-tabs button.active { border-bottom-color: var(--market-teal); color: #f5f8fb; }
.collaborations-analytics-grid,
.collaborations-operations-grid { display: grid; gap: 12px; grid-template-columns: minmax(0,1.75fr) minmax(310px,.9fr); min-width: 0; }
.collaborations-activity-panel,
.collaborations-status-panel,
.collaborations-table-panel,
.collaborations-alert-panel {
  background: rgba(9,22,34,.78);
  border: 1px solid rgba(71,103,126,.26);
  border-radius: 10px;
  min-width: 0;
}
.collaborations-activity-panel { min-height: 292px; padding: 14px 16px 10px; }
.collaborations-activity-panel > header,
.collaborations-status-panel > header,
.collaborations-table-panel > header,
.collaborations-alert-panel > header {
  align-items: flex-start;
  display: flex;
  justify-content: space-between;
}
.collaborations-activity-panel h2,
.collaborations-status-panel h2,
.collaborations-table-panel h2,
.collaborations-alert-panel h2 {
  align-items: center;
  color: #f5f7fa;
  display: flex;
  font-size: 13px;
  gap: 5px;
  margin: 0;
}
.collaborations-activity-panel h2 .material-symbols-rounded,
.collaborations-status-panel h2 .material-symbols-rounded,
.collaborations-table-panel h2 .material-symbols-rounded,
.collaborations-alert-panel h2 .material-symbols-rounded { color: #8e9aab; font-size: 14px; }
.collaborations-activity-panel select {
  background: rgba(13,27,41,.95);
  border: 1px solid rgba(90,120,142,.3);
  border-radius: 7px;
  color: #eef3f7;
  font-size: 11px;
  min-height: 31px;
  padding: 0 28px 0 12px;
}
.collaborations-chart-legend { display: flex; flex-wrap: wrap; gap: 22px; margin-top: 11px; }
.collaborations-chart-legend span { align-items: center; color: #8e9aaa; display: inline-flex; font-size: 10px; gap: 7px; }
.collaborations-chart-legend i { background: #16d8d1; border-radius: 50%; height: 7px; width: 7px; }
.collaborations-chart-legend .accepted i { background: #f62973; }
.collaborations-chart-legend .active i { background: #9466ef; }
.collaborations-chart-legend .completed i { background: #f5a900; }
#marketplaceCollaborationsActivityChart { height: 218px; margin-top: 5px; width: 100%; }
.collaborations-status-panel { min-height: 292px; padding: 14px 16px; }
.collaborations-status-layout { align-items: center; display: grid; gap: 12px; grid-template-columns: minmax(155px,.95fr) minmax(130px,1fr); margin-top: 18px; }
.collaborations-status-donut { display: grid; height: 180px; place-items: center; position: relative; }
.collaborations-status-donut canvas { height: 180px; width: 180px; }
.collaborations-status-donut > div { display: grid; inset: 0; place-content: center; pointer-events: none; position: absolute; text-align: center; }
.collaborations-status-donut strong { color: #f6f8fa; font-size: 22px; }
.collaborations-status-donut span { color: #8592a3; font-size: 9px; }
.collaborations-status-layout ul { display: grid; gap: 17px; list-style: none; margin: 0; padding: 0; }
.collaborations-status-layout li { align-items: center; display: grid; gap: 9px; grid-template-columns: 8px minmax(0,1fr) auto; }
.collaborations-status-layout li i { background: #16d8d1; border-radius: 50%; height: 7px; width: 7px; }
.collaborations-status-layout li:nth-child(2) i { background: #f62973; }
.collaborations-status-layout li:nth-child(3) i { background: #9466ef; }
.collaborations-status-layout li:nth-child(4) i { background: #f5a900; }
.collaborations-status-layout li span { color: #8c98a7; font-size: 10px; }
.collaborations-status-layout li strong { color: #eef3f7; font-size: 10px; }
.collaborations-table-panel,
.collaborations-alert-panel { overflow: hidden; }
.collaborations-table-panel > header,
.collaborations-alert-panel > header { padding: 12px 14px 9px; }
.collaborations-alert-panel > header button {
  background: transparent;
  border: 0;
  color: #18d8d1;
  font-size: 10px;
  padding: 0;
}
.collaboration-row {
  align-items: center;
  background: transparent;
  border: 0;
  border-bottom: 1px solid rgba(72,104,127,.22);
  color: #dfe5eb;
  display: grid;
  gap: 8px;
  grid-template-columns: minmax(132px,1fr) minmax(142px,1.1fr) minmax(110px,.8fr) 85px minmax(90px,.75fr) 70px 80px 82px 82px 16px;
  min-height: 55px;
  min-width: 980px;
  padding: 6px 11px;
  text-align: left;
  width: 100%;
}
.collaboration-row:hover { background: rgba(20,214,196,.04); }
.collaboration-row-head {
  border-bottom: 1px solid rgba(72,104,127,.28);
  border-top: 1px solid rgba(72,104,127,.28);
  color: #8b97a7;
  font-size: 8px;
  min-height: 30px;
}
.collaborations-table-panel > div:last-of-type { overflow-x: auto; }
.collaborations-table-panel > small { color: #647285; display: block; font-size: 9px; padding: 8px 12px; }
.collaboration-title-cell,
.collaboration-linked-cell > span { display: grid; min-width: 0; }
.collaboration-title-cell strong,
.collaboration-linked-cell strong { color: #f2f5f8; font-size: 10px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.collaboration-title-cell small { color: #18d8d1; font-size: 8px; }
.collaboration-linked-cell,
.collaboration-owner-cell { align-items: center; display: grid; gap: 7px; grid-template-columns: 29px minmax(0,1fr); min-width: 0; }
.collaboration-linked-cell > img,
.collaboration-owner-cell > img,
.collaboration-linked-cell > i,
.collaboration-owner-cell > i { border-radius: 50%; height: 29px; object-fit: cover; width: 29px; }
.collaboration-linked-cell > i,
.collaboration-owner-cell > i { color: #95627e; font-size: 29px; }
.collaboration-linked-cell small { color: #7c8999; font-size: 8px; }
.collaboration-owner-cell > span,
.collaboration-row > span,
.collaboration-row > strong,
.collaboration-row time { font-size: 9px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.collaboration-avatars { align-items: center; display: flex; min-width: 70px; }
.collaboration-avatars img,
.collaboration-avatars > i,
.collaboration-avatars b {
  background: #233246;
  border: 2px solid #07131f;
  border-radius: 50%;
  height: 28px;
  margin-left: -8px;
  object-fit: cover;
  width: 28px;
}
.collaboration-avatars img:first-child,
.collaboration-avatars > i:first-child { margin-left: 0; }
.collaboration-avatars > i { color: #a96d91; font-size: 24px; }
.collaboration-avatars b { display: grid; font-size: 8px; place-items: center; }
.collaboration-status {
  align-items: center;
  border: 1px solid rgba(22,216,209,.32);
  border-radius: 5px;
  color: #18d8d1;
  display: inline-flex;
  font-size: 8px;
  gap: 5px;
  padding: 4px 6px;
}
.collaboration-status i { background: currentColor; border-radius: 50%; height: 5px; width: 5px; }
.collaboration-status.completed { border-color: rgba(148,102,239,.38); color: #a985f5; }
.collaboration-status.pending-invite { border-color: rgba(245,169,0,.42); color: #f6b72f; }
.collaboration-settlement { color: #aab4c0; }
.collaboration-alert-row {
  align-items: center;
  background: transparent;
  border: 0;
  border-bottom: 1px solid rgba(72,104,127,.22);
  color: #dfe5eb;
  display: grid;
  gap: 9px;
  grid-template-columns: 35px minmax(0,1fr) auto 16px;
  min-height: 58px;
  padding: 8px 12px;
  text-align: left;
  width: 100%;
}
.collaboration-alert-row > .material-symbols-rounded { color: #f5a900; font-size: 27px; }
.collaboration-alert-row.high > .material-symbols-rounded { color: #f62973; }
.collaboration-alert-row > span:nth-child(2) { display: grid; gap: 3px; min-width: 0; }
.collaboration-alert-row strong { color: #f2f5f8; font-size: 10px; }
.collaboration-alert-row small { color: #8390a0; font-size: 8px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.collaboration-alert-row em { color: #f5a900; font-size: 8px; font-style: normal; }
.collaboration-alert-row.high em { color: #f62973; }

@media (max-width: 1180px) {
  .collaborations-analytics-grid,
  .collaborations-operations-grid { grid-template-columns: 1fr; }
}

@media (max-width: 800px) {
  .marketplace-collaborations-page { gap: 12px; padding: 0 3px 12px; }
  .marketplace-collaborations-page > .mission-tabs { gap: 20px; margin-inline: -2px; padding-inline: 8px; }
  .collaborations-activity-panel { min-height: 330px; padding-inline: 12px; }
  #marketplaceCollaborationsActivityChart { height: 250px; }
}

@media (max-width: 560px) {
  .collaborations-status-layout { grid-template-columns: 1fr; }
  .collaborations-status-layout ul { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .collaborations-activity-panel > header { align-items: flex-start; flex-direction: column; }
  .collaborations-activity-panel select { align-self: flex-end; margin-top: -38px; }
  .collaborations-chart-legend { gap: 10px 15px; }
}

/* Approved Money v4: authoritative-source and privileged-action states. */
.money-workspace-v4 {
  --money-card: #191e28;
  --money-elevated: #141821;
  --money-border: rgba(255,255,255,.1);
  --money-muted: #8d96a7;
  --money-secondary: #c3c9d4;
}
.money-heading h1 { font-size: clamp(18px,2vw,24px); }
.money-heading p { max-width: 780px; }
.money-trust-strip,
.money-action-receipt,
.money-queue-toolbar,
.money-unavailable-action {
  align-items: center;
  background: var(--money-elevated);
  border: 1px solid var(--money-border);
  border-radius: 8px;
  display: flex;
  gap: 14px;
  justify-content: space-between;
  min-width: 0;
  padding: 10px 12px;
}
.money-trust-strip.live { border-color: rgba(20,184,166,.55); }
.money-trust-strip.stale,
.money-trust-strip.unknown { border-color: rgba(243,182,77,.55); }
.money-trust-strip > div:first-child,
.money-action-receipt > div,
.money-queue-toolbar > div:first-child,
.money-unavailable-action > div { display: grid; gap: 3px; min-width: 0; }
.money-trust-strip strong,
.money-queue-toolbar strong,
.money-unavailable-action strong { align-items: center; display: flex; font-size: 11px; gap: 7px; }
.money-trust-strip strong .material-symbols-rounded { color: #14b8a6; font-size: 17px; }
.money-trust-strip span,
.money-queue-toolbar span,
.money-unavailable-action p { color: var(--money-muted); font-size: 9px; margin: 0; overflow: hidden; text-overflow: ellipsis; }
.money-trust-chips,
.money-queue-toolbar > div:last-child { align-items: center; display: flex; flex-wrap: wrap; gap: 7px; justify-content: flex-end; }
.money-source-chip {
  background: rgba(255,255,255,.035);
  border: 1px solid var(--money-border);
  border-radius: 999px;
  color: var(--money-secondary) !important;
  font-size: 8.5px !important;
  padding: 5px 8px;
  white-space: nowrap;
}
.money-action-receipt { border-color: rgba(20,184,166,.5); }
.money-action-receipt.error { border-color: rgba(244,95,111,.65); }
.money-action-receipt strong { color: #58ead7; font-size: 11px; }
.money-action-receipt.error strong { color: #ff8390; }
.money-action-receipt span,
.money-action-receipt small { color: var(--money-secondary); font-size: 9px; }
.money-kpi-grid { display: grid; gap: 8px; grid-template-columns: repeat(4,minmax(0,1fr)); }
.money-kpi-card {
  background: var(--money-card);
  border: 1px solid rgba(255,255,255,.14);
  border-radius: 8px;
  display: grid;
  gap: 8px;
  min-height: 112px;
  padding: 13px;
}
.money-kpi-card header { align-items: center; display: flex; justify-content: space-between; }
.money-kpi-card header span { color: var(--money-secondary); font-size: 9px; font-weight: 700; }
.money-kpi-card header .material-symbols-rounded { color: #14b8a6; font-size: 18px; }
.money-kpi-card.blue header .material-symbols-rounded { color: #6aa9ff; }
.money-kpi-card.pink header .material-symbols-rounded { color: #e2548a; }
.money-kpi-card.violet header .material-symbols-rounded { color: #a876f5; }
.money-kpi-card > strong { font-size: clamp(18px,2.3vw,28px); line-height: 1; }
.money-kpi-card > small { color: #14b8a6; font-size: 8.5px; line-height: 1.35; }
.money-kpi-card.blue > small { color: #6aa9ff; }
.money-kpi-card.pink > small { color: #e2548a; }
.money-kpi-card.violet > small { color: #a876f5; }
.money-control-grid { display: grid; gap: 10px; grid-template-columns: minmax(0,1.6fr) minmax(220px,.8fr) minmax(240px,1fr); }
.money-equation-card dl,
.money-chain-card dl,
.money-attention-card dl,
.money-evidence-panel dl,
.money-audit-grid dl { display: grid; gap: 0; margin: 0; }
.money-equation-card > small,
.money-audit-grid article > small { color: var(--money-muted); display: block; font-size: 8.5px; line-height: 1.45; margin-top: 10px; }
.money-chain-card > strong { color: #37c978; display: block; font-size: 30px; margin: 6px 0; }
.money-evidence-row { align-items: center; border-bottom: 1px solid rgba(255,255,255,.055); display: grid; gap: 10px; grid-template-columns: minmax(0,1fr) auto; min-height: 30px; padding: 5px 0; }
.money-evidence-row:last-child { border-bottom: 0; }
.money-evidence-row dt { color: var(--money-secondary); font-size: 8.5px; min-width: 0; }
.money-evidence-row dd { color: #f7f8fb; font-size: 8.5px; margin: 0; max-width: 230px; overflow-wrap: anywhere; text-align: right; }
.money-evidence-row dd.tone-success { color: #37c978; }
.money-evidence-row dd.tone-warning { color: #f3b64d; }
.money-evidence-row dd.tone-danger { color: #f45f6f; }
.money-evidence-row dd.tone-violet { color: #a876f5; }
.money-control-totals .table-wrap { margin-top: 3px; }
.money-queue-layout { align-items: stretch; display: grid; gap: 10px; grid-template-columns: minmax(0,1.9fr) minmax(300px,.85fr); }
.money-queue-panel { min-width: 0; overflow: hidden; }
.money-queue-panel tr.is-selected td { background: rgba(20,184,166,.08); }
.money-queue-panel td small { color: var(--money-muted); display: block; font-size: 7.5px; margin-top: 3px; }
.money-row-select {
  align-items: flex-start;
  background: transparent;
  border: 0;
  color: inherit;
  display: grid;
  gap: 2px;
  min-height: 0;
  padding: 0;
  text-align: left;
}
.money-row-select strong { color: #f7f8fb; font-size: 9px; }
.money-row-select span { color: #14b8a6; font-size: 7.5px; margin-top: 2px; }
.money-row-select:hover strong,
.money-row-select:focus-visible strong { color: #5ce8d6; }
.money-evidence-panel { display: flex; flex-direction: column; min-height: 430px; }
.money-evidence-panel h3 { color: var(--money-secondary); font-size: 9px; margin: 10px 0 3px; }
.money-selection-empty { align-items: center; display: flex; flex: 1; flex-direction: column; justify-content: center; min-height: 280px; padding: 20px; text-align: center; }
.money-selection-empty .material-symbols-rounded { color: #6aa9ff; font-size: 32px; }
.money-selection-empty strong { font-size: 13px; margin-top: 8px; }
.money-selection-empty p { color: var(--money-muted); font-size: 9px; line-height: 1.5; max-width: 260px; }
.money-decision-actions { display: grid; gap: 6px; grid-template-columns: 1.2fr .8fr .8fr; margin-top: 12px; }
.money-decision-actions button,
.money-settlement-action button { font-size: 8.5px; min-height: 30px; padding: 6px 8px; }
.money-settlement-action { align-items: center; background: rgba(255,255,255,.025); border: 1px solid var(--money-border); border-radius: 7px; display: flex; gap: 10px; justify-content: space-between; margin-top: 8px; padding: 8px; }
.money-settlement-action > div { display: grid; gap: 2px; }
.money-settlement-action strong { font-size: 9px; }
.money-settlement-action span { color: var(--money-muted); font-size: 7.5px; line-height: 1.35; }
.money-action-help,
.money-action-progress,
.money-action-warning { color: var(--money-muted); font-size: 8px; line-height: 1.4; margin: 8px 0 0; }
.money-action-progress { color: #6aa9ff; }
.money-action-warning { background: rgba(243,182,77,.08); border: 1px solid rgba(243,182,77,.3); border-radius: 6px; color: #f3b64d; padding: 7px; }
.money-audit-grid { display: grid; gap: 10px; grid-template-columns: minmax(0,1.5fr) minmax(280px,.9fr); }
.money-state-flow { display: flex; flex-wrap: wrap; gap: 6px; }
.money-unavailable-action { border-color: rgba(243,182,77,.45); justify-content: flex-start; }
.money-unavailable-action > .material-symbols-rounded { color: #f3b64d; font-size: 22px; }
.money-unavailable-action > .status-badge { margin-left: auto; }
.money-queue-toolbar button { font-size: 8.5px; min-height: 28px; padding: 5px 8px; }

@media (max-width: 1120px) {
  .money-kpi-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .money-control-grid { grid-template-columns: 1fr 1fr; }
  .money-equation-card { grid-row: span 2; }
  .money-queue-layout { grid-template-columns: 1fr; }
  .money-evidence-panel { min-height: auto; }
}
@media (max-width: 760px) {
  .money-heading,
  .money-trust-strip,
  .money-action-receipt,
  .money-queue-toolbar,
  .money-unavailable-action,
  .money-settlement-action { align-items: flex-start; flex-direction: column; }
  .money-trust-chips,
  .money-queue-toolbar > div:last-child { justify-content: flex-start; }
  .money-kpi-grid,
  .money-control-grid,
  .money-audit-grid { grid-template-columns: 1fr; }
  .money-equation-card { grid-row: auto; }
  .money-decision-actions { grid-template-columns: 1fr; }
  .money-unavailable-action > .status-badge { margin-left: 0; }
}

/* Community — protected source-of-truth workspace */
.approved-community-workspace {
  --community-teal: #14b8a6;
  --community-pink: #e2548a;
  --community-violet: #a876f5;
  --community-blue: #6aa9ff;
  color: #f7f8fb;
}
.community-overview-grid > .approved-panel { min-height: 250px; }
.community-overview-grid > .community-source-panel,
.community-overview-grid > .community-definition-panel { grid-column: 1 / -1; min-height: auto; }
.community-coverage-score { color: var(--community-teal); font-size: 24px; }
.community-definition-panel dl,
.community-notification-proof dl { display: grid; gap: 0; margin: 0; }
.community-definition-panel dl div,
.community-notification-proof dl div {
  align-items: center;
  border-bottom: 1px solid rgba(255,255,255,.065);
  display: grid;
  gap: 12px;
  grid-template-columns: minmax(120px,.45fr) minmax(0,1fr);
  padding: 9px 0;
}
.community-definition-panel dl div:last-child,
.community-notification-proof dl div:last-child { border-bottom: 0; }
.community-definition-panel dt,
.community-notification-proof dt { color: #f7f8fb; font-size: 10px; font-weight: 700; text-transform: capitalize; }
.community-definition-panel dd,
.community-notification-proof dd { color: #8d96a7; font-size: 9px; line-height: 1.5; margin: 0; }
.community-unavailable-panel { border-color: rgba(243,182,77,.3); }
.community-unavailable-panel ul,
.community-method-panel ul { display: grid; gap: 8px; list-style: none; margin: 0; padding: 0; }
.community-unavailable-panel li,
.community-method-panel li { align-items: flex-start; color: #a9b1bd; display: flex; font-size: 9px; gap: 8px; line-height: 1.5; }
.community-unavailable-panel li .material-symbols-rounded { color: #f3b64d; font-size: 16px; }
.community-method-panel > p { color: #a9b1bd; font-size: 9px; line-height: 1.55; }
.community-method-panel > strong { color: #f3b64d; display: block; font-size: 9px; line-height: 1.5; margin-top: 12px; }
.community-funnel-panel ol { display: grid; gap: 8px; list-style: none; margin: 0; padding: 0; }
.community-funnel-panel li { align-items: center; background: rgba(255,255,255,.025); border: 1px solid rgba(255,255,255,.07); border-radius: 8px; display: flex; gap: 10px; padding: 9px; }
.community-funnel-panel li > span { align-items: center; background: rgba(20,184,166,.14); border: 1px solid rgba(20,184,166,.35); border-radius: 50%; color: #5ce8d6; display: inline-flex; font-size: 9px; height: 24px; justify-content: center; width: 24px; }
.community-funnel-panel li div { display: grid; gap: 2px; }
.community-funnel-panel li strong { font-size: 10px; }
.community-funnel-panel li small { color: #8d96a7; font-size: 8px; }
.community-table-panel .table-wrap,
.community-directory-panel .table-wrap { margin: 0 -13px -13px; max-width: calc(100% + 26px); }
.community-user-cell { align-items: center; display: flex; gap: 8px; min-width: 155px; }
.community-user-cell img,
.community-user-cell > i { background: rgba(20,184,166,.12); border: 1px solid rgba(20,184,166,.25); border-radius: 50%; height: 30px; object-fit: cover; width: 30px; }
.community-user-cell > i { align-items: center; color: #14b8a6; display: inline-flex; font-size: 18px; justify-content: center; }
.community-user-cell > span { display: grid; gap: 2px; min-width: 0; }
.community-user-cell strong { color: #f7f8fb; font-size: 9px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.community-user-cell small { color: #8d96a7; font-size: 7.5px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.community-signal-grid { display: grid; gap: 10px; grid-template-columns: repeat(4,minmax(0,1fr)); }
.community-signal-grid article { background: #191e28; border: 1px solid rgba(255,255,255,.1); border-radius: 8px; display: grid; gap: 5px; min-height: 90px; padding: 12px; }
.community-signal-grid span { color: #c3c9d4; font-size: 9px; text-transform: capitalize; }
.community-signal-grid strong { color: var(--community-pink); font-size: 24px; }
.community-signal-grid small { color: #8d96a7; font-size: 8px; }
.community-notification-proof dl div { grid-template-columns: 1fr auto; }
.community-notification-proof dd { color: #f7f8fb; font-weight: 700; text-align: right; }
.community-directory-panel > header { align-items: flex-end; }
.approved-search { align-items: center; background: #141821; border: 1px solid rgba(255,255,255,.14); border-radius: 7px; display: flex; gap: 7px; min-width: min(330px,100%); padding: 7px 10px; }
.approved-search .material-symbols-rounded { color: #8d96a7; font-size: 17px; }
.approved-search input { background: transparent; border: 0; color: #f7f8fb; font: inherit; font-size: 9px; min-width: 0; outline: 0; width: 100%; }
.approved-search input::placeholder { color: #6f7887; }
.community-directory-meta { color: #8d96a7; display: flex; flex-wrap: wrap; font-size: 8px; gap: 6px 18px; margin: -2px 0 10px; }
.community-cohort-intro { align-items: center; background: linear-gradient(135deg,rgba(20,184,166,.1),rgba(168,118,245,.08)); border: 1px solid rgba(20,184,166,.32); border-radius: 9px; display: flex; gap: 20px; justify-content: space-between; padding: 14px; }
.community-cohort-intro > div { align-items: center; display: flex; gap: 12px; }
.community-cohort-intro .material-symbols-rounded { color: #5ce8d6; font-size: 28px; }
.community-cohort-intro h2 { font-size: 13px; margin: 0; }
.community-cohort-intro p { color: #a9b1bd; font-size: 9px; line-height: 1.5; margin: 3px 0 0; max-width: 620px; }
.community-cohort-intro > p { max-width: 360px; text-align: right; }

@media (max-width: 900px) {
  .community-signal-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .community-cohort-intro { align-items: flex-start; flex-direction: column; }
  .community-cohort-intro > p { max-width: none; text-align: left; }
}
@media (max-width: 760px) {
  .approved-community-workspace .approved-workspace-heading,
  .community-directory-panel > header { align-items: flex-start; flex-direction: column; }
  .approved-community-workspace .mission-kpi-grid,
  .community-signal-grid { grid-template-columns: 1fr; }
  .approved-search { min-width: 100%; width: 100%; }
  .community-definition-panel dl div,
  .community-notification-proof dl div { grid-template-columns: 1fr; }
  .community-notification-proof dd { text-align: left; }
}