/*
  STYLE 7 · ASSISTANT
  Final Assistant-only layer. The shared system owns geometry; this file gives
  the Assistant its canonical cold graphite / metallic teal command surface.
*/

html body.style7.assistant-admin {
  color-scheme: dark;
  --s7-bg: #071012;
  --s7-sidebar: #091316;
  --s7-card: #0d191d;
  --s7-card-2: #112126;
  --s7-field: #081417;
  --s7-text: #edf8f7;
  --s7-muted: #8ca4a7;
  --s7-faint: #617b7f;
  --s7-line: rgba(177, 224, 225, .10);
  --s7-line-strong: rgba(132, 240, 231, .24);
  --s7-teal: #55e1dc;
  --s7-cyan: #84f0e7;
  --s7-teal-deep: #138f8a;
  --s7-teal-soft: rgba(85, 225, 220, .11);
  --accent-rgb: 85, 225, 220;
  --s7-radius: 18px;
  --s7-radius-sm: 12px;
  --deck-accent: var(--s7-teal);
  background:
    radial-gradient(circle at 78% -12%, rgba(55, 154, 153, .10), transparent 32%),
    linear-gradient(135deg, #071012 0%, #081214 52%, #061012 100%) !important;
}

html body.style7.assistant-admin #operatorsTabs {
  border-right-color: rgba(132, 240, 231, .11) !important;
  background:
    linear-gradient(180deg, rgba(19, 47, 51, .58), transparent 32%),
    linear-gradient(155deg, #0a171a 0%, #081215 100%) !important;
  box-shadow: inset -1px 0 rgba(255, 255, 255, .02) !important;
}

html body.style7.assistant-admin #operatorsTabs::before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 190px;
  pointer-events: none;
  background: radial-gradient(circle at 38% 0, rgba(85, 225, 220, .13), transparent 67%);
}

html body.style7.assistant-admin #operatorsTabs :is(.assistant-product-switch, .nav-group) {
  position: relative;
  z-index: 1;
}

html body.style7.assistant-admin .assistant-product-switch {
  border-color: rgba(132, 240, 231, .14) !important;
  background: rgba(5, 16, 18, .44) !important;
  box-shadow: inset 0 1px rgba(255, 255, 255, .025) !important;
}

html body.style7.assistant-admin .assistant-product-btn.active {
  border-color: rgba(132, 240, 231, .22) !important;
  color: var(--s7-text) !important;
  background: linear-gradient(135deg, rgba(85, 225, 220, .16), rgba(85, 225, 220, .055)) !important;
  box-shadow: inset 3px 0 0 var(--s7-teal), 0 10px 26px rgba(0, 0, 0, .14) !important;
}

html body.style7.assistant-admin .assistant-product-btn.active :is(.assistant-product-icon, .assistant-product-arrow) {
  color: var(--s7-cyan) !important;
}

html body.style7.assistant-admin #operatorsTabs .seg-tab.active {
  border: 1px solid rgba(132, 240, 231, .12) !important;
  background: linear-gradient(90deg, rgba(85, 225, 220, .15), rgba(85, 225, 220, .035)) !important;
  box-shadow: inset 3px 0 0 var(--s7-teal), 0 10px 24px rgba(0, 0, 0, .12) !important;
}

html body.style7.assistant-admin #topbar .nav {
  border-top-color: rgba(132, 240, 231, .12) !important;
  background: rgba(8, 19, 22, .94) !important;
}

html body.style7.assistant-admin #dashboard.workspace {
  min-height: 100vh;
  background: transparent !important;
}

html body.style7.assistant-admin .shell {
  position: relative;
}

html body.style7.assistant-admin .section-head {
  padding-bottom: 18px !important;
  border-bottom: 1px solid var(--s7-line) !important;
}

html body.style7.assistant-admin .section-head p {
  color: var(--s7-muted) !important;
}

html body.style7.assistant-admin .ext-ov-live {
  border-color: rgba(132, 240, 231, .18) !important;
  background: rgba(9, 25, 28, .84) !important;
  box-shadow: inset 0 1px rgba(255, 255, 255, .035) !important;
}

html body.style7.assistant-admin .ext-ov-live .ov-dot {
  background: var(--s7-teal) !important;
  box-shadow: 0 0 0 5px rgba(85, 225, 220, .10), 0 0 16px rgba(85, 225, 220, .28);
}

html body.style7.assistant-admin .ext-ov-top {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  grid-template-columns: 280px minmax(0, 1fr) !important;
  gap: 0 !important;
  padding: 28px !important;
  border: 1px solid rgba(132, 240, 231, .19) !important;
  border-radius: 26px !important;
  background:
    linear-gradient(115deg, rgba(18, 44, 50, .98), rgba(18, 55, 61, .98) 46%, rgba(11, 35, 40, .99)) !important;
  box-shadow:
    inset 0 1px rgba(255, 255, 255, .08),
    inset 0 -1px rgba(0, 0, 0, .24),
    0 26px 68px rgba(0, 0, 0, .24) !important;
}

html body.style7.assistant-admin .ext-ov-top::before {
  content: "";
  position: absolute;
  z-index: -1;
  inset: -38% -12%;
  pointer-events: none;
  transform: rotate(-8deg);
  background:
    linear-gradient(110deg, transparent 31%, rgba(213, 255, 251, .08) 45%, transparent 59%),
    repeating-linear-gradient(0deg, rgba(255, 255, 255, .018) 0 1px, transparent 1px 5px);
}

html body.style7.assistant-admin .ext-ov-top::after {
  content: "";
  position: absolute;
  z-index: -1;
  inset: auto -8% -70% 32%;
  height: 330px;
  pointer-events: none;
  background: radial-gradient(ellipse, rgba(85, 225, 220, .19), transparent 66%);
}

html body.style7.assistant-admin .ext-ov-hero {
  min-width: 0;
  padding: 10px 28px 10px 4px !important;
  border: 0 !important;
  border-right: 1px solid rgba(203, 255, 251, .13) !important;
  border-radius: 0 !important;
  background: transparent !important;
}

html body.style7.assistant-admin .ext-ov-eyebrow {
  color: var(--s7-cyan) !important;
}

html body.style7.assistant-admin .ext-ov-val {
  color: #f4fffe !important;
  text-shadow: 0 12px 32px rgba(0, 0, 0, .24);
}

html body.style7.assistant-admin :is(.ext-ov-lab, .ext-ov-sub) {
  color: rgba(225, 247, 246, .70) !important;
}

html body.style7.assistant-admin .ext-ov-kpis {
  align-items: stretch;
  gap: 0 !important;
  padding-left: 18px;
}

html body.style7.assistant-admin .ext-ov-kpi {
  min-width: 0;
  padding: 12px 16px !important;
  border: 0 !important;
  border-right: 1px solid rgba(203, 255, 251, .10) !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

html body.style7.assistant-admin .ext-ov-kpi:last-child {
  border-right: 0 !important;
}

html body.style7.assistant-admin .ext-ov-kpi .k-lab {
  color: rgba(213, 244, 243, .58) !important;
}

html body.style7.assistant-admin .ext-ov-kpi .k-val {
  color: #f4fffe !important;
}

html body.style7.assistant-admin .ext-ov-kpi .k-note {
  color: rgba(213, 244, 243, .55) !important;
}

html body.style7.assistant-admin :is(.ext-ov-card, .panel, .card, .table-wrap, .filters-bar, .usage-controls, .usage-filterbar) {
  border-color: var(--s7-line) !important;
  border-radius: 18px !important;
  background: linear-gradient(155deg, rgba(17, 33, 38, .98), rgba(12, 25, 29, .98)) !important;
  box-shadow: inset 0 1px rgba(255, 255, 255, .025), 0 18px 46px rgba(0, 0, 0, .13) !important;
}

html body.style7.assistant-admin .ext-ov-card {
  padding: 22px 24px !important;
}

html body.style7.assistant-admin .ext-ov-bar .b-track {
  background: rgba(203, 255, 251, .075) !important;
}

html body.style7.assistant-admin .ext-ov-bar .b-fill {
  background: linear-gradient(90deg, var(--s7-teal-deep), var(--s7-cyan)) !important;
  box-shadow: 0 0 12px rgba(85, 225, 220, .18);
}

html body.style7.assistant-admin .ext-ov-who .who {
  border-color: rgba(132, 240, 231, .16) !important;
  color: var(--s7-text) !important;
  background: rgba(85, 225, 220, .075) !important;
}

html body.style7.assistant-admin :is(input, select, textarea, .input, .select) {
  border-color: var(--s7-line) !important;
  color: var(--s7-text) !important;
  background: rgba(5, 16, 19, .72) !important;
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, .18) !important;
}

html body.style7.assistant-admin :is(input, select, textarea, .input, .select):focus {
  border-color: rgba(132, 240, 231, .36) !important;
  box-shadow: 0 0 0 3px rgba(85, 225, 220, .085) !important;
}

html body.style7.assistant-admin :is(.btn-primary, .primary, button[type="submit"]):not(.btn-soft) {
  border-color: rgba(132, 240, 231, .42) !important;
  color: #05201f !important;
  background: linear-gradient(135deg, #80eee7, #45c9c5) !important;
  box-shadow: inset 0 1px rgba(255, 255, 255, .42), 0 10px 24px rgba(19, 143, 138, .16) !important;
}

html body.style7.assistant-admin :is(.btn, .btn-soft):not(.btn-primary):not(.primary) {
  border-color: var(--s7-line) !important;
  color: var(--s7-muted) !important;
  background: rgba(12, 27, 31, .82) !important;
  box-shadow: inset 0 1px rgba(255, 255, 255, .025) !important;
}

html body.style7.assistant-admin :is(.btn, .btn-soft):not(.btn-primary):not(.primary):hover {
  border-color: var(--s7-line-strong) !important;
  color: var(--s7-text) !important;
  background: rgba(85, 225, 220, .085) !important;
}

html body.style7.assistant-admin :is(table, .data-table) :is(th, td) {
  border-color: var(--s7-line) !important;
}

html body.style7.assistant-admin :is(table, .data-table) th {
  color: var(--s7-faint) !important;
  background: rgba(5, 16, 19, .46) !important;
}

html body.style7.assistant-admin :is(.modal, .modal-content, .dialog, [role="dialog"]) {
  border-color: var(--s7-line-strong) !important;
  background: #0b171b !important;
  box-shadow: 0 34px 100px rgba(0, 0, 0, .52) !important;
}

/* Light remains available after the one-time Style 7 migration. */
html body.style7.assistant-admin.theme-light {
  color-scheme: light;
  --s7-bg: #e4edef;
  --s7-sidebar: #d8e5e7;
  --s7-card: #f8fbfb;
  --s7-card-2: #edf4f5;
  --s7-field: #e9f1f2;
  --s7-text: #0b2328;
  --s7-muted: #38545a;
  --s7-faint: #60787d;
  --s7-line: rgba(20, 80, 84, .16);
  --s7-line-strong: rgba(15, 126, 124, .34);
  --s7-teal: #087f7b;
  --s7-cyan: #08788a;
  --s7-teal-deep: #075d5a;
  --s7-teal-soft: rgba(8, 127, 123, .11);
  --accent-rgb: 8, 127, 123;
  background: linear-gradient(135deg, #e7eff1, #dfe9eb) !important;
}

html body.style7.assistant-admin.theme-light #operatorsTabs {
  background: linear-gradient(155deg, #dce8ea, #cfdee1) !important;
}

html body.style7.assistant-admin.theme-light :is(.ext-ov-card, .panel, .card, .table-wrap, .filters-bar, .usage-controls, .usage-filterbar) {
  background: rgba(249, 252, 252, .96) !important;
  box-shadow: 0 14px 36px rgba(19, 55, 61, .07) !important;
}

@media (max-width: 1180px) {
  html body.style7.assistant-admin .ext-ov-top {
    grid-template-columns: 1fr !important;
  }

  html body.style7.assistant-admin .ext-ov-hero {
    padding: 4px 4px 22px !important;
    border-right: 0 !important;
    border-bottom: 1px solid rgba(203, 255, 251, .13) !important;
  }

  html body.style7.assistant-admin .ext-ov-kpis {
    padding: 18px 0 0;
  }
}

@media (max-width: 760px) {
  html body.style7.assistant-admin .ext-ov-top {
    padding: 20px !important;
    border-radius: 20px !important;
  }

  html body.style7.assistant-admin .ext-ov-kpis {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  html body.style7.assistant-admin .ext-ov-kpi:nth-child(2) {
    border-right: 0 !important;
  }

  html body.style7.assistant-admin .ext-ov-kpi:nth-child(-n+2) {
    border-bottom: 1px solid rgba(203, 255, 251, .10) !important;
  }
}

/* STYLE7_ASSISTANT_V1_END */