/* [project]/apps/web/app/globals.css [app-client] (css) */
:root {
  --lightningcss-light: ;
  --lightningcss-dark: initial;
  color-scheme: dark;
  --bg: #090d14;
  --panel: #111827;
  --panel2: #172033;
  --line: #263249;
  --text: #edf2f7;
  --muted: #94a3b8;
  --accent: #58a6ff;
  --danger: #ff6b6b;
  --success: #4ade80;
  --warning: #fbbf24;
}

* {
  box-sizing: border-box;
}

html, body {
  background: var(--bg);
  color: var(--text);
  margin: 0;
  padding: 0;
  font-family: Inter, ui-sans-serif, system-ui, sans-serif;
}

a {
  color: inherit;
  text-decoration: none;
}

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

button {
  cursor: pointer;
}

button:disabled {
  opacity: .55;
  cursor: not-allowed;
}

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

.sidebar {
  border-right: 1px solid var(--line);
  background: #0c121d;
  height: 100vh;
  padding: 24px 16px;
  position: sticky;
  top: 0;
  overflow-y: auto;
}

.brand {
  letter-spacing: .5px;
  margin-bottom: 28px;
  font-size: 22px;
  font-weight: 800;
}

.nav {
  gap: 6px;
  display: grid;
}

.nav-label {
  color: #64748b;
  text-transform: uppercase;
  letter-spacing: .12em;
  padding: 18px 12px 6px;
  font-size: 11px;
  font-weight: 800;
}

.nav a {
  color: var(--muted);
  border-radius: 8px;
  padding: 10px 12px;
}

.nav a:hover, .nav a.active {
  background: var(--panel);
  color: var(--text);
}

.main {
  min-width: 0;
  padding: 28px;
}

.topbar, .page-header {
  justify-content: space-between;
  align-items: center;
  gap: 16px;
  display: flex;
}

.topbar {
  margin-bottom: 24px;
}

.page-header {
  margin-bottom: 18px;
}

.page-header h1 {
  margin: 0 0 4px;
}

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

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

.card {
  background: var(--panel);
  border: 1px solid var(--line);
  border-radius: 14px;
  padding: 18px;
}

.card h2 {
  margin-top: 0;
  font-size: 18px;
}

.card h3 {
  color: var(--muted);
  margin: 0 0 8px;
  font-size: 14px;
  font-weight: 600;
}

.metric {
  font-size: 30px;
  font-weight: 800;
}

.button {
  border: 1px solid var(--line);
  color: var(--text);
  background: var(--panel2);
  border-radius: 9px;
  padding: 10px 14px;
}

.button.primary {
  background: var(--accent);
  color: #06111e;
  border-color: var(--accent);
  font-weight: 700;
}

.button.small {
  padding: 7px 10px;
  font-size: 13px;
}

.input {
  border: 1px solid var(--line);
  width: 100%;
  color: var(--text);
  background: #0b111c;
  border-radius: 8px;
  padding: 10px 12px;
}

textarea.input {
  resize: vertical;
  min-height: 92px;
}

.form {
  gap: 12px;
  display: grid;
}

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

.row {
  flex-wrap: wrap;
  align-items: center;
  gap: 12px;
  display: flex;
}

.table-wrap {
  overflow-x: auto;
}

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

.table th, .table td {
  text-align: left;
  border-bottom: 1px solid var(--line);
  vertical-align: middle;
  padding: 12px;
}

.table th {
  color: var(--muted);
  font-size: 13px;
}

.badge {
  color: #a8c7fa;
  background: #17233b;
  border-radius: 999px;
  padding: 4px 8px;
  font-size: 12px;
  display: inline-flex;
}

.badge.success {
  color: #a7f3d0;
  background: #153724;
}

.badge.warning {
  color: #fde68a;
  background: #3b2b12;
}

.badge.danger {
  color: #fecaca;
  background: #3b171c;
}

.hero {
  max-width: 900px;
  margin: 90px auto;
  padding: 30px;
}

.hero h1 {
  margin: 0 0 16px;
  font-size: 48px;
}

.tabs {
  gap: 8px;
  margin-bottom: 16px;
  display: flex;
}

.error {
  color: var(--danger);
  white-space: pre-wrap;
}

.section {
  margin-top: 24px;
}

.toolbar {
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
  margin-bottom: 16px;
  display: flex;
}

.toolbar .input {
  width: auto;
  min-width: 180px;
}

.tabs-inline {
  flex-wrap: wrap;
  gap: 8px;
  display: flex;
}

.tabs-inline .active {
  background: var(--accent);
  color: #06111e;
  border-color: var(--accent);
}

.link {
  color: #93c5fd;
  text-underline-offset: 3px;
  text-decoration: underline;
}

.checkbox-row {
  align-items: center;
  gap: 8px;
  display: flex;
}

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

.permission-item {
  border: 1px solid var(--line);
  background: #0b111c;
  border-radius: 8px;
  padding: 10px;
}

.stack {
  gap: 12px;
  display: grid;
}

.pill-list {
  flex-wrap: wrap;
  gap: 6px;
  display: flex;
}

.empty {
  text-align: center;
  color: var(--muted);
  padding: 24px;
}

.details-list {
  grid-template-columns: 180px 1fr;
  gap: 8px 14px;
  display: grid;
}

hr {
  border: 0;
  border-top: 1px solid var(--line);
  margin: 20px 0;
}

@media (max-width: 1050px) {
  .grid, .permission-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

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

  .sidebar {
    border-right: 0;
    border-bottom: 1px solid var(--line);
    height: auto;
    position: static;
  }

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

@media (max-width: 600px) {
  .grid, .permission-grid, .form-grid {
    grid-template-columns: 1fr;
  }

  .main {
    padding: 18px;
  }

  .page-header {
    flex-direction: column;
    align-items: flex-start;
  }
}

:root {
  --lightningcss-light: ;
  --lightningcss-dark: initial;
  color-scheme: dark;
  --bg: #070707;
  --panel: #11110f;
  --panel2: #181712;
  --line: #332b19;
  --text: #f4f0e6;
  --muted: #aaa18f;
  --accent: #d4af37;
  --danger: #c13b43;
  --success: #69b87f;
  --warning: #e5c45a;
  --gold: #d4af37;
  --gold-light: #f1d27a;
  --gold-dark: #8f7426;
  --red: #b3262d;
}

html, body {
  color: var(--text);
  background: radial-gradient(circle at 82% 0, #d4af370e, #0000 34rem), #070707;
}

body {
  min-height: 100vh;
}

.shell {
  grid-template-columns: 290px minmax(0, 1fr);
}

.sidebar {
  background: #090909;
  border-right-color: #302817;
  padding: 26px 18px;
}

.brand {
  color: #fffaf0;
  letter-spacing: .04em;
  font-size: 23px;
}

.brand span {
  color: var(--gold-light);
}

.nav {
  gap: 5px;
}

.nav-label {
  color: #887b5d;
  padding-top: 20px;
}

.nav a {
  color: #c3b99f;
  border: 1px solid #0000;
  transition: all .15s;
}

.nav a:hover {
  color: #f5dfa0;
  background: #151208;
  border-color: #332b18;
}

.nav a.active {
  color: #ffe49a;
  box-shadow: inset 3px 0 0 var(--gold);
  background: linear-gradient(90deg, #1d1709, #11100b);
  border-color: #4e401d;
}

.main {
  background: radial-gradient(circle at 92% 2%, #d4af3709, #0000 30rem);
  padding: 30px 34px 50px;
}

.topbar {
  border-bottom: 1px solid #211d14;
  padding-bottom: 18px;
}

.topbar strong {
  color: #fff9ea;
}

.card {
  background: linear-gradient(#131310, #0e0e0c);
  border-color: #332b19;
  box-shadow: 0 10px 36px #00000029;
}

.card:hover {
  border-color: #50411d;
}

.card h3 {
  color: #bcb096;
}

.metric {
  color: #fff3c5;
}

.muted {
  color: var(--muted);
}

.button {
  color: #f4eee0;
  background: #171612;
  border-color: #3a311d;
}

.button:hover {
  background: #201c11;
  border-color: #725c22;
}

.button.primary {
  color: #0a0803;
  background: linear-gradient(135deg, #f1d27a, #c99d22);
  border-color: #e4c055;
  font-weight: 800;
}

.button.primary:hover {
  background: linear-gradient(135deg, #f6de93, #d5aa2c);
}

.button.danger {
  color: #ffb1b6;
  background: #1b0c0e;
  border-color: #6c272b;
}

.button.success {
  color: #a5dcb4;
  background: #101a12;
  border-color: #31533a;
}

.input {
  color: #f3ede1;
  background: #0b0b0a;
  border-color: #40351c;
}

.input:focus {
  border-color: var(--gold);
  outline: none;
  box-shadow: 0 0 0 3px #d4af371a;
}

.input::placeholder {
  color: #786f5d;
}

.table th {
  color: #d3c17d;
}

.table th, .table td {
  border-color: #282218;
}

.table tr:hover td {
  background: #d4af3706;
}

.badge {
  color: #dbc77a;
  background: #17140c;
  border: 1px solid #40361e;
}

.badge.success {
  color: #9ad2aa;
  background: #0f1811;
  border-color: #31523a;
}

.badge.warning {
  color: #ecd274;
  background: #1d1809;
  border-color: #66531d;
}

.badge.danger {
  color: #ffacb1;
  background: #1d0b0e;
  border-color: #70272c;
}

.error {
  color: #ff8f96;
}

.success {
  color: #82cf98;
}

.warning {
  color: #e2c760;
}

.auth {
  width: min(520px, 92vw);
  margin: 80px auto;
}

.auth.card {
  border-color: #42361b;
  padding: 26px;
  box-shadow: 0 22px 80px #0000006b;
}

.tabs .button.primary, .tabs-inline .active {
  color: #080703;
  background: linear-gradient(135deg, #f1d27a, #c99d22);
  border-color: #e4c055;
}

.eyebrow {
  color: var(--gold-light);
  letter-spacing: .14em;
  text-transform: uppercase;
  font-size: .76rem;
  font-weight: 800;
}

.hero-gold {
  background: radial-gradient(circle at 85% 20%, #d4af372e, #0000 26rem), linear-gradient(135deg, #12100b 0%, #0b0b0b 48%, #151108 100%);
  border: 1px solid #5b491e;
  border-radius: 18px;
  justify-content: space-between;
  gap: 24px;
  padding: 28px;
  display: flex;
  box-shadow: 0 18px 60px #0000006b;
}

.hero-score {
  color: var(--gold-light);
  letter-spacing: -.06em;
  margin: 10px 0;
  font-size: 4rem;
  font-weight: 900;
  line-height: 1;
}

.hero-score span {
  color: #8f846d;
  font-size: 1.5rem;
  font-weight: 700;
}

.hero-status-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
  min-width: 360px;
  display: grid;
}

.hero-status-grid > div {
  background: #00000047;
  border: 1px solid #342b17;
  border-radius: 12px;
  padding: 14px;
}

.hero-status-grid span {
  color: #9f947d;
  font-size: .8rem;
  display: block;
}

.hero-status-grid strong {
  color: #f4dfa0;
  font-size: 1.25rem;
}

.priority-line {
  border-bottom: 1px solid #241f16;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  padding: 11px 0;
  display: flex;
}

.priority-line:last-child {
  border-bottom: none;
}

.status-dot {
  border-radius: 50%;
  width: 8px;
  height: 8px;
  margin-right: 9px;
  display: inline-block;
}

.status-dot.gold {
  background: var(--gold);
  box-shadow: 0 0 12px #d4af3759;
}

.status-dot.red {
  background: var(--red);
  box-shadow: 0 0 12px #b3262d73;
}

.gold-note {
  border-left: 3px solid var(--gold-dark);
  color: #dbc978;
  background: #151208;
  border-radius: 0 8px 8px 0;
  padding: 12px 14px;
}

.objective-value {
  color: var(--gold-light);
  font-size: 2rem;
  font-weight: 800;
}

.objective-value span {
  color: var(--muted);
  font-size: 1rem;
}

code {
  color: #e7ce76;
  background: #131109;
  border: 1px solid #312a1b;
  border-radius: 6px;
  padding: 2px 6px;
}

pre {
  color: #d8d0bf;
  background: #090909;
  border: 1px solid #2b2418;
  border-radius: 10px;
  padding: 14px;
  overflow: auto;
}

details {
  border-top: 1px solid #292318;
  padding-top: 10px;
}

summary {
  cursor: pointer;
  color: #dcc677;
  font-weight: 700;
}

.agent-mobile-v22 {
  min-height: 100vh;
  color: var(--text) !important;
  background: radial-gradient(circle at 100% 0, #d4af370f, #0000 24rem), #070707 !important;
}

.agent-mobile-header {
  border-bottom-color: #312918 !important;
}

.agent-tabs .button.primary {
  color: #080703 !important;
}

@media (max-width: 1050px) {
  .shell {
    grid-template-columns: 250px minmax(0, 1fr);
  }
}

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

  .sidebar {
    border-bottom: 1px solid #302817;
    border-right: 0;
    height: auto;
    position: static;
  }

  .main {
    padding: 22px;
  }

  .hero-gold {
    flex-direction: column;
  }

  .hero-status-grid {
    width: 100%;
    min-width: 0;
  }
}

@media (max-width: 600px) {
  .main {
    padding: 16px;
  }

  .auth {
    margin: 36px auto;
  }
}

@media (max-width: 900px) {
  .v35-sidebar {
    z-index: 80;
    width: min(310px, 88vw);
    transition: transform .2s;
    top: 0;
    bottom: 0;
    left: 0;
    transform: translateX(-105%);
    border-bottom: 0 !important;
    border-right: 1px solid #302817 !important;
    height: 100vh !important;
    position: fixed !important;
  }

  .v35-sidebar.mobile-open {
    transform: translateX(0);
  }

  .v35-mobile-open, .v35-mobile-close {
    justify-content: center;
    align-items: center;
    display: inline-flex;
  }

  .v35-backdrop {
    z-index: 70;
    background: #000000a8;
    border: 0;
    display: block;
    position: fixed;
    inset: 0;
  }

  .v35-desktop-logout {
    display: none;
  }
}

.v35-sidebar {
  flex-direction: column;
  display: flex;
  overflow: hidden;
}

.v35-sidebar-head {
  justify-content: space-between;
  align-items: center;
  gap: 10px;
  display: flex;
}

.v35-workspaces {
  background: #0e0d0a;
  border: 1px solid #2f2818;
  border-radius: 12px;
  margin: 18px 0 8px;
  padding: 11px;
}

.v35-workspaces-label {
  color: #7f745b;
  text-transform: uppercase;
  letter-spacing: .11em;
  margin-bottom: 8px;
  font-size: .66rem;
  font-weight: 800;
}

.v35-workspaces-grid a {
  color: #b9af98;
  text-align: center;
  background: #14130f;
  border: 1px solid #2d2719;
  border-radius: 8px;
  padding: 8px 7px;
  font-size: .8rem;
  font-weight: 700;
  display: block;
}

.v35-workspaces-grid a:hover, .v35-workspaces-grid a.active {
  color: #ffe29a;
  background: #1a160c;
  border-color: #6a5520;
}

.v35-nav {
  flex: 1;
  min-height: 0;
  padding-right: 4px;
  overflow-y: auto;
  display: block !important;
}

.v35-nav-group {
  border-bottom: 1px solid #211d14;
  padding: 4px 0 7px;
}

.v35-nav-group-title {
  color: #8f846d;
  cursor: pointer;
  text-transform: uppercase;
  letter-spacing: .09em;
  text-align: left;
  background: none;
  border: 0;
  justify-content: space-between;
  align-items: center;
  gap: 8px;
  width: 100%;
  padding: 10px 9px 7px;
  font-size: .69rem;
  font-weight: 900;
  display: flex;
}

.v35-nav-group-title:hover {
  color: #f1d27a;
}

.v35-nav-group-title.static {
  cursor: default;
}

.v35-chevron {
  font-size: 1.15rem;
  transition: transform .16s;
  display: inline-block;
  transform: rotate(0);
}

.v35-chevron.open {
  transform: rotate(90deg);
}

.v35-nav-items {
  flex-direction: column;
  gap: 3px;
  display: flex;
}

.v35-nav-items a {
  color: #c4bba6;
  border: 1px solid #0000;
  border-radius: 8px;
  padding: 8px 10px 8px 15px;
  font-size: .88rem;
  line-height: 1.25;
  display: block;
}

.v35-nav-items a:hover {
  color: #f5dfa0;
  background: #151208;
  border-color: #332b18;
}

.v35-nav-items a.active {
  color: #ffe49a;
  background: linear-gradient(90deg, #1d1709, #11100b);
  border-color: #4e401d;
  box-shadow: inset 3px 0 #d4af37;
}

.v35-sidebar-footer {
  border-top: 1px solid #2a2418;
  flex-direction: column;
  gap: 9px;
  margin-top: auto;
  padding-top: 13px;
  display: flex;
}

.v35-user {
  flex-direction: column;
  min-width: 0;
  display: flex;
}

.v35-user strong {
  color: #fff8e8;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: .88rem;
  overflow: hidden;
}

.v35-user span {
  color: #877e6b;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: .74rem;
  overflow: hidden;
}

.v35-topbar {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.v35-topbar-left {
  align-items: center;
  gap: 10px;
  display: flex;
}

.v35-mobile-open, .v35-mobile-close {
  color: #e5cc79;
  cursor: pointer;
  background: #15130e;
  border: 1px solid #3a311d;
  border-radius: 8px;
  display: none;
}

.v35-mobile-open {
  padding: 7px 10px;
}

.v35-mobile-close {
  width: 34px;
  height: 34px;
  font-size: 1.2rem;
}

.v35-backdrop {
  display: none;
}

@media (max-width: 900px) {
  .v35-sidebar {
    z-index: 80;
    width: min(310px, 88vw);
    transition: transform .2s;
    top: 0;
    bottom: 0;
    left: 0;
    transform: translateX(-105%);
    border-bottom: 0 !important;
    border-right: 1px solid #302817 !important;
    height: 100vh !important;
    position: fixed !important;
  }

  .v35-sidebar.mobile-open {
    transform: translateX(0);
  }

  .v35-mobile-open, .v35-mobile-close {
    justify-content: center;
    align-items: center;
    display: inline-flex;
  }

  .v35-backdrop {
    z-index: 70;
    background: #000000a8;
    border: 0;
    display: block;
    position: fixed;
    inset: 0;
  }

  .v35-desktop-logout {
    display: none;
  }
}

.v35-back-button {
  color: #f1d27a;
  cursor: pointer;
  background: #15130e;
  border: 1px solid #3a311d;
  border-radius: 9px;
  justify-content: center;
  align-items: center;
  width: 36px;
  height: 36px;
  font-size: 1.18rem;
  font-weight: 900;
  line-height: 1;
  transition: all .15s;
  display: inline-flex;
}

.v35-back-button:hover {
  background: #211b0e;
  border-color: #725c22;
  transform: translateX(-1px);
}

.v35-back-button:active {
  transform: translateX(-2px);
}

.velione-back-button {
  white-space: nowrap;
  align-items: center;
  gap: 7px;
  display: inline-flex;
}

.velione-back-button span:first-child {
  font-size: 1.12rem;
  line-height: 1;
}

.standalone-back-row {
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 14px;
  display: flex;
}

.agent-mobile-header > .velione-back-button {
  flex: none;
}

@media (max-width: 600px) {
  .velione-back-button {
    min-height: 38px;
  }
}

.v36-build-badge {
  color: #e9cf77;
  letter-spacing: .14em;
  text-transform: uppercase;
  background: #d4af3714;
  border: 1px solid #d4af3773;
  border-radius: 999px;
  margin-top: 8px;
  padding: 4px 10px;
  font-size: 11px;
  display: inline-flex;
}

.v36-topbar-actions {
  align-items: center;
  gap: 10px;
  display: flex;
}

.v36-sidebar-footer {
  gap: 14px;
}

.v36-owner-badge {
  background: linear-gradient(135deg, #d4af370f, #00000040);
  border: 1px solid #d4af372e;
  border-radius: 16px;
  align-items: center;
  gap: 12px;
  padding: 10px 12px;
  display: flex;
}

.v36-owner-badge.compact {
  padding: 8px 10px;
}

.v36-owner-logo {
  object-fit: contain;
  border-radius: 12px;
  width: 44px;
  height: 44px;
  box-shadow: 0 0 18px #d4af3726;
}

.v36-owner-badge.compact .v36-owner-logo {
  width: 36px;
  height: 36px;
}

.v36-owner-label {
  letter-spacing: .14em;
  text-transform: uppercase;
  color: #b9a463;
  font-size: 11px;
}

.v36-owner-name {
  color: #f2df95;
  font-weight: 700;
}

.v36-access-state {
  justify-content: center;
  align-items: center;
  min-height: 70vh;
  padding: 24px;
  display: flex;
}

.v36-access-card {
  width: 100%;
  max-width: 760px;
}

.v36-access-actions {
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 20px;
  display: flex;
}

.metric.success {
  color: #55d68c;
}

.metric.warning {
  color: #e6c55c;
}

.metric.danger {
  color: #ff7171;
}

.v36-checklist {
  gap: 10px;
  margin-top: 18px;
  display: grid;
}

.v36-check-item {
  background: #ffffff05;
  border: 1px solid #d4af3714;
  border-radius: 14px;
  align-items: flex-start;
  gap: 12px;
  padding: 10px 12px;
  display: flex;
}

.v36-check-item input {
  accent-color: #d4af37;
  margin-top: 4px;
}

.v36-mini-list {
  gap: 10px;
  margin-top: 10px;
  display: grid;
}

.v36-decision-grid {
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 14px;
  display: grid;
}

.v36-decision-box {
  background: #ffffff05;
  border: 1px solid #ffffff14;
  border-radius: 18px;
  flex-direction: column;
  gap: 8px;
  padding: 16px;
  display: flex;
}

.v36-decision-box.success {
  border-color: #55d68c4d;
}

.v36-decision-box.warning {
  border-color: #e6c55c4d;
}

.v36-decision-box.danger {
  border-color: #ff71714d;
}

@media (max-width: 900px) {
  .v36-topbar-actions {
    display: none;
  }
}

.v362-owner-badge {
  align-items: center;
  gap: 12px;
  width: max-content;
  min-width: 0;
  max-width: 100%;
  display: flex;
  overflow: visible;
}

.v362-owner-logo-wrap {
  background: #050505;
  border: 1px solid #d4af3747;
  border-radius: 14px;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 64px;
  height: 64px;
  padding: 5px;
  display: flex;
  overflow: hidden;
  box-shadow: inset 0 0 16px #d4af370a, 0 0 18px #d4af370f;
}

.v362-owner-logo {
  max-width: 100%;
  max-height: 100%;
  display: block;
  object-fit: contain !important;
  object-position: center !important;
  width: 100% !important;
  height: 100% !important;
  box-shadow: none !important;
  border-radius: 8px !important;
}

.v362-owner-copy {
  min-width: 0;
  overflow: hidden;
}

.v362-owner-copy .v36-owner-label, .v362-owner-copy .v36-owner-name {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.v362-owner-badge.compact {
  gap: 9px;
  width: 100%;
  padding: 8px 9px;
}

.v362-owner-badge.compact .v362-owner-logo-wrap {
  border-radius: 11px;
  width: 48px;
  height: 48px;
  padding: 4px;
}

.v362-owner-badge.compact .v36-owner-label {
  letter-spacing: .11em;
  font-size: 9px;
}

.v362-owner-badge.compact .v36-owner-name {
  font-size: .82rem;
}

.page-header > .v362-owner-badge {
  justify-content: flex-start;
  min-width: 230px;
}

.v36-sidebar-footer .v362-owner-badge {
  max-width: 100%;
}

@media (max-width: 900px) {
  .page-header > .v362-owner-badge {
    width: 100%;
    min-width: 0;
  }
}

.v36-agent-modal-backdrop {
  z-index: 9999;
  -webkit-backdrop-filter: blur(4px);
  backdrop-filter: blur(4px);
  background: #000000c7;
  justify-content: center;
  align-items: center;
  padding: 16px;
  display: flex;
  position: fixed;
  inset: 0;
}

.v36-agent-modal {
  background: #0d0d0b;
  border: 1px solid #d4af3752;
  border-radius: 20px;
  width: min(900px, 100%);
  max-height: 92vh;
  padding: 18px;
  overflow-y: auto;
  box-shadow: 0 24px 90px #000000b3;
}

.v36-agent-modal-head {
  z-index: 3;
  background: #0d0d0bf7;
  border-bottom: 1px solid #d4af372e;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  margin: -18px -18px 14px;
  padding: 16px 18px;
  display: flex;
  position: sticky;
  top: -18px;
}

.v36-agent-modal-head h2 {
  margin: 0;
}

.v36-agent-mission-summary {
  margin-bottom: 14px;
}

.v36-agent-loading {
  text-align: center;
  padding: 24px !important;
}

@media (max-width: 600px) {
  .v36-agent-modal-backdrop {
    padding: 0;
  }

  .v36-agent-modal {
    border-left: 0;
    border-right: 0;
    border-radius: 0;
    width: 100%;
    height: 100%;
    max-height: 100vh;
  }
}

.v37-agent-workspace {
  max-width: 1180px;
  margin: 0 auto;
  padding: 14px;
}

.v37-agent-header {
  justify-content: space-between;
  align-items: center;
  gap: 14px;
  padding: 10px 0 6px;
  display: flex;
}

.v37-agent-identity {
  flex: 1;
  min-width: 0;
}

.v37-agent-identity h1 {
  margin: .15rem 0;
}

.v37-agent-nav {
  z-index: 20;
  scrollbar-width: none;
  background: #050504f5;
  border-bottom: 1px solid #d4af371f;
  gap: 7px;
  padding: 10px 2px 12px;
  display: flex;
  position: sticky;
  top: 0;
  overflow-x: auto;
}

.v37-agent-nav a {
  color: #baaf98;
  white-space: nowrap;
  background: #11100c;
  border: 1px solid #302819;
  border-radius: 10px;
  flex: none;
  padding: 9px 12px;
  font-size: .86rem;
  font-weight: 700;
}

.v37-agent-nav a.active, .v37-agent-nav a:hover {
  color: #ffe29a;
  background: #1d1709;
  border-color: #765f20;
}

.v37-duty-card {
  background: radial-gradient(circle at 100% 0, #d4af371f, #0000 36%), #0f0f0c;
  border: 1px solid #d4af3747;
  border-radius: 22px;
  padding: 22px;
}

.v37-duty-date {
  text-transform: capitalize;
  color: #dfc66f;
  margin-top: 14px;
}

.v37-duty-time {
  color: #f4dfa1;
  margin-top: 8px;
  font-size: 1.45rem;
  font-weight: 800;
}

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

.v37-agent-tile {
  flex-direction: column;
  gap: 8px;
  min-height: 120px;
  text-decoration: none;
  display: flex;
}

.v37-agent-tile strong {
  color: #fff7e2;
  font-size: 1.08rem;
}

.v37-agent-tile span {
  color: #9d937d;
}

.v37-log-row {
  border-bottom: 1px solid #ffffff0f;
  padding: 10px 0;
}

.v37-planning-toolbar {
  flex-wrap: wrap;
  justify-content: center;
  gap: 8px;
  display: flex;
}

.v37-agent-week {
  grid-template-columns: repeat(7, minmax(155px, 1fr));
  gap: 8px;
  padding-bottom: 8px;
  display: grid;
  overflow-x: auto;
}

.v37-agent-day {
  background: #0e0e0b;
  border: 1px solid #302819;
  border-radius: 16px;
  min-width: 155px;
  padding: 10px;
}

.v37-agent-day.today {
  border-color: #80691f;
  box-shadow: inset 0 0 0 1px #d4af3733;
}

.v37-agent-day-head {
  text-transform: capitalize;
  color: #d8c485;
  border-bottom: 1px solid #282316;
  justify-content: space-between;
  padding: 4px 2px 10px;
  display: flex;
}

.v37-shift-block {
  background: #16140e;
  border: 1px solid #382f18;
  border-radius: 12px;
  flex-direction: column;
  gap: 5px;
  margin-top: 9px;
  padding: 10px;
  display: flex;
}

.v37-shift-hours {
  color: #f1d27a;
  font-weight: 800;
}

.v37-no-shift {
  text-align: center;
  color: #615b4f;
  padding: 18px 4px;
  font-size: .82rem;
}

.v37-logbook-grid {
  grid-template-columns: 1fr 1fr;
  gap: 12px;
  display: grid;
}

.v37-duty-mini {
  color: #d5c9ae;
  flex-direction: column;
  gap: 4px;
  padding: 10px 0;
  display: flex;
}

.v37-timeline {
  padding-left: 16px;
  position: relative;
}

.v37-timeline:before {
  content: "";
  background: #40351a;
  width: 1px;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 45px;
}

.v37-timeline-entry {
  grid-template-columns: 55px 1fr;
  gap: 12px;
  padding: 10px 0 18px;
  display: grid;
  position: relative;
}

.v37-timeline-entry:before {
  content: "";
  background: #d4af37;
  border-radius: 50%;
  width: 9px;
  height: 9px;
  position: absolute;
  top: 15px;
  left: 41px;
  box-shadow: 0 0 0 4px #0d0d0b;
}

.v37-timeline-entry.important:before {
  background: #ff6969;
}

.v37-timeline-time {
  color: #e5c966;
  font-weight: 800;
}

.v37-manager-week {
  grid-template-columns: repeat(7, minmax(175px, 1fr));
  gap: 8px;
  padding-bottom: 10px;
  display: grid;
  overflow-x: auto;
}

.v37-manager-day {
  background: #0c0c0a;
  border: 1px solid #332b18;
  border-radius: 16px;
  min-width: 175px;
  padding: 9px;
}

.v37-manager-day.today {
  border-color: #80691f;
}

.v37-manager-day-head {
  text-transform: capitalize;
  color: #dfc873;
  border-bottom: 1px solid #2a2417;
  justify-content: space-between;
  padding: 4px 4px 10px;
  display: flex;
}

.v37-manager-shift {
  background: #15130e;
  border: 1px solid #332b18;
  border-radius: 11px;
  flex-direction: column;
  gap: 5px;
  margin-top: 8px;
  padding: 9px;
  display: flex;
}

.v37-manager-hours {
  color: #f3d675;
  font-weight: 800;
}

.v37-manager-agents {
  flex-wrap: wrap;
  gap: 4px;
  display: flex;
}

.v37-manager-empty {
  text-align: center;
  color: #645d50;
  padding: 16px 4px;
}

@media (max-width: 800px) {
  .v37-agent-dashboard-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .v37-logbook-grid {
    grid-template-columns: 1fr;
  }

  .v37-agent-header {
    align-items: flex-start;
  }

  .v37-agent-week {
    grid-template-columns: repeat(7, 78vw);
  }
}

@media (max-width: 480px) {
  .v37-agent-dashboard-grid {
    grid-template-columns: 1fr;
  }

  .v37-agent-workspace {
    padding: 10px;
  }

  .v37-duty-card {
    padding: 16px;
  }

  .v37-duty-time {
    font-size: 1.2rem;
  }
}

.v37-quick-block {
  background: #d4af3709;
  border: 1px solid #d4af3729;
  border-radius: 14px;
  gap: 10px;
  padding: 12px;
  display: grid;
}

.v37-quick-block.incident {
  background: #be3e4509;
  border-color: #be3e4538;
}

.v37-quick-grid {
  flex-wrap: wrap;
  gap: 7px;
  display: flex;
}

.v37-duty-action, .v38-toolbar {
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
  display: flex;
}

.v38-toolbar .input {
  flex: 1;
  min-width: 260px;
}

.v38-verdict {
  min-height: 150px;
}

.v38-status {
  margin: 10px 0;
  font-size: 2rem;
  font-weight: 900;
}

.v38-status.success {
  color: #55d68c;
}

.v38-status.warning {
  color: #e6c55c;
}

.v38-status.danger {
  color: #ff7171;
}

.v38-blocker {
  border-bottom: 1px solid #d4af371f;
  grid-template-columns: auto 1fr;
  gap: 12px;
  padding: 12px 0;
  display: grid;
}

.v38-blocker:last-child {
  border-bottom: 0;
}

.v38-remediation {
  color: #e9cf77;
  margin-top: 6px;
  font-size: .88rem;
}

.v38-category {
  margin-top: 22px;
}

.v38-category h3 {
  color: #e9cf77;
}

.v38-kv {
  grid-template-columns: 110px 1fr;
  align-items: center;
  gap: 10px;
  display: grid;
}

.v38-kv span {
  color: #8c846f;
  text-transform: uppercase;
  letter-spacing: .08em;
  font-size: .78rem;
}

.v38-kv code {
  white-space: normal;
  word-break: break-all;
  color: #f0d98c;
  background: #0f0f0c;
  border: 1px solid #d4af371f;
  border-radius: 8px;
  padding: 8px;
}

@media (max-width: 700px) {
  .v38-kv {
    grid-template-columns: 1fr;
  }

  .v38-toolbar > * {
    width: 100%;
  }
}

.v381-uuid {
  overflow-wrap: anywhere;
  max-width: 240px;
  margin-top: 5px;
  font-size: 11px;
  display: block;
}

.v381-badges {
  flex-wrap: wrap;
  gap: 6px;
  display: flex;
}

.v381-line {
  gap: 2px;
  margin-bottom: 7px;
  display: grid;
}

.v381-linked {
  border-bottom: 1px solid #d4af371a;
  padding: 8px 0;
}

.v381-linked:last-child {
  border-bottom: 0;
}

.v381-modal-backdrop {
  z-index: 10000;
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  background: #000000d1;
  justify-content: center;
  align-items: center;
  padding: 16px;
  display: flex;
  position: fixed;
  inset: 0;
}

.v381-modal {
  background: #0d0d0b;
  border: 1px solid #d4af374d;
  border-radius: 20px;
  width: min(680px, 100%);
  max-height: 92vh;
  padding: 18px;
  overflow: auto;
  box-shadow: 0 30px 100px #000000b8;
}

.v381-modal-head {
  justify-content: space-between;
  align-items: flex-start;
  gap: 14px;
  margin-bottom: 14px;
  display: flex;
}

.v381-modal-head h2 {
  margin: 0;
}

@media (max-width: 700px) {
  .v381-modal-backdrop {
    padding: 0;
  }

  .v381-modal {
    border-radius: 0;
    width: 100%;
    min-height: 100%;
    max-height: 100vh;
  }
}

.v39-toolbar {
  grid-template-columns: minmax(220px, 1fr) auto auto;
  align-items: center;
  gap: 10px;
  display: grid;
}

.v39-verdict {
  min-height: 180px;
}

.v39-big {
  margin: 14px 0;
  font-size: 44px;
  font-weight: 900;
  line-height: 1;
}

.v39-big.success {
  color: #58e98b;
}

.v39-big.warning {
  color: #f1ca4b;
}

.v39-big.danger {
  color: #ff5964;
}

.v39-code {
  opacity: .65;
  margin-top: 12px;
  font-size: 11px;
  display: block;
}

.v39-kv {
  border-bottom: 1px solid #d4af371f;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  padding: 9px 0;
  display: flex;
}

.v39-pending {
  background: #d4af370a;
  border: 1px solid #d4af372e;
  border-radius: 12px;
  padding: 10px 12px;
}

.v39-command {
  border-bottom: 1px solid #d4af371f;
  grid-template-columns: minmax(280px, .8fr) 1.2fr;
  gap: 14px;
  padding: 12px 0;
  display: grid;
}

.v39-command code {
  overflow-wrap: anywhere;
}

@media (max-width: 800px) {
  .v39-toolbar, .v39-command {
    grid-template-columns: 1fr;
  }
}

.v40-toolbar {
  flex-wrap: wrap;
  gap: 10px;
  display: flex;
}

.v40-big {
  margin: 14px 0;
  font-size: 42px;
  font-weight: 900;
  line-height: 1;
}

.v40-big.success {
  color: #58e98b;
}

.v40-big.warning {
  color: #f1ca4b;
}

.v40-big.danger {
  color: #ff5964;
}

.v40-policy-grid {
  grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
  gap: 10px;
  display: grid;
}

.v40-policy-grid > div {
  border: 1px solid #d4af3724;
  border-radius: 12px;
  gap: 5px;
  padding: 12px;
  display: grid;
}

.v40-policy-grid span {
  opacity: .72;
}

.v40-search {
  max-width: 360px;
}

.v40-code {
  overflow-wrap: anywhere;
  max-width: 260px;
  margin-top: 5px;
  font-size: 11px;
  display: block;
}

.v40-session {
  border-top: 1px solid #d4af371a;
  gap: 2px;
  max-width: 360px;
  margin-top: 8px;
  padding-top: 8px;
  font-size: 12px;
  display: grid;
}

.v40-event, .v40-audit {
  border: 1px solid #d4af371f;
  border-radius: 12px;
  gap: 6px;
  padding: 11px;
  display: grid;
}

.v401-current-session {
  background: #58e98b0b;
  border-color: #58e98b57 !important;
}

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

.v41-toolbar .input {
  flex: 1;
  min-width: 260px;
}

.v41-hero {
  min-height: 190px;
}

.v41-verdict {
  margin: 14px 0;
  font-size: 44px;
  font-weight: 950;
  line-height: 1;
}

.v41-verdict.small {
  font-size: 30px;
}

.v41-verdict.success {
  color: #58e98b;
}

.v41-verdict.warning {
  color: #f1ca4b;
}

.v41-verdict.danger {
  color: #ff5964;
}

.v41-code {
  opacity: .65;
  overflow-wrap: anywhere;
  margin-top: 12px;
  font-size: 11px;
  display: block;
}

.v41-blocker {
  background: #ff59640a;
  border: 1px solid #ff59644d;
  border-radius: 14px;
  padding: 14px;
}

.v41-kv {
  border-bottom: 1px solid #d4af371a;
  justify-content: space-between;
  gap: 12px;
  padding: 9px 0;
  display: flex;
}

.v41-pending {
  border: 1px solid #d4af3729;
  border-radius: 11px;
  padding: 9px 11px;
}

.v41-command {
  border-bottom: 1px solid #d4af371a;
  grid-template-columns: minmax(310px, .8fr) 1.2fr;
  gap: 14px;
  padding: 12px 0;
  display: grid;
}

.v41-command code {
  overflow-wrap: anywhere;
}

@media (max-width: 800px) {
  .v41-command {
    grid-template-columns: 1fr;
  }
}

.v44-sync-bar {
  z-index: 9500;
  background: #0d0d0bf5;
  border: 1px solid #d4af3747;
  border-radius: 999px;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  max-width: calc(100vw - 24px);
  padding: 8px 10px;
  font-size: 12px;
  display: flex;
  position: fixed;
  bottom: 12px;
  left: 50%;
  transform: translateX(-50%);
  box-shadow: 0 12px 40px #00000080;
}

.v44-sync-bar.offline {
  border-color: #f1ca4b8c;
}

.v44-sync-dot {
  border-radius: 50%;
  width: 9px;
  height: 9px;
  display: inline-block;
}

.v44-sync-dot.online {
  background: #58e98b;
}

.v44-sync-dot.offline {
  background: #f1ca4b;
}

.v44-offline-item, .v44-cache-row, .v44-live-row, .v44-alert-row, .v44-pti-alert {
  border: 1px solid #d4af3721;
  border-radius: 12px;
  gap: 6px;
  padding: 11px;
  display: grid;
}

.v44-offline-item code {
  overflow-wrap: anywhere;
  font-size: 11px;
}

.v44-cache-row {
  grid-template-columns: 1fr auto;
}

.v44-pti-hero {
  background: radial-gradient(circle at 100% 0, #d4af371a, #0000 40%), #12120f;
  border: 1px solid #d4af374d;
  border-radius: 20px;
  padding: 22px;
}

.v44-pti-hero.alert {
  border-color: #ff59648c;
  box-shadow: 0 0 0 1px #ff59641f, 0 18px 60px #ff001414;
}

.v44-pti-status {
  margin: 8px 0;
  font-size: 38px;
  font-weight: 950;
}

.v44-pti-countdown {
  color: #d9bd63;
  margin: 8px 0;
  font-size: 48px;
  font-weight: 950;
}

.v44-pti-countdown.danger {
  color: #ff5964;
}

.v44-big-action, .v44-alert-action {
  padding: 14px 18px;
  font-size: 18px;
}

.v44-pti-manager-alert {
  background: #ff596409;
  border: 1px solid #ff59644d;
  border-radius: 14px;
  padding: 14px;
}

.v44-dispatch-kpis {
  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
  gap: 10px;
  display: grid;
}

.v44-urgent {
  background: #ff596406 !important;
  border-color: #ff59644d !important;
}

.v44-dispatch-form {
  grid-template-columns: minmax(180px, .7fr) minmax(220px, 1.3fr) auto;
  gap: 8px;
  display: grid;
}

.v44-dispatch-timeline {
  display: grid;
}

.v44-timeline-row {
  border-bottom: 1px solid #d4af371a;
  grid-template-columns: 74px 1fr;
  gap: 12px;
  padding: 11px 0;
  display: grid;
}

.v44-timeline-time {
  color: #d9bd63;
  font-weight: 800;
}

@media (max-width: 760px) {
  .v44-sync-bar {
    border-radius: 16px;
    bottom: 8px;
    left: 8px;
    right: 8px;
    transform: none;
  }

  .v44-dispatch-form {
    grid-template-columns: 1fr;
  }

  .v44-pti-countdown {
    font-size: 38px;
  }

  .v44-cache-row {
    grid-template-columns: 1fr;
  }
}

.v441-pti-challenge {
  z-index: 12000;
  background: #000000f0;
  place-items: center;
  padding: 18px;
  display: grid;
  position: fixed;
  inset: 0;
}

.v441-pti-challenge.fall {
  background: radial-gradient(circle, #9b000c59, #000000f5 62%);
}

.v441-pti-challenge.inactivity {
  background: radial-gradient(circle, #8d6e0f40, #000000f5 62%);
}

.v441-pti-panel {
  text-align: center;
  background: #12120f;
  border: 2px solid #ff59648c;
  border-radius: 24px;
  width: min(680px, 100%);
  padding: 28px;
  box-shadow: 0 30px 100px #000000b3;
}

.v441-pti-icon {
  font-size: 54px;
}

.v441-pti-panel h1 {
  margin: 10px 0;
  font-size: 34px;
}

.v441-pti-question {
  margin-top: 20px;
  font-size: 24px;
  font-weight: 950;
}

.v441-pti-seconds {
  color: #ff5964;
  margin: 12px 0;
  font-size: 82px;
  font-weight: 950;
  line-height: 1;
}

.v441-confirm {
  width: 100%;
  margin-top: 24px;
  padding: 20px !important;
  font-size: 22px !important;
  font-weight: 950 !important;
}

.v441-pti-foot {
  opacity: .65;
  margin-top: 20px;
  font-size: 12px;
}

.v441-policy-row {
  border-bottom: 1px solid #d4af371a;
  grid-template-columns: 150px 1fr;
  gap: 12px;
  padding: 10px 0;
  display: grid;
}

@media (max-width: 600px) {
  .v441-pti-panel {
    padding: 20px;
  }

  .v441-pti-panel h1 {
    font-size: 27px;
  }

  .v441-pti-seconds {
    font-size: 66px;
  }

  .v441-policy-row {
    grid-template-columns: 1fr;
  }
}

.v48-tabs {
  flex-wrap: wrap;
  gap: 8px;
  display: flex;
}

.v48-risk {
  border: 1px solid #ff59643d;
  border-radius: 12px;
  gap: 6px;
  padding: 12px;
  display: grid;
}

.v48-profile-grid {
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
  gap: 12px;
  display: grid;
}

.v48-profile-card {
  background: #d4af3705;
  border: 1px solid #d4af372e;
  border-radius: 14px;
  gap: 9px;
  padding: 15px;
  display: grid;
}

.v48-profile-card.disabled {
  opacity: .55;
  border-style: dashed;
}

.v48-profile-card h3 {
  margin: 0;
}

.v48-line {
  border-bottom: 1px solid #d4af371a;
  justify-content: space-between;
  padding: 7px 0;
}

.v48-tabs .button {
  white-space: nowrap;
}

@media (max-width: 760px) {
  .v48-tabs .button {
    flex: calc(50% - 8px);
  }
}

.v51-tabs {
  flex-wrap: wrap;
  gap: 8px;
  display: flex;
}

.v51-sliders {
  grid-template-columns: repeat(auto-fit, minmax(290px, 1fr));
  gap: 10px;
  display: grid;
}

.v51-slider {
  border: 1px solid #d4af371f;
  border-radius: 10px;
  grid-template-columns: 1fr minmax(100px, 1fr) 34px;
  align-items: center;
  gap: 8px;
  padding: 10px;
  display: grid;
}

.v51-launch {
  min-height: 54px;
  font-size: 17px !important;
  font-weight: 900 !important;
}

.v51-proposal {
  background: #d4af3705;
  border: 1px solid #d4af372e;
  border-radius: 14px;
  gap: 8px;
  padding: 14px;
  display: grid;
}

.v51-proposal.bad {
  background: #ff596406;
  border-color: #ff596459;
}

.v51-reasons {
  flex-wrap: wrap;
  gap: 6px;
  display: flex;
}

.v51-reason {
  background: #50dc8214;
  border: 1px solid #50dc822e;
  border-radius: 999px;
  padding: 5px 8px;
  font-size: 12px;
}

.v51-reason.minus {
  background: #ff596412;
  border-color: #ff596433;
}

.v51-alt {
  border-bottom: 1px solid #d4af3714;
  padding: 7px;
}

.v51-rule-grid {
  grid-template-columns: repeat(auto-fit, minmax(190px, 1fr));
  gap: 10px;
  display: grid;
}

.v51-rule {
  border: 1px solid #d4af3721;
  border-radius: 11px;
  gap: 5px;
  padding: 12px;
  display: grid;
}

.v51-clickable {
  cursor: pointer;
}

.v51-clickable:hover {
  background: #d4af370d;
}

.v51-replacement {
  border: 1px solid #d4af371f;
  border-radius: 10px;
  grid-template-columns: 1fr auto;
  align-items: center;
  gap: 10px;
  padding: 10px;
  display: grid;
}

@media (max-width: 700px) {
  .v51-slider, .v51-replacement {
    grid-template-columns: 1fr;
  }

  .v51-tabs .button {
    flex: calc(50% - 8px);
  }
}

.v52-wrap {
  gap: 16px;
  max-width: 1850px;
  margin: 0 auto 40px;
  display: grid;
}

.v52-hero {
  justify-content: space-between;
  align-items: flex-start;
  gap: 22px;
  padding: 6px 2px;
  display: flex;
}

.v52-hero h1 {
  letter-spacing: -1.6px;
  margin: 5px 0 6px;
  font-size: clamp(38px, 4vw, 58px);
  line-height: .95;
}

.v52-hero p {
  color: #9b9588;
  margin: 0;
}

.v52-hero-actions {
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 8px;
  display: flex;
}

.v52-kpis {
  grid-template-columns: repeat(6, minmax(135px, 1fr));
  gap: 8px;
  display: grid;
}

.v52-kpi {
  background: linear-gradient(150deg, #ffffff06, #d7b13606);
  border: 1px solid #dbb64224;
  border-radius: 15px;
  padding: 14px 15px;
  position: relative;
  overflow: hidden;
}

.v52-kpi:before {
  content: "";
  background: linear-gradient(#dbb944, #0000);
  width: 2px;
  position: absolute;
  inset: 0 auto 0 0;
}

.v52-kpi span {
  color: #827d72;
  text-transform: uppercase;
  letter-spacing: .6px;
  font-size: 10px;
  display: block;
}

.v52-kpi b {
  color: #f4efdf;
  margin-top: 5px;
  font-size: 22px;
  display: block;
}

.v52-navrow {
  background: #0b0b09;
  border: 1px solid #dbb6421f;
  border-radius: 15px;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  padding: 10px;
  display: flex;
}

.v52-period-nav {
  align-items: center;
  gap: 7px;
  display: flex;
}

.v52-period-nav button, .v52-view button {
  color: #cabe97;
  cursor: pointer;
  background: #10100d;
  border: 1px solid #dbb64226;
  border-radius: 10px;
  padding: 8px 11px;
}

.v52-period-nav button:first-child, .v52-period-nav button:nth-child(3) {
  width: 39px;
}

.v52-period-nav strong {
  color: #ded5bd;
  margin-left: 7px;
  font-size: 13px;
}

.v52-view {
  background: #070705;
  border-radius: 10px;
  gap: 4px;
  padding: 3px;
  display: flex;
}

.v52-view button {
  background: none;
  border: 0;
}

.v52-view button.on {
  color: #080705;
  background: #c9a638;
  font-weight: 900;
}

.v52-modules {
  flex-wrap: wrap;
  gap: 6px;
  display: flex;
}

.v52-modules button {
  color: #817b70;
  cursor: pointer;
  background: #0b0b09;
  border: 1px solid #dbb6421c;
  border-radius: 999px;
  align-items: center;
  gap: 7px;
  padding: 8px 11px;
  font-size: 11px;
  font-weight: 800;
  display: flex;
}

.v52-modules button > span {
  color: #d2b24d;
}

.v52-modules button i {
  background: #36342f;
  border-radius: 99px;
  width: 7px;
  height: 7px;
}

.v52-modules button.on {
  color: #ead482;
  background: #dbb64211;
  border-color: #dbb6425c;
}

.v52-modules button.on i {
  background: #dfbd50;
  box-shadow: 0 0 9px #dfbd5080;
}

.v52-filters {
  grid-template-columns: 1.5fr repeat(4, minmax(140px, .7fr));
  gap: 7px;
  display: grid;
}

.v52-panel {
  background: linear-gradient(145deg, #0f0f0c, #090907);
  border: 1px solid #dbb64226;
  border-radius: 17px;
  padding: 17px;
  box-shadow: 0 15px 45px #0003;
}

.v52-panel-head {
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: 13px;
  display: flex;
}

.v52-panel-head span {
  color: #c5a944;
  letter-spacing: 1.2px;
  font-size: 10px;
  font-weight: 900;
}

.v52-panel-head h2 {
  margin: 3px 0 0;
}

.v52-panel-head button {
  color: #b9aa79;
  cursor: pointer;
  background: #090907;
  border: 1px solid #dbb64226;
  border-radius: 9px;
  width: 34px;
  height: 34px;
  font-size: 20px;
}

.v52-form {
  grid-template-columns: repeat(4, minmax(145px, 1fr));
  align-items: end;
  gap: 8px;
  display: grid;
}

.v52-form label {
  color: #989184;
  gap: 5px;
  font-size: 11px;
  display: grid;
}

.v52-form .span2 {
  grid-column: span 2;
}

.v52-checkline {
  border: 1px solid #dbb64217;
  border-radius: 10px;
  padding: 11px;
  align-items: center !important;
  gap: 7px !important;
  display: flex !important;
}

.v52-days {
  flex-wrap: wrap;
  gap: 6px;
  display: flex;
}

.v52-days label {
  border: 1px solid #dbb6421f;
  border-radius: 9px;
  align-items: center;
  gap: 5px;
  padding: 6px 8px;
  display: flex;
}

.v52-mini-grid {
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  gap: 8px;
  margin-top: 12px;
  display: grid;
}

.v52-mini-card {
  background: #080806;
  border: 1px solid #dbb6421a;
  border-radius: 11px;
  gap: 5px;
  padding: 11px;
  display: grid;
}

.v52-mini-card span, .v52-mini-card small {
  color: #80796d;
}

.v52-table-list {
  gap: 5px;
  margin-top: 12px;
  display: grid;
}

.v52-table-row {
  background: #080806;
  border: 1px solid #dbb64214;
  border-radius: 10px;
  grid-template-columns: 1.2fr 1.5fr .7fr .7fr auto;
  align-items: center;
  gap: 8px;
  padding: 8px 10px;
  font-size: 11px;
  display: grid;
}

.v52-sliders {
  grid-template-columns: repeat(4, minmax(175px, 1fr));
  gap: 7px;
  margin: 12px 0;
  display: grid;
}

.v52-sliders label {
  background: #080806;
  border: 1px solid #dbb64217;
  border-radius: 10px;
  grid-template-columns: 1fr auto;
  gap: 4px 8px;
  padding: 9px;
  display: grid;
}

.v52-sliders span {
  color: #8a8377;
  font-size: 10px;
}

.v52-sliders input {
  grid-column: 1 / 3;
}

.v52-sliders b {
  color: #d8b94e;
}

.v52-auto-btn {
  min-height: 48px !important;
  font-size: 14px !important;
}

.v52-result-kpis {
  grid-template-columns: repeat(4, 1fr);
  gap: 7px;
  margin: 12px 0;
  display: grid;
}

.v52-proposals {
  gap: 5px;
  max-height: 420px;
  margin-top: 10px;
  display: grid;
  overflow: auto;
}

.v52-proposal {
  background: #080806;
  border: 1px solid #dbb64214;
  border-radius: 10px;
  grid-template-columns: 1.4fr 1fr;
  gap: 10px;
  padding: 9px 11px;
  display: grid;
}

.v52-proposal > div {
  gap: 2px;
  display: grid;
}

.v52-proposal span {
  color: #827b6f;
  font-size: 10px;
}

.v52-proposal.bad {
  border-color: #de4b4547;
}

.v52-agent-profiles {
  grid-template-columns: repeat(auto-fit, minmax(420px, 1fr));
  gap: 9px;
  display: grid;
}

.v52-agent-profile {
  background: #080806;
  border: 1px solid #dbb64217;
  border-radius: 12px;
  gap: 10px;
  padding: 12px;
  display: grid;
}

.v52-agent-head {
  justify-content: space-between;
  gap: 12px;
  display: flex;
}

.v52-agent-head > div {
  align-items: center;
  gap: 8px;
  display: flex;
}

.v52-checks {
  flex-wrap: wrap;
  gap: 16px;
  font-size: 11px;
  display: flex;
}

.v52-rule-grid {
  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
  gap: 7px;
  margin-bottom: 12px;
  display: grid;
}

.v52-rule-grid > div {
  background: #080806;
  border: 1px solid #dbb64217;
  border-radius: 10px;
  gap: 4px;
  padding: 10px;
  display: grid;
}

.v52-rule-grid span {
  color: #817a6e;
  font-size: 10px;
}

.v52-rule-grid b {
  font-size: 16px;
}

.v52-rule-grid em {
  font-size: 9px;
  font-style: normal;
  font-weight: 900;
}

.v52-selection {
  z-index: 30;
  -webkit-backdrop-filter: blur(12px);
  backdrop-filter: blur(12px);
  background: #15130bf5;
  border: 1px solid #dbb64261;
  border-radius: 13px;
  align-items: center;
  gap: 8px;
  padding: 10px 12px;
  display: flex;
  position: sticky;
  top: 8px;
  box-shadow: 0 14px 35px #00000059;
}

.v52-selection b {
  margin-right: auto;
}

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

.v52-main.with-side {
  grid-template-columns: minmax(0, 1fr) 285px;
}

.v52-calendar-shell {
  background: #070705;
  border: 1px solid #dbb6421c;
  border-radius: 17px;
  min-width: 0;
  overflow: auto;
  box-shadow: 0 20px 60px #00000040;
}

.v52-week {
  grid-template-columns: repeat(7, minmax(205px, 1fr));
  min-width: 1435px;
  display: grid;
}

.v52-day {
  border-right: 1px solid #dbb64211;
  min-height: 650px;
}

.v52-day:last-child {
  border-right: 0;
}

.v52-day-title {
  z-index: 10;
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  background: #0b0b09f5;
  border-bottom: 1px solid #dbb64214;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr auto;
  padding: 11px 12px;
  display: grid;
  position: sticky;
  top: 0;
}

.v52-day-title span {
  text-transform: uppercase;
  color: #8a8377;
  font-size: 10px;
  font-weight: 900;
}

.v52-day-title b {
  grid-area: 1 / 2 / 3;
  font-size: 22px;
}

.v52-day-title small {
  color: #59544c;
  font-size: 9px;
}

.v52-day-title.today {
  background: linear-gradient(#dbb64221, #0b0b09f5);
  box-shadow: inset 0 2px #d6b442;
}

.v52-day-body {
  gap: 7px;
  padding: 7px;
  display: grid;
}

.v52-empty {
  text-align: center;
  color: #4d4942;
  padding: 20px 5px;
  font-size: 10px;
}

.v52-list {
  grid-template-columns: repeat(auto-fit, minmax(330px, 1fr));
  gap: 8px;
  padding: 8px;
  display: grid;
}

.v52-shift {
  background: linear-gradient(150deg, #10100d, #0a0a08);
  border: 1px solid #dbb6421b;
  border-radius: 12px;
  gap: 8px;
  padding: 10px;
  transition: all .14s;
  display: grid;
  box-shadow: 0 7px 18px #0003;
}

.v52-shift:hover {
  border-color: #dbb64242;
  transform: translateY(-1px);
  box-shadow: 0 12px 26px #00000047;
}

.v52-shift.uncovered {
  box-shadow: inset 2px 0 #b64b43, 0 7px 18px #0003;
}

.v52-shift-top {
  align-items: center;
  gap: 7px;
  display: flex;
}

.v52-select {
  width: 16px;
  height: 16px;
  position: relative;
}

.v52-select input {
  opacity: 0;
  position: absolute;
}

.v52-select i {
  background: #070705;
  border: 1px solid #dbb64242;
  border-radius: 5px;
  width: 16px;
  height: 16px;
  display: block;
}

.v52-select input:checked + i {
  background: #d0ae40;
  box-shadow: inset 0 0 0 4px #12100a;
}

.v52-time {
  flex: 1;
  align-items: center;
  gap: 4px;
  display: flex;
}

.v52-time b {
  color: #f0ead8;
  font-size: 13px;
}

.v52-time span {
  color: #5a554c;
}

.v52-shift-info {
  gap: 3px;
  display: grid;
}

.v52-shift-info > small {
  text-transform: uppercase;
  letter-spacing: .4px;
  color: #9b9178;
  font-size: 9px;
}

.v52-shift-info > strong {
  font-size: 14px;
}

.v52-shift-info > div {
  color: #6e685e;
  align-items: center;
  gap: 7px;
  font-size: 9px;
  display: flex;
}

.v52-role {
  color: #d9b94f;
  background: #dbb6420f;
  border: 1px solid #dbb64233;
  border-radius: 6px;
  padding: 3px 6px;
  font-weight: 900;
}

.v52-agents {
  gap: 4px;
  display: grid;
}

.v52-agent {
  background: #070705;
  border: 1px solid #ffffff09;
  border-radius: 8px;
  grid-template-columns: 28px 1fr auto;
  align-items: center;
  gap: 6px;
  padding: 5px 6px;
  display: grid;
}

.v52-agent > span {
  color: #d7b64e;
  background: #dbb6421a;
  border: 1px solid #dbb64229;
  border-radius: 99px;
  place-items: center;
  width: 27px;
  height: 27px;
  font-size: 8px;
  font-weight: 900;
  display: grid;
}

.v52-agent b, .v52-agent small {
  display: block;
}

.v52-agent b {
  font-size: 10px;
}

.v52-agent small {
  color: #6d675e;
  font-size: 8px;
}

.v52-agent button {
  color: #c1a952;
  cursor: pointer;
  background: none;
  border: 0;
}

.v52-uncovered {
  color: #ca6b63;
  align-items: center;
  gap: 6px;
  font-size: 9px;
  font-weight: 900;
  display: flex;
}

.v52-uncovered i {
  background: #c44b4421;
  border: 1px solid #c44b4433;
  border-radius: 99px;
  place-items: center;
  width: 17px;
  height: 17px;
  font-style: normal;
  display: grid;
}

.v52-actions {
  flex-wrap: wrap;
  gap: 4px;
  display: flex;
}

.v52-actions .button, .v52-actions .input {
  min-height: 29px !important;
  font-size: 9px !important;
}

.v52-history {
  border-top: 1px solid #dbb64214;
  gap: 3px;
  padding-top: 6px;
  display: grid;
}

.v52-history > div {
  grid-template-columns: auto auto 1fr;
  gap: 5px;
  font-size: 8px;
  display: grid;
}

.v52-history span, .v52-history small {
  color: #716a60;
}

.v52-side {
  align-content: start;
  gap: 9px;
  display: grid;
}

.v52-side-card {
  background: linear-gradient(145deg, #0f0f0c, #090907);
  border: 1px solid #dbb6421a;
  border-radius: 14px;
  padding: 13px;
}

.v52-side-head {
  justify-content: space-between;
  margin-bottom: 10px;
  display: flex;
}

.v52-side-head span {
  color: #a29983;
  font-size: 11px;
}

.v52-side-head b {
  font-size: 17px;
}

.v52-alert {
  border-bottom: 1px solid #ffffff09;
  grid-template-columns: 7px 1fr;
  gap: 7px;
  padding: 7px 0;
  display: grid;
}

.v52-alert > i {
  background: #d0a63a;
  border-radius: 99px;
  width: 6px;
  height: 6px;
  margin-top: 5px;
}

.v52-alert > div {
  gap: 2px;
  display: grid;
}

.v52-alert b {
  font-size: 10px;
}

.v52-alert span, .v52-alert small {
  color: #746d62;
  font-size: 8px;
}

.v52-side-line {
  color: #8c8578;
  border-bottom: 1px solid #ffffff09;
  justify-content: space-between;
  gap: 8px;
  padding: 7px 0;
  font-size: 9px;
  display: flex;
}

.v52-side-line b {
  color: #d9d0bd;
}

.v52-replacements {
  grid-template-columns: repeat(auto-fit, minmax(330px, 1fr));
  gap: 8px;
  margin-top: 10px;
  display: grid;
}

.v52-replace-card {
  background: #080806;
  border: 1px solid #dbb6421a;
  border-radius: 11px;
  gap: 6px;
  padding: 11px;
  display: grid;
}

.v52-replace-top {
  gap: 5px;
  display: flex;
}

.v52-replace-card > span, .v52-replace-card > small {
  color: #7f786d;
}

.v52-candidate {
  background: #0d0d0a;
  border: 1px solid #dbb64212;
  border-radius: 8px;
  grid-template-columns: 1fr auto;
  align-items: center;
  gap: 8px;
  padding: 7px;
  display: grid;
}

.v52-candidate > div {
  display: grid;
}

.v52-candidate b {
  font-size: 9px;
}

.v52-candidate span {
  color: #756e64;
  font-size: 8px;
}

@media (max-width: 1400px) {
  .v52-kpis {
    grid-template-columns: repeat(3, 1fr);
  }

  .v52-main.with-side {
    grid-template-columns: 1fr;
  }

  .v52-side {
    grid-template-columns: 1fr 1fr;
  }

  .v52-filters {
    grid-template-columns: repeat(3, 1fr);
  }
}

@media (max-width: 900px) {
  .v52-hero {
    display: grid;
  }

  .v52-hero-actions {
    justify-content: flex-start;
  }

  .v52-form, .v52-sliders, .v52-filters {
    grid-template-columns: 1fr 1fr;
  }

  .v52-navrow {
    display: grid;
  }

  .v52-table-row {
    grid-template-columns: 1fr 1fr;
  }

  .v52-agent-profiles {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 600px) {
  .v52-kpis, .v52-form, .v52-sliders, .v52-filters, .v52-result-kpis, .v52-side {
    grid-template-columns: 1fr;
  }

  .v52-hero-actions {
    display: grid;
  }

  .v52-period-nav {
    flex-wrap: wrap;
  }

  .v52-form .span2 {
    grid-column: auto;
  }
}

.v52-action-context {
  background: #080806;
  border: 1px solid #dbb6421a;
  border-radius: 10px;
  gap: 3px;
  margin-bottom: 12px;
  padding: 10px 12px;
  display: grid;
}

.v52-action-context span, .v52-action-context small {
  color: #837c70;
  font-size: 10px;
}

.v526-uncovered-details {
  border-top: 1px solid #d9524826;
  grid-column: 1 / -1;
  margin-top: 6px;
  padding: 8px 10px;
}

.v526-uncovered-details summary {
  cursor: pointer;
  color: #e7c764;
  font-size: 11px;
  font-weight: 900;
}

.v526-blocker-summary {
  gap: 6px;
  margin-top: 8px;
  display: grid;
}

.v526-blocker {
  background: #be37300e;
  border: 1px solid #be37301f;
  border-radius: 9px;
  grid-template-columns: auto 1fr;
  align-items: center;
  gap: 8px;
  padding: 7px 8px;
  display: grid;
}

.v526-blocker strong, .v526-blocker small {
  display: block;
}

.v526-blocker strong {
  font-size: 11px;
}

.v526-blocker small {
  color: #8e8179;
  margin-top: 2px;
  font-size: 9px;
}

.v526-rejected-list {
  gap: 5px;
  margin-top: 10px;
  display: grid;
}

.v526-rejected-agent {
  border-bottom: 1px solid #ffffff09;
  grid-template-columns: minmax(0, 1fr) minmax(180px, .8fr);
  align-items: center;
  gap: 10px;
  padding: 7px 8px;
  font-size: 10px;
  display: grid;
}

.v526-rejected-agent strong, .v526-rejected-agent small {
  display: block;
}

.v526-rejected-agent small {
  color: #b9a36c;
}

.v526-rejected-agent > span {
  color: #ba8b83;
}

@media (max-width: 700px) {
  .v526-rejected-agent {
    grid-template-columns: 1fr;
  }
}

.v55-panel {
  background: linear-gradient(145deg, #11100d, #080806);
  border: 1px solid #d8b4482e;
  border-radius: 18px;
  gap: 14px;
  padding: 18px;
  display: grid;
  box-shadow: 0 22px 55px #00000047;
}

.v55-panel-head {
  justify-content: space-between;
  align-items: flex-start;
  gap: 18px;
  display: flex;
}

.v55-panel-head > div > span {
  letter-spacing: 1px;
  color: #d8b54b;
  font-size: 10px;
  font-weight: 900;
}

.v55-panel-head h2 {
  margin: 4px 0;
  font-size: 25px;
}

.v55-panel-head p {
  color: #8e8677;
  margin: 0;
  font-size: 12px;
}

.v55-panel-head > button {
  color: #d5bd6a;
  cursor: pointer;
  background: #080806;
  border: 1px solid #d8b44826;
  border-radius: 10px;
  width: 36px;
  height: 36px;
  font-size: 22px;
}

.v55-work-kpis, .v55-analysis-kpis {
  grid-template-columns: repeat(auto-fit, minmax(125px, 1fr));
  gap: 8px;
  display: grid;
}

.v55-work-kpis > div, .v55-analysis-kpis > div {
  background: #090907;
  border: 1px solid #d8b44817;
  border-radius: 11px;
  padding: 10px 12px;
}

.v55-work-kpis span, .v55-analysis-kpis span {
  color: #797264;
  text-transform: uppercase;
  font-size: 9px;
  display: block;
}

.v55-work-kpis b, .v55-analysis-kpis b {
  font-size: 18px;
}

.v55-policy {
  background: #090907;
  border: 1px solid #d8b4481a;
  border-radius: 12px;
  padding: 10px 12px;
}

.v55-policy summary {
  cursor: pointer;
  color: #dbc15e;
  font-weight: 800;
}

.v55-policy-form {
  grid-template-columns: 1.4fr .7fr auto;
  align-items: end;
  gap: 8px;
  margin-top: 10px;
  display: grid;
}

.v55-workload-list {
  gap: 8px;
  display: grid;
}

.v55-work-agent {
  background: #090907;
  border: 1px solid #d8b44817;
  border-radius: 13px;
  overflow: hidden;
}

.v55-work-agent.under {
  box-shadow: inset 3px 0 #8a7332;
}

.v55-work-agent.ok {
  box-shadow: inset 3px 0 #3d8a62;
}

.v55-work-agent.warning {
  box-shadow: inset 3px 0 #c78d35;
}

.v55-work-agent.danger {
  box-shadow: inset 3px 0 #b34a43;
}

.v55-work-summary {
  width: 100%;
  color: inherit;
  text-align: left;
  cursor: pointer;
  background: none;
  border: 0;
  grid-template-columns: 1.15fr 1.4fr 170px;
  align-items: center;
  gap: 12px;
  padding: 12px;
  display: grid;
}

.v55-person {
  grid-template-columns: 34px 1fr;
  align-items: center;
  gap: 8px;
  display: grid;
}

.v55-person > span {
  color: #d8b64c;
  background: #d8b4481a;
  border: 1px solid #d8b44829;
  border-radius: 99px;
  place-items: center;
  width: 34px;
  height: 34px;
  font-size: 10px;
  font-weight: 900;
  display: grid;
}

.v55-person b, .v55-person small {
  display: block;
}

.v55-person small {
  color: #786f60;
  font-size: 9px;
}

.v55-hour-numbers {
  grid-template-columns: repeat(4, 1fr);
  gap: 6px;
  display: grid;
}

.v55-hour-numbers > div {
  background: #070705;
  border-radius: 8px;
  padding: 6px;
}

.v55-hour-numbers span, .v55-hour-numbers b {
  display: block;
}

.v55-hour-numbers span {
  color: #655f54;
  font-size: 8px;
}

.v55-hour-numbers b {
  font-size: 11px;
}

.v55-util > b {
  font-size: 16px;
}

.v55-util > div {
  background: #17140d;
  border-radius: 99px;
  height: 5px;
  margin: 5px 0;
  overflow: hidden;
}

.v55-util i {
  background: linear-gradient(90deg, #8e7223, #e4c052);
  height: 100%;
  display: block;
}

.v55-util small {
  color: #7e7668;
}

.v55-complementary {
  color: #c29e5c;
  background: #c88b310a;
  border-top: 1px solid #c88b311f;
  padding: 7px 12px;
  font-size: 10px;
}

.v55-contract-form {
  border-top: 1px solid #d8b44814;
  grid-template-columns: repeat(4, minmax(145px, 1fr));
  gap: 8px;
  padding: 12px;
  display: grid;
}

.v55-contract-form label {
  color: #8d8578;
  font-size: 10px;
}

.v55-check {
  border: 1px solid #d8b44814;
  border-radius: 9px;
  align-items: center;
  gap: 7px;
  padding: 8px;
  display: flex !important;
}

.v55-contract-form .span2 {
  grid-column: span 2;
}

.v55-analysis-actions {
  flex-wrap: wrap;
  gap: 8px;
  display: flex;
}

.v55-verdict {
  background: #090907;
  border: 1px solid #d8b44821;
  border-radius: 12px;
  justify-content: space-between;
  align-items: center;
  padding: 12px 14px;
  display: flex;
}

.v55-verdict span {
  letter-spacing: .8px;
  color: #847d6e;
  font-size: 10px;
}

.v55-verdict b {
  font-size: 21px;
}

.v55-verdict.ready {
  box-shadow: inset 3px 0 #3d8a62;
}

.v55-verdict.warning {
  box-shadow: inset 3px 0 #bd8330;
}

.v55-verdict.blocked {
  box-shadow: inset 3px 0 #b44540;
}

.v55-issues {
  border: 1px solid #d8b44814;
  border-radius: 11px;
  padding: 10px;
}

.v55-issues summary {
  cursor: pointer;
  color: #bba75e;
}

.v55-issue {
  border-bottom: 1px solid #ffffff09;
  grid-template-columns: 52px 1fr;
  gap: 8px;
  padding: 7px;
  display: grid;
}

.v55-issue b, .v55-issue small {
  display: block;
}

.v55-issue small {
  color: #877e70;
}

.v55-issue.bad > span {
  color: #d15f56;
}

.v55-issue.warn > span {
  color: #c9953c;
}

.v55-rebalance {
  border-top: 1px solid #d8b44817;
  gap: 10px;
  padding-top: 12px;
  display: grid;
}

.v55-rebalance-head {
  grid-template-columns: 1fr auto auto;
  align-items: center;
  gap: 12px;
  display: grid;
}

.v55-rebalance-head span, .v55-rebalance-head small, .v55-rebalance-head b {
  display: block;
}

.v55-rebalance-head span, .v55-rebalance-head small {
  color: #81796a;
  font-size: 9px;
}

.v55-rebalance-list {
  gap: 6px;
  max-height: 500px;
  display: grid;
  overflow: auto;
}

.v55-change {
  background: #090907;
  border: 1px solid #d8b44814;
  border-radius: 10px;
  grid-template-columns: 1.1fr 1.4fr 1fr auto;
  align-items: center;
  gap: 10px;
  padding: 9px;
  display: grid;
}

.v55-change.bad {
  border-color: #be413a38;
}

.v55-change b, .v55-change small {
  display: block;
}

.v55-change small {
  color: #776f62;
  font-size: 9px;
}

.v55-swap {
  grid-template-columns: 1fr auto 1fr;
  align-items: center;
  gap: 6px;
  display: grid;
}

.v55-swap span {
  font-size: 10px;
}

.v55-lock-card {
  background: #090907;
  border: 1px solid #d8b4481a;
  border-radius: 12px;
  grid-template-columns: 1fr auto;
  align-items: center;
  gap: 12px;
  padding: 12px;
  display: grid;
}

.v55-lock-card b, .v55-lock-card small {
  display: block;
}

.v55-lock-card small {
  color: #81796c;
}

.v55-assignment-locks {
  gap: 6px;
  display: grid;
}

.v55-assignment-locks > div {
  background: #090907;
  border: 1px solid #d8b44812;
  border-radius: 10px;
  grid-template-columns: 1fr auto;
  align-items: center;
  gap: 8px;
  padding: 9px;
  display: grid;
}

.v55-assignment-locks b, .v55-assignment-locks small {
  display: block;
}

.v55-assignment-locks small {
  color: #756e62;
}

.v55-shift-pref {
  gap: 8px;
  display: grid;
}

.v55-pref-form {
  grid-template-columns: 1.2fr .8fr .6fr 1.2fr auto;
  gap: 7px;
  display: grid;
}

.v55-pref-list {
  gap: 5px;
  display: grid;
}

.v55-pref-list > div {
  border-bottom: 1px solid #ffffff09;
  grid-template-columns: auto 1fr 1fr auto;
  align-items: center;
  gap: 8px;
  padding: 7px;
  display: grid;
}

.v55-pref-list small {
  color: #797166;
}

@media (max-width: 1100px) {
  .v55-work-summary, .v55-rebalance-head, .v55-change {
    grid-template-columns: 1fr;
  }

  .v55-contract-form, .v55-pref-form {
    grid-template-columns: 1fr 1fr;
  }

  .v55-hour-numbers {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 650px) {
  .v55-contract-form, .v55-policy-form, .v55-pref-form {
    grid-template-columns: 1fr;
  }

  .v55-contract-form .span2 {
    grid-column: span 1;
  }
}

.v552-sync-help {
  color: #756d5f;
  margin-top: 4px;
  font-size: 8px;
  line-height: 1.3;
  display: block;
}

.v56-range-shell {
  background: linear-gradient(135deg, #0f0e0b, #080806);
  border: 1px solid #d8b4481f;
  border-radius: 14px;
  gap: 9px;
  padding: 11px 12px;
  display: grid;
}

.v56-range-main {
  grid-template-columns: auto minmax(470px, auto) minmax(220px, 1fr);
  align-items: end;
  gap: 12px;
  display: grid;
}

.v56-range-nav {
  gap: 5px;
  display: flex;
}

.v56-range-nav button, .v56-range-presets button {
  color: #aaa292;
  cursor: pointer;
  background: #090907;
  border: 1px solid #d8b4481f;
  border-radius: 9px;
  padding: 8px 10px;
}

.v56-range-nav button:hover, .v56-range-presets button:hover {
  color: #e2c45f;
  border-color: #d8b44859;
}

.v56-range-nav .today {
  color: #dabc55;
}

.v56-date-range {
  align-items: end;
  gap: 8px;
  display: flex;
}

.v56-date-range label {
  color: #7f7768;
  text-transform: uppercase;
  letter-spacing: .5px;
  gap: 4px;
  font-size: 9px;
  font-weight: 800;
  display: grid;
}

.v56-date-range > span {
  color: #665e51;
  padding-bottom: 10px;
}

.v56-range-title {
  justify-items: end;
  display: grid;
}

.v56-range-title strong {
  color: #d8bd64;
  font-size: 12px;
}

.v56-range-title small {
  color: #746d61;
  margin-top: 3px;
}

.v56-range-presets {
  justify-content: flex-end;
  gap: 6px;
  display: flex;
}

.v56-viewbar {
  border-bottom: 1px solid #d8b44814;
  justify-content: space-between;
  align-items: center;
  gap: 15px;
  padding: 8px 10px;
  display: flex;
}

.v56-viewbar > div {
  flex-wrap: wrap;
  align-items: center;
  gap: 6px;
  display: flex;
}

.v56-viewbar > div > span {
  color: #6f685d;
  letter-spacing: .8px;
  margin-right: 5px;
  font-size: 9px;
  font-weight: 900;
}

.v56-viewbar button {
  color: #918a7d;
  cursor: pointer;
  background: #090907;
  border: 1px solid #d8b44817;
  border-radius: 9px;
  padding: 8px 10px;
  font-size: 10px;
  font-weight: 800;
}

.v56-viewbar button.on {
  color: #e3c55f;
  background: #d8b44814;
  border-color: #d8b44861;
}

.v56-viewbar > small {
  color: #746c60;
  font-size: 9px;
}

.v56-calendar-shell {
  min-width: 0;
}

.v56-calendar-shell .v52-week {
  grid-template-columns: repeat(auto-fit, minmax(230px, 1fr)) !important;
}

.v56-list-view {
  border: 1px solid #d8b44814;
  border-radius: 12px;
  display: grid;
  overflow: hidden;
}

.v56-list-head, .v56-list-row {
  grid-template-columns: 1.1fr 1.35fr .55fr 1.5fr .7fr .65fr auto;
  align-items: center;
  gap: 10px;
  display: grid;
}

.v56-list-head {
  color: #746d60;
  text-transform: uppercase;
  letter-spacing: .6px;
  background: #0b0a08;
  padding: 8px 10px;
  font-size: 8px;
  font-weight: 900;
}

.v56-list-row {
  background: #090907;
  border-top: 1px solid #ffffff09;
  padding: 9px 10px;
}

.v56-list-row.bad {
  box-shadow: inset 3px 0 #a94740;
}

.v56-list-row.ok {
  box-shadow: inset 3px 0 #3c7657;
}

.v56-list-row b, .v56-list-row small {
  display: block;
}

.v56-list-row small {
  color: #766f63;
  font-size: 9px;
}

.v56-list-agents {
  gap: 2px;
  font-size: 9px;
  display: grid;
}

.v56-zero {
  text-align: center;
  color: #70695d;
  padding: 30px;
}

.v56-matrix-wrap {
  background: #070705;
  border: 1px solid #d8b44814;
  border-radius: 13px;
  max-width: 100%;
  max-height: 72vh;
  overflow: auto;
}

.v56-matrix {
  width: max-content;
  min-width: 100%;
  display: grid;
}

.v56-matrix-corner, .v56-matrix-head, .v56-matrix-label, .v56-matrix-cell {
  border-bottom: 1px solid #d8b44811;
  border-right: 1px solid #d8b44811;
  min-height: 66px;
}

.v56-matrix-corner {
  z-index: 8;
  background: #11100c;
  padding: 11px;
  position: sticky;
  top: 0;
  left: 0;
}

.v56-matrix-corner b, .v56-matrix-corner small, .v56-matrix-head b, .v56-matrix-head small, .v56-matrix-label b, .v56-matrix-label small {
  display: block;
}

.v56-matrix-corner small {
  color: #736c60;
  margin-top: 3px;
}

.v56-matrix-head {
  z-index: 6;
  text-align: center;
  background: #0f0e0b;
  padding: 9px;
  position: sticky;
  top: 0;
}

.v56-matrix-head b {
  color: #d5b957;
  font-size: 10px;
}

.v56-matrix-head small {
  color: #756d61;
  margin-top: 3px;
  font-size: 8px;
}

.v56-matrix-label {
  z-index: 5;
  background: #0d0c09;
  padding: 10px;
  position: sticky;
  left: 0;
}

.v56-matrix-label b {
  font-size: 10px;
}

.v56-matrix-label small {
  color: #766e61;
  margin-top: 4px;
  font-size: 8px;
}

.v56-matrix-label.uncovered {
  background: #130b09;
  box-shadow: inset 3px 0 #a7453e;
}

.v56-matrix-cell {
  background: #080806;
  align-content: start;
  gap: 5px;
  padding: 7px;
  display: grid;
}

.v56-matrix-cell > strong {
  color: #c3ad66;
  font-size: 9px;
}

.v56-matrix-cell > span {
  color: #59544c;
  font-size: 8px;
}

.v56-matrix-cell.assigned, .v56-matrix-cell.ok {
  background: #3975520b;
}

.v56-matrix-cell.bad {
  background: #a93f3712;
  box-shadow: inset 0 2px #a93f3740;
}

.v56-matrix-cell.empty {
  background: #080806;
}

.v56-clear {
  color: #4d8a68 !important;
}

.v56-mini-shift {
  color: #aaa294;
  text-align: left;
  cursor: pointer;
  background: #0c0b08;
  border: 1px solid #d8b44812;
  border-radius: 7px;
  grid-template-columns: auto auto 1fr auto;
  align-items: center;
  gap: 4px;
  width: 100%;
  padding: 5px 6px;
  font-size: 8px;
  display: grid;
}

.v56-mini-shift:hover {
  border-color: #d8b4484d;
}

.v56-mini-shift.bad {
  background: #ae40390b;
  border-color: #ae403930;
}

.v56-mini-shift.ok {
  border-color: #3a795329;
}

.v56-mini-shift b {
  color: #d3b85b;
}

.v56-mini-shift small {
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #716a5f;
  overflow: hidden;
}

.v56-mini-shift em {
  color: #9e9272;
  font-style: normal;
  font-weight: 900;
}

@media (max-width: 1100px) {
  .v56-range-main {
    grid-template-columns: 1fr;
  }

  .v56-range-title {
    justify-items: start;
  }

  .v56-range-presets {
    justify-content: flex-start;
  }

  .v56-list-head {
    display: none;
  }

  .v56-list-row {
    grid-template-columns: 1fr 1fr;
  }

  .v56-list-row > button {
    justify-self: start;
  }
}

@media (max-width: 700px) {
  .v56-date-range {
    grid-template-columns: 1fr auto 1fr;
    display: grid;
  }

  .v56-date-range .button {
    grid-column: 1 / -1;
  }

  .v56-range-presets {
    overflow: auto;
  }

  .v56-viewbar {
    flex-direction: column;
    align-items: flex-start;
  }

  .v56-list-row {
    grid-template-columns: 1fr;
  }
}

.v57-publication {
  background: linear-gradient(145deg, #11100d, #070705);
  border: 1px solid #d8b44833;
  border-radius: 18px;
  gap: 14px;
  padding: 18px;
  display: grid;
  box-shadow: 0 22px 60px #0000004d;
}

.v57-publication-head {
  justify-content: space-between;
  gap: 18px;
  display: flex;
}

.v57-publication-head > div > span, .v57-history-head span {
  letter-spacing: 1px;
  color: #d9b74e;
  font-size: 9px;
  font-weight: 900;
}

.v57-publication-head h2 {
  margin: 4px 0;
  font-size: 25px;
}

.v57-publication-head p {
  color: #8c8374;
  margin: 0;
  font-size: 11px;
}

.v57-publication-head > button {
  color: #d8bb5a;
  cursor: pointer;
  background: #080806;
  border: 1px solid #d8b44824;
  border-radius: 10px;
  width: 36px;
  height: 36px;
  font-size: 20px;
}

.v57-scope {
  grid-template-columns: repeat(4, 1fr);
  gap: 7px;
  display: grid;
}

.v57-scope label {
  cursor: pointer;
  background: #090907;
  border: 1px solid #d8b44817;
  border-radius: 11px;
  grid-template-columns: auto 1fr;
  column-gap: 7px;
  padding: 10px;
  display: grid;
}

.v57-scope label.on {
  background: #d8b4480e;
  border-color: #d8b44861;
}

.v57-scope label.disabled {
  opacity: .4;
  cursor: not-allowed;
}

.v57-scope label input {
  grid-row: 1 / 3;
}

.v57-scope b, .v57-scope small {
  display: block;
}

.v57-scope b {
  font-size: 10px;
}

.v57-scope small {
  color: #746c60;
  margin-top: 2px;
  font-size: 8px;
}

.v57-loading, .v57-empty {
  text-align: center;
  color: #746d61;
  border: 1px dashed #d8b4481a;
  border-radius: 11px;
  padding: 22px;
}

.v57-publish-kpis {
  grid-template-columns: repeat(8, minmax(90px, 1fr));
  gap: 6px;
  display: grid;
}

.v57-publish-kpis > div {
  background: #090907;
  border: 1px solid #d8b44814;
  border-radius: 10px;
  padding: 9px;
}

.v57-publish-kpis > div.good {
  box-shadow: inset 3px 0 #397856;
}

.v57-publish-kpis > div.warn {
  box-shadow: inset 3px 0 #bd8433;
}

.v57-publish-kpis > div.bad {
  box-shadow: inset 3px 0 #ad4942;
}

.v57-publish-kpis span, .v57-publish-kpis small, .v57-publish-kpis b {
  display: block;
}

.v57-publish-kpis span {
  text-transform: uppercase;
  color: #6f685c;
  font-size: 8px;
}

.v57-publish-kpis b {
  font-size: 17px;
}

.v57-publish-kpis small {
  color: #827969;
  font-size: 8px;
}

.v57-publish-options {
  background: #090907;
  border: 1px solid #d8b44817;
  border-radius: 12px;
  gap: 8px;
  padding: 11px;
  display: grid;
}

.v57-mode {
  grid-template-columns: 1fr 1fr;
  gap: 7px;
  display: grid;
}

.v57-mode label {
  cursor: pointer;
  border: 1px solid #d8b44814;
  border-radius: 9px;
  grid-template-columns: auto 1fr;
  gap: 7px;
  padding: 9px;
  display: grid;
}

.v57-mode label.on {
  background: #d8b4480b;
  border-color: #d8b44852;
}

.v57-mode b, .v57-mode small {
  display: block;
}

.v57-mode small {
  color: #756e62;
  margin-top: 2px;
  font-size: 8px;
}

.v57-override {
  background: #be4b3d09;
  border: 1px solid #be4b3d2e;
  border-radius: 9px;
  gap: 7px;
  padding: 9px;
  display: grid;
}

.v57-notify {
  color: #b1a795;
  align-items: center;
  gap: 7px;
  font-size: 10px;
  display: flex;
}

.v57-publish-actions {
  flex-wrap: wrap;
  gap: 7px;
  display: flex;
}

.v57-preflight-details {
  border: 1px solid #d8b44817;
  border-radius: 11px;
  padding: 10px;
}

.v57-preflight-details summary {
  cursor: pointer;
  color: #d5ba5c;
  font-size: 10px;
  font-weight: 800;
}

.v57-preflight-list {
  gap: 5px;
  max-height: 430px;
  margin-top: 9px;
  display: grid;
  overflow: auto;
}

.v57-preflight-shift {
  background: #080806;
  border: 1px solid #d8b4480f;
  border-radius: 9px;
  grid-template-columns: 1.2fr .55fr 1.5fr;
  align-items: center;
  gap: 8px;
  padding: 8px;
  display: grid;
}

.v57-preflight-shift.good {
  box-shadow: inset 3px 0 #397856;
}

.v57-preflight-shift.warn {
  box-shadow: inset 3px 0 #bd8433;
}

.v57-preflight-shift.bad {
  box-shadow: inset 3px 0 #ad4942;
}

.v57-preflight-shift b, .v57-preflight-shift small {
  display: block;
}

.v57-preflight-shift small {
  color: #7c7468;
  margin-top: 2px;
  font-size: 8px;
}

.v57-history {
  border-top: 1px solid #d8b44814;
  gap: 8px;
  padding-top: 12px;
  display: grid;
}

.v57-history-head {
  justify-content: space-between;
  align-items: end;
  display: flex;
}

.v57-history-head h3 {
  margin: 3px 0 0;
}

.v57-history-list {
  gap: 5px;
  max-height: 350px;
  display: grid;
  overflow: auto;
}

.v57-history-row {
  background: #090907;
  border: 1px solid #d8b44812;
  border-radius: 9px;
  grid-template-columns: 1.6fr .5fr .55fr .5fr auto;
  align-items: center;
  gap: 9px;
  padding: 8px;
  display: grid;
}

.v57-history-row > div > b, .v57-history-row > div > span, .v57-history-row > div > small {
  display: block;
}

.v57-history-row > div > span, .v57-history-row > div > small {
  color: #756e62;
  font-size: 8px;
}

.v56-mini-shift.changed {
  background: #c689300f !important;
  border-color: #c6893059 !important;
}

.v56-mini-shift > i {
  color: #d8b64d;
  font-style: normal;
  font-weight: 900;
}

@media (max-width: 1200px) {
  .v57-publish-kpis {
    grid-template-columns: repeat(4, 1fr);
  }

  .v57-scope, .v57-history-row {
    grid-template-columns: 1fr 1fr;
  }

  .v57-preflight-shift {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 650px) {
  .v57-publish-kpis, .v57-scope, .v57-mode {
    grid-template-columns: 1fr 1fr;
  }

  .v57-history-row {
    grid-template-columns: 1fr;
  }

  .v57-publish-actions {
    display: grid;
  }

  .v57-publish-actions .button {
    width: 100%;
  }
}

.v60-page {
  gap: 16px;
  display: grid;
}

.v60-ops-hero, .v60-standard-hero {
  background: radial-gradient(circle at 85% 10%, #d8b44812, #0000 32%), linear-gradient(145deg, #11100d, #070705);
  border: 1px solid #d8b44824;
  border-radius: 20px;
  justify-content: space-between;
  align-items: flex-end;
  gap: 22px;
  padding: 22px;
  display: flex;
}

.v60-ops-hero span, .v60-standard-hero span, .v60-card-title span {
  letter-spacing: 1px;
  color: #d9b84e;
  font-size: 9px;
  font-weight: 900;
}

.v60-ops-hero h1, .v60-standard-hero h1 {
  margin: 5px 0;
  font-size: 31px;
}

.v60-ops-hero p, .v60-standard-hero p {
  color: #857d70;
  margin: 0;
}

.v60-hero-actions {
  flex-wrap: wrap;
  gap: 7px;
  display: flex;
}

.v60-loading {
  text-align: center;
  color: #766f63;
  border: 1px dashed #d8b4481f;
  border-radius: 16px;
  padding: 40px;
}

.v60-dayline {
  grid-template-columns: 1.4fr 150px repeat(4, 1fr);
  gap: 7px;
  display: grid;
}

.v60-dayline > div {
  background: #090907;
  border: 1px solid #d8b44814;
  border-radius: 12px;
  padding: 12px;
}

.v60-dayline span, .v60-dayline small, .v60-dayline b {
  display: block;
}

.v60-dayline span {
  color: #746d61;
  text-transform: uppercase;
  font-size: 8px;
}

.v60-dayline b {
  font-size: 19px;
}

.v60-day-main b {
  color: #dfc45d;
  font-size: 22px;
}

.v60-day-main small {
  color: #7e7669;
}

.v60-dayline .bad {
  box-shadow: inset 3px 0 #ae4640;
}

.v60-dayline .warn {
  box-shadow: inset 3px 0 #bd8432;
}

.v60-coverage {
  text-align: center;
}

.v60-coverage strong {
  font-size: 26px;
  display: block;
}

.v60-coverage.ok strong {
  color: #56a878;
}

.v60-coverage.warn strong {
  color: #d39a3c;
}

.v60-ops-grid {
  grid-template-columns: 2fr repeat(3, 1fr);
  gap: 10px;
  display: grid;
}

.v60-priority-card, .v60-metric-stack, .v60-record-card {
  background: #090907;
  border: 1px solid #d8b44817;
  border-radius: 15px;
  min-width: 0;
  padding: 13px;
}

.v60-card-title {
  justify-content: space-between;
  align-items: end;
  gap: 10px;
  display: flex;
}

.v60-card-title h2, .v60-card-title h3 {
  margin: 3px 0 0;
}

.v60-card-title > b {
  color: #cfb558;
  font-size: 24px;
}

.v60-priorities {
  gap: 6px;
  max-height: 520px;
  margin-top: 10px;
  display: grid;
  overflow: auto;
}

.v60-priority {
  background: #070705;
  border: 1px solid #ffffff0a;
  border-radius: 10px;
  grid-template-columns: 65px 1fr auto;
  align-items: center;
  gap: 8px;
  padding: 8px;
  display: grid;
}

.v60-priority > span {
  font-size: 8px;
  font-weight: 900;
}

.v60-priority b, .v60-priority small {
  display: block;
}

.v60-priority small {
  color: #786f61;
  font-size: 8px;
}

.v60-priority.critical {
  box-shadow: inset 3px 0 #bd4942;
}

.v60-priority.critical > span {
  color: #e2665e;
}

.v60-priority.high {
  box-shadow: inset 3px 0 #c98b34;
}

.v60-priority.high > span {
  color: #dda04a;
}

.v60-priority.medium {
  box-shadow: inset 3px 0 #87732f;
}

.v60-metric-stack {
  align-content: start;
  gap: 6px;
  display: grid;
}

.v60-metric-stack > a {
  color: inherit;
  background: #070705;
  border-radius: 9px;
  justify-content: space-between;
  align-items: center;
  padding: 9px;
  text-decoration: none;
  display: flex;
}

.v60-metric-stack > a:hover {
  background: #0d0c09;
}

.v60-metric-stack > a span {
  color: #847c6d;
  font-size: 9px;
}

.v60-metric-stack > a b {
  font-size: 18px;
}

.v60-shortcuts {
  grid-template-columns: repeat(4, 1fr);
  gap: 8px;
  display: grid;
}

.v60-shortcuts > a {
  color: inherit;
  background: #090907;
  border: 1px solid #d8b44817;
  border-radius: 12px;
  gap: 4px;
  padding: 14px;
  text-decoration: none;
  display: grid;
}

.v60-shortcuts span {
  color: #766e61;
  letter-spacing: .7px;
  font-size: 8px;
}

.v60-shortcuts b {
  color: #d8ba56;
}

.v60-health-summary {
  grid-template-columns: 170px repeat(4, 1fr);
  gap: 8px;
  display: grid;
}

.v60-health-summary > div {
  background: #090907;
  border: 1px solid #d8b44814;
  border-radius: 12px;
  padding: 12px;
}

.v60-health-summary span, .v60-health-summary small, .v60-health-summary b {
  display: block;
}

.v60-health-summary span {
  color: #756e62;
  font-size: 8px;
}

.v60-health-summary b {
  font-size: 23px;
}

.v60-health-score {
  text-align: center;
}

.v60-health-score > b {
  font-size: 40px;
}

.v60-health-score.good {
  box-shadow: inset 0 3px #3e8b62;
}

.v60-health-score.warn {
  box-shadow: inset 0 3px #bf8735;
}

.v60-health-score.bad {
  box-shadow: inset 0 3px #b24741;
}

.v60-health-filters {
  gap: 6px;
  display: flex;
}

.v60-health-filters button {
  color: #8b8375;
  cursor: pointer;
  background: #090907;
  border: 1px solid #d8b44817;
  border-radius: 8px;
  padding: 7px 10px;
  font-size: 9px;
}

.v60-health-filters button.on {
  color: #e1c25b;
  border-color: #d8b44859;
}

.v60-health-list {
  gap: 6px;
  display: grid;
}

.v60-health-check {
  background: #090907;
  border: 1px solid #d8b44812;
  border-radius: 11px;
  grid-template-columns: 40px 1fr 80px auto;
  align-items: center;
  gap: 10px;
  padding: 10px;
  display: grid;
}

.v60-health-icon {
  background: #11100c;
  border-radius: 99px;
  place-items: center;
  width: 30px;
  height: 30px;
  font-weight: 900;
  display: grid;
}

.v60-health-check h3 {
  margin: 2px 0;
  font-size: 12px;
}

.v60-health-check span, .v60-health-check small {
  color: #766f63;
  font-size: 8px;
  display: block;
}

.v60-health-check > strong {
  font-size: 19px;
}

.v60-health-check.ok {
  box-shadow: inset 3px 0 #397b57;
}

.v60-health-check.critical {
  box-shadow: inset 3px 0 #b84740;
}

.v60-health-check.high {
  box-shadow: inset 3px 0 #c28531;
}

.v60-health-check.medium {
  box-shadow: inset 3px 0 #7d6c31;
}

.v60-baseline-note {
  color: #847b6b;
  border: 1px dashed #d8b4481f;
  border-radius: 11px;
  gap: 10px;
  padding: 12px;
  display: flex;
}

.v60-baseline-note b {
  color: #d2b554;
}

.v60-selector {
  min-width: 320px;
}

.v60-record-hero {
  background: #090907;
  border: 1px solid #d8b4481c;
  border-radius: 15px;
  grid-template-columns: 70px 1fr auto;
  align-items: center;
  gap: 14px;
  padding: 17px;
  display: grid;
}

.v60-avatar, .v60-site-icon {
  color: #d9b950;
  background: #d8b4480f;
  border: 1px solid #d8b4482e;
  border-radius: 99px;
  place-items: center;
  width: 60px;
  height: 60px;
  font-size: 18px;
  font-weight: 900;
  display: grid;
}

.v60-record-hero span {
  color: #756d61;
  font-size: 9px;
}

.v60-record-hero h2 {
  margin: 3px 0;
  font-size: 24px;
}

.v60-record-hero p {
  color: #847c6e;
  margin: 0;
}

.v60-health-pill {
  text-align: right;
  border: 1px solid #d8b44814;
  border-radius: 11px;
  padding: 10px 14px;
}

.v60-health-pill span, .v60-health-pill b {
  display: block;
}

.v60-health-pill b {
  font-size: 24px;
}

.v60-health-pill.good {
  box-shadow: inset 3px 0 #39805a;
}

.v60-health-pill.warn {
  box-shadow: inset 3px 0 #bd8432;
}

.v60-health-pill.bad {
  box-shadow: inset 3px 0 #ae4640;
}

.v60-record-kpis {
  grid-template-columns: repeat(8, 1fr);
  gap: 6px;
  display: grid;
}

.v60-record-kpis > div {
  background: #090907;
  border: 1px solid #d8b44812;
  border-radius: 10px;
  padding: 9px;
}

.v60-record-kpis span, .v60-record-kpis b {
  display: block;
}

.v60-record-kpis span {
  color: #746d61;
  font-size: 8px;
}

.v60-record-kpis b {
  font-size: 16px;
}

.v60-record-kpis .bad {
  box-shadow: inset 3px 0 #b14740;
}

.v60-record-kpis .warn {
  box-shadow: inset 3px 0 #c18834;
}

.v60-two-col {
  grid-template-columns: 1fr 1fr;
  gap: 10px;
  display: grid;
}

.v60-simple-list, .v60-shift-list {
  gap: 5px;
  max-height: 430px;
  margin-top: 10px;
  display: grid;
  overflow: auto;
}

.v60-simple-list > div, .v60-shift-list > div {
  border-bottom: 1px solid #ffffff09;
  align-items: center;
  gap: 8px;
  padding: 7px;
  display: flex;
}

.v60-simple-list > div b, .v60-simple-list > div small, .v60-shift-list > div b, .v60-shift-list > div small {
  display: block;
}

.v60-simple-list > div small, .v60-shift-list > div small {
  color: #766e61;
  font-size: 8px;
}

.v60-shift-list > div {
  justify-content: space-between;
}

.v60-doc-grid, .v60-contact-grid {
  grid-template-columns: 1fr 1fr;
  gap: 6px;
  margin-top: 8px;
  display: grid;
}

.v60-doc-grid > div, .v60-contact-grid > div {
  background: #070705;
  border: 1px solid #d8b4480f;
  border-radius: 8px;
  padding: 8px;
}

.v60-doc-grid b, .v60-doc-grid small, .v60-contact-grid span, .v60-contact-grid b, .v60-contact-grid small {
  display: block;
}

.v60-doc-grid small, .v60-contact-grid small, .v60-contact-grid span {
  color: #756e62;
  font-size: 8px;
}

.v60-next-expiry {
  background: #c98b300d;
  border: 1px solid #c98b3021;
  border-radius: 9px;
  margin-top: 8px;
  padding: 9px;
}

.v60-next-expiry span, .v60-next-expiry b, .v60-next-expiry small {
  display: block;
}

.v60-timeline {
  gap: 0;
  max-height: 430px;
  margin-top: 9px;
  display: grid;
  overflow: auto;
}

.v60-timeline > div {
  grid-template-columns: 18px 1fr;
  gap: 7px;
  padding: 7px 0;
  display: grid;
}

.v60-timeline i {
  background: #b79b40;
  border-radius: 99px;
  width: 8px;
  height: 8px;
  margin-top: 3px;
  box-shadow: 0 0 0 4px #b79b4014;
}

.v60-timeline b, .v60-timeline small {
  display: block;
}

.v60-timeline small {
  color: #756e62;
  font-size: 8px;
}

.v60-config-groups {
  grid-template-columns: 1fr 1fr;
  gap: 12px;
  display: grid;
}

.v60-config-group {
  background: #090907;
  border: 1px solid #d8b44817;
  border-radius: 14px;
  padding: 15px;
}

.v60-config-group h2 {
  margin-top: 0;
}

.v60-config-group > div {
  gap: 6px;
  display: grid;
}

.v60-config-group a {
  color: inherit;
  background: #070705;
  border-radius: 9px;
  grid-template-columns: 1fr auto;
  gap: 3px 10px;
  padding: 10px;
  text-decoration: none;
  display: grid;
}

.v60-config-group a b, .v60-config-group a small {
  display: block;
}

.v60-config-group a small {
  color: #756d61;
  font-size: 8px;
}

.v60-config-group a span {
  color: #d0b34f;
  grid-area: 1 / 2 / 3;
  align-self: center;
}

.v60-experience {
  background: linear-gradient(145deg, #100f0c, #070705);
  border: 1px solid #d8b44826;
  border-radius: 16px;
  gap: 12px;
  padding: 16px;
  display: grid;
}

.v60-panel-head {
  justify-content: space-between;
  display: flex;
}

.v60-panel-head > div > span {
  color: #d6b64d;
  letter-spacing: 1px;
  font-size: 9px;
  font-weight: 900;
}

.v60-panel-head h2 {
  margin: 3px 0;
}

.v60-panel-head p {
  color: #766f63;
  margin: 0;
}

.v60-panel-head > button {
  color: #d6b64d;
  background: #080806;
  border: 1px solid #d8b4481f;
  border-radius: 9px;
  width: 34px;
  height: 34px;
  font-size: 20px;
}

.v60-experience-grid {
  grid-template-columns: 1.2fr 1fr .8fr;
  gap: 9px;
  display: grid;
}

.v60-experience-grid > article, .v60-compare {
  background: #090907;
  border: 1px solid #d8b44812;
  border-radius: 11px;
  padding: 11px;
}

.v60-experience-grid h3 {
  margin-top: 0;
}

.v60-save-view, .v60-copy-form {
  gap: 7px;
  display: grid;
}

.v60-save-view label, .v60-copy-form label {
  color: #867e70;
  font-size: 9px;
}

.v60-saved-views {
  gap: 5px;
  margin-top: 9px;
  display: grid;
}

.v60-saved-views > div {
  grid-template-columns: 1fr auto;
  gap: 5px;
  display: grid;
}

.v60-saved-views button {
  text-align: left;
  color: inherit;
  background: #070705;
  border: 1px solid #d8b44812;
  border-radius: 8px;
  padding: 7px;
}

.v60-saved-views b, .v60-saved-views small {
  display: block;
}

.v60-saved-views small {
  color: #756e62;
  font-size: 8px;
}

.v60-export-actions {
  gap: 6px;
  display: grid;
}

.v60-compare-list {
  gap: 5px;
  max-height: 350px;
  margin-top: 8px;
  display: grid;
  overflow: auto;
}

.v60-compare-list > div {
  border-bottom: 1px solid #ffffff09;
  grid-template-columns: 1fr auto 1.7fr;
  gap: 8px;
  padding: 8px;
  display: grid;
}

.v60-compare-list b, .v60-compare-list small {
  display: block;
}

.v60-compare-list small {
  color: #7a7265;
  font-size: 8px;
}

.v60-daypart {
  align-items: center;
  gap: 5px;
  display: flex;
}

.v60-daypart > span {
  color: #696257;
  margin-right: 4px;
  font-size: 8px;
}

.v60-daypart button {
  color: #857d70;
  background: #080806;
  border: 1px solid #d8b44814;
  border-radius: 8px;
  padding: 7px 9px;
  font-size: 9px;
}

.v60-daypart button.on {
  color: #dec15b;
  background: #d8b4480d;
  border-color: #d8b44852;
}

.v60-drop-cell {
  transition: all .15s;
}

.v60-drop-cell:hover {
  outline-offset: -3px;
  outline: 1px dashed #d8b44842;
}

.v56-mini-shift[draggable="true"] {
  cursor: grab;
}

.v56-mini-shift[draggable="true"]:active {
  cursor: grabbing;
}

.v60-heatmap-wrap {
  border: 1px solid #d8b44812;
  border-radius: 12px;
  max-height: 72vh;
  overflow: auto;
}

.v60-heatmap {
  width: max-content;
  min-width: 100%;
  display: grid;
}

.v60-heat-corner, .v60-heat-head, .v60-heat-label, .v60-heat-cell {
  border-bottom: 1px solid #d8b4480f;
  border-right: 1px solid #d8b4480f;
  min-height: 64px;
}

.v60-heat-corner {
  z-index: 8;
  background: #11100c;
  padding: 9px;
  position: sticky;
  top: 0;
  left: 0;
}

.v60-heat-corner b, .v60-heat-corner small, .v60-heat-head b, .v60-heat-head small, .v60-heat-label b, .v60-heat-label small {
  display: block;
}

.v60-heat-corner small, .v60-heat-head small, .v60-heat-label small {
  color: #746d61;
  font-size: 8px;
}

.v60-heat-head {
  z-index: 6;
  text-align: center;
  background: #0e0d0a;
  padding: 8px;
  position: sticky;
  top: 0;
}

.v60-heat-head b {
  color: #d4b750;
  font-size: 9px;
}

.v60-heat-label {
  z-index: 5;
  background: #0c0b09;
  padding: 9px;
  position: sticky;
  left: 0;
}

.v60-heat-cell {
  text-align: center;
  align-content: center;
  place-items: center;
  gap: 2px;
  padding: 5px;
  display: grid;
}

.v60-heat-cell b {
  font-size: 16px;
}

.v60-heat-cell small {
  font-size: 8px;
}

.v60-heat-cell.full {
  background: #307a4e1f;
}

.v60-heat-cell.partial {
  background: #be842e21;
}

.v60-heat-cell.low {
  background: #b33f3929;
}

.v60-heat-cell.none {
  color: #514d45;
  background: #080806;
}

.v60-heat-cell button {
  color: #d9b64b;
  cursor: pointer;
  background: none;
  border: 0;
  font-size: 8px;
  text-decoration: underline;
}

@media (max-width: 1250px) {
  .v60-ops-grid {
    grid-template-columns: 1fr 1fr;
  }

  .v60-dayline {
    grid-template-columns: 1fr 1fr 1fr;
  }

  .v60-record-kpis {
    grid-template-columns: repeat(4, 1fr);
  }

  .v60-experience-grid, .v60-shortcuts {
    grid-template-columns: 1fr 1fr;
  }
}

@media (max-width: 800px) {
  .v60-ops-hero, .v60-standard-hero {
    flex-direction: column;
    align-items: stretch;
  }

  .v60-selector {
    width: 100%;
    min-width: 0;
  }

  .v60-ops-grid, .v60-two-col, .v60-config-groups, .v60-experience-grid {
    grid-template-columns: 1fr;
  }

  .v60-record-hero {
    grid-template-columns: 60px 1fr;
  }

  .v60-health-pill {
    text-align: left;
    grid-column: 1 / -1;
  }

  .v60-record-kpis, .v60-health-summary {
    grid-template-columns: 1fr 1fr;
  }

  .v60-priority {
    grid-template-columns: 55px 1fr;
  }

  .v60-priority .button {
    grid-column: 2;
  }

  .v60-compare-list, .v60-compare-list > div, .v60-doc-grid, .v60-contact-grid {
    grid-template-columns: 1fr;
  }
}

@media print {
  body.v60-print-planning .sidebar, body.v60-print-planning .v52-hero-actions, body.v60-print-planning .v52-modules, body.v60-print-planning .v56-range-presets, body.v60-print-planning .v52-filters, body.v60-print-planning .v60-experience, body.v60-print-planning .v52-side, body.v60-print-planning button {
    display: none !important;
  }

  body.v60-print-planning .shell {
    display: block !important;
  }

  body.v60-print-planning .content {
    padding: 0 !important;
  }

  body.v60-print-planning .v52-main {
    display: block !important;
  }

  body.v60-print-planning {
    color: #000 !important;
    background: #fff !important;
  }
}

.v601-health-focus {
  scroll-margin-top: 24px;
  box-shadow: 0 0 0 1px #e0b43914, 0 16px 40px #00000038;
  border-color: #e0b43961 !important;
}

.v601-health-docs {
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  gap: 7px;
  display: grid;
}

.v601-health-docs .button {
  text-align: left;
  white-space: normal;
  gap: 2px;
  height: auto;
  min-height: 66px;
  display: grid;
}

.v601-health-docs .button span, .v601-health-docs .button strong, .v601-health-docs .button small {
  display: block;
}

.v601-health-docs .button small {
  color: #817869;
  font-size: 9px;
}

.v35-sidebar {
  flex-direction: column !important;
  gap: 0 !important;
  height: 100dvh !important;
  max-height: 100dvh !important;
  display: flex !important;
  overflow: hidden !important;
}

.v35-sidebar-head {
  flex: none !important;
  padding-bottom: 8px !important;
}

.v35-workspaces {
  flex: none !important;
  margin: 0 8px 7px !important;
  padding: 9px !important;
}

.v35-workspaces-label {
  margin-bottom: 6px !important;
  font-size: 9px !important;
}

.v35-workspaces-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 4px !important;
  display: grid !important;
}

.v35-workspaces-grid a {
  border-radius: 7px !important;
  min-height: 0 !important;
  padding: 7px 4px !important;
  font-size: 11px !important;
}

.v602-sidebar-tools {
  flex: none;
  gap: 6px;
  padding: 0 8px 7px;
  display: grid;
}

.v602-quick-nav {
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 4px;
  display: grid;
}

.v602-quick-nav a {
  color: #91897b;
  text-align: center;
  background: #0b0a08;
  border: 1px solid #d8b4481a;
  border-radius: 7px;
  padding: 7px 2px;
  font-size: 8px;
  font-weight: 800;
  text-decoration: none;
}

.v602-quick-nav a:hover, .v602-quick-nav a.active {
  color: #e1c158;
  background: #d8b4480e;
  border-color: #d8b44857;
}

.v602-nav-search {
  background: #080806;
  border: 1px solid #d8b4481f;
  border-radius: 9px;
  grid-template-columns: auto 1fr auto;
  align-items: center;
  gap: 6px;
  padding: 7px 8px;
  display: grid;
}

.v602-nav-search > span {
  color: #d1b24c;
  font-size: 14px;
}

.v602-nav-search input {
  color: #e7e0d5;
  width: 100%;
  min-width: 0;
  font: inherit;
  background: none;
  border: 0;
  outline: 0;
  font-size: 10px;
}

.v602-nav-search input::placeholder {
  color: #675f54;
}

.v602-nav-search button {
  color: #877e70;
  cursor: pointer;
  background: none;
  border: 0;
  width: 22px;
  height: 22px;
  padding: 0;
}

.v35-nav {
  scrollbar-width: thin;
  scrollbar-color: #d8b44847 transparent;
  flex: auto !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  padding: 2px 8px 10px !important;
  overflow: hidden auto !important;
}

.v35-nav::-webkit-scrollbar {
  width: 7px;
}

.v35-nav::-webkit-scrollbar-thumb {
  background: #d8b44833;
  border-radius: 99px;
}

.v35-nav-group {
  margin-bottom: 4px !important;
}

.v35-nav-group-title {
  background: #090907 !important;
  border-radius: 8px !important;
  min-height: 34px !important;
  padding: 6px 9px !important;
}

.v35-nav-items {
  padding: 3px 0 5px !important;
}

.v35-nav-items a {
  border-radius: 8px !important;
  min-height: 0 !important;
  padding: 7px 10px 7px 14px !important;
  font-size: 10px !important;
}

.v35-sidebar-footer, .v36-sidebar-footer {
  background: #070705 !important;
  border-top: 1px solid #d8b44814 !important;
  flex: none !important;
  margin: 0 !important;
  padding: 7px 8px !important;
}

.v35-sidebar-footer .v35-user {
  margin-bottom: 4px !important;
}

.v35-sidebar-footer .v35-user strong {
  font-size: 10px !important;
}

.v35-sidebar-footer .v35-user span {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  font-size: 8px !important;
}

.v35-sidebar-footer > .button {
  min-height: 32px !important;
  padding: 5px 9px !important;
}

.v602-health-actions {
  flex-wrap: wrap;
  gap: 7px;
  display: flex;
}

.v602-guided {
  background: linear-gradient(145deg, #100f0c, #080806);
  border: 1px solid #d8b4482b;
  border-radius: 16px;
  gap: 10px;
  padding: 15px;
  display: grid;
}

.v602-guided-head {
  justify-content: space-between;
  align-items: end;
  gap: 12px;
  display: flex;
}

.v602-guided-head span {
  color: #d9b74e;
  letter-spacing: 1px;
  font-size: 9px;
  font-weight: 900;
}

.v602-guided-head h2 {
  margin: 3px 0;
}

.v602-guided-head p {
  color: #7d7568;
  margin: 0;
}

.v602-guided-head > strong {
  color: #e1c35b;
  font-size: 34px;
}

.v602-guided-list {
  gap: 7px;
  display: grid;
}

.v602-guide {
  background: #080806;
  border: 1px solid #d8b44812;
  border-radius: 12px;
  grid-template-columns: 42px 1fr auto;
  align-items: center;
  gap: 12px;
  padding: 12px;
  display: grid;
}

.v602-guide.critical {
  box-shadow: inset 4px 0 #b84840;
}

.v602-guide.high {
  box-shadow: inset 4px 0 #c78a32;
}

.v602-guide.medium {
  box-shadow: inset 4px 0 #8d7830;
}

.v602-guide-number {
  color: #dfc158;
  border: 1px solid #d8b4482e;
  border-radius: 99px;
  place-items: center;
  width: 34px;
  height: 34px;
  font-weight: 900;
  display: grid;
}

.v602-guide-title span {
  color: #847b6c;
  font-size: 8px;
  font-weight: 900;
  display: block;
}

.v602-guide-title h3 {
  margin: 2px 0;
  font-size: 13px;
}

.v602-guide-title small {
  color: #6f685d;
}

.v602-guide ol {
  gap: 4px;
  margin: 8px 0 0;
  padding-left: 18px;
  display: grid;
}

.v602-guide li {
  color: #a79e8f;
  font-size: 10px;
  line-height: 1.4;
}

.v602-guided-finish {
  border-top: 1px solid #d8b44814;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  padding-top: 10px;
  display: flex;
}

.v602-guided-finish b, .v602-guided-finish span {
  display: block;
}

.v602-guided-finish span {
  color: #7b7366;
  font-size: 9px;
}

.v602-inline-help {
  color: #d1b34e !important;
  margin-top: 4px !important;
}

.v602-all-good {
  background: #3980580d;
  border: 1px solid #39805840;
  border-radius: 14px;
  align-items: center;
  gap: 16px;
  padding: 18px;
  display: flex;
}

.v602-all-good > strong {
  color: #59a97a;
  font-size: 34px;
}

.v602-all-good h2 {
  margin: 0;
}

.v602-all-good p {
  color: #798074;
  margin: 3px 0 0;
}

.v602-return-health {
  z-index: 20;
  -webkit-backdrop-filter: blur(12px);
  backdrop-filter: blur(12px);
  background: #0b0a08f5;
  border: 1px solid #d8b44847;
  border-radius: 11px;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  margin-bottom: 10px;
  padding: 10px 12px;
  display: flex;
  position: sticky;
  top: 8px;
  box-shadow: 0 12px 30px #00000047;
}

.v602-return-health span, .v602-return-health b, .v602-return-health small {
  display: block;
}

.v602-return-health span {
  color: #d9b74e;
  letter-spacing: .8px;
  font-size: 8px;
  font-weight: 900;
}

.v602-return-health b {
  margin: 2px 0;
  font-size: 11px;
}

.v602-return-health small {
  color: #786f61;
  font-size: 8px;
}

@media (max-width: 900px) {
  .v602-guide {
    grid-template-columns: 38px 1fr;
  }

  .v602-guide > .button {
    grid-column: 2;
  }

  .v602-guided-finish, .v602-return-health {
    flex-direction: column;
    align-items: stretch;
  }
}

.v70-page {
  gap: 14px;
  display: grid;
}

.v70-hero {
  background: radial-gradient(circle at 85% 10%, #d8b44812, #0000 30%), linear-gradient(145deg, #11100d, #070705);
  border: 1px solid #d8b44824;
  border-radius: 17px;
  justify-content: space-between;
  align-items: flex-end;
  gap: 18px;
  padding: 18px;
  display: flex;
}

.v70-hero span, .v70-card-title span {
  color: #d9b74e;
  letter-spacing: .8px;
  font-size: 9px;
  font-weight: 900;
}

.v70-hero h1 {
  margin: 4px 0;
  font-size: 28px;
}

.v70-hero p {
  color: #81796c;
  margin: 0;
}

.v70-actions {
  flex-wrap: wrap;
  align-items: center;
  gap: 6px;
  display: flex;
}

.v70-kpis {
  grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
  gap: 6px;
  display: grid;
}

.v70-kpis > div {
  background: #090907;
  border: 1px solid #d8b44812;
  border-radius: 10px;
  padding: 10px;
}

.v70-kpis span, .v70-kpis b, .v70-kpis small {
  display: block;
}

.v70-kpis span {
  color: #746d61;
  text-transform: uppercase;
  font-size: 8px;
}

.v70-kpis b {
  font-size: 19px;
}

.v70-kpis small {
  color: #81786a;
  font-size: 8px;
}

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

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

.v70-card {
  background: #090907;
  border: 1px solid #d8b44814;
  border-radius: 13px;
  min-width: 0;
  padding: 13px;
}

.v70-card-title {
  justify-content: space-between;
  align-items: flex-end;
  gap: 8px;
  display: flex;
}

.v70-card-title h2, .v70-card-title h3 {
  margin: 3px 0;
}

.v70-list {
  gap: 5px;
  max-height: 560px;
  margin-top: 9px;
  display: grid;
  overflow: auto;
}

.v70-row {
  color: inherit;
  background: #070705;
  border: 1px solid #ffffff09;
  border-radius: 8px;
  grid-template-columns: 1fr auto;
  align-items: center;
  gap: 8px;
  padding: 8px;
  text-decoration: none;
  display: grid;
}

.v70-row b, .v70-row small, .v70-row span {
  display: block;
}

.v70-row small {
  color: #776f62;
  font-size: 8px;
}

.v70-row p {
  color: #a49b8c;
  margin: 5px 0 0;
}

.v70-row-actions {
  flex-wrap: wrap;
  align-items: center;
  gap: 5px;
  display: flex;
}

.v70-form {
  gap: 7px;
  display: grid;
}

.v70-form-grid {
  grid-template-columns: 1fr 1fr;
  gap: 7px;
  display: grid;
}

.v70-form label {
  color: #80786b;
  gap: 3px;
  font-size: 9px;
  display: grid;
}

.v70-check {
  align-items: center;
  gap: 6px !important;
  display: flex !important;
}

.v70-tabs {
  flex-wrap: wrap;
  gap: 5px;
  display: flex;
}

.v70-tabs button.on {
  color: #e0c159 !important;
  background: #d8b4480d !important;
  border-color: #d8b44859 !important;
}

.v70-announcement {
  border-left: 3px solid #8b7834;
}

.v70-announcement.critical {
  border-left-color: #b64740;
}

.v70-announcement.urgent {
  border-left-color: #cb8730;
}

.v70-announcement.important {
  border-left-color: #c5ab48;
}

.v70-instruction {
  background: #080806;
  border: 1px solid #d8b44814;
  border-radius: 10px;
  padding: 10px;
}

.v70-instruction.unread {
  box-shadow: inset 3px 0 #ca8830;
}

.v70-instruction pre {
  white-space: pre-wrap;
  color: #aaa091;
  font-family: inherit;
}

.v70-instruction h3 {
  margin: 6px 0;
}

.v70-instruction p {
  white-space: pre-wrap;
}

.v70-flow {
  flex-wrap: wrap;
  gap: 4px;
  margin-top: 7px;
  display: flex;
}

.v70-flow button {
  font-size: 8px !important;
}

.v70-table-wrap {
  border: 1px solid #d8b44812;
  border-radius: 10px;
  overflow: auto;
}

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

.v70-table th, .v70-table td {
  text-align: left;
  border-bottom: 1px solid #ffffff09;
  padding: 8px;
  font-size: 9px;
}

.v70-table th {
  color: #8b8273;
  background: #0d0c09;
  position: sticky;
  top: 0;
}

.v70-table td b {
  display: block;
}

.v70-asset.overdue {
  box-shadow: inset 3px 0 #b84941;
}

.v70-visitor.in {
  box-shadow: inset 3px 0 #3d875e;
}

.v70-rule {
  grid-template-columns: 1fr auto auto;
}

.v70-rule.off {
  opacity: .55;
}

.v70-lifecycle-progress {
  background: #17140e;
  border-radius: 99px;
  height: 7px;
  margin-top: 5px;
  overflow: hidden;
}

.v70-lifecycle-progress i {
  background: #c4a849;
  height: 100%;
  display: block;
}

.v70-checklist {
  gap: 5px;
  display: grid;
}

.v70-checkitem {
  border-bottom: 1px solid #ffffff09;
  grid-template-columns: auto 1fr;
  align-items: center;
  gap: 8px;
  padding: 8px;
  display: grid;
}

.v70-checkitem.done {
  opacity: .6;
}

.v70-checkitem input {
  width: 18px;
  height: 18px;
}

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

.v70-hub-card {
  color: inherit;
  background: #090907;
  border: 1px solid #d8b44814;
  border-radius: 13px;
  gap: 5px;
  padding: 14px;
  text-decoration: none;
  display: grid;
}

.v70-hub-card:hover {
  border-color: #d8b44840;
  transform: translateY(-1px);
}

.v70-hub-card span {
  color: #d0b049;
  font-size: 8px;
  font-weight: 900;
}

.v70-hub-card b {
  font-size: 14px;
}

.v70-hub-card small {
  color: #786f62;
}

.v70-portal {
  color: #eee7db;
  background: #070705;
  min-height: 100vh;
  padding: 18px;
}

.v70-portal-inner {
  gap: 14px;
  max-width: 1250px;
  margin: auto;
  display: grid;
}

.v70-portal-header {
  background: #090907;
  border: 1px solid #d8b44821;
  border-radius: 14px;
  justify-content: space-between;
  align-items: flex-end;
  gap: 12px;
  padding: 16px;
  display: flex;
}

.v70-portal-header h1 {
  margin: 4px 0;
}

.v70-site-card {
  background: #0a0907;
  border: 1px solid #d8b44814;
  border-radius: 12px;
  padding: 12px;
}

.v70-site-card h2 {
  margin: 5px 0;
}

.v70-presence {
  flex-wrap: wrap;
  gap: 5px;
  margin-top: 8px;
  display: flex;
}

.v70-presence span {
  background: #11100c;
  border-radius: 7px;
  padding: 5px 7px;
  font-size: 8px;
}

.v70-big-status {
  color: #d8ba56;
  font-size: 30px;
}

@media (max-width: 1050px) {
  .v70-grid.three, .v70-hub-grid {
    grid-template-columns: 1fr 1fr;
  }
}

@media (max-width: 800px) {
  .v70-grid, .v70-grid.three, .v70-form-grid, .v70-hub-grid {
    grid-template-columns: 1fr;
  }

  .v70-hero, .v70-portal-header {
    flex-direction: column;
    align-items: stretch;
  }

  .v70-row, .v70-rule {
    grid-template-columns: 1fr;
  }
}

@media print {
  .sidebar, .v70-actions, .v70-tabs, button {
    display: none !important;
  }

  .v70-portal, .content {
    color: #000 !important;
    background: #fff !important;
    padding: 0 !important;
  }
}

.v80-page {
  gap: 14px;
  display: grid;
}

.v80-hero {
  background: radial-gradient(circle at 85% 10%, #d8b44813, #0000 30%), linear-gradient(145deg, #11100d, #070705);
  border: 1px solid #d8b44824;
  border-radius: 17px;
  justify-content: space-between;
  align-items: flex-end;
  gap: 16px;
  padding: 18px;
  display: flex;
}

.v80-hero span, .v80-label {
  color: #d8b94f;
  letter-spacing: .85px;
  font-size: 9px;
  font-weight: 900;
}

.v80-hero h1 {
  margin: 4px 0;
  font-size: 28px;
}

.v80-hero p {
  color: #82796b;
  margin: 0;
}

.v80-actions {
  flex-wrap: wrap;
  align-items: center;
  gap: 6px;
  display: flex;
}

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

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

.v80-card {
  background: #090907;
  border: 1px solid #d8b44814;
  border-radius: 13px;
  min-width: 0;
  padding: 13px;
}

.v80-card h2, .v80-card h3 {
  margin: 3px 0 8px;
}

.v80-card-head {
  justify-content: space-between;
  align-items: flex-end;
  gap: 8px;
  display: flex;
}

.v80-kpis {
  grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
  gap: 6px;
  display: grid;
}

.v80-kpis > div {
  background: #090907;
  border: 1px solid #d8b44812;
  border-radius: 10px;
  padding: 10px;
}

.v80-kpis span, .v80-kpis b, .v80-kpis small {
  display: block;
}

.v80-kpis span {
  color: #756d60;
  text-transform: uppercase;
  font-size: 8px;
}

.v80-kpis b {
  font-size: 20px;
}

.v80-kpis small {
  color: #82786a;
  font-size: 8px;
}

.v80-list {
  gap: 5px;
  max-height: 590px;
  display: grid;
  overflow: auto;
}

.v80-row {
  color: inherit;
  background: #070705;
  border: 1px solid #ffffff09;
  border-radius: 9px;
  grid-template-columns: 1fr auto;
  align-items: center;
  gap: 8px;
  padding: 9px;
  text-decoration: none;
  display: grid;
}

.v80-row b, .v80-row span, .v80-row small {
  display: block;
}

.v80-row small {
  color: #766e61;
  font-size: 8px;
}

.v80-row p {
  color: #9c9385;
  white-space: pre-wrap;
  margin: 5px 0;
}

.v80-row-actions {
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 5px;
  display: flex;
}

.v80-form {
  gap: 7px;
  display: grid;
}

.v80-form-grid {
  grid-template-columns: 1fr 1fr;
  gap: 7px;
  display: grid;
}

.v80-form label {
  color: #81786b;
  gap: 3px;
  font-size: 9px;
  display: grid;
}

.v80-check {
  align-items: center;
  gap: 6px !important;
  display: flex !important;
}

.v80-tabs {
  flex-wrap: wrap;
  gap: 5px;
  display: flex;
}

.v80-tabs button.on {
  color: #e0c159 !important;
  background: #d8b4480d !important;
  border-color: #d8b44859 !important;
}

.v80-score {
  color: #dfc25b;
  border: 1px solid #d8b44840;
  border-radius: 50%;
  place-items: center;
  width: 52px;
  height: 52px;
  font-size: 16px;
  font-weight: 900;
  display: grid;
}

.v80-score.bad {
  color: #d55d54;
  border-color: #d55d5466;
}

.v80-reason {
  color: #968d7d;
  background: #12100c;
  border-radius: 5px;
  margin: 2px;
  padding: 3px 5px;
  font-size: 8px;
  display: inline-flex !important;
}

.v80-blocker {
  color: #d26b63;
  background: #a8362f17;
}

.v80-flow {
  flex-wrap: wrap;
  gap: 4px;
  display: flex;
}

.v80-flow span {
  color: #7f776b;
  background: #11100c;
  border-radius: 6px;
  padding: 4px 6px;
  font-size: 8px;
}

.v80-flow span.current {
  color: #e1c15b;
  border: 1px solid #d8b44838;
}

.v80-audit-item {
  border-bottom: 1px solid #ffffff09;
  grid-template-columns: 1fr 90px;
  align-items: center;
  gap: 8px;
  padding: 8px;
  display: grid;
}

.v80-audit-item input {
  width: 100%;
}

.v80-live-alert {
  box-shadow: inset 4px 0 #b94740;
}

.v80-live-warn {
  box-shadow: inset 4px 0 #c78932;
}

.v80-live-ok {
  box-shadow: inset 4px 0 #3e885f;
}

.v80-timeline {
  gap: 0;
  display: grid;
}

.v80-timeline > div {
  border-bottom: 1px solid #ffffff09;
  grid-template-columns: 70px 1fr;
  gap: 10px;
  padding: 8px 0;
  display: grid;
}

.v80-timeline time {
  color: #d0b14a;
  font-size: 9px;
}

.v80-timeline b, .v80-timeline small {
  display: block;
}

.v80-timeline small {
  color: #786f62;
}

.v80-oncall-level {
  color: #dfbd52;
  background: #11100c;
  border-radius: 9px;
  place-items: center;
  min-width: 44px;
  height: 44px;
  font-size: 18px;
  font-weight: 900;
  display: grid;
}

.v80-key {
  word-break: break-all;
  color: #e1c15b;
  background: #0e0c08;
  border: 1px dashed #d8b44859;
  border-radius: 9px;
  padding: 10px;
  font-family: monospace;
}

.v80-audit-log {
  font-family: ui-monospace, SFMono-Regular, Consolas, monospace;
  font-size: 8px;
}

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

.v80-hub-card {
  color: inherit;
  background: #090907;
  border: 1px solid #d8b44814;
  border-radius: 13px;
  gap: 5px;
  padding: 14px;
  text-decoration: none;
  display: grid;
}

.v80-hub-card:hover {
  border-color: #d8b44842;
  transform: translateY(-1px);
}

.v80-hub-card span {
  color: #d0b049;
  font-size: 8px;
  font-weight: 900;
}

.v80-hub-card b {
  font-size: 14px;
}

.v80-hub-card small {
  color: #786f62;
}

.v80-mobile {
  color: #eee7db;
  background: #070705;
  min-height: 100dvh;
  padding: 10px;
}

.v80-mobile-inner {
  gap: 10px;
  max-width: 760px;
  margin: auto;
  display: grid;
}

.v80-mobile-head {
  background: #090907;
  border: 1px solid #d8b44821;
  border-radius: 14px;
  justify-content: space-between;
  align-items: center;
  gap: 10px;
  padding: 13px;
  display: flex;
}

.v80-mobile-head h1 {
  margin: 2px 0;
  font-size: 22px;
}

.v80-mobile-head small, .v80-mobile-head span {
  color: #7c7467;
  font-size: 8px;
  display: block;
}

.v80-shift-card {
  background: linear-gradient(145deg, #0f0e0b, #080806);
  border: 1px solid #d8b4481f;
  border-radius: 14px;
  padding: 14px;
}

.v80-shift-card.active {
  border-color: #4b996959;
  box-shadow: inset 4px 0 #4c986c;
}

.v80-shift-card h2 {
  margin: 5px 0;
}

.v80-shift-card .time {
  color: #e0c05a;
  font-size: 21px;
  font-weight: 900;
}

.v80-mobile-actions {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 7px;
  display: grid;
}

.v80-mobile-actions button, .v80-mobile-actions a {
  text-align: center;
  place-items: center;
  min-height: 58px;
  font-weight: 900;
  text-decoration: none;
  display: grid;
}

.v80-status-strip {
  grid-template-columns: repeat(3, 1fr);
  gap: 5px;
  display: grid;
}

.v80-status-strip > div {
  text-align: center;
  background: #0c0b08;
  border-radius: 9px;
  padding: 8px;
}

.v80-status-strip b, .v80-status-strip small {
  display: block;
}

.v80-status-strip small {
  color: #766e62;
  font-size: 7px;
}

.v80-offline {
  background: #c98b2f0d;
  border: 1px solid #c98b2f40;
  border-radius: 9px;
  padding: 8px;
  font-size: 9px;
}

.v80-secure {
  background: #0d0c09;
  border-radius: 8px;
  padding: 7px;
  font-size: 8px;
}

.v80-secure.good {
  color: #71b68b;
}

.v80-secure.wait {
  color: #c99a46;
}

@media (max-width: 1050px) {
  .v80-grid.three, .v80-hub {
    grid-template-columns: 1fr 1fr;
  }
}

@media (max-width: 800px) {
  .v80-grid, .v80-grid.three, .v80-form-grid, .v80-hub {
    grid-template-columns: 1fr;
  }

  .v80-hero {
    flex-direction: column;
    align-items: stretch;
  }

  .v80-row {
    grid-template-columns: 1fr;
  }

  .v80-mobile-actions {
    grid-template-columns: 1fr 1fr;
  }
}

.v80-grid, .v80-grid > *, .v80-card, .v80-form, .v80-form-grid, .v80-form-grid > * {
  min-width: 0;
}

.v80-card {
  overflow: hidden;
}

.v80-form .input, .v80-form input, .v80-form select, .v80-form textarea {
  box-sizing: border-box;
  width: 100%;
  min-width: 0;
  max-width: 100%;
}

.v80-workorder-grid {
  align-items: start;
}

.v80-workorder-grid > .v80-card {
  width: 100%;
  max-width: 100%;
}

.v80-empty {
  color: #766e61;
  text-align: center;
  border: 1px dashed #d8b4481f;
  border-radius: 10px;
  padding: 18px;
}

.v80-reg-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 9px;
  margin-top: 10px;
  display: grid;
}

.v80-reg-agent {
  background: #080806;
  border: 1px solid #d8b44814;
  border-radius: 12px;
  min-width: 0;
  padding: 11px;
}

.v80-reg-agent-head {
  justify-content: space-between;
  align-items: flex-start;
  gap: 8px;
  margin-bottom: 8px;
  display: flex;
}

.v80-reg-agent-head b, .v80-reg-agent-head small {
  display: block;
}

.v80-reg-agent-head small {
  color: #756d61;
  font-size: 8px;
}

.v80-reg-cards {
  gap: 6px;
  display: grid;
}

.v80-reg-card {
  background: #070705;
  border: 1px solid #ffffff0a;
  border-radius: 9px;
  grid-template-columns: 1fr auto;
  align-items: center;
  gap: 8px;
  padding: 9px;
  display: grid;
}

.v80-reg-card h3 {
  margin: 3px 0;
  font-size: 13px;
}

.v80-reg-card small {
  color: #81786a;
  font-size: 8px;
  display: block;
}

.v80-reg-card.ok {
  box-shadow: inset 3px 0 #458964;
}

.v80-reg-card.warn {
  box-shadow: inset 3px 0 #c68a32;
}

.v80-reg-card.bad {
  box-shadow: inset 3px 0 #b94b43;
}

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

@media (max-width: 1050px) {
  .v86-grid.three {
    grid-template-columns: 1fr 1fr;
  }
}

@media (max-width: 800px) {
  .v86-grid, .v86-grid.three, .v86-form-grid {
    grid-template-columns: 1fr;
  }

  .v86-hero {
    flex-direction: column;
    align-items: stretch;
  }

  .v86-row, .v86-bi-bar {
    grid-template-columns: 1fr;
  }

  .v86-map-shell {
    min-height: 430px;
  }

  .v86-command-trigger span {
    display: none;
  }
}

.v861-page {
  gap: 14px;
  max-width: 1540px;
  margin: 0 auto;
  display: grid;
}

.v861-hero {
  background: radial-gradient(circle at 80% -20%, #deb84321, #0000 38%), radial-gradient(circle at 5% 120%, #74581817, #0000 30%), linear-gradient(145deg, #12110d, #090806 70%);
  border: 1px solid #e0bc4e26;
  border-radius: 20px;
  justify-content: space-between;
  align-items: flex-end;
  gap: 22px;
  padding: 24px 26px;
  display: flex;
  position: relative;
  overflow: hidden;
  box-shadow: 0 18px 60px #0000002e;
}

.v861-hero:after {
  content: "";
  pointer-events: none;
  border: 1px solid #dbb54614;
  border-radius: 50%;
  width: 300px;
  height: 300px;
  position: absolute;
  top: -110px;
  right: -70px;
  box-shadow: 0 0 0 35px #dbb54606, 0 0 0 70px #dbb54604;
}

.v861-hero-copy {
  z-index: 1;
  max-width: 820px;
  position: relative;
}

.v861-eyebrow {
  color: #d8b84c;
  letter-spacing: 1.1px;
  align-items: center;
  gap: 7px;
  font-size: 9px;
  font-weight: 900;
  display: flex;
}

.v861-live-dot {
  background: #62ae7d;
  border-radius: 50%;
  width: 7px;
  height: 7px;
  box-shadow: 0 0 0 5px #62ae7d14;
}

.v861-hero h1 {
  letter-spacing: -1px;
  margin: 8px 0 7px;
  font-size: 36px;
  line-height: 1.05;
}

.v861-hero p {
  color: #9a9081;
  max-width: 760px;
  margin: 0;
  font-size: 13px;
  line-height: 1.55;
}

.v861-hero-meta {
  flex-wrap: wrap;
  gap: 6px;
  margin-top: 14px;
  display: flex;
}

.v861-hero-meta span {
  color: #756d60;
  background: #0a0907;
  border: 1px solid #d8b44814;
  border-radius: 7px;
  padding: 5px 7px;
  font-size: 8px;
}

.v861-hero-actions {
  z-index: 1;
  flex-wrap: wrap;
  gap: 7px;
  display: flex;
  position: relative;
}

.v861-recalc {
  min-width: 125px;
}

.v861-spin {
  animation: 1s linear infinite v861spin;
  display: inline-block;
}

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

.v861-status {
  background: #090907;
  border: 1px solid #ffffff0b;
  border-radius: 15px;
  grid-template-columns: auto 1fr auto;
  align-items: center;
  gap: 15px;
  padding: 16px 18px;
  display: grid;
}

.v861-status.healthy {
  background: linear-gradient(90deg, #45855c12, #090907 40%);
  border-color: #53996b2e;
}

.v861-status.attention {
  background: linear-gradient(90deg, #c6882e12, #090907 40%);
  border-color: #c6882e2e;
}

.v861-status-icon {
  border-radius: 13px;
  place-items: center;
  width: 45px;
  height: 45px;
  font-size: 21px;
  font-weight: 900;
  display: grid;
}

.healthy .v861-status-icon {
  color: #6ab488;
  background: #4691601a;
}

.attention .v861-status-icon {
  color: #d69b43;
  background: #c3842b1a;
}

.v861-label {
  color: #d1b34b;
  letter-spacing: .9px;
  font-size: 8px;
  font-weight: 900;
  display: block;
}

.v861-status h2 {
  margin: 3px 0;
  font-size: 18px;
}

.v861-status p {
  color: #847b6e;
  margin: 0;
  font-size: 10px;
}

.v861-status-score {
  text-align: right;
  min-width: 88px;
}

.v861-status-score strong, .v861-status-score span {
  display: block;
}

.v861-status-score strong {
  color: #e1c25a;
  font-size: 25px;
}

.v861-status-score span {
  color: #71695e;
  font-size: 8px;
}

.v861-kpis {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
  display: grid;
}

.v861-kpi {
  min-width: 0;
  color: inherit;
  text-align: left;
  cursor: pointer;
  background: #090907;
  border: 1px solid #d8b44812;
  border-radius: 13px;
  padding: 13px 14px;
  transition: all .16s;
  position: relative;
  overflow: hidden;
}

.v861-kpi:hover, .v861-kpi.selected {
  background: #0d0c09;
  border-color: #d8b44833;
  transform: translateY(-1px);
}

.v861-kpi:after {
  content: "";
  opacity: .35;
  background: #6f6757;
  height: 2px;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}

.v861-kpi.critical:after {
  background: #bf5048;
}

.v861-kpi.high:after {
  background: #cf8d36;
}

.v861-kpi.medium:after {
  background: #c0aa4e;
}

.v861-kpi.total:after {
  background: #d4b74e;
}

.v861-kpi-top {
  color: #81786b;
  text-transform: uppercase;
  justify-content: space-between;
  gap: 8px;
  font-size: 8px;
  display: flex;
}

.v861-kpi-top i {
  font-style: normal;
}

.v861-kpi.critical i {
  color: #c45750;
}

.v861-kpi.high i {
  color: #d0923e;
}

.v861-kpi.medium i {
  color: #c7af53;
}

.v861-kpi.total i {
  color: #d6b950;
}

.v861-kpi strong {
  margin: 5px 0 1px;
  font-size: 28px;
  line-height: 1;
  display: block;
}

.v861-kpi small {
  color: #6f685e;
  font-size: 8px;
}

.v861-layout {
  grid-template-columns: minmax(0, 1fr) 330px;
  align-items: start;
  gap: 11px;
  display: grid;
}

.v861-main, .v861-side-card {
  background: #090907;
  border: 1px solid #d8b44812;
  border-radius: 14px;
}

.v861-main {
  min-width: 0;
  padding: 14px;
}

.v861-section-head {
  border-bottom: 1px solid #ffffff0a;
  justify-content: space-between;
  align-items: flex-end;
  gap: 12px;
  padding: 2px 1px 12px;
  display: flex;
}

.v861-section-head h2 {
  margin: 3px 0 0;
  font-size: 19px;
}

.v861-filters {
  flex-wrap: wrap;
  gap: 4px;
  display: flex;
}

.v861-filters button {
  color: #8a8173;
  cursor: pointer;
  background: #080806;
  border: 1px solid #d8b44814;
  border-radius: 8px;
  align-items: center;
  gap: 5px;
  padding: 6px 8px;
  font-size: 8px;
  display: flex;
}

.v861-filters button.active {
  color: #e0bf56;
  background: #d8b4480f;
  border-color: #d8b44845;
}

.v861-filters button span {
  background: #11100c;
  border-radius: 5px;
  place-items: center;
  min-width: 17px;
  height: 17px;
  padding: 0 3px;
  font-size: 7px;
  display: grid;
}

.v861-priority-list {
  gap: 7px;
  margin-top: 9px;
  display: grid;
}

.v861-priority {
  background: #070705;
  border: 1px solid #ffffff0a;
  border-radius: 11px;
  grid-template-columns: 42px 1fr;
  gap: 10px;
  padding: 11px;
  display: grid;
  box-shadow: inset 3px 0 #7c725f;
}

.v861-priority.CRITICAL {
  box-shadow: inset 3px 0 #bc4d46;
}

.v861-priority.HIGH {
  box-shadow: inset 3px 0 #ce8a35;
}

.v861-priority.MEDIUM {
  box-shadow: inset 3px 0 #bba54d;
}

.v861-priority-rank {
  color: #71695c;
  background: #0e0d0a;
  border-radius: 9px;
  place-items: center;
  width: 35px;
  height: 35px;
  font-size: 9px;
  font-weight: 900;
  display: grid;
}

.v861-priority-body {
  min-width: 0;
}

.v861-priority-head {
  justify-content: space-between;
  align-items: flex-start;
  gap: 12px;
  display: flex;
}

.v861-badges {
  flex-wrap: wrap;
  align-items: center;
  gap: 5px;
  display: flex;
}

.v861-severity, .v861-kind {
  text-transform: uppercase;
  border-radius: 5px;
  padding: 3px 5px;
  font-size: 7px;
  font-weight: 900;
}

.v861-severity {
  color: #a89d8c;
  background: #13110d;
}

.v861-severity.CRITICAL {
  color: #d66b64;
  background: #bc4d461a;
}

.v861-severity.HIGH {
  color: #d89a49;
  background: #ce8a351a;
}

.v861-severity.MEDIUM {
  color: #ccb85d;
  background: #bba54d1a;
}

.v861-kind {
  color: #746c60;
  background: #0e0d0a;
}

.v861-priority h3 {
  margin: 5px 0 3px;
  font-size: 14px;
}

.v861-priority p {
  color: #93897a;
  margin: 0;
  font-size: 10px;
  line-height: 1.45;
}

.v861-score {
  text-align: center;
  background: #0d0c09;
  border: 1px solid #d8b44814;
  border-radius: 8px;
  min-width: 45px;
  padding: 5px 7px;
}

.v861-score strong, .v861-score span {
  display: block;
}

.v861-score strong {
  color: #ddbd54;
  font-size: 16px;
}

.v861-score span {
  color: #6d6559;
  text-transform: uppercase;
  font-size: 6px;
}

.v861-evidence {
  flex-wrap: wrap;
  gap: 4px;
  margin-top: 7px;
  display: flex;
}

.v861-evidence span {
  color: #766e61;
  background: #0d0c09;
  border-radius: 5px;
  padding: 3px 5px;
  font-size: 7px;
}

.v861-evidence b {
  color: #968a77;
}

.v861-priority-actions {
  justify-content: space-between;
  align-items: center;
  gap: 8px;
  margin-top: 8px;
  display: flex;
}

.v861-priority-actions > span {
  color: #665f55;
  font-size: 7px;
}

.v861-empty {
  text-align: center;
  background: radial-gradient(circle at 50% 0, #4a8f620e, #0000 45%), #070705;
  border: 1px dashed #58976c2e;
  border-radius: 12px;
  place-items: center;
  margin-top: 9px;
  padding: 35px 18px 30px;
  display: grid;
}

.v861-empty-shield {
  color: #6cb58a;
  background: #46916017;
  border-radius: 15px;
  place-items: center;
  width: 50px;
  height: 50px;
  margin-bottom: 8px;
  font-size: 24px;
  display: grid;
}

.v861-empty h3 {
  margin: 4px 0;
  font-size: 18px;
}

.v861-empty p {
  color: #7f7669;
  max-width: 570px;
  margin: 3px 0 13px;
  font-size: 10px;
}

.v861-empty-checks {
  flex-wrap: wrap;
  justify-content: center;
  gap: 5px;
  display: flex;
}

.v861-empty-checks span {
  color: #799381;
  background: #0d0c09;
  border-radius: 6px;
  padding: 4px 6px;
  font-size: 7px;
}

.v861-loading {
  gap: 7px;
  margin-top: 9px;
  display: grid;
}

.v861-skeleton {
  background: linear-gradient(90deg, #0a0907, #12100c, #0a0907) 0 0 / 220% 100%;
  border-radius: 10px;
  height: 82px;
  animation: 1.4s linear infinite v861shimmer;
}

@keyframes v861shimmer {
  to {
    background-position: -220% 0;
  }
}

.v861-side {
  gap: 9px;
  display: grid;
}

.v861-side-card {
  padding: 13px;
}

.v861-side-card h3 {
  margin: 3px 0 10px;
}

.v861-quick-links {
  gap: 5px;
  display: grid;
}

.v861-quick-links a {
  color: inherit;
  background: #070705;
  border: 1px solid #ffffff09;
  border-radius: 9px;
  grid-template-columns: 34px 1fr auto;
  align-items: center;
  gap: 8px;
  padding: 8px;
  text-decoration: none;
  display: grid;
}

.v861-quick-links a:hover {
  background: #0b0a08;
  border-color: #d8b44829;
}

.v861-quick-links i {
  color: #d4b64d;
  background: #100f0b;
  border-radius: 8px;
  place-items: center;
  width: 30px;
  height: 30px;
  font-style: normal;
  display: grid;
}

.v861-quick-links b, .v861-quick-links small {
  display: block;
}

.v861-quick-links b {
  font-size: 10px;
}

.v861-quick-links small {
  color: #726a5e;
  font-size: 7px;
}

.v861-quick-links > a > strong {
  color: #8b806f;
}

.v861-how {
  gap: 8px;
  display: grid;
}

.v861-how > div {
  grid-template-columns: 28px 1fr;
  gap: 8px;
  display: grid;
}

.v861-how > div > b {
  color: #d2b54d;
  background: #100f0b;
  border-radius: 7px;
  place-items: center;
  width: 25px;
  height: 25px;
  font-size: 8px;
  display: grid;
}

.v861-how span strong, .v861-how span small {
  display: block;
}

.v861-how span strong {
  font-size: 9px;
}

.v861-how span small {
  color: #766e61;
  margin-top: 1px;
  font-size: 7px;
  line-height: 1.4;
}

.v861-safety {
  background: linear-gradient(145deg, #d8b4480b, #090907);
  border: 1px solid #d8b4481c;
  border-radius: 12px;
  padding: 12px;
}

.v861-safety span {
  color: #d0b24b;
  font-size: 8px;
  font-weight: 900;
}

.v861-safety p {
  color: #82796d;
  margin: 5px 0 0;
  font-size: 8px;
  line-height: 1.5;
}

@media (max-width: 1100px) {
  .v861-layout {
    grid-template-columns: 1fr;
  }

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

  .v861-safety {
    grid-column: 1 / -1;
  }
}

@media (max-width: 800px) {
  .v861-hero {
    flex-direction: column;
    align-items: stretch;
    padding: 18px;
  }

  .v861-hero h1 {
    font-size: 29px;
  }

  .v861-status {
    grid-template-columns: auto 1fr;
  }

  .v861-status-score {
    display: none;
  }

  .v861-kpis {
    grid-template-columns: 1fr 1fr;
  }

  .v861-section-head {
    flex-direction: column;
    align-items: stretch;
  }

  .v861-side, .v861-priority {
    grid-template-columns: 1fr;
  }

  .v861-priority-rank {
    display: none;
  }

  .v861-priority-actions {
    flex-direction: column;
    align-items: flex-start;
  }

  .v861-priority-head {
    gap: 6px;
  }

  .v861-hero-actions .button {
    flex: 1;
  }
}

.v86-page {
  gap: 14px;
  display: grid;
}

.v86-hero {
  background: radial-gradient(circle at 85% 8%, #d8b44814, #0000 30%), linear-gradient(145deg, #11100d, #070705);
  border: 1px solid #d8b44824;
  border-radius: 17px;
  justify-content: space-between;
  align-items: flex-end;
  gap: 16px;
  padding: 18px;
  display: flex;
}

.v86-hero span, .v86-label {
  color: #d8b94f;
  letter-spacing: .85px;
  font-size: 9px;
  font-weight: 900;
}

.v86-hero h1 {
  margin: 4px 0;
  font-size: 28px;
}

.v86-hero p {
  color: #82796b;
  margin: 0;
}

.v86-actions {
  flex-wrap: wrap;
  align-items: center;
  gap: 6px;
  display: flex;
}

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

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

.v86-card {
  background: #090907;
  border: 1px solid #d8b44814;
  border-radius: 13px;
  min-width: 0;
  padding: 13px;
}

.v86-card h2, .v86-card h3 {
  margin: 3px 0 8px;
}

.v86-card-head {
  justify-content: space-between;
  align-items: flex-end;
  gap: 8px;
  display: flex;
}

.v86-kpis {
  grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
  gap: 6px;
  display: grid;
}

.v86-kpis > div {
  background: #090907;
  border: 1px solid #d8b44812;
  border-radius: 10px;
  padding: 10px;
}

.v86-kpis span, .v86-kpis b, .v86-kpis small {
  display: block;
}

.v86-kpis span {
  color: #756d60;
  text-transform: uppercase;
  font-size: 8px;
}

.v86-kpis b {
  font-size: 20px;
}

.v86-kpis small {
  color: #82786a;
  font-size: 8px;
}

.v86-list {
  gap: 5px;
  max-height: 620px;
  display: grid;
  overflow: auto;
}

.v86-row {
  color: inherit;
  background: #070705;
  border: 1px solid #ffffff09;
  border-radius: 9px;
  grid-template-columns: 1fr auto;
  align-items: center;
  gap: 8px;
  padding: 9px;
  text-decoration: none;
  display: grid;
}

.v86-row b, .v86-row small {
  display: block;
}

.v86-row small {
  color: #766e61;
  font-size: 8px;
}

.v86-row-actions {
  flex-wrap: wrap;
  align-items: center;
  gap: 5px;
  display: flex;
}

.v86-form {
  gap: 7px;
  display: grid;
}

.v86-form-grid {
  grid-template-columns: 1fr 1fr;
  gap: 7px;
  display: grid;
}

.v86-form .input, .v86-form input, .v86-form select, .v86-form textarea {
  box-sizing: border-box;
  width: 100%;
  min-width: 0;
  max-width: 100%;
}

.v86-tabs {
  flex-wrap: wrap;
  gap: 5px;
  display: flex;
}

.v86-tabs button.on {
  color: #e0c159 !important;
  background: #d8b4480d !important;
  border-color: #d8b44859 !important;
}

.v86-priority {
  border-left: 3px solid #80754a;
}

.v86-priority.CRITICAL {
  border-left-color: #c14e46;
}

.v86-priority.HIGH {
  border-left-color: #cb8730;
}

.v86-priority.MEDIUM {
  border-left-color: #b7a047;
}

.v86-priority-score {
  color: #ddbd56;
  border: 1px solid #d8b44838;
  border-radius: 50%;
  place-items: center;
  width: 48px;
  height: 48px;
  font-weight: 900;
  display: grid;
}

.v86-timeline {
  display: grid;
}

.v86-timeline > div {
  border-bottom: 1px solid #ffffff09;
  grid-template-columns: 100px 1fr;
  gap: 9px;
  padding: 8px 0;
  display: grid;
}

.v86-timeline time {
  color: #d0af49;
  font-size: 8px;
}

.v86-timeline small {
  color: #786f62;
  display: block;
}

.v86-bi-bars {
  gap: 6px;
  display: grid;
}

.v86-bi-bar {
  grid-template-columns: minmax(120px, 220px) 1fr 80px;
  align-items: center;
  gap: 8px;
  display: grid;
}

.v86-bi-track {
  background: #17140e;
  border-radius: 99px;
  height: 9px;
  overflow: hidden;
}

.v86-bi-fill {
  background: #c2a84c;
  height: 100%;
}

.v86-bi-bar small {
  color: #7d7467;
}

.v86-delta.up {
  color: #6fb389;
}

.v86-delta.down {
  color: #ca6961;
}

.v86-map-shell {
  background-color: #080806;
  background-image: radial-gradient(circle at 30% 25%, #d8b4480f, #0000 25%), linear-gradient(#ffffff06 1px, #0000 1px), linear-gradient(90deg, #ffffff06 1px, #0000 1px), none;
  background-position: 0 0, 0 0, 0 0, 0 0;
  background-repeat: repeat, repeat, repeat, repeat;
  background-size: auto, 42px 42px, 42px 42px;
  background-attachment: scroll, scroll, scroll, scroll;
  background-origin: padding-box, padding-box, padding-box, padding-box;
  background-clip: border-box, border-box, border-box, border-box;
  border: 1px solid #d8b4481a;
  border-radius: 14px;
  min-height: 560px;
  position: relative;
  overflow: hidden;
}

.v86-map-note {
  z-index: 4;
  color: #8b8274;
  background: #070705e0;
  border-radius: 8px;
  padding: 7px 9px;
  font-size: 8px;
  position: absolute;
  top: 10px;
  left: 10px;
}

.v86-map-marker {
  color: inherit;
  cursor: pointer;
  z-index: 2;
  background: none;
  border: 0;
  position: absolute;
  transform: translate(-50%, -50%);
}

.v86-map-dot {
  background: #4c8c65;
  border: 2px solid #0b0a08;
  border-radius: 50%;
  place-items: center;
  width: 24px;
  height: 24px;
  display: grid;
}

.v86-map-marker.warn .v86-map-dot {
  background: #c78a32;
}

.v86-map-marker.alert .v86-map-dot {
  background: #bb4b43;
}

.v86-map-marker label {
  white-space: nowrap;
  background: #070705db;
  border-radius: 4px;
  margin-top: 2px;
  padding: 2px 4px;
  font-size: 7px;
  display: block;
}

.v86-rondier-dot {
  color: #090806;
  background: #d0b14e;
  border: 2px solid #080806;
  border-radius: 50%;
  place-items: center;
  width: 31px;
  height: 31px;
  font-weight: 900;
  display: grid;
  box-shadow: 0 0 0 4px #d0b14e2e;
}

.v86-rondier-marker {
  z-index: 3;
}

.v86-map-legend {
  flex-wrap: wrap;
  gap: 8px;
  display: flex;
}

.v86-map-legend span {
  color: #857c6f;
  font-size: 8px;
}

.v86-map-legend i {
  border-radius: 50%;
  width: 8px;
  height: 8px;
  margin-right: 3px;
  display: inline-block;
}

.v86-map-legend .green {
  background: #4c8c65;
}

.v86-map-legend .orange {
  background: #c78a32;
}

.v86-map-legend .red {
  background: #bb4b43;
}

.v86-map-legend .gold {
  background: #d0b14e;
}

.v86-command-trigger {
  z-index: 1100;
  color: #e3c358;
  cursor: pointer;
  background: #0c0b08;
  border: 1px solid #d8b4483d;
  border-radius: 12px;
  align-items: center;
  gap: 8px;
  padding: 9px 12px;
  display: flex;
  position: fixed;
  bottom: 18px;
  right: 18px;
  box-shadow: 0 12px 35px #00000059;
}

.v86-command-trigger kbd {
  color: #9a8e7c;
  background: #17140f;
  border-radius: 4px;
  padding: 2px 5px;
  font-size: 8px;
}

.v86-command-backdrop {
  z-index: 1200;
  -webkit-backdrop-filter: blur(3px);
  backdrop-filter: blur(3px);
  background: #000000b8;
  place-items: start center;
  padding-top: 8vh;
  display: grid;
  position: fixed;
  inset: 0;
}

.v86-command {
  background: #0b0a08;
  border: 1px solid #d8b44838;
  border-radius: 15px;
  width: min(720px, 100vw - 24px);
  max-height: 78vh;
  overflow: hidden;
  box-shadow: 0 30px 90px #0009;
}

.v86-command-search {
  border-bottom: 1px solid #d8b4481a;
  grid-template-columns: auto 1fr auto;
  align-items: center;
  gap: 8px;
  padding: 11px;
  display: grid;
}

.v86-command-search input {
  color: #eee7dc;
  width: 100%;
  font-size: 16px;
  background: none !important;
  border: 0 !important;
  outline: 0 !important;
}

.v86-command-results {
  max-height: 58vh;
  padding: 7px;
  overflow: auto;
}

.v86-command-section {
  color: #8b806f;
  text-transform: uppercase;
  letter-spacing: .8px;
  padding: 7px 8px 3px;
  font-size: 8px;
}

.v86-command-item {
  width: 100%;
  color: inherit;
  text-align: left;
  cursor: pointer;
  background: none;
  border: 0;
  border-radius: 8px;
  grid-template-columns: 1fr auto;
  gap: 8px;
  padding: 9px;
  display: grid;
}

.v86-command-item:hover {
  background: #13110d;
}

.v86-command-item b, .v86-command-item small {
  display: block;
}

.v86-command-item small {
  color: #766e61;
  font-size: 8px;
}

.v86-command-star {
  color: #b89e48;
  font-size: 16px;
}

.v86-empty {
  color: #766e61;
  text-align: center;
  border: 1px dashed #d8b4481f;
  border-radius: 10px;
  padding: 18px;
}

@media (max-width: 1050px) {
  .v86-grid.three {
    grid-template-columns: 1fr 1fr;
  }
}

@media (max-width: 800px) {
  .v86-grid, .v86-grid.three, .v86-form-grid {
    grid-template-columns: 1fr;
  }

  .v86-hero {
    flex-direction: column;
    align-items: stretch;
  }

  .v86-row, .v86-bi-bar {
    grid-template-columns: 1fr;
  }

  .v86-map-shell {
    min-height: 430px;
  }

  .v86-command-trigger span {
    display: none;
  }
}

.v90-page {
  gap: 14px;
  display: grid;
}

.v90-hero {
  background: radial-gradient(circle at 85% 5%, #d8b44814, #0000 30%), linear-gradient(145deg, #11100d, #070705);
  border: 1px solid #d8b44824;
  border-radius: 18px;
  justify-content: space-between;
  align-items: flex-end;
  gap: 16px;
  padding: 20px;
  display: flex;
}

.v90-hero span, .v90-label {
  color: #d8b94f;
  letter-spacing: .85px;
  font-size: 9px;
  font-weight: 900;
}

.v90-hero h1 {
  margin: 4px 0;
  font-size: 30px;
}

.v90-hero p {
  color: #82796b;
  margin: 0;
}

.v90-actions {
  flex-wrap: wrap;
  align-items: center;
  gap: 6px;
  display: flex;
}

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

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

.v90-card {
  background: #090907;
  border: 1px solid #d8b44814;
  border-radius: 13px;
  min-width: 0;
  padding: 13px;
}

.v90-card h2, .v90-card h3 {
  margin: 3px 0 8px;
}

.v90-card-head {
  justify-content: space-between;
  align-items: flex-end;
  gap: 8px;
  display: flex;
}

.v90-kpis {
  grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
  gap: 6px;
  display: grid;
}

.v90-kpis > div {
  background: #090907;
  border: 1px solid #d8b44812;
  border-radius: 10px;
  padding: 10px;
}

.v90-kpis span, .v90-kpis b, .v90-kpis small {
  display: block;
}

.v90-kpis span {
  color: #756d60;
  text-transform: uppercase;
  font-size: 8px;
}

.v90-kpis b {
  font-size: 20px;
}

.v90-kpis small {
  color: #82786a;
  font-size: 8px;
}

.v90-tabs {
  flex-wrap: wrap;
  gap: 5px;
  display: flex;
}

.v90-tabs button.on {
  color: #e0c159 !important;
  background: #d8b4480d !important;
  border-color: #d8b44859 !important;
}

.v90-list {
  gap: 5px;
  max-height: 620px;
  display: grid;
  overflow: auto;
}

.v90-row {
  color: inherit;
  background: #070705;
  border: 1px solid #ffffff09;
  border-radius: 9px;
  grid-template-columns: 1fr auto;
  align-items: center;
  gap: 8px;
  padding: 9px;
  text-decoration: none;
  display: grid;
}

.v90-row b, .v90-row span, .v90-row small {
  display: block;
}

.v90-row small {
  color: #766e61;
  font-size: 8px;
}

.v90-row-actions {
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 5px;
  display: flex;
}

.v90-form {
  gap: 7px;
  display: grid;
}

.v90-form-grid {
  grid-template-columns: 1fr 1fr;
  gap: 7px;
  display: grid;
}

.v90-form label {
  color: #81786b;
  gap: 3px;
  font-size: 9px;
  display: grid;
}

.v90-form .input, .v90-form input, .v90-form select, .v90-form textarea {
  box-sizing: border-box;
  width: 100%;
  min-width: 0;
  max-width: 100%;
}

.v90-empty {
  color: #766e61;
  text-align: center;
  border: 1px dashed #d8b4481f;
  border-radius: 10px;
  padding: 18px;
}

.v90-doc {
  background: #070705;
  border: 1px solid #ffffff09;
  border-radius: 10px;
  grid-template-columns: auto 1fr auto;
  align-items: center;
  gap: 9px;
  padding: 10px;
  display: grid;
}

.v90-doc-icon {
  color: #d7b84d;
  background: #11100c;
  border-radius: 9px;
  place-items: center;
  width: 38px;
  height: 38px;
  font-weight: 900;
  display: grid;
}

.v90-doc b, .v90-doc small {
  display: block;
}

.v90-doc small {
  color: #746c60;
  font-size: 8px;
}

.v90-doc.expired {
  box-shadow: inset 3px 0 #bc4e47;
}

.v90-doc.warn {
  box-shadow: inset 3px 0 #c58a36;
}

.v90-route-line {
  flex-wrap: wrap;
  align-items: center;
  gap: 5px;
  display: flex;
}

.v90-stop {
  color: #8d8477;
  background: #0e0d0a;
  border-radius: 7px;
  align-items: center;
  gap: 6px;
  padding: 6px 7px;
  font-size: 8px;
  display: flex;
}

.v90-stop strong {
  color: #d2b54c;
  background: #17140f;
  border-radius: 5px;
  place-items: center;
  width: 19px;
  height: 19px;
  display: grid;
}

.v90-intervention {
  box-shadow: inset 3px 0 #796f5d;
}

.v90-intervention.CRITICAL {
  box-shadow: inset 3px 0 #be4d46;
}

.v90-intervention.URGENT, .v90-intervention.HIGH {
  box-shadow: inset 3px 0 #ca8732;
}

.v90-alarm {
  box-shadow: inset 3px 0 #83785f;
}

.v90-alarm.CRITICAL {
  box-shadow: inset 3px 0 #bf4e47;
}

.v90-alarm.HIGH {
  box-shadow: inset 3px 0 #cb8732;
}

.v90-alarm.MEDIUM {
  box-shadow: inset 3px 0 #b6a04c;
}

.v90-flow {
  flex-wrap: wrap;
  gap: 4px;
  display: flex;
}

.v90-flow span {
  color: #766e62;
  background: #11100c;
  border-radius: 6px;
  padding: 4px 6px;
  font-size: 8px;
}

.v90-flow span.current {
  color: #dfbf56;
  border: 1px solid #d8b44840;
}

.v90-release-score {
  background: #0c0b08;
  border: 3px solid #d8b4482e;
  border-radius: 50%;
  place-items: center;
  width: 82px;
  height: 82px;
  display: grid;
}

.v90-release-score strong {
  font-size: 27px;
}

.v90-release-score span {
  color: #756d61;
  font-size: 7px;
}

.v90-release.GREEN .v90-release-score {
  color: #6eb38a;
  border-color: #4e976673;
}

.v90-release.AMBER .v90-release-score {
  color: #d29a49;
  border-color: #c98b3173;
}

.v90-release.RED .v90-release-score {
  color: #d76b64;
  border-color: #be4d4680;
}

.v90-check {
  border-bottom: 1px solid #ffffff09;
  grid-template-columns: auto 1fr auto;
  align-items: center;
  gap: 8px;
  padding: 8px;
  display: grid;
}

.v90-check > i {
  background: #0e0d0a;
  border-radius: 7px;
  place-items: center;
  width: 24px;
  height: 24px;
  font-style: normal;
  display: grid;
}

.v90-check.ok > i {
  color: #6db48a;
}

.v90-check.fail > i {
  color: #d06961;
}

.v90-check b, .v90-check small {
  display: block;
}

.v90-check small {
  color: #756d60;
  font-size: 8px;
}

.v90-agent {
  color: #eee7db;
  background: #070705;
  min-height: 100dvh;
  padding: 10px;
}

.v90-agent-inner {
  gap: 10px;
  max-width: 850px;
  margin: auto;
  display: grid;
}

.v90-agent-head {
  background: #090907;
  border: 1px solid #d8b44821;
  border-radius: 14px;
  justify-content: space-between;
  align-items: center;
  gap: 10px;
  padding: 13px;
  display: flex;
}

.v90-agent-head h1 {
  margin: 3px 0;
}

.v90-mission {
  background: #090907;
  border: 1px solid #d8b4481a;
  border-radius: 13px;
  padding: 13px;
}

.v90-mission.active {
  box-shadow: inset 4px 0 #4d9067;
}

.v90-agent-actions {
  flex-wrap: wrap;
  gap: 6px;
  display: flex;
}

.v90-agent-actions .button {
  min-height: 44px;
}

@media (max-width: 900px) {
  .v90-grid, .v90-grid.three, .v90-form-grid {
    grid-template-columns: 1fr;
  }

  .v90-hero {
    flex-direction: column;
    align-items: stretch;
  }

  .v90-row, .v90-doc {
    grid-template-columns: 1fr;
  }

  .v90-release-score {
    width: 68px;
    height: 68px;
  }
}

:root {
  --c83-bg: #050505;
  --c83-panel: #0a0a09;
  --c83-panel-2: #0e0d0a;
  --c83-line: #deb84a1f;
  --c83-line-hot: #e8c25252;
  --c83-gold: #d7b74d;
  --c83-gold-2: #f0d273;
  --c83-text: #f2ede4;
  --c83-muted: #847c70;
  --c83-red: #b8453f;
  --c83-green: #4f9a6b;
  --c83-orange: #c88633;
}

.c83-shell {
  background: var(--c83-bg);
  min-height: 100dvh;
  color: var(--c83-text);
  grid-template-columns: 260px minmax(0, 1fr);
  display: grid;
  position: relative;
  overflow: hidden;
}

.c83-shell:before {
  content: "";
  pointer-events: none;
  opacity: .65;
  background-color: #0000;
  background-image: linear-gradient(#ffffff05 1px, #0000 1px), linear-gradient(90deg, #ffffff05 1px, #0000 1px);
  background-position: 0 0, 0 0;
  background-repeat: repeat, repeat;
  background-size: 52px 52px;
  background-attachment: scroll, scroll;
  background-origin: padding-box, padding-box;
  background-clip: border-box, border-box;
  position: fixed;
  inset: 0;
  -webkit-mask-image: linear-gradient(#0000008c, #0000 80%);
  mask-image: linear-gradient(#0000008c, #0000 80%);
}

.c83-shell:after {
  content: "";
  pointer-events: none;
  filter: blur(2px);
  background: radial-gradient(circle, #d4b14614, #d4b14605 35%, #0000 68%);
  border-radius: 50%;
  width: 760px;
  height: 760px;
  position: fixed;
  top: -330px;
  right: -280px;
}

.c83-sidebar {
  z-index: 10;
  border-right: 1px solid var(--c83-line);
  -webkit-backdrop-filter: blur(18px);
  backdrop-filter: blur(18px);
  background: linear-gradient(#0b0b09fa, #060605fa);
  grid-template-rows: auto auto minmax(0, 1fr) auto;
  height: 100dvh;
  display: grid;
  position: sticky;
  top: 0;
}

.c83-brand {
  border-bottom: 1px solid #deb84a12;
  padding: 18px 17px 15px;
}

.c83-brand-mark {
  align-items: center;
  gap: 10px;
  display: flex;
}

.c83-brand-orb {
  width: 42px;
  height: 42px;
  color: var(--c83-gold-2);
  background: radial-gradient(circle at 35% 30%, #f1d27238, #0000 36%), #090806;
  border: 1px solid #e9c35147;
  border-radius: 13px;
  place-items: center;
  font-size: 18px;
  font-weight: 950;
  display: grid;
  position: relative;
  box-shadow: inset 0 0 20px #dbb5430f, 0 0 32px #dbb5430a;
}

.c83-brand-orb:after {
  content: "";
  border: 1px solid #dbb54312;
  border-radius: 16px;
  position: absolute;
  inset: -4px;
  transform: rotate(7deg);
}

.c83-brand-title b, .c83-brand-title span {
  display: block;
}

.c83-brand-title b {
  letter-spacing: 1.8px;
  font-size: 13px;
}

.c83-brand-title span {
  color: var(--c83-gold);
  letter-spacing: 1.25px;
  margin-top: 2px;
  font-size: 7px;
  font-weight: 900;
}

.c83-statusline {
  background: #48875e09;
  border: 1px solid #599d6f1a;
  border-radius: 9px;
  justify-content: space-between;
  align-items: center;
  gap: 8px;
  margin: 12px 14px 7px;
  padding: 8px 9px;
  display: flex;
}

.c83-statusline span {
  color: #799784;
  letter-spacing: .7px;
  font-size: 7px;
}

.c83-status-dot {
  background: #5ba176;
  border-radius: 50%;
  width: 6px;
  height: 6px;
  box-shadow: 0 0 0 5px #5ba1760f;
}

.c83-nav {
  scrollbar-width: thin;
  scrollbar-color: #d8b4481f transparent;
  padding: 7px 10px 12px;
  overflow: auto;
}

.c83-nav-group {
  margin: 6px 0 12px;
}

.c83-nav-label {
  color: #5f594f;
  letter-spacing: 1.1px;
  text-transform: uppercase;
  padding: 4px 7px 6px;
  font-size: 7px;
  font-weight: 900;
}

.c83-nav a {
  color: #91887a;
  border: 1px solid #0000;
  border-radius: 9px;
  grid-template-columns: 30px 1fr auto;
  align-items: center;
  gap: 8px;
  margin: 2px 0;
  padding: 8px 9px;
  text-decoration: none;
  transition: all .16s;
  display: grid;
  position: relative;
}

.c83-nav a:hover {
  color: #d9d0c3;
  background: #0d0c09;
  border-color: #deb84a12;
}

.c83-nav a.active {
  color: #f2e8d6;
  box-shadow: inset 2px 0 var(--c83-gold);
  background: linear-gradient(90deg, #d8b44814, #d8b44805);
  border-color: #d8b44829;
}

.c83-nav-icon {
  color: #b79d49;
  background: #0d0c09;
  border-radius: 7px;
  place-items: center;
  width: 27px;
  height: 27px;
  font-size: 11px;
  display: grid;
}

.c83-nav a.active .c83-nav-icon {
  color: #e5c45b;
  background: #d8b44817;
}

.c83-nav-text b, .c83-nav-text small {
  display: block;
}

.c83-nav-text b {
  font-size: 9px;
}

.c83-nav-text small {
  color: #5f594f;
  margin-top: 1px;
  font-size: 6px;
}

.c83-nav-chevron {
  color: #514b42;
  font-size: 9px;
}

.c83-sidebar-foot {
  border-top: 1px solid #d8b4480f;
  padding: 10px;
}

.c83-user {
  background: #090806;
  border-radius: 10px;
  grid-template-columns: 34px 1fr;
  align-items: center;
  gap: 8px;
  padding: 8px;
  display: grid;
}

.c83-user-avatar {
  color: #d4b64d;
  background: #11100c;
  border: 1px solid #d8b4481f;
  border-radius: 9px;
  place-items: center;
  width: 32px;
  height: 32px;
  font-size: 9px;
  font-weight: 900;
  display: grid;
}

.c83-user b, .c83-user small {
  display: block;
}

.c83-user b {
  font-size: 8px;
}

.c83-user small {
  color: #676055;
  font-size: 6px;
}

.c83-main {
  z-index: 1;
  grid-template-rows: auto 1fr;
  min-width: 0;
  display: grid;
  position: relative;
}

.c83-topbar {
  z-index: 9;
  -webkit-backdrop-filter: blur(18px);
  backdrop-filter: blur(18px);
  background: #050505d1;
  border-bottom: 1px solid #d8b44812;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  padding: 10px 16px;
  display: flex;
  position: sticky;
  top: 0;
}

.c83-breadcrumb {
  align-items: center;
  gap: 8px;
  display: flex;
}

.c83-breadcrumb strong {
  color: #d8d0c4;
  font-size: 9px;
}

.c83-breadcrumb span {
  color: #615a50;
  font-size: 7px;
}

.c83-top-actions {
  align-items: center;
  gap: 6px;
  display: flex;
}

.c83-search-trigger {
  color: #746d62;
  cursor: pointer;
  text-align: left;
  background: #090806;
  border: 1px solid #d8b4481a;
  border-radius: 9px;
  align-items: center;
  gap: 8px;
  min-width: 240px;
  padding: 7px 9px;
  display: flex;
}

.c83-search-trigger strong {
  color: #c8aa4c;
}

.c83-search-trigger span {
  flex: 1;
  font-size: 8px;
}

.c83-search-trigger kbd {
  color: #746d62;
  background: #13110d;
  border-radius: 4px;
  padding: 2px 5px;
  font-size: 6px;
}

.c83-clock {
  color: #776f63;
  background: #080806;
  border: 1px solid #d8b44812;
  border-radius: 8px;
  padding: 7px 9px;
  font-size: 7px;
}

.c83-content {
  min-width: 0;
  padding: 16px;
}

.c83-page {
  gap: 13px;
  max-width: 1650px;
  margin: 0 auto;
  display: grid;
}

.c83-hero {
  background: radial-gradient(circle at 92% -10%, #dfba4924, #0000 32%), radial-gradient(circle at 10% 120%, #a439340e, #0000 30%), linear-gradient(145deg, #11100d, #080806 68%);
  border: 1px solid #deb84a29;
  border-radius: 19px;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: end;
  gap: 18px;
  padding: 24px 25px;
  display: grid;
  position: relative;
  overflow: hidden;
  box-shadow: 0 24px 70px #00000038;
}

.c83-hero:before {
  content: "";
  border: 1px solid #deb84a17;
  border-radius: 50%;
  width: 230px;
  height: 230px;
  position: absolute;
  top: -80px;
  right: 38px;
  box-shadow: 0 0 0 30px #deb84a06, 0 0 0 62px #deb84a04;
}

.c83-hero-copy {
  z-index: 1;
  position: relative;
}

.c83-eyebrow {
  color: var(--c83-gold);
  letter-spacing: 1.25px;
  align-items: center;
  gap: 7px;
  font-size: 8px;
  font-weight: 950;
  display: flex;
}

.c83-eyebrow:before {
  content: "";
  background: linear-gradient(90deg,var(--c83-red),var(--c83-gold));
  width: 18px;
  height: 1px;
}

.c83-hero h1 {
  letter-spacing: -1px;
  margin: 8px 0 6px;
  font-size: 34px;
  line-height: 1;
}

.c83-hero p {
  color: #92897c;
  max-width: 780px;
  margin: 0;
  font-size: 11px;
  line-height: 1.6;
}

.c83-hero-actions {
  z-index: 1;
  flex-wrap: wrap;
  gap: 6px;
  display: flex;
  position: relative;
}

.c83-btn {
  color: #9a9183;
  cursor: pointer;
  font: inherit;
  background: #0b0a08;
  border: 1px solid #d8b4481f;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  gap: 6px;
  padding: 8px 10px;
  font-size: 8px;
  font-weight: 850;
  text-decoration: none;
  transition: all .16s;
  display: inline-flex;
}

.c83-btn:hover {
  color: #eee5d8;
  background: #100f0b;
  border-color: #d8b44842;
}

.c83-btn.primary {
  color: #090806;
  background: linear-gradient(135deg, #c2a346, #92772e);
  border-color: #e5c2534d;
  box-shadow: 0 8px 25px #c09f391f;
}

.c83-btn.primary:hover {
  filter: brightness(1.08);
}

.c83-btn.danger {
  color: #d76b64;
  border-color: #b8453f42;
}

.c83-btn.small {
  padding: 5px 7px;
  font-size: 7px;
}

.c83-kpis {
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 7px;
  display: grid;
}

.c83-kpi {
  background: linear-gradient(155deg, #0b0a08, #080806);
  border: 1px solid #d8b44813;
  border-radius: 12px;
  min-width: 0;
  padding: 12px 13px;
  transition: all .16s;
  position: relative;
  overflow: hidden;
}

.c83-kpi:hover {
  border-color: #d8b44829;
  transform: translateY(-1px);
}

.c83-kpi:after {
  content: "";
  background: linear-gradient(90deg, #0000, #d8b44859, #0000);
  height: 1px;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}

.c83-kpi-head {
  justify-content: space-between;
  align-items: center;
  gap: 7px;
  display: flex;
}

.c83-kpi-head span {
  color: #70685d;
  text-transform: uppercase;
  letter-spacing: .55px;
  font-size: 7px;
}

.c83-kpi-head i {
  color: #a88f42;
  font-style: normal;
}

.c83-kpi strong {
  margin: 6px 0 2px;
  font-size: 23px;
  line-height: 1;
  display: block;
}

.c83-kpi small {
  color: #635c52;
  font-size: 7px;
  display: block;
}

.c83-kpi.hot i {
  color: #c44e47;
}

.c83-kpi.good i {
  color: #61a77a;
}

.c83-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 9px;
  display: grid;
}

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

.c83-grid.wide {
  grid-template-columns: minmax(0, 1.45fr) minmax(320px, .55fr);
}

.c83-panel {
  background: linear-gradient(155deg, #0b0a08fa, #080806fa);
  border: 1px solid #d8b44813;
  border-radius: 13px;
  min-width: 0;
  padding: 13px;
  box-shadow: 0 14px 40px #0000001f;
}

.c83-panel-head {
  justify-content: space-between;
  align-items: flex-end;
  gap: 10px;
  margin-bottom: 9px;
  display: flex;
}

.c83-panel-head h2, .c83-panel h2, .c83-panel h3 {
  margin: 3px 0;
}

.c83-label {
  color: #cbaa46;
  letter-spacing: .9px;
  font-size: 7px;
  font-weight: 950;
  display: block;
}

.c83-muted {
  color: #746c60;
}

.c83-panel p {
  color: #837a6d;
}

.c83-list {
  gap: 5px;
  max-height: 620px;
  display: grid;
  overflow: auto;
}

.c83-row {
  color: inherit;
  background: #070705;
  border: 1px solid #ffffff08;
  border-radius: 9px;
  grid-template-columns: 1fr auto;
  align-items: center;
  gap: 8px;
  padding: 9px;
  text-decoration: none;
  display: grid;
}

.c83-row:hover {
  background: #0a0907;
  border-color: #d8b4481c;
}

.c83-row b, .c83-row small {
  display: block;
}

.c83-row b {
  font-size: 9px;
}

.c83-row small {
  color: #686156;
  margin-top: 2px;
  font-size: 7px;
  line-height: 1.35;
}

.c83-row-actions {
  flex-wrap: wrap;
  justify-content: flex-end;
  align-items: center;
  gap: 4px;
  display: flex;
}

.c83-badge {
  color: #887e6e;
  text-transform: uppercase;
  background: #0e0d0a;
  border: 1px solid #d8b44814;
  border-radius: 5px;
  align-items: center;
  gap: 4px;
  padding: 3px 5px;
  font-size: 6px;
  font-weight: 900;
  display: inline-flex;
}

.c83-badge.HOT, .c83-badge.URGENT {
  color: #d2645d;
  background: #b8453f0d;
  border-color: #b8453f2e;
}

.c83-badge.WON, .c83-badge.ACTIVE, .c83-badge.DONE, .c83-badge.ACCEPTED, .c83-badge.COMPLETED {
  color: #73b18b;
  background: #4f9a6b0b;
  border-color: #4f9a6b2e;
}

.c83-badge.LOST, .c83-badge.REJECTED, .c83-badge.OVERDUE {
  color: #cb625b;
  border-color: #b8453f2e;
}

.c83-badge.SUBMITTED, .c83-badge.IN_REVIEW, .c83-badge.NEGOTIATION {
  color: #d39a4b;
  border-color: #c886332e;
}

.c83-form {
  gap: 7px;
  display: grid;
}

.c83-form-grid {
  grid-template-columns: 1fr 1fr;
  gap: 7px;
  display: grid;
}

.c83-form label {
  color: #756d61;
  gap: 3px;
  font-size: 7px;
  display: grid;
}

.c83-input {
  box-sizing: border-box;
  color: #e6ded2;
  width: 100%;
  min-width: 0;
  max-width: 100%;
  font: inherit;
  background: #070705;
  border: 1px solid #d8b44817;
  border-radius: 8px;
  outline: 0;
  padding: 8px 9px;
  font-size: 8px;
}

.c83-input:focus {
  border-color: #d8b44847;
  box-shadow: 0 0 0 3px #d8b44809;
}

textarea.c83-input {
  resize: vertical;
  min-height: 74px;
}

.c83-tabs {
  flex-wrap: wrap;
  gap: 4px;
  display: flex;
}

.c83-tab {
  color: #756d61;
  cursor: pointer;
  background: #080806;
  border: 1px solid #d8b44813;
  border-radius: 7px;
  padding: 6px 8px;
  font-size: 7px;
}

.c83-tab.on {
  color: #e0bf56;
  background: #d8b4480e;
  border-color: #d8b44847;
}

.c83-pipeline {
  scrollbar-width: thin;
  scrollbar-color: #d8b44826 transparent;
  grid-template-columns: repeat(7, minmax(210px, 1fr));
  gap: 7px;
  padding-bottom: 7px;
  display: grid;
  overflow: auto;
}

.c83-stage {
  background: #080806;
  border: 1px solid #d8b44813;
  border-radius: 12px;
  min-width: 210px;
  overflow: hidden;
}

.c83-stage-head {
  z-index: 2;
  background: #0a0907f5;
  border-bottom: 1px solid #d8b44812;
  padding: 10px;
  position: sticky;
  top: 0;
}

.c83-stage-head > div {
  justify-content: space-between;
  gap: 6px;
  display: flex;
}

.c83-stage-head b {
  font-size: 8px;
}

.c83-stage-head span {
  color: #6d6559;
  font-size: 7px;
}

.c83-stage-value {
  margin-top: 4px;
  color: #caaa47 !important;
}

.c83-stage-body {
  gap: 6px;
  min-height: 430px;
  padding: 7px;
  display: grid;
}

.c83-deal {
  cursor: grab;
  background: linear-gradient(145deg, #0d0c09, #090806);
  border: 1px solid #ffffff09;
  border-radius: 9px;
  padding: 9px;
}

.c83-deal:hover {
  border-color: #d8b44826;
}

.c83-deal.dragging {
  opacity: .45;
}

.c83-deal-top {
  justify-content: space-between;
  align-items: center;
  gap: 5px;
  display: flex;
}

.c83-deal h3 {
  margin: 6px 0 2px;
  font-size: 10px;
}

.c83-deal p {
  color: #6f675b;
  margin: 0;
  font-size: 7px;
}

.c83-deal-value {
  color: #a9944b;
  justify-content: space-between;
  gap: 5px;
  margin-top: 7px;
  font-size: 8px;
  display: flex;
}

.c83-deal-next {
  color: #665f55;
  border-top: 1px solid #ffffff08;
  margin-top: 6px;
  padding-top: 6px;
  font-size: 6px;
}

.c83-progress {
  background: #15130e;
  border-radius: 99px;
  height: 6px;
  overflow: hidden;
}

.c83-progress > i {
  background: linear-gradient(90deg, #8d742c, #ddb94c);
  border-radius: 99px;
  height: 100%;
  display: block;
  box-shadow: 0 0 12px #d8b44824;
}

.c83-chart {
  border-bottom: 1px solid #d8b44812;
  align-items: flex-end;
  gap: 8px;
  height: 130px;
  padding: 10px 3px 0;
  display: flex;
}

.c83-chart-col {
  text-align: center;
  flex: 1;
  grid-template-rows: 1fr auto;
  align-items: end;
  gap: 5px;
  height: 100%;
  display: grid;
}

.c83-chart-bar {
  background: linear-gradient(#d8b44880, #d8b44814);
  border: 1px solid #d8b4481f;
  border-bottom: 0;
  border-radius: 6px 6px 0 0;
  width: 100%;
  min-height: 2px;
  box-shadow: 0 -8px 25px #d8b4480a;
}

.c83-chart-col span {
  color: #625b50;
  font-size: 6px;
}

.c83-radar {
  place-items: center;
  min-height: 260px;
  display: grid;
  position: relative;
  overflow: hidden;
}

.c83-radar:before, .c83-radar:after {
  content: "";
  border: 1px solid #d8b44814;
  border-radius: 50%;
  position: absolute;
}

.c83-radar:before {
  width: 220px;
  height: 220px;
  box-shadow: 0 0 0 36px #d8b44805, 0 0 0 72px #d8b44803;
}

.c83-radar:after {
  border: 0;
  border-left: 1px solid #d8b4480f;
  width: 1px;
  height: 360px;
  box-shadow: 0 0 #0000;
}

.c83-radar-core {
  z-index: 2;
  background: radial-gradient(circle, #d8b4481f, #0a0907e6 70%);
  border: 1px solid #d8b44833;
  border-radius: 50%;
  place-items: center;
  width: 108px;
  height: 108px;
  display: grid;
  position: relative;
  box-shadow: 0 0 50px #d8b4480f;
}

.c83-radar-core strong {
  color: #e2c15a;
  font-size: 27px;
}

.c83-radar-core span {
  color: #736b5f;
  font-size: 7px;
}

.c83-activity {
  border-bottom: 1px solid #ffffff08;
  grid-template-columns: 34px 1fr auto;
  align-items: start;
  gap: 8px;
  padding: 8px 0;
  display: grid;
}

.c83-activity-icon {
  color: #c7aa49;
  background: #100f0b;
  border-radius: 8px;
  place-items: center;
  width: 31px;
  height: 31px;
  display: grid;
}

.c83-activity b, .c83-activity small {
  display: block;
}

.c83-activity b {
  font-size: 8px;
}

.c83-activity small {
  color: #6a6257;
  font-size: 7px;
}

.c83-activity time {
  color: #5f584e;
  font-size: 6px;
}

.c83-handoff {
  position: relative;
  overflow: hidden;
}

.c83-handoff:before {
  content: "";
  background: linear-gradient(var(--c83-gold),var(--c83-red));
  width: 2px;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
}

.c83-handoff-flow {
  flex-wrap: wrap;
  align-items: center;
  gap: 5px;
  display: flex;
}

.c83-handoff-flow span {
  color: #6f675b;
  background: #0e0d0a;
  border-radius: 6px;
  padding: 4px 6px;
  font-size: 6px;
}

.c83-handoff-flow span.current {
  color: #d9b950;
  border: 1px solid #d8b44838;
}

.c83-empty {
  text-align: center;
  background: radial-gradient(circle at 50% 0, #d8b4480a, #0000 45%), #070705;
  border: 1px dashed #d8b4481c;
  border-radius: 11px;
  padding: 28px 18px;
}

.c83-empty-icon {
  color: #caaa48;
  background: #0d0c09;
  border: 1px solid #d8b4481f;
  border-radius: 13px;
  place-items: center;
  width: 48px;
  height: 48px;
  margin: 0 auto 8px;
  font-size: 20px;
  display: grid;
}

.c83-empty h3 {
  margin: 3px 0;
}

.c83-empty p {
  color: #6f675c;
  max-width: 500px;
  margin: 0 auto;
  font-size: 8px;
}

.c83-command-backdrop {
  z-index: 2000;
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  background: #000000c2;
  place-items: start center;
  padding-top: 9vh;
  display: grid;
  position: fixed;
  inset: 0;
}

.c83-command {
  background: #090806;
  border: 1px solid #deb84a38;
  border-radius: 15px;
  width: min(760px, 100vw - 24px);
  max-height: 77vh;
  overflow: hidden;
  box-shadow: 0 35px 100px #000000b8, 0 0 60px #d8b4480a;
}

.c83-command-head {
  border-bottom: 1px solid #d8b4481a;
  grid-template-columns: auto 1fr auto;
  align-items: center;
  gap: 8px;
  padding: 12px;
  display: grid;
}

.c83-command-head > span {
  color: #d4b64d;
}

.c83-command-head input {
  color: #eee6da;
  background: none;
  border: 0;
  outline: 0;
  font-size: 15px;
}

.c83-command-results {
  max-height: 60vh;
  padding: 7px;
  overflow: auto;
}

.c83-command-section {
  color: #615a50;
  letter-spacing: .9px;
  padding: 7px 7px 4px;
  font-size: 7px;
  font-weight: 900;
}

.c83-command-item {
  width: 100%;
  color: inherit;
  text-align: left;
  cursor: pointer;
  background: none;
  border: 0;
  border-radius: 8px;
  grid-template-columns: 34px 1fr auto;
  align-items: center;
  gap: 8px;
  padding: 8px;
  display: grid;
}

.c83-command-item:hover {
  background: #100f0b;
}

.c83-command-type {
  color: #c4a648;
  background: #0e0d0a;
  border-radius: 8px;
  place-items: center;
  width: 31px;
  height: 31px;
  font-size: 8px;
  font-weight: 950;
  display: grid;
}

.c83-command-item b, .c83-command-item small {
  display: block;
}

.c83-command-item b {
  font-size: 9px;
}

.c83-command-item small {
  color: #6d655a;
  font-size: 7px;
}

.c83-command-item > strong {
  color: #817765;
}

.c83-scanline {
  position: relative;
}

.c83-scanline:after {
  content: "";
  pointer-events: none;
  background: linear-gradient(90deg, #0000, #eac75c40, #0000);
  height: 1px;
  animation: 5s linear infinite c83scan;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}

@keyframes c83scan {
  0% {
    opacity: 0;
    top: 0;
  }

  10% {
    opacity: 1;
  }

  90% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    top: 100%;
  }
}

.c83-toast {
  color: #82af90;
  background: #4f9a6b0a;
  border: 1px solid #4f9a6b24;
  border-radius: 8px;
  padding: 8px 10px;
  font-size: 8px;
}

.c83-error {
  color: #cd6760;
  background: #b8453f0a;
  border: 1px solid #b8453f29;
  border-radius: 8px;
  padding: 8px 10px;
  font-size: 8px;
}

@media (max-width: 1250px) {
  .c83-kpis {
    grid-template-columns: repeat(3, 1fr);
  }

  .c83-grid.three {
    grid-template-columns: 1fr 1fr;
  }

  .c83-grid.wide {
    grid-template-columns: 1fr;
  }
}

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

  .c83-sidebar {
    grid-template-rows: auto auto auto auto;
    height: auto;
    position: relative;
  }

  .c83-nav {
    display: flex;
    overflow: auto;
  }

  .c83-nav-group {
    margin: 0;
    display: flex;
  }

  .c83-nav-label {
    display: none;
  }

  .c83-nav a {
    min-width: 160px;
  }

  .c83-sidebar-foot {
    display: none;
  }

  .c83-topbar {
    top: 0;
  }

  .c83-search-trigger {
    min-width: 0;
  }

  .c83-content {
    padding: 10px;
  }

  .c83-hero, .c83-grid, .c83-grid.three, .c83-form-grid {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 620px) {
  .c83-kpis {
    grid-template-columns: 1fr 1fr;
  }

  .c83-hero {
    padding: 18px;
  }

  .c83-hero h1 {
    font-size: 27px;
  }

  .c83-clock, .c83-search-trigger span {
    display: none;
  }

  .c83-nav a {
    min-width: 135px;
  }

  .c83-row {
    grid-template-columns: 1fr;
  }

  .c83-row-actions {
    justify-content: flex-start;
  }
}

.c83-proposal-sheet {
  background: #0a0907;
  border: 1px solid #d8b44824;
  border-radius: 16px;
  padding: 26px;
}

.c83-proposal-top {
  border-bottom: 1px solid #d8b4481a;
  justify-content: space-between;
  align-items: flex-start;
  gap: 18px;
  padding-bottom: 18px;
  display: flex;
}

.c83-proposal-top h2 {
  margin: 5px 0;
  font-size: 24px;
}

.c83-proposal-top p {
  color: #82796d;
  margin: 0;
}

.c83-proposal-top > div:last-child {
  text-align: right;
}

.c83-proposal-top > div:last-child strong, .c83-proposal-top > div:last-child small {
  display: block;
}

.c83-proposal-top > div:last-child strong {
  color: #d9b950;
  margin-top: 7px;
}

.c83-proposal-top > div:last-child small {
  color: #70685d;
}

.c83-proposal-meta {
  grid-template-columns: repeat(3, 1fr);
  gap: 10px;
  padding: 17px 0;
  display: grid;
}

.c83-proposal-meta > div {
  background: #080806;
  border: 1px solid #d8b4480f;
  border-radius: 9px;
  padding: 10px;
}

.c83-proposal-meta span, .c83-proposal-meta b, .c83-proposal-meta small {
  display: block;
}

.c83-proposal-meta span {
  color: #756d61;
  font-size: 7px;
}

.c83-proposal-meta b {
  margin: 4px 0;
  font-size: 10px;
}

.c83-proposal-meta small {
  color: #756d61;
  font-size: 7px;
  line-height: 1.5;
}

.c83-proposal-copy {
  padding: 14px 0;
}

.c83-proposal-copy h3 {
  margin: 0 0 6px;
}

.c83-proposal-copy p {
  white-space: pre-wrap;
  line-height: 1.6;
}

.c83-proposal-table {
  border: 1px solid #d8b44814;
  border-radius: 10px;
  overflow: hidden;
}

.c83-proposal-table .head, .c83-proposal-table .line {
  grid-template-columns: minmax(250px, 1.6fr) .45fr .55fr .45fr .6fr;
  align-items: center;
  gap: 8px;
  padding: 9px 10px;
  display: grid;
}

.c83-proposal-table .head {
  color: #8e8372;
  text-transform: uppercase;
  background: #11100c;
  font-size: 7px;
}

.c83-proposal-table .line {
  border-top: 1px solid #ffffff08;
  font-size: 8px;
}

.c83-proposal-table .line b, .c83-proposal-table .line small {
  display: block;
}

.c83-proposal-table .line small {
  color: #6e665a;
  margin-top: 2px;
}

.c83-proposal-table .line strong {
  text-align: right;
  color: #d5b64c;
}

.c83-proposal-totals {
  justify-content: end;
  gap: 5px;
  margin-top: 12px;
  display: grid;
}

.c83-proposal-totals > div {
  border-bottom: 1px solid #ffffff08;
  grid-template-columns: 130px 120px;
  gap: 12px;
  padding: 5px 8px;
  display: grid;
}

.c83-proposal-totals span {
  color: #756d61;
  font-size: 8px;
}

.c83-proposal-totals b, .c83-proposal-totals strong {
  text-align: right;
}

.c83-proposal-totals .grand {
  background: #0e0d0a;
  border: 1px solid #d8b4481f;
  border-radius: 8px;
  padding: 9px;
}

.c83-proposal-totals .grand strong {
  color: #dfbe55;
  font-size: 15px;
}

.c83-proposal-foot {
  color: #625b51;
  border-top: 1px solid #d8b44812;
  justify-content: space-between;
  gap: 10px;
  margin-top: 24px;
  padding-top: 10px;
  font-size: 7px;
  display: flex;
}

@media (max-width: 800px) {
  .c83-proposal-meta {
    grid-template-columns: 1fr;
  }

  .c83-proposal-table {
    overflow: auto;
  }

  .c83-proposal-table .head, .c83-proposal-table .line {
    min-width: 720px;
  }
}

@media print {
  body {
    background: #fff !important;
  }

  .c83-sidebar, .c83-topbar, .c83-hero {
    display: none !important;
  }

  .c83-shell, .c83-main, .c83-content, .c83-page {
    color: #111 !important;
    background: #fff !important;
    margin: 0 !important;
    padding: 0 !important;
    display: block !important;
  }

  .c83-proposal-sheet {
    color: #111 !important;
    background: #fff !important;
    border: 0 !important;
    padding: 0 !important;
  }

  .c83-proposal-meta > div, .c83-proposal-table, .c83-proposal-totals .grand {
    background: #fff !important;
    border-color: #bbb !important;
  }

  .c83-proposal-table .head {
    color: #111 !important;
    background: #eee !important;
  }

  .c83-proposal-sheet * {
    color: #111 !important;
    box-shadow: none !important;
  }
}

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

.c8312-family {
  cursor: pointer;
  background: linear-gradient(145deg, #0d0c09, #080806);
  border: 1px solid #d8b44817;
  border-radius: 14px;
  padding: 16px;
  transition: all .18s;
  position: relative;
  overflow: hidden;
}

.c8312-family:hover {
  border-color: #d8b44833;
  transform: translateY(-2px);
}

.c8312-family.active {
  border-color: #d8b4484d;
  box-shadow: inset 0 0 30px #d8b44809, 0 12px 40px #0000002e;
}

.c8312-family.locked {
  opacity: .45;
  cursor: not-allowed;
}

.c8312-family-orb {
  color: #d9b94f;
  background: #11100c;
  border: 1px solid #d8b44824;
  border-radius: 13px;
  place-items: center;
  width: 44px;
  height: 44px;
  font-size: 18px;
  display: grid;
}

.c8312-family h3 {
  margin: 10px 0 4px;
}

.c8312-family p {
  color: #71695e;
  margin: 0;
  font-size: 8px;
  line-height: 1.5;
}

.c8312-family-tag {
  color: #796f61;
  background: #11100c;
  border-radius: 5px;
  padding: 3px 5px;
  font-size: 6px;
  position: absolute;
  top: 10px;
  right: 10px;
}

.c8312-family.active .c8312-family-tag {
  color: #74b38c;
  background: #4f9a6b0f;
}

.c8312-master {
  grid-template-columns: minmax(280px, .75fr) minmax(0, 1.25fr);
  align-items: start;
  gap: 10px;
  display: grid;
}

.c8312-client-list {
  gap: 5px;
  max-height: 720px;
  display: grid;
  overflow: auto;
}

.c8312-client-btn {
  text-align: left;
  width: 100%;
}

.c8312-master-card {
  position: relative;
  overflow: hidden;
}

.c8312-master-card:after {
  content: "MASTER";
  color: #d8b44806;
  letter-spacing: -4px;
  pointer-events: none;
  font-size: 64px;
  font-weight: 950;
  position: absolute;
  bottom: -10px;
  right: -5px;
}

.c8312-responsibles {
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 7px;
  display: grid;
}

.c8312-person {
  background: #080806;
  border: 1px solid #d8b44812;
  border-radius: 10px;
  padding: 10px;
}

.c8312-person h3 {
  margin: 5px 0 2px;
}

.c8312-person small {
  color: #6f675b;
  font-size: 7px;
  display: block;
}

.c8312-price-matrix {
  gap: 5px;
  display: grid;
}

.c8312-price-row {
  background: #070705;
  border: 1px solid #ffffff08;
  border-radius: 8px;
  grid-template-columns: minmax(180px, 1fr) 110px 110px 110px;
  align-items: center;
  gap: 6px;
  padding: 8px;
  display: grid;
}

.c8312-price-row b, .c8312-price-row small {
  display: block;
}

.c8312-price-row small {
  color: #6c6459;
  font-size: 7px;
}

.c8312-rate-source {
  color: #8f826e;
  background: #11100c;
  border-radius: 5px;
  padding: 3px 5px;
  font-size: 6px;
  font-weight: 900;
  display: inline-flex;
}

.c8312-rate-source.RESPONSIBLE {
  color: #e2bd4e;
}

.c8312-rate-source.CLIENT {
  color: #c49f43;
}

.c8312-rate-source.CUSTOM {
  color: #72b18b;
}

.c8312-rate-source.MISSING {
  color: #d16760;
}

.c8312-quote-workspace {
  grid-template-columns: minmax(280px, .65fr) minmax(0, 1.35fr);
  align-items: start;
  gap: 10px;
  display: grid;
}

.c8312-builder {
  gap: 9px;
  display: grid;
}

.c8312-sticky {
  position: sticky;
  top: 70px;
}

.c8312-service-line {
  background: #080806;
  border: 1px solid #d8b44814;
  border-radius: 11px;
  padding: 11px;
  box-shadow: inset 3px 0 #d8b4482e;
}

.c8312-service-head {
  justify-content: space-between;
  align-items: flex-start;
  gap: 10px;
  display: flex;
}

.c8312-service-head h3 {
  margin: 4px 0;
}

.c8312-service-meta {
  flex-wrap: wrap;
  gap: 5px;
  display: flex;
}

.c8312-weekdays {
  flex-wrap: wrap;
  gap: 4px;
  display: flex;
}

.c8312-weekdays label {
  color: #786f62;
  cursor: pointer;
  background: #090806;
  border: 1px solid #d8b44814;
  border-radius: 8px;
  place-items: center;
  width: 32px;
  height: 32px;
  font-size: 7px;
  display: grid;
}

.c8312-weekdays label:has(input:checked) {
  color: #e0bf56;
  background: #d8b4480f;
  border-color: #d8b44847;
}

.c8312-weekdays input {
  display: none;
}

.c8312-schedule-table {
  border: 1px solid #d8b44812;
  border-radius: 10px;
  overflow: auto;
}

.c8312-schedule-head, .c8312-schedule-row {
  grid-template-columns: 90px minmax(160px, 1fr) 90px 75px 75px 75px 95px;
  align-items: center;
  gap: 7px;
  min-width: 760px;
  padding: 8px 9px;
  display: grid;
}

.c8312-schedule-head {
  color: #7e7465;
  text-transform: uppercase;
  background: #11100c;
  font-size: 6px;
  position: sticky;
  top: 0;
}

.c8312-schedule-row {
  border-top: 1px solid #ffffff08;
  font-size: 7px;
}

.c8312-schedule-row strong {
  color: #d6b64d;
  text-align: right;
}

.c8312-total-panel {
  background: radial-gradient(circle at 100% 0, #d8b4480f, #0000 35%), #090806;
  border: 1px solid #d8b44824;
  border-radius: 12px;
  gap: 6px;
  padding: 13px;
  display: grid;
}

.c8312-total-line {
  color: #756d61;
  justify-content: space-between;
  gap: 12px;
  font-size: 8px;
  display: flex;
}

.c8312-total-line b {
  color: #ddd3c3;
}

.c8312-total-line.grand {
  border-top: 1px solid #d8b4481f;
  padding-top: 8px;
  font-size: 11px;
}

.c8312-total-line.grand strong {
  color: #e2bf53;
  font-size: 20px;
}

.c8312-source-chain {
  background: #070705;
  border: 1px dashed #d8b4481a;
  border-radius: 8px;
  flex-wrap: wrap;
  align-items: center;
  gap: 4px;
  padding: 8px;
  display: flex;
}

.c8312-source-chain span {
  color: #6d655a;
  background: #0e0d0a;
  border-radius: 5px;
  padding: 4px 6px;
  font-size: 6px;
}

.c8312-source-chain i {
  color: #4f4a42;
  font-style: normal;
}

.c8312-guard-sync {
  background: #4f9a6b09;
  border: 1px solid #4f9a6b1c;
  border-radius: 9px;
  align-items: center;
  gap: 8px;
  padding: 9px;
  display: flex;
}

.c8312-guard-sync i {
  color: #70af87;
  background: #4f9a6b14;
  border-radius: 8px;
  place-items: center;
  width: 28px;
  height: 28px;
  font-style: normal;
  display: grid;
}

.c8312-guard-sync b, .c8312-guard-sync small {
  display: block;
}

.c8312-guard-sync small {
  color: #698073;
  font-size: 7px;
}

.c8312-global-lock {
  color: #9b716e;
  background: #b8453f08;
  border: 1px solid #b8453f1f;
  border-radius: 9px;
  padding: 10px;
  font-size: 8px;
}

.c8312-quote-paper {
  background: #0a0907;
  border: 1px solid #d8b44821;
  border-radius: 15px;
  padding: 24px;
}

.c8312-paper-head {
  border-bottom: 1px solid #d8b4481a;
  justify-content: space-between;
  gap: 16px;
  padding-bottom: 16px;
  display: flex;
}

.c8312-paper-head h2 {
  margin: 5px 0;
}

.c8312-paper-right {
  text-align: right;
}

.c8312-paper-right b, .c8312-paper-right small {
  display: block;
}

.c8312-paper-grid {
  grid-template-columns: repeat(3, 1fr);
  gap: 8px;
  padding: 14px 0;
  display: grid;
}

.c8312-paper-grid > div {
  background: #080806;
  border: 1px solid #d8b4480f;
  border-radius: 8px;
  padding: 9px;
}

.c8312-paper-grid span, .c8312-paper-grid b, .c8312-paper-grid small {
  display: block;
}

.c8312-paper-grid span {
  color: #756d61;
  font-size: 6px;
}

.c8312-paper-grid b {
  margin: 4px 0;
  font-size: 9px;
}

.c8312-paper-grid small {
  color: #6f675b;
  font-size: 7px;
}

@media (max-width: 1050px) {
  .c8312-master, .c8312-quote-workspace {
    grid-template-columns: 1fr;
  }

  .c8312-sticky {
    position: static;
  }

  .c8312-price-row {
    grid-template-columns: 1fr 1fr;
  }

  .c8312-family-grid {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 650px) {
  .c8312-price-row, .c8312-paper-grid {
    grid-template-columns: 1fr;
  }
}

@media print {
  .c8312-quote-paper {
    color: #111 !important;
    background: #fff !important;
    border: 0 !important;
    padding: 0 !important;
  }

  .c8312-quote-paper * {
    color: #111 !important;
    box-shadow: none !important;
  }

  .c8312-paper-grid > div {
    background: #fff !important;
    border-color: #bbb !important;
  }
}

.c8312-client-select {
  min-width: 0;
  color: inherit;
  text-align: left;
  cursor: pointer;
  font: inherit;
  background: none;
  border: 0;
  flex: 1;
  grid-template-columns: 1fr auto;
  align-items: center;
  gap: 8px;
  padding: 0;
  display: grid;
}

.c83122-owner-select {
  width: min(250px, 100%);
}

.c83122-owner-bar {
  background: #080806;
  border: 1px solid #d8b4481a;
  border-radius: 10px;
  grid-template-columns: minmax(180px, 1fr) minmax(240px, .7fr);
  align-items: end;
  gap: 10px;
  margin: 10px 0;
  padding: 10px;
  display: grid;
}

.c83122-owner-bar b {
  margin-top: 4px;
  display: block;
}

.c83122-responsibility-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 5px;
  display: grid;
}

.c83122-responsibility-grid label {
  color: #776f63;
  cursor: pointer;
  background: #080806;
  border: 1px solid #d8b44812;
  border-radius: 8px;
  align-items: center;
  gap: 6px;
  padding: 7px 8px;
  font-size: 7px;
  display: flex;
}

.c83122-responsibility-grid label:has(input:checked) {
  color: #dec057;
  background: #d8b4480e;
  border-color: #d8b4483d;
}

.c83122-type-tags {
  flex-wrap: wrap;
  gap: 4px;
  margin: 6px 0;
  display: flex;
}

.c83122-type {
  color: #a68e42;
  text-transform: uppercase;
  background: #100f0b;
  border: 1px solid #d8b44817;
  border-radius: 5px;
  padding: 3px 5px;
  font-size: 6px;
  font-weight: 850;
  display: inline-flex;
}

.c83122-inline-hint {
  color: #776e62;
  background: #080806;
  border: 1px dashed #d8b4481f;
  border-radius: 8px;
  padding: 8px 9px;
  font-size: 7px;
  line-height: 1.5;
}

.c83122-inline-hint a {
  color: #d4b54b;
  text-decoration: none;
}

.c83122-account-link {
  background: #4f9a6b08;
  border: 1px solid #4f9a6b1c;
  border-radius: 9px;
  padding: 9px 10px;
}

.c83122-account-link b, .c83122-account-link small {
  display: block;
}

.c83122-account-link b {
  margin: 4px 0;
}

.c83122-account-link small {
  color: #718074;
  font-size: 7px;
}

@media (max-width: 760px) {
  .c83122-owner-bar, .c83122-responsibility-grid {
    grid-template-columns: 1fr;
  }

  .c83-row:has(.c83122-owner-select) {
    grid-template-columns: 1fr;
  }
}

.c8313-template-grid {
  grid-template-columns: repeat(auto-fit, minmax(190px, 1fr));
  gap: 7px;
  display: grid;
}

.c8313-template {
  color: inherit;
  text-align: left;
  cursor: pointer;
  background: #080806;
  border: 1px solid #d8b44813;
  border-radius: 10px;
  grid-template-columns: 38px 1fr;
  align-items: center;
  gap: 9px;
  padding: 10px;
  transition: all .15s;
  display: grid;
  position: relative;
}

.c8313-template:hover {
  border-color: #d8b4482e;
  transform: translateY(-1px);
}

.c8313-template.on {
  background: linear-gradient(135deg, #d8b44812, #080806);
  border-color: #d8b44852;
  box-shadow: inset 2px 0 #d7b74d;
}

.c8313-template-icon {
  color: #d4b54b;
  background: #100f0b;
  border: 1px solid #d8b4481a;
  border-radius: 9px;
  place-items: center;
  width: 36px;
  height: 36px;
  font-size: 15px;
  display: grid;
}

.c8313-template b, .c8313-template small {
  display: block;
}

.c8313-template b {
  font-size: 8px;
}

.c8313-template small {
  color: #6f675b;
  margin-top: 2px;
  font-size: 6px;
  line-height: 1.4;
}

.c8313-workflow {
  background: #080806;
  border: 1px solid #d8b44813;
  border-radius: 10px;
  align-items: center;
  gap: 4px;
  padding: 7px;
  display: flex;
  overflow: auto;
}

.c8313-flow-step {
  white-space: nowrap;
  color: #5f584e;
  border: 1px solid #0000;
  border-radius: 7px;
  align-items: center;
  gap: 5px;
  padding: 6px 8px;
  font-size: 6px;
  font-weight: 900;
  display: flex;
}

.c8313-flow-step.done {
  color: #7c8f7f;
}

.c8313-flow-step.current {
  color: #e1c056;
  background: #d8b4480e;
  border-color: #d8b4483d;
}

.c8313-flow-step:after {
  content: "›";
  color: #3f3a33;
  margin-left: 5px;
}

.c8313-flow-step:last-child:after {
  display: none;
}

.c8313-tabs {
  flex-wrap: wrap;
  gap: 4px;
  display: flex;
}

.c8313-tab {
  color: #71695d;
  cursor: pointer;
  background: #080806;
  border: 1px solid #d8b44813;
  border-radius: 7px;
  padding: 6px 8px;
  font-size: 7px;
  font-weight: 850;
}

.c8313-tab.on {
  color: #dfbe55;
  background: #d8b4480d;
  border-color: #d8b44842;
}

.c8313-line-editor {
  background: #060604;
  border: 1px solid #ffffff09;
  border-radius: 9px;
  margin-top: 8px;
  padding: 9px;
}

.c8313-line-grid {
  grid-template-columns: 1.3fr .65fr .55fr .55fr .55fr .55fr;
  align-items: end;
  gap: 6px;
  display: grid;
}

.c8313-rule {
  background: #070705;
  border: 1px solid #ffffff08;
  border-radius: 8px;
  grid-template-columns: 1fr auto;
  align-items: center;
  gap: 8px;
  padding: 7px 8px;
  display: grid;
}

.c8313-rule b, .c8313-rule small {
  display: block;
}

.c8313-rule small {
  color: #6e665a;
  font-size: 6px;
}

.c8313-week-wrap, .c8313-month-wrap {
  overflow: auto;
}

.c8313-week {
  grid-template-columns: 170px repeat(7, minmax(90px, 1fr));
  gap: 4px;
  min-width: 820px;
  display: grid;
}

.c8313-week-head {
  color: #7b7265;
  text-align: center;
  background: #0e0d0a;
  border: 1px solid #d8b4480f;
  border-radius: 7px;
  padding: 7px;
  font-size: 6px;
}

.c8313-week-line {
  background: #090806;
  border: 1px solid #d8b44812;
  border-radius: 7px;
  padding: 8px;
}

.c8313-week-line b, .c8313-week-line small {
  display: block;
}

.c8313-week-line small {
  color: #696156;
  font-size: 6px;
}

.c8313-daycell {
  background: #070705;
  border: 1px solid #ffffff08;
  border-radius: 7px;
  min-height: 78px;
  padding: 6px;
}

.c8313-daycell.today {
  border-color: #d8b44829;
}

.c8313-daycell strong {
  color: #71695e;
  margin-bottom: 5px;
  font-size: 6px;
  display: block;
}

.c8313-shift-chip {
  color: #aaa090;
  background: #0e0d0a;
  border-left: 2px solid #b99b3d;
  border-radius: 4px;
  margin: 3px 0;
  padding: 4px;
  font-size: 6px;
  line-height: 1.35;
  display: block;
}

.c8313-month {
  grid-template-columns: repeat(7, 1fr);
  gap: 4px;
  min-width: 760px;
  display: grid;
}

.c8313-month-label {
  text-align: center;
  color: #6d655a;
  padding: 6px;
  font-size: 6px;
}

.c8313-month-day {
  background: #070705;
  border: 1px solid #ffffff08;
  border-radius: 8px;
  min-height: 112px;
  padding: 7px;
}

.c8313-month-day.off {
  opacity: .18;
}

.c8313-month-day .num {
  color: #756d61;
  justify-content: space-between;
  gap: 4px;
  font-size: 7px;
  display: flex;
}

.c8313-month-day .sum {
  color: #c6a746;
  font-size: 6px;
}

.c8313-month-chip {
  color: #817768;
  text-overflow: ellipsis;
  white-space: nowrap;
  background: #100f0b;
  border-radius: 5px;
  margin-top: 4px;
  padding: 4px;
  font-size: 6px;
  display: block;
  overflow: hidden;
}

.c8313-month-chip.excluded {
  color: #bd6a65;
  background: #b8453f09;
  border: 1px solid #b8453f24;
}

.c8313-summary-grid {
  grid-template-columns: repeat(auto-fit, minmax(170px, 1fr));
  gap: 6px;
  display: grid;
}

.c8313-summary-card {
  background: #080806;
  border: 1px solid #d8b44811;
  border-radius: 9px;
  padding: 9px;
}

.c8313-summary-card b, .c8313-summary-card small {
  display: block;
}

.c8313-summary-card b {
  margin: 3px 0;
  font-size: 9px;
}

.c8313-summary-card small {
  color: #6e665a;
  font-size: 6px;
}

.c8313-exception {
  color: #9b6d68;
  background: #b8453f06;
  border: 1px solid #b8453f17;
  border-radius: 7px;
  justify-content: space-between;
  align-items: center;
  gap: 8px;
  padding: 6px;
  font-size: 7px;
  display: flex;
}

.c8313-readiness {
  grid-template-columns: repeat(3, 1fr);
  gap: 5px;
  display: grid;
}

.c8313-readiness > div {
  text-align: center;
  background: #080806;
  border: 1px solid #d8b4480d;
  border-radius: 7px;
  padding: 7px;
}

.c8313-readiness b, .c8313-readiness small {
  display: block;
}

.c8313-readiness small {
  color: #645d52;
  font-size: 6px;
}

.c8313-readiness .ok {
  border-color: #4f9a6b1f;
}

.c8313-readiness .bad {
  border-color: #b8453f24;
}

.c8313-print-sheet {
  background: #0a0907;
  border: 1px solid #d8b44821;
  border-radius: 16px;
  padding: 30px;
}

.c8313-print-cover {
  background: radial-gradient(circle at 90% 10%, #d8b44817, #0000 35%), #080806;
  border: 1px solid #d8b4481a;
  border-radius: 13px;
  align-content: space-between;
  min-height: 420px;
  padding: 30px;
  display: grid;
}

.c8313-print-brand {
  letter-spacing: 3px;
  font-size: 13px;
  font-weight: 950;
}

.c8313-print-brand span {
  color: #d6b64b;
  letter-spacing: 1.7px;
  margin-top: 4px;
  font-size: 7px;
  display: block;
}

.c8313-print-title h1 {
  margin: 8px 0;
  font-size: 38px;
}

.c8313-print-title p {
  color: #81786b;
  max-width: 700px;
}

.c8313-print-meta {
  grid-template-columns: repeat(3, 1fr);
  gap: 8px;
  display: grid;
}

.c8313-print-meta > div {
  background: #090806;
  border: 1px solid #d8b44812;
  border-radius: 8px;
  padding: 10px;
}

.c8313-print-meta span, .c8313-print-meta b, .c8313-print-meta small {
  display: block;
}

.c8313-print-meta span {
  color: #756d61;
  font-size: 6px;
}

.c8313-print-meta b {
  margin: 4px 0;
}

.c8313-print-meta small {
  color: #70685c;
  font-size: 7px;
}

.c8313-print-section {
  border-bottom: 1px solid #d8b44812;
  padding: 22px 0;
}

.c8313-print-section h2 {
  margin: 0 0 9px;
}

.c8313-print-copy {
  white-space: pre-wrap;
  color: #857c6f;
  line-height: 1.65;
}

.c8313-print-table {
  border: 1px solid #d8b44814;
  border-radius: 9px;
  overflow: hidden;
}

.c8313-print-table .h, .c8313-print-table .r {
  grid-template-columns: minmax(180px, 1fr) 90px 80px 100px;
  gap: 7px;
  padding: 8px;
  display: grid;
}

.c8313-print-table .h {
  color: #7f7566;
  text-transform: uppercase;
  background: #11100c;
  font-size: 6px;
}

.c8313-print-table .r {
  border-top: 1px solid #ffffff08;
  font-size: 7px;
}

.c8313-print-table .r strong {
  text-align: right;
  color: #d8b84e;
}

.c8313-access-ok {
  color: #7fab8d;
  background: #4f9a6b09;
  border: 1px solid #4f9a6b24;
  border-radius: 9px;
  padding: 9px 10px;
  font-size: 8px;
}

@media (max-width: 1100px) {
  .c8313-line-grid {
    grid-template-columns: 1fr 1fr 1fr;
  }

  .c8313-print-meta {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 700px) {
  .c8313-line-grid, .c8313-readiness {
    grid-template-columns: 1fr;
  }

  .c8313-print-sheet {
    padding: 13px;
  }

  .c8313-print-cover {
    padding: 16px;
  }

  .c8313-print-title h1 {
    font-size: 28px;
  }
}

@media print {
  body * {
    visibility: hidden !important;
  }

  .c8313-print-sheet, .c8313-print-sheet * {
    visibility: visible !important;
  }

  .c8313-print-sheet {
    color: #111 !important;
    background: #fff !important;
    border: 0 !important;
    width: 100% !important;
    padding: 0 !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
  }

  .c8313-print-sheet * {
    color: #111 !important;
    box-shadow: none !important;
  }

  .c8313-print-cover {
    page-break-after: always;
    background: #fff !important;
    border-color: #bbb !important;
    min-height: 90vh !important;
  }

  .c8313-print-meta > div, .c8313-print-table {
    background: #fff !important;
    border-color: #bbb !important;
  }

  .c8313-print-table .h {
    background: #eee !important;
  }

  .c8313-print-section {
    page-break-inside: avoid;
  }
}

.v2-workspace-soon {
  color: #5b554c;
  cursor: not-allowed;
  border: 1px dashed #d8b44814;
  border-radius: 7px;
  justify-content: center;
  align-items: center;
  min-height: 28px;
  font-size: 8px;
  display: flex;
}

.core2-page {
  background: radial-gradient(circle at 85% 0, #d8b4480e, #0000 28%), radial-gradient(circle at 15% 30%, #8c231f09, #0000 25%);
  min-height: 100vh;
  padding: 18px;
}

.core2-hero {
  background: linear-gradient(135deg, #0d0c09fc, #050504fe);
  border: 1px solid #d8b4481f;
  border-radius: 22px;
  grid-template-columns: minmax(0, 1.2fr) minmax(330px, .8fr);
  min-height: 360px;
  display: grid;
  position: relative;
  overflow: hidden;
  box-shadow: 0 28px 80px #00000047;
}

.core2-hero:before {
  content: "";
  pointer-events: none;
  background-color: #0000;
  background-image: linear-gradient(#ffffff03 1px, #0000 1px), linear-gradient(90deg, #ffffff03 1px, #0000 1px);
  background-position: 0 0, 0 0;
  background-repeat: repeat, repeat;
  background-size: 30px 30px;
  background-attachment: scroll, scroll;
  background-origin: padding-box, padding-box;
  background-clip: border-box, border-box;
  position: absolute;
  inset: 0;
  -webkit-mask-image: linear-gradient(to right, #000, #0000 80%);
  mask-image: linear-gradient(to right, #000, #0000 80%);
}

.core2-hero-copy {
  z-index: 2;
  flex-direction: column;
  justify-content: center;
  padding: 42px;
  display: flex;
  position: relative;
}

.core2-eyebrow {
  color: #d3b34e;
  letter-spacing: 1.8px;
  font-size: 8px;
  font-weight: 950;
}

.core2-hero h1 {
  letter-spacing: -2.8px;
  max-width: 720px;
  margin: 12px 0 10px;
  font-size: clamp(34px, 4vw, 62px);
  line-height: .95;
}

.core2-hero p {
  color: #857c6e;
  max-width: 720px;
  font-size: 11px;
  line-height: 1.8;
}

.core2-identity {
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
  margin-top: 22px;
  display: flex;
}

.core2-identity span {
  color: #73b18b;
  letter-spacing: 1px;
  font-size: 7px;
  font-weight: 950;
}

.core2-identity b {
  border-left: 1px solid #d8b44824;
  padding-left: 10px;
  font-size: 9px;
}

.core2-identity small {
  color: #625b51;
  font-size: 7px;
}

.core2-orbit {
  place-items: center;
  min-height: 360px;
  display: grid;
  position: relative;
}

.core2-orbit:before {
  content: "";
  filter: blur(6px);
  background: radial-gradient(circle, #d8b44814, #0000 66%);
  border-radius: 50%;
  width: 240px;
  height: 240px;
  position: absolute;
}

.core2-orbit-ring {
  border: 1px solid #d8b44821;
  border-radius: 50%;
  position: absolute;
}

.core2-orbit-ring.r1 {
  width: 170px;
  height: 170px;
  animation: 18s linear infinite core2spin;
}

.core2-orbit-ring.r2 {
  opacity: .55;
  border-style: dashed;
  width: 280px;
  height: 280px;
  animation: 32s linear infinite reverse core2spin;
}

.core2-orbit-core {
  z-index: 3;
  color: #e0bf57;
  background: linear-gradient(145deg, #16130b, #090805);
  border: 1px solid #e1be5259;
  border-radius: 31px;
  place-items: center;
  width: 104px;
  height: 104px;
  font-size: 46px;
  font-weight: 950;
  display: grid;
  position: relative;
  box-shadow: 0 0 70px #d8b4481f, inset 0 0 30px #d8b4480a;
}

.core2-orbit > span {
  z-index: 2;
  color: #8d8068;
  letter-spacing: 1px;
  background: #0a0907;
  border: 1px solid #d8b44821;
  border-radius: 99px;
  padding: 6px 9px;
  font-size: 6px;
  font-weight: 950;
  position: absolute;
}

.core2-orbit .n1 {
  transform: translate(0, -140px);
}

.core2-orbit .n2 {
  transform: translate(142px, 10px);
}

.core2-orbit .n3 {
  transform: translate(-135px, 75px);
}

.core2-orbit .n4 {
  transform: translate(90px, 118px);
}

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

.core2-loading, .core2-empty {
  color: #71695d;
  text-align: center;
  border: 1px dashed #d8b4481a;
  border-radius: 13px;
  margin-top: 12px;
  padding: 26px;
}

.core2-section {
  margin-top: 14px;
}

.core2-section-head {
  justify-content: space-between;
  align-items: flex-end;
  gap: 12px;
  margin-bottom: 8px;
  display: flex;
}

.core2-section-head span, .core2-panel-head span {
  color: #a78f40;
  letter-spacing: 1.2px;
  font-size: 7px;
  font-weight: 950;
  display: block;
}

.core2-section-head h2, .core2-panel-head h2 {
  margin: 3px 0 0;
  font-size: 15px;
}

.core2-section-head small, .core2-section-head > a {
  color: #6f675c;
  font-size: 7px;
  text-decoration: none;
}

.core2-workspaces {
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 8px;
  display: grid;
}

.core2-workspace {
  min-height: 178px;
  color: inherit;
  background: linear-gradient(155deg, #0c0b08, #070705);
  border: 1px solid #d8b44816;
  border-radius: 15px;
  padding: 14px;
  text-decoration: none;
  transition: transform .18s, border-color .18s, box-shadow .18s;
  display: block;
  position: relative;
  overflow: hidden;
}

.core2-workspace:not(.future):hover {
  border-color: #d8b44842;
  transform: translateY(-3px);
  box-shadow: 0 18px 45px #00000042;
}

.core2-workspace:after {
  content: "";
  border: 1px solid #d8b44814;
  border-radius: 50%;
  width: 130px;
  height: 130px;
  position: absolute;
  bottom: -55px;
  right: -35px;
}

.core2-workspace.future {
  opacity: .58;
}

.core2-workspace-top {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.core2-workspace-top i {
  color: #d0b149;
  background: #11100b;
  border: 1px solid #d8b44824;
  border-radius: 10px;
  place-items: center;
  width: 34px;
  height: 34px;
  font-size: 16px;
  font-style: normal;
  display: grid;
}

.core2-status {
  color: #7f7566;
  border: 1px solid #d8b4481a;
  border-radius: 99px;
  padding: 3px 6px;
  font-size: 6px;
  font-weight: 900;
}

.core2-status.active {
  color: #73b18b;
  border-color: #4f9a6b2e;
}

.core2-status.roadmap {
  color: #7b715f;
}

.core2-status.restricted {
  color: #c5834e;
}

.core2-workspace h3 {
  margin: 16px 0 5px;
  font-size: 11px;
}

.core2-workspace p {
  color: #6e665a;
  min-height: 38px;
  margin: 0;
  font-size: 7px;
  line-height: 1.55;
}

.core2-workspace-foot {
  color: #8f7d48;
  letter-spacing: .7px;
  border-top: 1px solid #ffffff09;
  justify-content: space-between;
  align-items: center;
  margin-top: 15px;
  padding-top: 9px;
  font-size: 6px;
  font-weight: 950;
  display: flex;
}

.core2-workspace-foot b {
  font-size: 13px;
}

.core2-command-grid {
  grid-template-columns: 1.25fr .75fr;
  gap: 9px;
  margin-top: 14px;
  display: grid;
}

.core2-panel {
  background: linear-gradient(155deg, #0b0a08fa, #070705fc);
  border: 1px solid #d8b44814;
  border-radius: 15px;
  padding: 14px;
  box-shadow: 0 16px 45px #00000021;
}

.core2-panel-head {
  justify-content: space-between;
  align-items: flex-end;
  gap: 10px;
  margin-bottom: 10px;
  display: flex;
}

.core2-panel-head > b {
  color: #7e724f;
  letter-spacing: 1px;
  font-size: 7px;
}

.core2-signal-list {
  gap: 5px;
  display: grid;
}

.core2-signal, .core2-clear {
  color: inherit;
  background: #080806;
  border: 1px solid #ffffff09;
  border-radius: 10px;
  grid-template-columns: 32px 1fr auto;
  align-items: center;
  gap: 8px;
  padding: 9px;
  text-decoration: none;
  display: grid;
}

.core2-signal > i, .core2-clear > i {
  color: #c7aa49;
  background: #100e0b;
  border-radius: 8px;
  place-items: center;
  width: 30px;
  height: 30px;
  font-style: normal;
  font-weight: 950;
  display: grid;
}

.core2-signal b, .core2-signal small, .core2-clear b, .core2-clear small {
  display: block;
}

.core2-signal b, .core2-clear b {
  font-size: 8px;
}

.core2-signal small, .core2-clear small {
  color: #696156;
  margin-top: 2px;
  font-size: 7px;
}

.core2-signal > span {
  color: #8d7e4b;
}

.core2-signal.critical {
  border-color: #b8453f2e;
}

.core2-signal.critical > i {
  color: #d2645d;
}

.core2-signal.warning {
  border-color: #c8863321;
}

.core2-clear > i {
  color: #73b18b;
}

.core2-kpi-row {
  grid-template-columns: repeat(3, 1fr);
  gap: 6px;
  display: grid;
}

.core2-kpi-row > div {
  background: #080806;
  border: 1px solid #ffffff09;
  border-radius: 10px;
  padding: 12px;
}

.core2-kpi-row strong, .core2-kpi-row span {
  display: block;
}

.core2-kpi-row strong {
  color: #d6b74e;
  font-size: 18px;
}

.core2-kpi-row span {
  color: #665f54;
  margin-top: 3px;
  font-size: 6px;
}

.core2-role-list {
  flex-wrap: wrap;
  gap: 5px;
  margin-top: 8px;
  display: flex;
}

.core2-role-list > span {
  color: #7a7165;
  border: 1px solid #d8b44812;
  border-radius: 7px;
  padding: 5px 7px;
  font-size: 6px;
}

.core2-role-list b {
  color: #b79c45;
  margin-right: 5px;
}

.core2-metrics {
  grid-template-columns: repeat(4, 1fr);
  gap: 8px;
  margin-top: 9px;
  display: grid;
}

.core2-metrics > a, .core2-metrics > div {
  color: inherit;
  background: #090806;
  border: 1px solid #d8b44813;
  border-radius: 13px;
  padding: 14px;
  text-decoration: none;
}

.core2-metrics span, .core2-metrics strong, .core2-metrics small {
  display: block;
}

.core2-metrics span {
  color: #8c7942;
  letter-spacing: .8px;
  font-size: 6px;
  font-weight: 950;
}

.core2-metrics strong {
  margin: 7px 0 2px;
  font-size: 20px;
}

.core2-metrics small {
  color: #655e53;
  font-size: 7px;
}

.core2-client-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 7px;
  display: grid;
}

.core2-client {
  color: inherit;
  background: #080806;
  border: 1px solid #d8b44812;
  border-radius: 12px;
  gap: 10px;
  padding: 12px;
  text-decoration: none;
  display: grid;
}

.core2-client:hover {
  border-color: #d8b44833;
}

.core2-client h3 {
  margin: 6px 0 2px;
}

.core2-client p {
  color: #665e53;
  margin: 0;
  font-size: 7px;
}

.core2-heat {
  color: #8b806e;
  border: 1px solid #d8b44814;
  border-radius: 5px;
  padding: 3px 5px;
  font-size: 6px;
  font-weight: 950;
}

.core2-heat.hot {
  color: #d2635c;
  border-color: #b8453f29;
}

.core2-client-stats {
  gap: 4px;
  display: grid;
}

.core2-client-stats span {
  color: #655e54;
  border-top: 1px solid #ffffff06;
  justify-content: space-between;
  padding-top: 4px;
  font-size: 6px;
  display: flex;
}

.core2-client-stats b {
  color: #b69c4a;
}

.core2-audit {
  gap: 3px;
  display: grid;
}

.core2-audit > div {
  border-bottom: 1px solid #ffffff08;
  grid-template-columns: 75px 1fr auto;
  align-items: center;
  gap: 10px;
  padding: 8px 4px;
  display: grid;
}

.core2-audit > div > span {
  color: #a38b3e;
  font-size: 6px;
  font-weight: 950;
}

.core2-audit b, .core2-audit small {
  display: block;
}

.core2-audit b {
  text-transform: capitalize;
  font-size: 8px;
}

.core2-audit small {
  color: #625b50;
  margin-top: 2px;
  font-size: 6px;
}

.core2-audit em {
  color: #7b7367;
  background: #0e0d0a;
  border-radius: 5px;
  padding: 3px 5px;
  font-size: 6px;
  font-style: normal;
}

.core2-audit em.success {
  color: #73b18b;
}

@media (max-width: 1250px) {
  .core2-workspaces {
    grid-template-columns: repeat(3, 1fr);
  }

  .core2-client-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 900px) {
  .core2-page {
    padding: 10px;
  }

  .core2-hero {
    grid-template-columns: 1fr;
  }

  .core2-orbit {
    min-height: 300px;
  }

  .core2-workspaces, .core2-command-grid, .core2-metrics, .core2-client-grid {
    grid-template-columns: 1fr;
  }

  .core2-hero-copy {
    padding: 24px;
  }

  .core2-hero h1 {
    font-size: 38px;
  }
}

.c2-ecosystem {
  border-bottom: 1px solid #d8b4480e;
  padding: 8px 10px;
}

.c2-ecosystem > span {
  color: #554f46;
  letter-spacing: 1px;
  margin-bottom: 5px;
  font-size: 6px;
  font-weight: 950;
  display: block;
}

.c2-ecosystem > div {
  grid-template-columns: repeat(3, 1fr);
  gap: 4px;
  display: grid;
}

.c2-ecosystem a {
  color: #70675a;
  background: #080806;
  border: 1px solid #d8b4480f;
  border-radius: 6px;
  place-items: center;
  min-height: 25px;
  font-size: 6px;
  font-weight: 900;
  text-decoration: none;
  display: grid;
}

.c2-ecosystem a.active {
  color: #d0b04b;
  background: #d8b4480b;
  border-color: #d8b44838;
}

.c2-signal-command {
  background: radial-gradient(circle at 0 0, #d8b44811, #0000 35%), linear-gradient(145deg, #0c0b08, #070705);
  border: 1px solid #d8b44826;
  border-radius: 16px;
  margin: 10px 0;
  padding: 14px;
  box-shadow: 0 20px 60px #0003;
}

.c2-signal-head {
  justify-content: space-between;
  align-items: flex-start;
  gap: 14px;
  display: flex;
}

.c2-signal-head > div > span {
  color: #d0b04b;
  letter-spacing: 1.3px;
  font-size: 7px;
  font-weight: 950;
}

.c2-signal-head h2 {
  margin: 4px 0;
  font-size: 17px;
}

.c2-signal-head p {
  color: #756c60;
  margin: 0;
  font-size: 7px;
}

.c2-signal-score {
  text-align: right;
}

.c2-signal-score strong, .c2-signal-score span {
  display: block;
}

.c2-signal-score strong {
  color: #ddb94d;
  font-size: 27px;
}

.c2-signal-score span {
  color: #665f54;
  font-size: 6px;
}

.c2-signal-body {
  grid-template-columns: minmax(0, 1fr) 360px;
  gap: 8px;
  margin-top: 10px;
  display: grid;
}

.c2-primary-action {
  background: #080806;
  border: 1px solid #d8b44817;
  border-radius: 12px;
  grid-template-columns: 48px 1fr auto;
  align-items: center;
  gap: 10px;
  min-height: 92px;
  padding: 12px;
  display: grid;
}

.c2-primary-action h3 {
  margin: 5px 0 3px;
  font-size: 12px;
}

.c2-primary-action p {
  color: #71695e;
  margin: 0;
  font-size: 7px;
}

.c2-primary-action b {
  color: #c8aa48;
  margin-top: 5px;
  font-size: 9px;
  display: block;
}

.c2-signal-icon {
  color: #d0b04b;
  background: #100e0b;
  border: 1px solid #d8b44821;
  border-radius: 12px;
  place-items: center;
  width: 45px;
  height: 45px;
  font-size: 19px;
  display: grid;
}

.c2-signal-icon.critical {
  color: #d2635c;
  border-color: #b8453f38;
}

.c2-signal-icon.high {
  color: #d49a4d;
}

.c2-signal-stats {
  grid-template-columns: 1fr 1fr;
  gap: 5px;
  display: grid;
}

.c2-signal-stats > div {
  background: #080806;
  border: 1px solid #ffffff09;
  border-radius: 10px;
  padding: 10px;
}

.c2-signal-stats strong, .c2-signal-stats span {
  display: block;
}

.c2-signal-stats strong {
  font-size: 18px;
}

.c2-signal-stats span {
  color: #655e54;
  margin-top: 2px;
  font-size: 6px;
}

.c2-signal-strip {
  grid-template-columns: repeat(5, 1fr);
  gap: 5px;
  margin-top: 7px;
  display: grid;
}

.c2-mini-signal {
  min-width: 0;
  color: inherit;
  background: #070705;
  border: 1px solid #ffffff08;
  border-radius: 9px;
  grid-template-columns: 26px 1fr auto;
  align-items: center;
  gap: 6px;
  padding: 7px;
  text-decoration: none;
  display: grid;
}

.c2-mini-signal > i {
  color: #ba9f45;
  background: #0f0e0a;
  border-radius: 6px;
  place-items: center;
  width: 24px;
  height: 24px;
  font-style: normal;
  display: grid;
}

.c2-mini-signal b, .c2-mini-signal small {
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
  overflow: hidden;
}

.c2-mini-signal b {
  font-size: 7px;
}

.c2-mini-signal small {
  color: #615a50;
  font-size: 6px;
}

.c2-mini-signal > span {
  color: #796d46;
}

.c2-mini-signal.critical {
  border-color: #b8453f1f;
}

@media (max-width: 1100px) {
  .c2-signal-body {
    grid-template-columns: 1fr;
  }

  .c2-signal-strip {
    grid-template-columns: 1fr 1fr;
  }
}

@media (max-width: 700px) {
  .c2-primary-action {
    grid-template-columns: 40px 1fr;
  }

  .c2-primary-action > a {
    grid-column: 1 / -1;
  }

  .c2-signal-strip {
    grid-template-columns: 1fr;
  }

  .c2-signal-head {
    display: block;
  }

  .c2-signal-score {
    text-align: left;
    margin-top: 8px;
  }
}

.c2-client360-hero {
  background: radial-gradient(circle at 85% 0, #d8b4480f, #0000 30%), #090806;
  border: 1px solid #d8b4481a;
  border-radius: 15px;
  justify-content: space-between;
  align-items: flex-end;
  gap: 14px;
  padding: 18px;
  display: flex;
}

.c2-client360-title {
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  display: flex;
}

.c2-client360-title h1 {
  margin: 5px 0;
  font-size: 28px;
}

.c2-client360-hero p {
  color: #726a5e;
  margin: 0;
  font-size: 8px;
}

.c2-client360-kpis {
  grid-template-columns: repeat(4, 1fr);
  gap: 7px;
  margin: 8px 0;
  display: grid;
}

.c2-client360-kpis > div {
  background: #080806;
  border: 1px solid #d8b44813;
  border-radius: 11px;
  padding: 12px;
}

.c2-client360-kpis span, .c2-client360-kpis strong, .c2-client360-kpis small {
  display: block;
}

.c2-client360-kpis span {
  color: #8f7b43;
  font-size: 6px;
  font-weight: 950;
}

.c2-client360-kpis strong {
  margin: 6px 0 2px;
  font-size: 18px;
}

.c2-client360-kpis small {
  color: #625b51;
  font-size: 6px;
}

.c2-client-signal {
  background: linear-gradient(145deg, #0c0b08, #080806);
  border: 1px solid #d8b4481f;
  border-radius: 13px;
  grid-template-columns: 45px 1fr auto;
  align-items: center;
  gap: 10px;
  margin-bottom: 8px;
  padding: 12px;
  display: grid;
}

.c2-client-signal.high {
  border-color: #b8453f2b;
}

.c2-client-signal.good {
  border-color: #4f9a6b21;
}

.c2-client-signal-mark {
  color: #d2b24b;
  background: #121008;
  border-radius: 11px;
  place-items: center;
  width: 42px;
  height: 42px;
  font-size: 18px;
  display: grid;
}

.c2-client-signal > div > span {
  color: #a99043;
  letter-spacing: 1px;
  font-size: 6px;
  font-weight: 950;
}

.c2-client-signal h2 {
  margin: 3px 0;
  font-size: 12px;
}

.c2-client-signal p {
  color: #6f675b;
  margin: 0;
  font-size: 7px;
}

.c2-client360-layout {
  grid-template-columns: minmax(0, 1.55fr) minmax(300px, .45fr);
  gap: 8px;
  display: grid;
}

.c2-client360-main, .c2-client360-side {
  align-content: start;
  gap: 8px;
  display: grid;
}

.c2-contact-grid {
  grid-template-columns: repeat(3, 1fr);
  gap: 6px;
  display: grid;
}

.c2-contact-card {
  background: #080806;
  border: 1px solid #ffffff09;
  border-radius: 10px;
  padding: 10px;
}

.c2-contact-card h3 {
  margin: 7px 0 2px;
  font-size: 10px;
}

.c2-contact-card p, .c2-contact-card small {
  color: #6b6358;
  margin: 0;
  font-size: 7px;
  display: block;
}

.c2-responsibility-tags {
  flex-wrap: wrap;
  gap: 3px;
  margin-top: 7px;
  display: flex;
}

.c2-responsibility-tags span {
  color: #756b58;
  background: #100f0b;
  border-radius: 5px;
  padding: 3px 5px;
  font-size: 5px;
}

.c2-deal-row {
  color: inherit;
  background: #080806;
  border: 1px solid #ffffff09;
  border-radius: 9px;
  grid-template-columns: 105px 1fr auto;
  align-items: center;
  gap: 9px;
  padding: 9px;
  text-decoration: none;
  display: grid;
}

.c2-deal-row:hover {
  border-color: #d8b44826;
}

.c2-deal-stage {
  gap: 4px;
  display: grid;
}

.c2-deal-stage > b {
  color: #8a7e6b;
  font-size: 6px;
}

.c2-deal-row h3 {
  margin: 0 0 3px;
  font-size: 9px;
}

.c2-deal-row p {
  color: #655e54;
  margin: 0;
  font-size: 6px;
}

.c2-deal-value {
  text-align: right;
}

.c2-deal-value strong, .c2-deal-value span {
  display: block;
}

.c2-deal-value strong {
  font-size: 9px;
}

.c2-deal-value span {
  color: #ad9546;
  font-size: 7px;
}

.c2-profile-list {
  gap: 0;
  display: grid;
}

.c2-profile-list > div {
  border-bottom: 1px solid #ffffff08;
  padding: 8px 0;
}

.c2-profile-list span, .c2-profile-list b {
  display: block;
}

.c2-profile-list span {
  color: #635c52;
  font-size: 6px;
}

.c2-profile-list b {
  word-break: break-word;
  margin-top: 2px;
  font-size: 7px;
}

.c2-price-chain {
  flex-wrap: wrap;
  align-items: center;
  gap: 3px;
  margin: 8px 0;
  display: flex;
}

.c2-price-chain span {
  color: #8f7b43;
  border: 1px solid #d8b44812;
  border-radius: 5px;
  padding: 4px 5px;
  font-size: 5px;
  font-weight: 950;
}

.c2-price-chain i {
  color: #4d483f;
  font-style: normal;
}

.c2-timeline {
  gap: 4px;
  display: grid;
  position: relative;
}

.c2-timeline > a, .c2-timeline > div {
  color: inherit;
  border-bottom: 1px solid #ffffff08;
  grid-template-columns: 32px 1fr auto;
  align-items: center;
  gap: 9px;
  padding: 8px;
  text-decoration: none;
  display: grid;
}

.c2-timeline-mark {
  color: #b89d45;
  background: #100f0b;
  border-radius: 8px;
  place-items: center;
  width: 29px;
  height: 29px;
  display: grid;
}

.c2-timeline span {
  color: #5e574e;
  font-size: 5px;
}

.c2-timeline h3 {
  margin: 2px 0;
  font-size: 8px;
}

.c2-timeline p {
  color: #696156;
  margin: 0;
  font-size: 6px;
}

@media (max-width: 1100px) {
  .c2-client360-layout {
    grid-template-columns: 1fr;
  }

  .c2-contact-grid {
    grid-template-columns: 1fr 1fr;
  }
}

@media (max-width: 750px) {
  .c2-client360-hero {
    display: block;
  }

  .c2-client360-hero .c83-hero-actions {
    margin-top: 10px;
  }

  .c2-client360-kpis, .c2-contact-grid {
    grid-template-columns: 1fr 1fr;
  }

  .c2-client-signal {
    grid-template-columns: 40px 1fr;
  }

  .c2-client-signal > a {
    grid-column: 1 / -1;
  }

  .c2-deal-row {
    grid-template-columns: 1fr;
  }

  .c2-deal-value {
    text-align: left;
  }
}

@media (max-width: 520px) {
  .c2-client360-kpis {
    grid-template-columns: 1fr;
  }
}

.shell-core {
  --core-fire: #ff4a3d;
  --core-fire-2: #ff7352;
  --core-ember: #d9322c;
  --core-ember-dark: #7a1515;
  --core-ash: #160707;
  --core-coal: #070303;
  --core-line: #ff52422e;
  --core-line-hot: #ff5c466b;
  --core-text: #fff1ed;
  --core-muted: #8f6c67;
  background: #040202;
}

.shell-core > .main {
  isolation: isolate;
  background: radial-gradient(circle at 84% -8%, #d2241e2b, #0000 34%), radial-gradient(circle at 22% 104%, #6f120e29, #0000 32%), linear-gradient(#070303 0%, #040202 58%, #020101 100%);
  position: relative;
}

.shell-core > .main:before {
  content: "";
  z-index: -1;
  pointer-events: none;
  background-color: #0000;
  background-image: linear-gradient(#ff463705 1px, #0000 1px), linear-gradient(90deg, #ff463704 1px, #0000 1px);
  background-position: 0 0, 0 0;
  background-repeat: repeat, repeat;
  background-size: 46px 46px;
  background-attachment: scroll, scroll;
  background-origin: padding-box, padding-box;
  background-clip: border-box, border-box;
  position: fixed;
  inset: 0 0 0 290px;
  -webkit-mask-image: linear-gradient(#000c, #0000 92%);
  mask-image: linear-gradient(#000c, #0000 92%);
}

.shell-core .v35-sidebar {
  box-shadow: 18px 0 55px #46050529;
  background: radial-gradient(circle at 30% 0, #d0291f21, #0000 25%), linear-gradient(#0b0404 0%, #060202 56%, #030101 100%) !important;
  border-right-color: #ff463730 !important;
}

.shell-core .v35-sidebar-head {
  border-bottom: 1px solid #ff493a14;
}

.shell-core .brand {
  text-shadow: 0 0 28px #ff342a21;
  color: #fff6f2 !important;
}

.shell-core .brand span {
  text-shadow: 0 0 16px #ff433447;
  color: var(--core-fire) !important;
}

.shell-core .v36-build-badge {
  color: #bf625a !important;
  background: #5c0c0a1c !important;
  border-color: #ff4d3d21 !important;
}

.shell-core .v35-workspaces {
  box-shadow: inset 0 0 24px #aa181406;
  background: linear-gradient(145deg, #190706f0, #090303f5) !important;
  border-color: #ff4e3d21 !important;
}

.shell-core .v35-workspaces-label {
  color: #94554f !important;
}

.shell-core .v35-workspaces-grid a, .shell-core .v2-workspace-soon {
  color: #8f716c !important;
  background: #100505 !important;
  border-color: #ff4b3a17 !important;
}

.shell-core .v35-workspaces-grid a:hover {
  color: #ffc0b5 !important;
  background: #1b0807 !important;
  border-color: #ff574547 !important;
}

.shell-core .v35-workspaces-grid a.active {
  color: #fff0eb !important;
  background: linear-gradient(145deg, #7e141157, #240706b8) !important;
  border-color: #ff5a4680 !important;
  box-shadow: inset 0 0 20px #ff3d2e0f, 0 0 18px #bf18140d !important;
}

.shell-core .v35-nav-group {
  border-bottom-color: #ff4b3a11 !important;
}

.shell-core .v35-nav-group-title {
  color: #9f6b65 !important;
  background: #0b0303 !important;
}

.shell-core .v35-nav-items a {
  color: #9a7873 !important;
}

.shell-core .v35-nav-items a:hover {
  color: #ffd5cd !important;
  background: #6e110e29 !important;
}

.shell-core .v35-nav-items a.active {
  color: #fff1ec !important;
  box-shadow: inset 2px 0 var(--core-fire) !important;
  background: linear-gradient(90deg, #a1191438, #4a0a0814) !important;
}

.shell-core .v35-sidebar-footer, .shell-core .v36-sidebar-footer {
  background: #050202 !important;
  border-top-color: #ff4a3a1c !important;
}

.shell-core .v35-topbar {
  -webkit-backdrop-filter: blur(18px);
  backdrop-filter: blur(18px);
  background: #060202d4 !important;
  border-bottom-color: #ff483921 !important;
}

.shell-core .v35-topbar strong {
  color: #fff2ed !important;
}

.shell-core .v35-topbar .muted {
  color: #8c5d57 !important;
}

.shell-core .v35-back-button, .shell-core .button {
  border-color: #ff4d3c24 !important;
}

.shell-core .v35-back-button:hover, .shell-core .button:hover {
  box-shadow: 0 0 22px #c41c1612;
  border-color: #ff594557 !important;
}

.shell-core .core2-page {
  color: var(--core-text);
  background: radial-gradient(at 78% 2%, #cf261e21, #0000 31%), radial-gradient(at 13% 46%, #700e0c1a, #0000 29%), linear-gradient(#080303c7, #030101eb);
  position: relative;
  overflow: hidden;
}

.shell-core .core2-page:before, .shell-core .core2-page:after {
  content: "";
  pointer-events: none;
  z-index: 0;
  position: absolute;
}

.shell-core .core2-page:before {
  filter: blur(8px);
  background: radial-gradient(circle, #ff372712, #710c0a06 35%, #0000 68%);
  border-radius: 50%;
  width: 540px;
  height: 540px;
  animation: 7s ease-in-out infinite coreInfernoPulse;
  top: 150px;
  right: -190px;
}

.shell-core .core2-page:after {
  opacity: .75;
  background: radial-gradient(at 18% 115%, #c41f161f, #0000 35%), radial-gradient(at 72% 120%, #790e0a1a, #0000 38%);
  height: 340px;
  bottom: 0;
  left: 0;
  right: 0;
}

.shell-core .core2-page > * {
  z-index: 1;
  position: relative;
}

.shell-core .core2-hero {
  background: radial-gradient(circle at 82% 25%, #bf1d1726, #0000 35%), linear-gradient(135deg, #180706fc, #060202fe 62%, #0f0403fe) !important;
  border-color: #ff4a3938 !important;
  box-shadow: 0 32px 95px #1e00006b, inset 0 0 70px #ad151106 !important;
}

.shell-core .core2-hero:before {
  background-color: #0000 !important;
  background-image: linear-gradient(#ff453405 1px, #0000 1px), linear-gradient(90deg, #ff453405 1px, #0000 1px) !important;
  background-position: 0 0, 0 0 !important;
  background-repeat: repeat, repeat !important;
  background-size: 28px 28px !important;
  background-attachment: scroll, scroll !important;
  background-origin: padding-box, padding-box !important;
  background-clip: border-box, border-box !important;
}

.shell-core .core2-hero:after {
  content: "";
  filter: blur(16px);
  pointer-events: none;
  background: radial-gradient(#ff312324, #870e0a0d 35%, #0000 70%);
  height: 150px;
  position: absolute;
  bottom: -90px;
  left: -15%;
  right: -15%;
}

.shell-core .core2-eyebrow {
  text-shadow: 0 0 18px #ff443433;
  color: #ff6958 !important;
}

.shell-core .core2-hero h1 {
  color: #fff4f0;
  text-shadow: 0 0 38px #d2251c24;
}

.shell-core .core2-hero p {
  color: #a37d76 !important;
}

.shell-core .core2-identity span {
  color: #ff6b57 !important;
}

.shell-core .core2-identity b {
  color: #f8e6e1;
  border-left-color: #ff4f3e38 !important;
}

.shell-core .core2-identity small {
  color: #7d5b56 !important;
}

.shell-core .core2-orbit:before {
  animation: 4.8s ease-in-out infinite coreInfernoPulse;
  filter: blur(8px) !important;
  background: radial-gradient(circle, #ff3a2a26, #92120e0e 34%, #0000 68%) !important;
  width: 275px !important;
  height: 275px !important;
}

.shell-core .core2-orbit-ring {
  box-shadow: 0 0 24px #97100d09;
  border-color: #ff4c3942 !important;
}

.shell-core .core2-orbit-ring.r1 {
  box-shadow: inset 0 0 20px #ff372809, 0 0 22px #ff372809;
}

.shell-core .core2-orbit-ring.r2 {
  border-color: #ff48362b !important;
}

.shell-core .core2-orbit-core {
  text-shadow: 0 0 20px #ff432f61;
  animation: 3.8s ease-in-out infinite coreInfernoCore;
  color: #ff8a72 !important;
  background: radial-gradient(circle at 42% 35%, #ff66462e, #0000 34%), linear-gradient(145deg, #3a0a08, #130303 58%, #080202) !important;
  border-color: #ff5f489e !important;
  box-shadow: 0 0 28px #ff302329, 0 0 80px #b6141024, inset 0 0 36px #ff4c351a !important;
}

.shell-core .core2-orbit > span {
  color: #b57469 !important;
  background: #110404eb !important;
  border-color: #ff4d3a2e !important;
}

.shell-core .core2-section-head span, .shell-core .core2-panel-head span {
  color: #c34b40 !important;
}

.shell-core .core2-section-head small, .shell-core .core2-section-head > a {
  color: #7e5a54 !important;
}

.shell-core .core2-section-head > a:hover {
  color: #ff8d78 !important;
}

.shell-core .core2-panel {
  background: linear-gradient(155deg, #120505fb, #060202fc) !important;
  border-color: #ff49381f !important;
  box-shadow: 0 18px 55px #23000033, inset 0 0 28px #8a0f0c04 !important;
}

.shell-core .core2-panel-head > b {
  color: #a65047 !important;
}

.shell-core .core2-workspace {
  box-shadow: inset 0 0 25px #93120e04;
  background: radial-gradient(circle at 95% 100%, #84100c14, #0000 34%), linear-gradient(155deg, #120505, #070202) !important;
  border-color: #ff4a391c !important;
}

.shell-core .core2-workspace:not(.future):hover {
  border-color: #ff58446b !important;
  box-shadow: 0 20px 48px #2e00005c, 0 0 32px #b918120e !important;
}

.shell-core .core2-workspace:after {
  border-color: #ff4a371a !important;
}

.shell-core .core2-workspace-top i {
  box-shadow: inset 0 0 16px #ff3b2b09;
  color: #ff765f !important;
  background: #170605 !important;
  border-color: #ff4e3c2e !important;
}

.shell-core .core2-workspace h3 {
  color: #f7e9e5;
}

.shell-core .core2-workspace p {
  color: #80615b !important;
}

.shell-core .core2-workspace-foot {
  color: #bc4e43 !important;
  border-top-color: #ffffff06 !important;
}

.shell-core .core2-status {
  color: #8c625c !important;
  border-color: #ff4a391a !important;
}

.shell-core .core2-status.active {
  background: #7f110e14;
  color: #ff765f !important;
  border-color: #ff5d463d !important;
}

.shell-core .core2-status.roadmap {
  color: #805b55 !important;
}

.shell-core .core2-status.restricted {
  color: #d76751 !important;
}

.shell-core .core2-workspace.guard .core2-workspace-top i {
  color: #ef5c51 !important;
}

.shell-core .core2-workspace.commercial .core2-workspace-top i {
  color: #f28f5b !important;
}

.shell-core .core2-workspace.clean .core2-workspace-top i {
  color: #cf7469 !important;
}

.shell-core .core2-workspace.it .core2-workspace-top i {
  color: #ff6659 !important;
}

.shell-core .core2-signal, .shell-core .core2-clear {
  background: #0c0303 !important;
  border-color: #ff483713 !important;
}

.shell-core .core2-signal:hover {
  background: #120404 !important;
  border-color: #ff544038 !important;
}

.shell-core .core2-signal > i, .shell-core .core2-clear > i {
  color: #ff705b !important;
  background: #170505 !important;
}

.shell-core .core2-signal > span {
  color: #c45649 !important;
}

.shell-core .core2-signal small, .shell-core .core2-clear small {
  color: #765a55 !important;
}

.shell-core .core2-signal.critical {
  box-shadow: inset 3px 0 #e8382d;
  border-color: #ff443642 !important;
}

.shell-core .core2-signal.critical > i {
  text-shadow: 0 0 12px #ff322840;
  color: #ff5448 !important;
}

.shell-core .core2-signal.warning {
  box-shadow: inset 3px 0 #a73a26;
  border-color: #dd593030 !important;
}

.shell-core .core2-clear {
  border-color: #962f251f !important;
}

.shell-core .core2-clear > i {
  color: #c96a5d !important;
}

.shell-core .core2-kpi-row > div, .shell-core .core2-metrics > a, .shell-core .core2-metrics > div, .shell-core .core2-client {
  background: #0c0303 !important;
  border-color: #ff4a3917 !important;
}

.shell-core .core2-kpi-row strong, .shell-core .core2-metrics strong {
  text-shadow: 0 0 16px #ff372a0f;
  color: #ff715c !important;
}

.shell-core .core2-kpi-row span, .shell-core .core2-metrics small {
  color: #735752 !important;
}

.shell-core .core2-metrics span {
  color: #b34a40 !important;
}

.shell-core .core2-metrics > a:hover, .shell-core .core2-client:hover {
  background: #110404 !important;
  border-color: #ff544047 !important;
}

.shell-core .core2-role-list > span {
  color: #7c5d57 !important;
  border-color: #ff4b3914 !important;
}

.shell-core .core2-role-list b {
  color: #bc4d42 !important;
}

.shell-core .core2-client p {
  color: #735650 !important;
}

.shell-core .core2-heat {
  color: #96685f !important;
  border-color: #ff4d3b1a !important;
}

.shell-core .core2-heat.hot {
  background: #7c0e0c14;
  color: #ff6857 !important;
  border-color: #ff493a3d !important;
}

.shell-core .core2-client-stats span {
  color: #72544f !important;
}

.shell-core .core2-client-stats b {
  color: #d45a4d !important;
}

.shell-core .core2-audit > div {
  border-bottom-color: #ffffff06 !important;
}

.shell-core .core2-audit > div > span {
  color: #bd4d42 !important;
}

.shell-core .core2-audit small {
  color: #70534e !important;
}

.shell-core .core2-audit em {
  color: #90645e !important;
  background: #120505 !important;
}

.shell-core .core2-audit em.success {
  color: #da7667 !important;
}

.shell-core .core2-loading, .shell-core .core2-empty {
  background: #0e040473;
  color: #7b5b55 !important;
  border-color: #ff4a391f !important;
}

@keyframes coreInfernoPulse {
  0%, 100% {
    opacity: .55;
    transform: scale(.96);
  }

  50% {
    opacity: 1;
    transform: scale(1.06);
  }
}

@keyframes coreInfernoCore {
  0%, 100% {
    filter: saturate(.92);
    transform: translateZ(0)scale(.985);
  }

  50% {
    filter: saturate(1.15);
    transform: translateZ(0)scale(1.025);
  }
}

@media (max-width: 900px) {
  .shell-core > .main:before {
    inset: 0;
  }
}

@media (prefers-reduced-motion: reduce) {
  .shell-core .core2-page:before, .shell-core .core2-orbit:before, .shell-core .core2-orbit-core {
    animation: none !important;
  }
}

@media (min-width: 901px) {
  .c83-sidebar {
    flex-direction: column !important;
    height: 100dvh !important;
    display: flex !important;
  }

  .c83-brand, .c83-statusline {
    flex: none;
  }

  .c2-ecosystem {
    z-index: 50 !important;
    background: #090806 !important;
    border: 1px solid #d8b44814 !important;
    border-radius: 10px !important;
    flex: none !important;
    margin: 0 10px 8px !important;
    padding: 8px 10px !important;
    position: relative !important;
  }

  .c2-ecosystem > span {
    margin-bottom: 7px !important;
    display: block !important;
  }

  .c2-ecosystem > div {
    z-index: 51 !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 6px !important;
    display: grid !important;
    position: relative !important;
  }

  .c2-ecosystem a {
    z-index: 52 !important;
    pointer-events: auto !important;
    min-height: 34px !important;
    position: relative !important;
  }

  .c83-nav {
    z-index: 10 !important;
    flex: auto !important;
    min-height: 0 !important;
    position: relative !important;
    overflow: hidden auto !important;
  }

  .c83-sidebar-foot {
    flex: none !important;
  }
}

.shell-guard {
  --gt2-bg: #03070a;
  --gt2-panel: #071017;
  --gt2-panel-2: #0a151d;
  --gt2-line: #5eb8da21;
  --gt2-line-hot: #5bc6eb52;
  --gt2-cyan: #67d3f3;
  --gt2-cyan-soft: #9fe7f8;
  --gt2-steel: #58798a;
  --gt2-text: #eaf4f7;
  --gt2-muted: #6f8994;
  --gt2-red: #ff5e59;
  --gt2-amber: #e8aa55;
  --gt2-green: #5fd3a0;
  --gt2-deep: #041017;
  color: var(--gt2-text);
  background: var(--gt2-bg) !important;
}

.shell-guard > .main {
  position: relative;
  overflow: hidden;
  background: radial-gradient(circle at 88% -4%, #379ac017, #0000 28rem), radial-gradient(circle at 12% 55%, #16536b0e, #0000 34rem), #03070a !important;
  padding: 0 !important;
}

.shell-guard > .main:before {
  content: "";
  pointer-events: none;
  z-index: 0;
  background-color: #0000;
  background-image: linear-gradient(#62c8eb04 1px, #0000 1px), linear-gradient(90deg, #62c8eb04 1px, #0000 1px);
  background-position: 0 0, 0 0;
  background-repeat: repeat, repeat;
  background-size: 44px 44px;
  background-attachment: scroll, scroll;
  background-origin: padding-box, padding-box;
  background-clip: border-box, border-box;
  position: fixed;
  inset: 0 0 0 290px;
  -webkit-mask-image: linear-gradient(#000000b8, #0000 88%);
  mask-image: linear-gradient(#000000b8, #0000 88%);
}

.shell-guard > .main > * {
  z-index: 1;
  position: relative;
}

.shell-guard .v35-sidebar {
  width: auto;
  box-shadow: 16px 0 55px #00000038;
  background: linear-gradient(#050d12fe, #02070afe) !important;
  border-right: 1px solid #5bbce024 !important;
  padding: 0 !important;
}

.shell-guard .v35-sidebar-head {
  background: radial-gradient(circle at 12% 0, #39a2c814, #0000 60%);
  border-bottom: 1px solid #5bbce014;
  padding: 18px 16px 12px !important;
}

.shell-guard .brand {
  letter-spacing: .055em;
  text-shadow: 0 0 22px #50c3e714;
  color: #eef9fb !important;
  margin: 0 !important;
  font-size: 19px !important;
}

.shell-guard .brand span {
  text-shadow: 0 0 16px #51c8ed2e;
  color: var(--gt2-cyan) !important;
}

.shell-guard .v36-build-badge {
  color: #739dab !important;
  letter-spacing: 1.25px !important;
  background: #2878970e !important;
  border: 1px solid #5dc5e926 !important;
  border-radius: 999px !important;
  margin-top: 7px !important;
  padding: 4px 7px !important;
  font-size: 7px !important;
  font-weight: 900 !important;
  display: inline-flex !important;
}

.shell-guard .v86-command-trigger {
  color: #86aab7 !important;
  background: #071119 !important;
  border-color: #5cbee11f !important;
  margin-top: 10px !important;
}

.shell-guard .v86-command-trigger:hover {
  color: #caeff7 !important;
  background: #091721 !important;
  border-color: #67d3f34d !important;
}

.shell-guard .v86-command-trigger kbd {
  color: #5f7f8a !important;
  background: #03090d !important;
  border-color: #5eb7d81f !important;
}

.shell-guard .v35-workspaces {
  background: #040c11c7 !important;
  border: 1px solid #5ab7da14 !important;
  border-radius: 11px !important;
  margin: 9px 10px 5px !important;
  padding: 9px !important;
}

.shell-guard .v35-workspaces-label {
  color: #4f6c77 !important;
  letter-spacing: 1.05px !important;
  font-size: 7px !important;
}

.shell-guard .v35-workspaces-grid {
  gap: 4px !important;
}

.shell-guard .v35-workspaces-grid a, .shell-guard .v2-workspace-soon {
  color: #637f89 !important;
  background: #050d12 !important;
  border: 1px solid #5bb7d813 !important;
  border-radius: 7px !important;
  min-height: 29px !important;
}

.shell-guard .v35-workspaces-grid a:hover {
  color: #bfeaf4 !important;
  background: #08161e !important;
  border-color: #67d3f33b !important;
}

.shell-guard .v35-workspaces-grid a.active {
  color: #bdebf6 !important;
  background: linear-gradient(145deg, #19576e42, #050e14f5) !important;
  border-color: #67d3f357 !important;
  box-shadow: inset 0 0 18px #3eaed50e, 0 0 18px #2d94b906 !important;
}

.shell-guard .v2-workspace-soon {
  opacity: .43 !important;
  border-style: dashed !important;
}

.shell-guard .v602-sidebar-tools {
  background: none !important;
  border: 0 !important;
  padding: 7px 10px 5px !important;
}

.shell-guard .v602-quick-nav {
  grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
  gap: 3px !important;
  display: grid !important;
}

.shell-guard .v602-quick-nav a {
  color: #64808b !important;
  text-align: center !important;
  background: #050d12 !important;
  border: 1px solid #5bb8da0f !important;
  border-radius: 6px !important;
  padding: 6px 2px !important;
  font-size: 6px !important;
}

.shell-guard .v602-quick-nav a:hover {
  color: #b5e4ef !important;
  background: #08141c !important;
  border-color: #67d3f333 !important;
}

.shell-guard .v602-nav-search {
  background: #040b10 !important;
  border-color: #5ab7da17 !important;
  margin-top: 5px !important;
}

.shell-guard .v602-nav-search span {
  color: #5cb5d5 !important;
}

.shell-guard .v602-nav-search input {
  color: #cfe7ed !important;
}

.shell-guard .v602-nav-search input::placeholder {
  color: #49636d !important;
}

.shell-guard .v602-nav-search button {
  color: #607b85 !important;
}

.shell-guard .v35-nav {
  scrollbar-color: #56b3d526 transparent !important;
  padding: 5px 10px 12px !important;
}

.shell-guard .v35-nav-group {
  border-bottom-color: #5bb8da0b !important;
  margin-bottom: 3px !important;
}

.shell-guard .v35-nav-group-title {
  color: #71909b !important;
  letter-spacing: .9px !important;
  background: none !important;
  border-radius: 8px !important;
  padding: 8px !important;
  font-size: 8px !important;
}

.shell-guard .v35-nav-group-title:hover {
  color: #9fc9d6 !important;
  background: #071118 !important;
}

.shell-guard .v35-chevron {
  color: #43616c !important;
}

.shell-guard .v35-nav-items {
  gap: 2px !important;
  padding-bottom: 5px !important;
}

.shell-guard .v35-nav-items a {
  color: #809aa4 !important;
  border: 1px solid #0000 !important;
  border-radius: 8px !important;
  padding: 7px 9px 7px 12px !important;
  font-size: 11px !important;
}

.shell-guard .v35-nav-items a:hover {
  color: #d1edf3 !important;
  background: #07131a !important;
  border-color: #5bb8da14 !important;
}

.shell-guard .v35-nav-items a.active {
  color: #dcf7fb !important;
  box-shadow: inset 3px 0 var(--gt2-cyan) !important;
  background: linear-gradient(90deg, #3292b529, #071219b8) !important;
  border-color: #5cc2e730 !important;
}

.shell-guard .v35-sidebar-footer, .shell-guard .v36-sidebar-footer {
  background: #030a0e !important;
  border-top: 1px solid #5bb8da14 !important;
  gap: 5px !important;
  margin: 0 !important;
  padding: 9px 10px !important;
}

.shell-guard .v35-user strong {
  color: #dff2f6 !important;
  font-size: 10px !important;
}

.shell-guard .v35-user span {
  color: #536f79 !important;
  font-size: 8px !important;
}

.shell-guard .v36-owner-badge, .shell-guard .v362-owner-badge {
  background: linear-gradient(145deg, #07131a, #040b10) !important;
  border: 1px solid #5bb8da1c !important;
  box-shadow: inset 0 0 20px #3496b906 !important;
}

.shell-guard .v362-owner-logo-wrap {
  box-shadow: none !important;
  background: #061016 !important;
  border-color: #60c3e621 !important;
}

.shell-guard .v36-owner-label {
  color: #668996 !important;
}

.shell-guard .v36-owner-name {
  color: #c9e9f0 !important;
}

.shell-guard .v35-sidebar-footer > .button {
  color: #96b9c5 !important;
  background: #071219 !important;
  border-color: #5bb8da1a !important;
  min-height: 30px !important;
}

.shell-guard .v35-sidebar-footer > .button:hover {
  color: #d3f0f5 !important;
  background: #091923 !important;
  border-color: #67d3f345 !important;
}

.shell-guard .v35-topbar {
  z-index: 60 !important;
  -webkit-backdrop-filter: blur(18px) !important;
  backdrop-filter: blur(18px) !important;
  background: #03090ddb !important;
  border-bottom: 1px solid #5bb8da17 !important;
  margin: 0 !important;
  padding: 9px 17px !important;
  position: sticky !important;
  top: 0 !important;
}

.shell-guard .v35-topbar strong {
  color: #e5f4f7 !important;
}

.shell-guard .v35-topbar .muted {
  color: #58727d !important;
  letter-spacing: .7px !important;
  font-size: 8px !important;
}

.shell-guard .v35-back-button, .shell-guard .v35-mobile-open {
  color: #8fb4c0 !important;
  background: #071219 !important;
  border-color: #5bb8da1c !important;
}

.shell-guard .v35-back-button:hover, .shell-guard .v35-mobile-open:hover {
  color: #d5f3f8 !important;
  background: #0a1921 !important;
  border-color: #67d3f347 !important;
}

.shell-guard .button {
  color: #b7d3dc !important;
  background: #08141b !important;
  border-color: #5bb8da21 !important;
}

.shell-guard .button:hover {
  color: #e1f5f8 !important;
  background: #0b1b24 !important;
  border-color: #67d3f352 !important;
  box-shadow: 0 0 20px #36a3c90a !important;
}

.shell-guard .button.primary {
  color: #021017 !important;
  background: linear-gradient(135deg, #77daf5, #4eb6d8) !important;
  border-color: #67d3f3 !important;
  font-weight: 900 !important;
  box-shadow: 0 0 26px #48b8dd14 !important;
}

.shell-guard .button.primary:hover {
  background: linear-gradient(135deg, #91e5f8, #5fc6e7) !important;
}

.shell-guard .button.danger {
  color: #ff8b86 !important;
  background: #60111224 !important;
  border-color: #ff5e5940 !important;
}

.shell-guard .input, .shell-guard input.input, .shell-guard select.input, .shell-guard textarea.input {
  color: #d7e9ed !important;
  background: #050d12 !important;
  border-color: #5bb8da21 !important;
}

.shell-guard .input:focus, .shell-guard input.input:focus, .shell-guard select.input:focus, .shell-guard textarea.input:focus {
  border-color: #67d3f37a !important;
  outline: none !important;
  box-shadow: 0 0 0 3px #49b0d312 !important;
}

.shell-guard .input::placeholder {
  color: #4d6872 !important;
}

.shell-guard .card {
  background: linear-gradient(155deg, #08131a, #050c11) !important;
  border-color: #5bb8da1c !important;
  box-shadow: 0 16px 42px #0000002e !important;
}

.shell-guard .card:hover {
  border-color: #67d3f333 !important;
}

.shell-guard .badge {
  color: #83bdcf !important;
  background: #07151d !important;
  border-color: #5bb8da26 !important;
}

.shell-guard .badge.success {
  color: #86d9b7 !important;
  background: #1c66491f !important;
  border-color: #5fd3a033 !important;
}

.shell-guard .badge.warning {
  color: #e9bc7b !important;
  background: #744a161f !important;
  border-color: #e8aa5533 !important;
}

.shell-guard .badge.danger {
  color: #ff9691 !important;
  background: #6c191924 !important;
  border-color: #ff5e5938 !important;
}

.shell-guard .table th {
  color: #87a9b5 !important;
}

.shell-guard .table th, .shell-guard .table td {
  border-color: #5bb8da13 !important;
}

.shell-guard .table tr:hover td {
  background: #4ca8ca06 !important;
}

.shell-guard .link {
  color: #7ed7ef !important;
}

.shell-guard code {
  color: #91d9ed !important;
  background: #061219 !important;
  border-color: #5bb8da21 !important;
}

.shell-guard .error {
  color: #ff8580 !important;
}

.shell-guard .success {
  color: #76d6ae !important;
}

.shell-guard .warning {
  color: #e8b66f !important;
}

.shell-guard .gt2-support-link {
  opacity: .55;
}

.shell-guard .gt2-support-link:hover {
  opacity: 1;
}

.shell-guard .v52-kpi, .shell-guard .v52-panel, .shell-guard .v52-navrow, .shell-guard .v52-calendar-shell, .shell-guard .v52-side-card, .shell-guard .v60-priority-card, .shell-guard .v60-metric-stack, .shell-guard .v60-standard-card, .shell-guard .v60-record-card, .shell-guard .v70-panel, .shell-guard .v80-panel, .shell-guard .v861-panel, .shell-guard .v90-panel {
  background: linear-gradient(150deg, #08131a, #050c11) !important;
  border-color: #5bb8da1c !important;
  box-shadow: 0 15px 42px #00000029 !important;
}

.shell-guard .v52-kpi:before {
  background: linear-gradient(#62c8e9, #0000) !important;
}

.shell-guard .v52-kpi span, .shell-guard .v52-side-line, .shell-guard .v52-alert span, .shell-guard .v52-alert small {
  color: #6e8b96 !important;
}

.shell-guard .v52-kpi b, .shell-guard .v52-agent b, .shell-guard .v52-side-line b {
  color: #e2f1f4 !important;
}

.shell-guard .v52-period-nav button, .shell-guard .v52-view button, .shell-guard .v52-modules button {
  color: #71909c !important;
  background: #071219 !important;
  border-color: #5bb8da1a !important;
}

.shell-guard .v52-view button.on, .shell-guard .v52-modules button.on {
  color: #a9e2f1 !important;
  background: #45aacf26 !important;
  border-color: #67d3f340 !important;
}

.shell-guard .v52-modules button > span, .shell-guard .v52-role, .shell-guard .v52-agent button {
  color: #67c8e6 !important;
}

.shell-guard .v52-shift, .shell-guard .v52-agent, .shell-guard .v52-mini-card, .shell-guard .v52-replace-card, .shell-guard .v52-candidate {
  background: #061016 !important;
  border-color: #5bb8da14 !important;
}

.shell-guard .v52-shift:hover {
  border-color: #67d3f33b !important;
}

.shell-guard .v52-shift.uncovered {
  box-shadow: inset 2px 0 #ff5e59, 0 7px 18px #0003 !important;
}

.shell-guard .v52-day {
  border-right-color: #5bb8da0e !important;
}

.shell-guard .v52-day-title {
  background: #050e13f5 !important;
  border-bottom-color: #5bb8da13 !important;
}

.shell-guard .v52-day-title.today {
  background: linear-gradient(#3d9bbf21, #050e13f5) !important;
  box-shadow: inset 0 2px #67d3f3 !important;
}

.gt2-page {
  color: #e7f3f6;
  max-width: 1900px;
  min-height: calc(100dvh - 55px);
  margin: 0 auto;
  padding: 15px 18px 45px;
}

.gt2-hero {
  background: radial-gradient(circle at 84% 18%, #329cc229, #0000 29%), linear-gradient(135deg, #08141b, #040b0f 66%, #06131a);
  border: 1px solid #5ebfe229;
  border-radius: 20px;
  grid-template-columns: minmax(0, 1fr) 180px auto;
  align-items: center;
  gap: 18px;
  min-height: 230px;
  padding: 27px 30px;
  display: grid;
  position: relative;
  overflow: hidden;
  box-shadow: 0 28px 80px #00000040, inset 0 0 55px #2c95ba05;
}

.gt2-hero:before {
  content: "";
  pointer-events: none;
  background-color: #0000;
  background-image: linear-gradient(#65cff004 1px, #0000 1px), linear-gradient(90deg, #65cff004 1px, #0000 1px);
  background-position: 0 0, 0 0;
  background-repeat: repeat, repeat;
  background-size: 28px 28px;
  background-attachment: scroll, scroll;
  background-origin: padding-box, padding-box;
  background-clip: border-box, border-box;
  position: absolute;
  inset: 0;
  -webkit-mask-image: linear-gradient(to right, #000, #0000 82%);
  mask-image: linear-gradient(to right, #000, #0000 82%);
}

.gt2-hero:after {
  content: "";
  pointer-events: none;
  border: 1px solid #67d3f314;
  border-radius: 50%;
  width: 360px;
  height: 360px;
  position: absolute;
  top: -115px;
  right: -95px;
  box-shadow: 0 0 0 55px #67d3f303, 0 0 0 110px #67d3f302;
}

.gt2-hero > * {
  z-index: 1;
  position: relative;
}

.gt2-live {
  color: #6d9aaa;
  letter-spacing: 1.25px;
  align-items: center;
  gap: 7px;
  font-size: 8px;
  font-weight: 900;
  display: flex;
}

.gt2-live > i {
  background: #58d39b;
  border-radius: 50%;
  width: 7px;
  height: 7px;
  box-shadow: 0 0 0 5px #58d39b0e, 0 0 18px #58d39b29;
}

.gt2-live > span {
  color: #395965;
}

.gt2-hero h1 {
  letter-spacing: -2.4px;
  color: #eef9fb;
  text-shadow: 0 0 34px #50c1e414;
  margin: 10px 0 7px;
  font-size: clamp(34px, 4vw, 58px);
  line-height: .96;
}

.gt2-hero-copy > p {
  color: #748f99;
  max-width: 760px;
  margin: 0;
  font-size: 10px;
  line-height: 1.75;
}

.gt2-role {
  flex-wrap: wrap;
  align-items: center;
  gap: 7px;
  margin-top: 16px;
  display: flex;
}

.gt2-role > span {
  color: #87cfe3;
  letter-spacing: .9px;
  background: #2984a514;
  border: 1px solid #66cff02b;
  border-radius: 99px;
  padding: 5px 8px;
  font-size: 7px;
  font-weight: 950;
}

.gt2-role > b {
  color: #a7bec6;
  font-size: 8px;
}

.gt2-role > small {
  color: #536e78;
  border-left: 1px solid #5bb8da1a;
  padding-left: 8px;
  font-size: 7px;
}

.gt2-score {
  justify-items: center;
  gap: 6px;
  display: grid;
}

.gt2-score-ring {
  --gt2-score: 0deg;
  background: conic-gradient(#67d3f3 var(--gt2-score),#5696aa17 0);
  border-radius: 50%;
  place-items: center;
  width: 126px;
  height: 126px;
  display: grid;
  position: relative;
  box-shadow: 0 0 35px #49b7dc12;
}

.gt2-score-ring:before {
  content: "";
  background: radial-gradient(circle, #0a1b23, #051016 72%);
  border: 1px solid #67d3f317;
  border-radius: 50%;
  position: absolute;
  inset: 7px;
}

.gt2-score-ring > div {
  z-index: 1;
  align-items: baseline;
  gap: 2px;
  display: flex;
  position: relative;
}

.gt2-score-ring strong {
  letter-spacing: -2px;
  color: #dff7fb;
  font-size: 35px;
}

.gt2-score-ring span {
  color: #587884;
  font-size: 8px;
}

.gt2-score > b {
  letter-spacing: 1px;
  color: #87bdcc;
  font-size: 8px;
}

.gt2-score > small {
  color: #54717b;
  font-size: 6px;
}

.gt2-score.critical .gt2-score-ring {
  background: conic-gradient(#ff5e59 var(--gt2-score),#7832311a 0);
  box-shadow: 0 0 38px #ff444014;
}

.gt2-score.action_required .gt2-score-ring {
  background: conic-gradient(#e8aa55 var(--gt2-score),#77572c1a 0);
}

.gt2-score.watch .gt2-score-ring {
  background: conic-gradient(#75c5db var(--gt2-score),#5696aa17 0);
}

.gt2-hero-actions {
  gap: 6px;
  min-width: 135px;
  display: grid;
}

.gt2-hero-actions .button {
  width: 100%;
}

.gt2-loading {
  color: #698792;
  background: #050d12;
  border: 1px dashed #5cbee11f;
  border-radius: 14px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  min-height: 220px;
  margin-top: 9px;
  display: flex;
}

.gt2-loading > i {
  border: 2px solid #67d3f326;
  border-top-color: #67d3f3;
  border-radius: 50%;
  width: 11px;
  height: 11px;
  animation: .8s linear infinite gt2spin;
}

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

.gt2-signal {
  background: radial-gradient(circle at 0, #3097bc14, #0000 29%), linear-gradient(145deg, #08141b, #050c11);
  border: 1px solid #5bb8da21;
  border-radius: 15px;
  grid-template-columns: 64px minmax(0, 1fr) auto;
  align-items: center;
  gap: 14px;
  margin-top: 9px;
  padding: 15px 17px;
  display: grid;
  box-shadow: 0 16px 45px #0000002b;
}

.gt2-signal.critical {
  background: radial-gradient(circle at 0, #bb2a281c, #0000 28%), linear-gradient(145deg, #120808, #060c10);
  border-color: #ff5e5942;
}

.gt2-signal.high {
  border-color: #e8aa5533;
}

.gt2-signal.clear {
  border-color: #5fd3a026;
}

.gt2-signal-mark {
  color: #67d3f3;
  background: #07161e;
  border: 1px solid #67d3f329;
  border-radius: 15px;
  place-items: center;
  width: 58px;
  height: 58px;
  font-size: 19px;
  font-weight: 950;
  display: grid;
  position: relative;
}

.gt2-signal-mark > i {
  border: 1px solid #67d3f30d;
  border-radius: 18px;
  position: absolute;
  inset: -4px;
  transform: rotate(8deg);
}

.gt2-signal.critical .gt2-signal-mark {
  color: #ff716c;
  background: #160808;
  border-color: #ff5e593b;
}

.gt2-signal.high .gt2-signal-mark {
  color: #e8b36d;
}

.gt2-signal.clear .gt2-signal-mark {
  color: #69d6a5;
}

.gt2-kicker {
  color: #6498aa;
  letter-spacing: 1.15px;
  font-size: 7px;
  font-weight: 950;
}

.gt2-signal-copy h2 {
  margin: 4px 0 3px;
  font-size: 16px;
}

.gt2-signal-copy p {
  color: #718994;
  margin: 0;
  font-size: 8px;
}

.gt2-signal-meta {
  gap: 4px;
  margin-top: 7px;
  display: flex;
}

.gt2-signal-meta span {
  color: #65828d;
  border: 1px solid #5cbee114;
  border-radius: 5px;
  padding: 3px 5px;
  font-size: 5px;
  font-weight: 900;
}

.gt2-signal-actions {
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 5px;
  display: flex;
}

.gt2-kpis {
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 6px;
  margin-top: 8px;
  display: grid;
}

.gt2-kpis > a {
  color: inherit;
  background: linear-gradient(145deg, #071219, #050c11);
  border: 1px solid #5bb8da16;
  border-radius: 12px;
  padding: 12px;
  text-decoration: none;
  transition: all .15s;
  position: relative;
  overflow: hidden;
}

.gt2-kpis > a:after {
  content: "";
  border: 1px solid #67d3f30b;
  border-radius: 50%;
  width: 80px;
  height: 80px;
  position: absolute;
  bottom: -35px;
  right: -22px;
}

.gt2-kpis > a:hover {
  background: #08151d;
  border-color: #67d3f338;
  transform: translateY(-1px);
}

.gt2-kpis > a.warn {
  border-color: #e8aa5529;
}

.gt2-kpis > a.danger {
  border-color: #ff5e5933;
  box-shadow: inset 2px 0 #ff5e59;
}

.gt2-kpis > a.ok {
  border-color: #5fd3a01c;
}

.gt2-kpis span, .gt2-kpis strong, .gt2-kpis small {
  display: block;
}

.gt2-kpis span {
  color: #62818c;
  letter-spacing: .8px;
  font-size: 6px;
  font-weight: 950;
}

.gt2-kpis strong {
  color: #d9f1f6;
  margin: 7px 0 2px;
  font-size: 20px;
}

.gt2-kpis small {
  color: #526b75;
  font-size: 6px;
  line-height: 1.4;
}

.gt2-grid-main {
  grid-template-columns: minmax(0, 1.05fr) minmax(0, .95fr);
  gap: 8px;
  margin-top: 8px;
  display: grid;
}

.gt2-grid-bottom {
  grid-template-columns: minmax(0, 1.35fr) minmax(300px, .65fr);
  gap: 8px;
  margin-top: 8px;
  display: grid;
}

.gt2-panel {
  background: linear-gradient(150deg, #071219, #050c11);
  border: 1px solid #5bb8da17;
  border-radius: 14px;
  padding: 14px;
  box-shadow: 0 15px 42px #00000024;
}

.gt2-panel-head {
  justify-content: space-between;
  align-items: flex-end;
  gap: 10px;
  margin-bottom: 10px;
  display: flex;
}

.gt2-panel-head span {
  color: #5892a6;
  letter-spacing: 1.1px;
  font-size: 7px;
  font-weight: 950;
  display: block;
}

.gt2-panel-head h2 {
  margin: 3px 0 0;
  font-size: 14px;
}

.gt2-panel-head > b {
  color: #8fd8eb;
  font-size: 15px;
}

.gt2-panel-head > small {
  color: #4f6b75;
  font-size: 6px;
}

.gt2-radar {
  gap: 7px;
  display: grid;
}

.gt2-radar > a {
  border: 1px solid #0000;
  border-radius: 8px;
  grid-template-columns: 112px 1fr;
  align-items: center;
  gap: 10px;
  padding: 6px 8px;
  display: grid;
}

.gt2-radar > a:hover {
  background: #07161e;
  border-color: #5bb8da14;
}

.gt2-radar > a > div {
  justify-content: space-between;
  gap: 6px;
  display: flex;
}

.gt2-radar b {
  font-size: 8px;
}

.gt2-radar span {
  color: #66838e;
  font-size: 7px;
}

.gt2-radar > a > i {
  background: #0d1e26;
  border-radius: 99px;
  height: 7px;
  overflow: hidden;
  box-shadow: inset 0 0 0 1px #5bb8da09;
}

.gt2-radar > a > i > em {
  background: linear-gradient(90deg, #2f879f, #67d3f3);
  border-radius: 99px;
  height: 100%;
  display: block;
  box-shadow: 0 0 14px #52c1e414;
}

.gt2-radar > a.warn > i > em {
  background: linear-gradient(90deg, #8d6532, #e8aa55);
}

.gt2-radar > a.danger > i > em {
  background: linear-gradient(90deg, #852a29, #ff5e59);
}

.gt2-radar-foot {
  border-top: 1px solid #5bb8da0e;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 11px;
  padding-top: 8px;
  display: flex;
}

.gt2-radar-foot span {
  color: #4f6973;
  align-items: center;
  gap: 5px;
  font-size: 6px;
  display: flex;
}

.gt2-radar-foot i {
  border-radius: 50%;
  width: 6px;
  height: 6px;
}

.gt2-radar-foot i.ok {
  background: #5fd3a0;
}

.gt2-radar-foot i.warn {
  background: #e8aa55;
}

.gt2-radar-foot i.danger {
  background: #ff5e59;
}

.gt2-tactical-grid {
  grid-template-columns: 1fr 1fr;
  gap: 6px;
  display: grid;
}

.gt2-tactical-grid > a {
  background: #050e13;
  border: 1px solid #5bb8da13;
  border-radius: 10px;
  padding: 11px;
}

.gt2-tactical-grid > a:hover {
  background: #07161d;
  border-color: #67d3f333;
}

.gt2-tactical-grid > a.warn {
  border-color: #e8aa5524;
}

.gt2-tactical-grid > a.danger {
  border-color: #ff5e592e;
}

.gt2-tactical-grid span, .gt2-tactical-grid strong, .gt2-tactical-grid small, .gt2-tactical-grid em {
  display: block;
}

.gt2-tactical-grid span {
  color: #5c7e89;
  letter-spacing: .7px;
  font-size: 6px;
  font-weight: 950;
}

.gt2-tactical-grid strong {
  margin: 5px 0 0;
  font-size: 19px;
}

.gt2-tactical-grid small {
  color: #516b75;
  font-size: 6px;
}

.gt2-tactical-grid em {
  color: #7596a1;
  border-top: 1px solid #5bb8da0b;
  margin-top: 6px;
  padding-top: 5px;
  font-size: 6px;
  font-style: normal;
}

.gt2-tactical-grid > a.warn em {
  color: #d1a267;
}

.gt2-tactical-grid > a.danger em {
  color: #e87a75;
}

.gt2-privacy {
  background: #040c11;
  border: 1px solid #5bb8da13;
  border-radius: 9px;
  grid-template-columns: 34px 1fr;
  align-items: center;
  gap: 8px;
  margin-top: 8px;
  padding: 9px;
  display: grid;
}

.gt2-privacy > span {
  color: #5fd3a0;
  background: #2573540e;
  border: 1px solid #5fd3a01c;
  border-radius: 8px;
  place-items: center;
  width: 31px;
  height: 31px;
  display: grid;
}

.gt2-privacy b, .gt2-privacy small {
  display: block;
}

.gt2-privacy b {
  color: #6aa792;
  letter-spacing: .8px;
  font-size: 6px;
}

.gt2-privacy small {
  color: #506872;
  margin-top: 2px;
  font-size: 6px;
  line-height: 1.45;
}

.gt2-priority-list {
  gap: 4px;
  display: grid;
}

.gt2-priority-list > a {
  background: #050e13;
  border: 1px solid #5bb8da0e;
  border-radius: 9px;
  grid-template-columns: 30px 30px minmax(0, 1fr) auto;
  align-items: center;
  gap: 8px;
  padding: 8px;
  display: grid;
}

.gt2-priority-list > a:hover {
  background: #07151c;
  border-color: #67d3f32e;
}

.gt2-priority-list > a.critical {
  border-color: #ff5e5924;
  box-shadow: inset 2px 0 #ff5e59bf;
}

.gt2-priority-list > a.high {
  border-color: #e8aa551a;
}

.gt2-priority-rank {
  color: #3e5963;
  font-size: 6px;
  font-weight: 900;
}

.gt2-priority-list > a > i {
  color: #67c8e6;
  background: #0a1920;
  border-radius: 7px;
  place-items: center;
  width: 27px;
  height: 27px;
  font-size: 8px;
  font-style: normal;
  font-weight: 950;
  display: grid;
}

.gt2-priority-list > a.critical > i {
  color: #ff716c;
  background: #170a0a;
}

.gt2-priority-list > a.high > i {
  color: #e8b069;
}

.gt2-priority-list > a > div > div {
  align-items: center;
  gap: 6px;
  display: flex;
}

.gt2-priority-list em {
  color: #5d8290;
  background: #09171e;
  border-radius: 4px;
  padding: 2px 4px;
  font-size: 5px;
  font-style: normal;
  font-weight: 900;
}

.gt2-priority-list b {
  font-size: 8px;
}

.gt2-priority-list small {
  color: #526d77;
  margin-top: 2px;
  font-size: 6px;
  display: block;
}

.gt2-priority-list > a > strong {
  color: #5e8795;
  font-size: 6px;
}

.gt2-empty {
  color: #6aaf94;
  text-align: center;
  border: 1px dashed #5fd3a01f;
  border-radius: 10px;
  padding: 20px;
  font-size: 8px;
}

.gt2-role-actions {
  gap: 5px;
  display: grid;
}

.gt2-role-actions > a {
  background: #050e13;
  border: 1px solid #5bb8da0f;
  border-radius: 9px;
  grid-template-columns: 31px 1fr auto;
  align-items: center;
  gap: 8px;
  padding: 8px;
  display: grid;
}

.gt2-role-actions > a:hover {
  background: #07151c;
  border-color: #67d3f32b;
}

.gt2-role-actions > a > i {
  color: #5fc7e6;
  background: #091820;
  border-radius: 7px;
  place-items: center;
  width: 29px;
  height: 29px;
  font-style: normal;
  display: grid;
}

.gt2-role-actions b, .gt2-role-actions small {
  display: block;
}

.gt2-role-actions b {
  font-size: 8px;
}

.gt2-role-actions small {
  color: #506b75;
  margin-top: 1px;
  font-size: 6px;
}

.gt2-role-actions > a > span {
  color: #486873;
}

.gt2-mini-status {
  grid-template-columns: 1fr 1fr;
  gap: 4px;
  margin-top: 8px;
  display: grid;
}

.gt2-mini-status > div {
  background: #040c11;
  border: 1px solid #5bb8da0d;
  border-radius: 7px;
  justify-content: space-between;
  gap: 7px;
  padding: 7px;
  display: flex;
}

.gt2-mini-status span {
  color: #55717b;
  font-size: 6px;
}

.gt2-mini-status b {
  font-size: 7px;
}

.gt2-mini-status b.warn {
  color: #e8b069;
}

.gt2-mini-status b.danger {
  color: #ff7b76;
}

.shell-guard .v86-command-backdrop {
  background: #000407d1 !important;
}

.shell-guard .v86-command {
  background: #061017 !important;
  border-color: #67d3f333 !important;
  box-shadow: 0 35px 100px #000000b3, 0 0 55px #35a6cd09 !important;
}

.shell-guard .v86-command-search {
  border-bottom-color: #5bb8da17 !important;
}

.shell-guard .v86-command-search input {
  color: #dceff3 !important;
}

.shell-guard .v86-command-section {
  color: #567681 !important;
}

.shell-guard .v86-command-item:hover {
  background: #091820 !important;
}

.shell-guard .v86-command-item b {
  color: #d7eaee !important;
}

.shell-guard .v86-command-item small {
  color: #58727c !important;
}

.shell-guard .v86-command-star {
  color: #64c7e6 !important;
}

@media (max-width: 1400px) {
  .gt2-kpis {
    grid-template-columns: repeat(3, 1fr);
  }

  .gt2-grid-main {
    grid-template-columns: 1fr;
  }

  .gt2-hero {
    grid-template-columns: minmax(0, 1fr) 160px;
  }

  .gt2-hero-actions {
    grid-column: 1 / -1;
    display: flex;
  }

  .gt2-hero-actions .button {
    width: auto;
  }
}

@media (max-width: 1050px) {
  .shell-guard > .main:before {
    inset: 0 0 0 250px;
  }

  .gt2-grid-bottom {
    grid-template-columns: 1fr;
  }

  .gt2-score-ring {
    width: 112px;
    height: 112px;
  }
}

@media (max-width: 900px) {
  .shell-guard > .main:before {
    inset: 0;
  }

  .shell-guard .v35-sidebar {
    width: min(330px, 90vw) !important;
  }

  .gt2-page {
    padding: 10px 10px 35px;
  }

  .gt2-hero {
    grid-template-columns: 1fr;
    min-height: 0;
    padding: 20px;
  }

  .gt2-score {
    grid-template-columns: auto 1fr;
    place-items: center start;
  }

  .gt2-score > b, .gt2-score > small {
    grid-column: 2;
  }

  .gt2-score-ring {
    grid-row: 1 / 3;
    width: 86px;
    height: 86px;
  }

  .gt2-score-ring strong {
    font-size: 27px;
  }

  .gt2-hero-actions {
    grid-column: auto;
  }

  .gt2-signal {
    grid-template-columns: 48px 1fr;
  }

  .gt2-signal-mark {
    width: 44px;
    height: 44px;
  }

  .gt2-signal-actions {
    grid-column: 1 / -1;
    justify-content: flex-start;
  }

  .gt2-kpis {
    grid-template-columns: 1fr 1fr;
  }
}

@media (max-width: 620px) {
  .gt2-kpis, .gt2-tactical-grid, .gt2-mini-status {
    grid-template-columns: 1fr;
  }

  .gt2-priority-list > a {
    grid-template-columns: 26px 27px 1fr;
  }

  .gt2-priority-list > a > strong {
    grid-column: 3;
  }

  .gt2-radar > a {
    grid-template-columns: 90px 1fr;
  }

  .gt2-role > small {
    border-left: 0;
    width: 100%;
    padding-left: 0;
  }

  .gt2-hero h1 {
    font-size: 35px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .gt2-loading > i {
    animation: none !important;
  }

  .shell-guard * {
    scroll-behavior: auto !important;
  }
}

.shell-guard .v70-card, .shell-guard .v70-hub-card, .shell-guard .v80-card, .shell-guard .v80-hub-card, .shell-guard .v86-card, .shell-guard .v861-side-card, .shell-guard .v90-card {
  background: linear-gradient(150deg, #08131a, #050c11) !important;
  border-color: #5bb8da1b !important;
  box-shadow: 0 14px 40px #00000024 !important;
}

.shell-guard .v70-card:hover, .shell-guard .v70-hub-card:hover, .shell-guard .v80-card:hover, .shell-guard .v80-hub-card:hover, .shell-guard .v86-card:hover, .shell-guard .v90-card:hover {
  border-color: #67d3f338 !important;
}

.shell-guard .v70-hero, .shell-guard .v80-hero, .shell-guard .v86-hero, .shell-guard .v90-hero, .shell-guard .v861-hero {
  background: radial-gradient(circle at 88% 0, #2c91b617, #0000 32%), linear-gradient(145deg, #08131a, #050c11) !important;
  border-color: #5bb8da21 !important;
}

.shell-guard .v70-label, .shell-guard .v80-label, .shell-guard .v86-label, .shell-guard .v90-label, .shell-guard .v861-label, .shell-guard .v861-eyebrow {
  color: #61a7bd !important;
}

.shell-guard .v70-row, .shell-guard .v80-row, .shell-guard .v86-row, .shell-guard .v90-row {
  background: #050e13 !important;
  border-color: #5bb8da11 !important;
}

.shell-guard .v70-row:hover, .shell-guard .v80-row:hover, .shell-guard .v86-row:hover, .shell-guard .v90-row:hover {
  background: #07151c !important;
  border-color: #67d3f32b !important;
}

.shell-guard .v70-tabs .button.primary, .shell-guard .v80-tabs .button.primary, .shell-guard .v86-tabs .button.primary, .shell-guard .v90-tabs .button.primary {
  color: #021017 !important;
  background: linear-gradient(135deg, #77daf5, #4eb6d8) !important;
  border-color: #67d3f3 !important;
}

.shell-guard .v80-live-alert, .shell-guard .v861-priority-list {
  border-color: #ff5e5921 !important;
}

.shell-guard .v86-bi-fill {
  background: linear-gradient(90deg, #2f879f, #67d3f3) !important;
}

.shell-guard .v86-bi-track {
  background: #0c1c24 !important;
}

.shell-guard .v86-map-shell {
  background: #041018 !important;
  border-color: #5bb8da1c !important;
}

.shell-guard .v86-map-note {
  color: #6c8791 !important;
}

.shell-guard .v86-map-marker, .shell-guard .v86-rondier-marker {
  color: #8bdcf0 !important;
  background: #0a1c25 !important;
  border-color: #67d3f33d !important;
}

.shell-core .v36-owner-label {
  color: #d07a70 !important;
  letter-spacing: .14em !important;
}

.shell-core .v35-sidebar-footer .muted, .shell-core .v36-sidebar-footer .muted {
  color: #7b5d58 !important;
}

:root {
  --vx-accent: #d6b84f;
  --vx-accent-rgb: 214,184,79;
  --vx-panel: #0b0a08;
  --vx-panel-2: #080806;
  --vx-line: #d6b84f1f;
  --vx-text: #f1ece3;
  --vx-muted: #756e63;
  --vx-good: #67ad82;
  --vx-warning: #d09249;
  --vx-critical: #d85d58;
  --vx-info: #76a8c6;
}

.shell-core {
  --vx-accent: #ff5948;
  --vx-accent-rgb: 255,89,72;
  --vx-panel: #100303;
  --vx-panel-2: #080202;
  --vx-line: #ff534124;
  --vx-text: #fff0eb;
  --vx-muted: #8c625c;
}

.shell-guard {
  --vx-accent: #52c7e7;
  --vx-accent-rgb: 82,199,231;
  --vx-panel: #071014;
  --vx-panel-2: #050b0e;
  --vx-line: #52c7e721;
  --vx-text: #e9f5f7;
  --vx-muted: #6d858b;
}

.c83-shell {
  --vx-accent: #d7b74d;
  --vx-accent-rgb: 215,183,77;
  --vx-panel: #0b0a08;
  --vx-panel-2: #080806;
  --vx-line: #d7b74d1f;
  --vx-text: #f2ede4;
  --vx-muted: #766e62;
}

.vx-panel {
  border: 1px solid var(--vx-line);
  background: linear-gradient(145deg,var(--vx-panel),var(--vx-panel-2));
  color: var(--vx-text);
  border-radius: 14px;
  padding: 14px;
  box-shadow: 0 14px 42px #00000029;
}

.vx-panel-head, .vx-section-head {
  justify-content: space-between;
  align-items: flex-end;
  gap: 10px;
  margin-bottom: 10px;
  display: flex;
}

.vx-panel-head > div > span, .vx-section-head > div > span {
  color: var(--vx-accent);
  letter-spacing: 1.15px;
  text-transform: uppercase;
  font-size: 7px;
  font-weight: 950;
  display: block;
}

.vx-panel-head h2, .vx-section-head h2 {
  margin: 3px 0 0;
  font-size: 15px;
}

.vx-panel-aside, .vx-section-head > div:last-child {
  color: var(--vx-muted);
  font-size: 7px;
}

.vx-metric {
  border: 1px solid rgba(var(--vx-accent-rgb),.07);
  background: #00000024;
  border-radius: 10px;
  padding: 11px;
}

.vx-metric > span, .vx-metric > strong, .vx-metric > small {
  display: block;
}

.vx-metric > span {
  color: var(--vx-muted);
  letter-spacing: .7px;
  font-size: 6px;
  font-weight: 900;
}

.vx-metric > strong {
  margin: 5px 0 2px;
  font-size: 18px;
}

.vx-metric > small {
  color: var(--vx-muted);
  font-size: 6px;
}

.vx-metric.good > strong {
  color: var(--vx-good);
}

.vx-metric.warning > strong {
  color: var(--vx-warning);
}

.vx-metric.critical > strong {
  color: var(--vx-critical);
}

.vx-metric.info > strong {
  color: var(--vx-info);
}

.vx-badge {
  border: 1px solid rgba(var(--vx-accent-rgb),.1);
  background: rgba(var(--vx-accent-rgb),.035);
  min-height: 20px;
  color: var(--vx-muted);
  letter-spacing: .65px;
  border-radius: 999px;
  align-items: center;
  padding: 3px 7px;
  font-size: 6px;
  font-weight: 900;
  display: inline-flex;
}

.vx-badge.good {
  color: #7fbd96;
  border-color: #67ad8233;
}

.vx-badge.warning {
  color: #d4a05d;
  border-color: #d0924933;
}

.vx-badge.critical {
  color: #e37770;
  border-color: #d85d5838;
}

.vx-badge.info {
  color: #8db9d1;
  border-color: #76a8c633;
}

.vx-empty {
  border: 1px dashed rgba(var(--vx-accent-rgb),.11);
  color: var(--vx-muted);
  background: #0000001a;
  border-radius: 11px;
  grid-template-columns: 34px 1fr;
  align-items: center;
  gap: 9px;
  padding: 14px;
  display: grid;
}

.vx-empty > i {
  background: rgba(var(--vx-accent-rgb),.05);
  width: 32px;
  height: 32px;
  color: var(--vx-accent);
  border-radius: 9px;
  place-items: center;
  font-style: normal;
  display: grid;
}

.vx-empty b, .vx-empty span {
  display: block;
}

.vx-empty b {
  color: var(--vx-text);
  font-size: 8px;
}

.vx-empty span {
  margin-top: 2px;
  font-size: 7px;
}

.vx-workspaces {
  z-index: 35;
  border-bottom: 1px solid rgba(var(--vx-accent-rgb),.06);
  padding: 8px 10px;
  position: relative;
}

.vx-workspaces > span {
  color: var(--vx-muted);
  letter-spacing: 1px;
  text-transform: uppercase;
  margin-bottom: 6px;
  font-size: 6px;
  font-weight: 950;
  display: block;
}

.vx-workspaces > div {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 5px;
  display: grid;
}

.vx-workspaces a, .vx-workspaces .future {
  border: 1px solid rgba(var(--vx-accent-rgb),.07);
  min-width: 0;
  min-height: 31px;
  color: var(--vx-muted);
  text-align: center;
  background: #00000029;
  border-radius: 7px;
  place-items: center;
  padding: 4px;
  font-size: 6px;
  font-weight: 900;
  text-decoration: none;
  transition: all .16s;
  display: grid;
}

.vx-workspaces a:hover {
  border-color: rgba(var(--vx-accent-rgb),.2);
  color: var(--vx-text);
  background: rgba(var(--vx-accent-rgb),.035);
}

.vx-workspaces a.active {
  border-color: rgba(var(--vx-accent-rgb),.34);
  background: linear-gradient(145deg,rgba(var(--vx-accent-rgb),.11),rgba(var(--vx-accent-rgb),.025));
  color: var(--vx-accent);
  box-shadow: inset 0 0 18px rgba(var(--vx-accent-rgb),.025);
}

.vx-workspaces .future {
  opacity: .62;
  cursor: not-allowed;
  border-style: dashed;
}

.v35-workspaces > .vx-workspaces {
  border: 0;
  padding: 0;
}

.v35-workspaces > .vx-workspaces > span {
  margin-bottom: 6px;
}

.c83-sidebar {
  grid-template-rows: auto auto auto minmax(0, 1fr) auto !important;
}

.c83-sidebar > .vx-workspaces-commercial {
  z-index: 45;
  border: 1px solid rgba(var(--vx-accent-rgb),.08);
  background: #090806;
  border-radius: 10px;
  margin: 0 10px 8px;
  padding: 8px 10px;
}

.c83-sidebar > .vx-workspaces-commercial > div {
  z-index: 46;
}

.c83-sidebar > .vx-workspaces-commercial a {
  z-index: 47;
  pointer-events: auto;
  position: relative;
}

.c83-sidebar > .c83-nav {
  z-index: 10;
  min-height: 0;
  position: relative;
}

.shell-core .v35-sidebar-footer, .shell-core .v36-sidebar-footer {
  box-shadow: inset 0 1px #ff5c490a;
  background: linear-gradient(#140404f5, #080202fa) !important;
  border-top: 1px solid #ff483624 !important;
}

.shell-core .v36-owner-badge, .shell-core .v362-owner-badge {
  background: radial-gradient(circle at 0 0, #ff523e1a, #0000 38%), linear-gradient(145deg, #120505, #090202) !important;
  border: 1px solid #ff4f3c2e !important;
  box-shadow: inset 0 0 0 1px #ff5f4a08, 0 10px 24px #00000038 !important;
}

.shell-core .v362-owner-logo-wrap {
  background: radial-gradient(circle at 35% 30%, #ff624b24, #0000 45%), #110303 !important;
  border: 1px solid #ff513d33 !important;
  box-shadow: inset 0 0 18px #ff4a380d, 0 0 20px #ff402d0d !important;
}

.shell-core .v36-owner-label {
  color: #d07a70 !important;
}

.shell-core .v36-owner-name {
  color: #ffe0d7 !important;
}

.shell-core .v35-user strong {
  color: #fff1ed !important;
}

.shell-core .v35-user span {
  color: #8d6761 !important;
}

.shell-core .v35-sidebar-footer > .button, .shell-core .v36-sidebar-footer > .button, .shell-core .v35-desktop-logout {
  color: #fff0eb !important;
  background: linear-gradient(#1c0909f5, #0e0505fa) !important;
  border: 1px solid #ff513d2e !important;
  box-shadow: inset 0 1px #ff604b0a, 0 10px 24px #0000002e !important;
}

.shell-core .v35-sidebar-footer > .button:hover, .shell-core .v36-sidebar-footer > .button:hover, .shell-core .v35-desktop-logout:hover {
  background: linear-gradient(#280b0bfa, #120606fa) !important;
  border-color: #ff604a57 !important;
  box-shadow: inset 0 1px #ff6e580f, 0 0 24px #ff362414 !important;
}

@media (max-width: 900px) {
  .vx-workspaces > div {
    grid-template-columns: repeat(3, minmax(95px, 1fr));
  }

  .c83-sidebar {
    flex-direction: column !important;
    height: auto !important;
    display: flex !important;
  }

  .c83-sidebar > .vx-workspaces-commercial, .c83-sidebar > .c83-nav {
    flex: none;
  }
}

.cln-shell {
  --cln-bg: #edf7f4;
  --cln-surface: #f9fffd;
  --cln-surface-2: #f0faf7;
  --cln-ink: #10231e;
  --cln-muted: #667c75;
  --cln-line: #1153441f;
  --cln-line-strong: #1170593d;
  --cln-mint: #27b58c;
  --cln-mint-dark: #08765b;
  --cln-mint-soft: #ccefe4;
  --cln-teal: #0c4438;
  --cln-red: #c44949;
  --cln-amber: #c38122;
  --cln-green: #208563;
  background: var(--cln-bg);
  min-height: 100dvh;
  color: var(--cln-ink);
  grid-template-columns: 272px minmax(0, 1fr);
  display: grid;
}

.cln-sidebar {
  z-index: 60;
  color: #e9fff8;
  background: radial-gradient(circle at 20% 0, #2dc1971f, #0000 26%), linear-gradient(#071913 0%, #05130f 58%, #030c09 100%);
  border-right: 1px solid #39d9ad24;
  flex-direction: column;
  height: 100dvh;
  display: flex;
  position: sticky;
  top: 0;
  overflow: hidden;
  box-shadow: 14px 0 45px #0b342a12;
}

.cln-brand {
  border-bottom: 1px solid #6ff4cf14;
  grid-template-columns: 45px 1fr auto;
  align-items: center;
  gap: 10px;
  padding: 17px 15px 13px;
  display: grid;
}

.cln-logo {
  color: #7ff0cf;
  background: radial-gradient(circle at 35% 28%, #74ffd947, #0000 34%), #09241c;
  border: 1px solid #60f1c74d;
  border-radius: 14px;
  place-items: center;
  width: 43px;
  height: 43px;
  font-size: 20px;
  font-weight: 950;
  display: grid;
  box-shadow: inset 0 0 24px #49e1b714, 0 0 28px #27b58c14;
}

.cln-brand b, .cln-brand span {
  display: block;
}

.cln-brand b {
  letter-spacing: 1.7px;
  font-size: 13px;
}

.cln-brand span {
  color: #69cbb0;
  letter-spacing: 1.3px;
  margin-top: 2px;
  font-size: 7px;
  font-weight: 900;
}

.cln-brand > button {
  color: #8ac8b7;
  cursor: pointer;
  background: none;
  border: 0;
  font-size: 22px;
  display: none;
}

.cln-network {
  background: #3ebe9a0b;
  border: 1px solid #4fddb51a;
  border-radius: 9px;
  justify-content: space-between;
  align-items: center;
  gap: 8px;
  margin: 10px 11px 6px;
  padding: 7px 9px;
  display: flex;
}

.cln-network span {
  color: #73bda9;
  letter-spacing: .8px;
  font-size: 6px;
  font-weight: 900;
}

.cln-network i {
  background: #54d6af;
  border-radius: 50%;
  width: 7px;
  height: 7px;
  box-shadow: 0 0 0 5px #54d6af12, 0 0 12px #54d6af38;
}

.cln-shell {
  --vx-accent: #49d0aa;
  --vx-accent-soft: #49d0aa14;
  --vx-line: #5de5bf1f;
  --vx-text: #dffaf2;
  --vx-muted: #76a99b;
  --vx-panel: #06150f;
}

.cln-sidebar .vx-workspaces {
  background: #061510;
  border: 1px solid #4fddb514;
  border-radius: 10px;
  margin: 0 10px 8px;
  padding: 7px;
}

.cln-sidebar .vx-workspaces-grid a, .cln-sidebar .vx-workspaces-grid .vx-workspace-soon {
  color: #79a99c !important;
  background: #071b15 !important;
  border-color: #5cdeb914 !important;
}

.cln-sidebar .vx-workspaces-grid a.active {
  box-shadow: inset 2px 0 #38cda3;
  color: #79f1d0 !important;
  background: #31c29917 !important;
  border-color: #4ddfb759 !important;
}

.cln-nav-search {
  background: #06130f;
  border: 1px solid #5fdfbc14;
  border-radius: 9px;
  grid-template-columns: auto 1fr auto;
  align-items: center;
  gap: 7px;
  margin: 1px 10px 7px;
  padding: 8px 9px;
  display: grid;
}

.cln-nav-search input {
  min-width: 0;
  color: #dff9f1 !important;
  background: none !important;
  border: 0 !important;
  outline: 0 !important;
  padding: 0 !important;
  font-size: 8px !important;
}

.cln-nav-search kbd {
  color: #4f7e72;
  background: #081c16;
  border: 1px solid #6de7c51a;
  border-radius: 4px;
  padding: 2px 4px;
  font-size: 5px;
}

.cln-nav {
  scrollbar-width: thin;
  scrollbar-color: #4acda921 transparent;
  flex: 1;
  min-height: 0;
  padding: 2px 9px 9px;
  overflow: auto;
}

.cln-nav-group {
  margin: 4px 0 11px;
}

.cln-nav-label {
  color: #47766a;
  letter-spacing: 1.15px;
  text-transform: uppercase;
  padding: 4px 8px 5px;
  font-size: 6px;
  font-weight: 950;
  display: block;
}

.cln-nav a {
  color: #8bb2a7;
  border: 1px solid #0000;
  border-radius: 9px;
  grid-template-columns: 28px 1fr auto;
  align-items: center;
  gap: 8px;
  margin: 2px 0;
  padding: 7px 8px;
  text-decoration: none;
  transition: all .16s;
  display: grid;
}

.cln-nav a > i {
  color: #65bea6;
  background: #092019;
  border-radius: 7px;
  place-items: center;
  width: 26px;
  height: 26px;
  font-size: 10px;
  font-style: normal;
  display: grid;
}

.cln-nav a b, .cln-nav a small {
  display: block;
}

.cln-nav a b {
  font-size: 8px;
}

.cln-nav a small {
  color: #4d766b;
  margin-top: 1px;
  font-size: 6px;
}

.cln-nav a em {
  color: #385e54;
  font-style: normal;
}

.cln-user {
  background: #04100c;
  border-top: 1px solid #66e2c014;
  grid-template-columns: 35px 1fr auto;
  align-items: center;
  gap: 8px;
  padding: 10px;
  display: grid;
}

.cln-avatar {
  color: #68d7b7;
  background: #092019;
  border: 1px solid #48d5ae2b;
  border-radius: 10px;
  place-items: center;
  width: 34px;
  height: 34px;
  font-size: 8px;
  font-weight: 950;
  display: grid;
}

.cln-user b, .cln-user small {
  display: block;
}

.cln-user b {
  font-size: 8px;
}

.cln-user small {
  color: #557c71;
  margin-top: 1px;
  font-size: 6px;
}

.cln-user > button {
  color: #67a897;
  cursor: pointer;
  background: #071914;
  border: 1px solid #5ed9b71a;
  border-radius: 8px;
  width: 29px;
  height: 29px;
}

.cln-main {
  background: radial-gradient(circle at 88% 0, #2db58f1a, #0000 28%), linear-gradient(#f3fbf8, #eaf6f2);
  min-width: 0;
  min-height: 100dvh;
}

.cln-topbar {
  z-index: 45;
  -webkit-backdrop-filter: blur(18px);
  backdrop-filter: blur(18px);
  background: #f7fdfbdb;
  border-bottom: 1px solid #1268531a;
  justify-content: space-between;
  align-items: center;
  gap: 15px;
  min-height: 57px;
  padding: 9px 18px;
  display: flex;
  position: sticky;
  top: 0;
  box-shadow: 0 6px 24px #15544306;
}

.cln-topbar > div:first-child {
  align-items: center;
  gap: 9px;
  display: flex;
}

.cln-topbar span, .cln-topbar strong {
  display: block;
}

.cln-topbar > div:first-child > span {
  color: #729087;
  letter-spacing: 1px;
  font-size: 7px;
  font-weight: 900;
}

.cln-topbar strong {
  color: #18362e;
  font-size: 10px;
}

.cln-mobile {
  border: 1px solid var(--cln-line);
  color: #1b5848;
  cursor: pointer;
  background: #fff;
  border-radius: 8px;
  width: 32px;
  height: 32px;
  display: none;
}

.cln-top-status {
  align-items: center;
  gap: 12px;
  display: flex;
}

.cln-top-status span {
  color: #3d9279;
  letter-spacing: .9px;
  font-size: 6px;
  font-weight: 900;
}

.cln-top-status time {
  color: #678178;
  font-size: 7px;
}

.cln-content {
  padding: 15px;
}

.cln-page {
  max-width: 1800px;
  color: var(--cln-ink);
  gap: 10px;
  margin: 0 auto;
  display: grid;
}

.cln-hero, .cln-section-hero {
  border: 1px solid var(--cln-line);
  background: linear-gradient(135deg, #fffffff7, #f0faf7fa);
  border-radius: 20px;
  position: relative;
  overflow: hidden;
  box-shadow: 0 20px 55px #1e5e4c0f;
}

.cln-hero {
  grid-template-columns: minmax(0, 1fr) 230px;
  min-height: 240px;
  padding: 32px;
  display: grid;
}

.cln-section-hero {
  justify-content: space-between;
  align-items: flex-end;
  gap: 18px;
  padding: 22px 24px;
  display: flex;
}

.cln-hero:before, .cln-section-hero:before {
  content: "";
  pointer-events: none;
  background-color: #0000;
  background-image: linear-gradient(#1d896a06 1px, #0000 1px), linear-gradient(90deg, #1d896a06 1px, #0000 1px);
  background-position: 0 0, 0 0;
  background-repeat: repeat, repeat;
  background-size: 28px 28px;
  background-attachment: scroll, scroll;
  background-origin: padding-box, padding-box;
  background-clip: border-box, border-box;
  position: absolute;
  inset: 0;
  -webkit-mask-image: linear-gradient(90deg, #000, #0000 84%);
  mask-image: linear-gradient(90deg, #000, #0000 84%);
}

.cln-hero:after {
  content: "";
  background: radial-gradient(circle, #25b58c21, #25b58c06 45%, #0000 70%);
  border-radius: 50%;
  width: 390px;
  height: 390px;
  position: absolute;
  top: -160px;
  right: -110px;
}

.cln-hero > *, .cln-section-hero > * {
  z-index: 1;
  position: relative;
}

.cln-eyebrow {
  color: #178b6a;
  letter-spacing: 1.6px;
  font-size: 7px;
  font-weight: 950;
  display: block;
}

.cln-hero h1, .cln-section-hero h1 {
  color: #132b25;
  letter-spacing: -1.4px;
  margin: 7px 0;
}

.cln-hero h1 {
  max-width: 800px;
  font-size: clamp(32px, 4vw, 54px);
  line-height: .98;
}

.cln-section-hero h1 {
  font-size: 30px;
}

.cln-hero p, .cln-section-hero p {
  color: #6d847d;
  max-width: 820px;
  margin: 0;
  font-size: 9px;
  line-height: 1.7;
}

.cln-pulse {
  align-items: center;
  gap: 10px;
  margin-top: 17px;
  display: flex;
}

.cln-pulse span {
  color: #3d9b7f;
  letter-spacing: .8px;
  font-size: 6px;
  font-weight: 900;
}

.cln-pulse b {
  border-left: 1px solid var(--cln-line);
  color: #294d43;
  padding-left: 10px;
  font-size: 7px;
}

.cln-score {
  background: radial-gradient(circle, #fbfffe 0, #f0faf7 58%, #d9f3ebb8);
  border: 1px solid #1e94712e;
  border-radius: 50%;
  place-self: center end;
  place-items: center;
  width: 174px;
  height: 174px;
  display: grid;
  position: relative;
  box-shadow: inset 0 0 35px #20a37c12, 0 15px 45px #1f6f5a14;
}

.cln-score:before {
  content: "";
  border: 1px dashed #24a8802e;
  border-radius: 50%;
  position: absolute;
  inset: 10px;
}

.cln-score i, .cln-score strong, .cln-score span, .cln-score b {
  z-index: 1;
  font-style: normal;
  position: relative;
}

.cln-score i {
  color: #63837a;
  letter-spacing: 1px;
  margin-top: 20px;
  font-size: 6px;
  font-weight: 950;
}

.cln-score strong {
  color: #08795c;
  margin: -5px 0 -11px;
  font-size: 48px;
  line-height: 1;
}

.cln-score > span {
  color: #729087;
  font-size: 7px;
}

.cln-score > b {
  color: #23775e;
  background: #dcf3eb;
  border-radius: 99px;
  margin-bottom: 19px;
  padding: 3px 7px;
  font-size: 6px;
}

.cln-error, .cln-toast, .cln-loading {
  border-radius: 10px;
  padding: 10px 12px;
  font-size: 8px;
}

.cln-error {
  color: #a83e3e;
  background: #fff0ef;
  border: 1px solid #c449492e;
}

.cln-toast {
  color: #26785f;
  background: #e8f8f2;
  border: 1px solid #20856326;
}

.cln-loading {
  border: 1px dashed var(--cln-line-strong);
  color: #648077;
  text-align: center;
  background: #ffffffa8;
}

.cln-kpis {
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 7px;
  display: grid;
}

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

.cln-kpis > div, .cln-mini-kpis > div {
  border: 1px solid var(--cln-line);
  background: #fcfffee8;
  border-radius: 12px;
  padding: 12px;
  box-shadow: 0 9px 24px #15624d09;
}

.cln-kpis span, .cln-kpis strong, .cln-kpis small, .cln-mini-kpis span, .cln-mini-kpis strong {
  display: block;
}

.cln-kpis span {
  color: #558578;
  letter-spacing: .8px;
  font-size: 6px;
  font-weight: 950;
}

.cln-kpis strong {
  color: #154e40;
  margin: 5px 0 2px;
  font-size: 20px;
}

.cln-kpis small {
  color: #789087;
  font-size: 6px;
}

.cln-mini-kpis {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 7px;
  display: grid;
}

.cln-mini-kpis.five {
  grid-template-columns: repeat(5, minmax(0, 1fr));
}

.cln-mini-kpis strong {
  color: #0d785c;
  font-size: 21px;
}

.cln-mini-kpis span {
  color: #6f877f;
  margin-top: 3px;
  font-size: 7px;
}

.cln-signal {
  background: linear-gradient(135deg, #fbfffd, #eef9f5);
  border: 1px solid #1f917029;
  border-radius: 15px;
  grid-template-columns: 50px 1fr auto;
  align-items: center;
  gap: 12px;
  padding: 13px;
  display: grid;
  box-shadow: 0 14px 35px #19634f0d;
}

.cln-signal-mark {
  color: #167759;
  background: #dbf5ec;
  border-radius: 13px;
  place-items: center;
  width: 47px;
  height: 47px;
  font-size: 19px;
  font-weight: 950;
  display: grid;
}

.cln-signal > div:nth-child(2) > span {
  color: #1c9270;
  letter-spacing: 1px;
  font-size: 6px;
  font-weight: 950;
}

.cln-signal h2 {
  margin: 3px 0;
  font-size: 13px;
}

.cln-signal p {
  color: #70877f;
  margin: 0;
  font-size: 7px;
}

.cln-signal > a {
  color: #fff;
  background: #0d755a;
  border-radius: 8px;
  padding: 8px 10px;
  font-size: 7px;
  font-weight: 950;
  text-decoration: none;
  box-shadow: 0 8px 20px #0f755a24;
}

.cln-dashboard-grid, .cln-quality-layout, .cln-site360-grid {
  grid-template-columns: 1fr 1fr;
  gap: 9px;
  display: grid;
}

.cln-site360-grid {
  grid-template-columns: minmax(0, 1.55fr) minmax(300px, .45fr);
}

.cln-site360-main, .cln-site360-side {
  align-content: start;
  gap: 9px;
  display: grid;
}

.cln-panel {
  border: 1px solid var(--cln-line);
  background: #fcfffeed;
  border-radius: 14px;
  padding: 14px;
  box-shadow: 0 12px 32px #1e64520b;
}

.cln-panel-head {
  justify-content: space-between;
  align-items: flex-end;
  gap: 12px;
  margin-bottom: 10px;
  display: flex;
}

.cln-panel-head span {
  color: #21876b;
  letter-spacing: 1.15px;
  font-size: 6px;
  font-weight: 950;
  display: block;
}

.cln-panel-head h2 {
  color: #173b31;
  margin: 3px 0 0;
  font-size: 14px;
}

.cln-panel-head a, .cln-panel-head button {
  color: #2d826b;
  font-size: 7px;
  text-decoration: none;
}

.cln-list {
  gap: 4px;
  display: grid;
}

.cln-row {
  color: inherit;
  background: #f8fdfb;
  border: 1px solid #17614e0e;
  border-radius: 9px;
  grid-template-columns: 30px 1fr auto;
  align-items: center;
  gap: 8px;
  padding: 8px;
  text-decoration: none;
  display: grid;
}

.cln-row.compact {
  grid-template-columns: 1fr auto;
}

.cln-row > i {
  color: #267c63;
  background: #e5f5ef;
  border-radius: 8px;
  place-items: center;
  width: 28px;
  height: 28px;
  font-style: normal;
  display: grid;
}

.cln-row b, .cln-row small {
  display: block;
}

.cln-row b {
  font-size: 8px;
}

.cln-row small {
  color: #718980;
  margin-top: 2px;
  font-size: 6px;
}

.cln-row time, .cln-row strong {
  color: #4b7166;
  font-size: 7px;
}

.cln-empty {
  color: #789087;
  text-align: center;
  background: #f0faf78c;
  border: 1px dashed #1b816524;
  border-radius: 10px;
  padding: 24px 14px;
  font-size: 8px;
}

.cln-empty.small {
  padding: 10px;
}

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

.cln-priority {
  border: 1px solid var(--cln-line);
  color: inherit;
  background: #fbfffd;
  border-radius: 12px;
  padding: 12px;
  text-decoration: none;
  display: block;
}

.cln-priority span {
  color: #6b887f;
  font-size: 6px;
  font-weight: 950;
}

.cln-priority h3 {
  margin: 6px 0 4px;
  font-size: 10px;
}

.cln-priority p {
  color: #748b83;
  min-height: 32px;
  margin: 0;
  font-size: 7px;
  line-height: 1.5;
}

.cln-priority > b {
  color: #1f8368;
  margin-top: 8px;
  font-size: 7px;
  display: block;
}

.cln-quick {
  grid-template-columns: repeat(4, 1fr);
  gap: 7px;
  display: grid;
}

.cln-quick > a {
  border: 1px solid var(--cln-line);
  color: inherit;
  background: #fbfffd;
  border-radius: 12px;
  grid-template-columns: 34px 1fr;
  align-items: center;
  gap: 2px 9px;
  padding: 11px;
  text-decoration: none;
  display: grid;
}

.cln-quick i {
  color: #21856a;
  background: #e5f6f0;
  border-radius: 9px;
  grid-row: 1 / 3;
  place-items: center;
  width: 33px;
  height: 33px;
  font-style: normal;
  display: grid;
}

.cln-quick b {
  font-size: 8px;
}

.cln-quick span {
  color: #70887f;
  font-size: 6px;
}

.cln-btn, .cln-link-btn {
  appearance: none;
  cursor: pointer;
  text-decoration: none;
}

.cln-btn {
  color: #216d59;
  background: #f8fdfb;
  border: 1px solid #13715826;
  border-radius: 9px;
  justify-content: center;
  align-items: center;
  gap: 6px;
  min-height: 34px;
  padding: 7px 10px;
  font-size: 7px;
  font-weight: 900;
  display: inline-flex;
}

.cln-btn:hover {
  background: #eef9f5;
  border-color: #1385654d;
}

.cln-btn.primary {
  color: #fff;
  background: linear-gradient(135deg, #14936f, #087257);
  border-color: #0e8061;
  box-shadow: 0 8px 18px #0b765921;
}

.cln-btn:disabled {
  opacity: .48;
  cursor: not-allowed;
}

.cln-link-btn {
  color: #27836b;
  background: none;
  border: 0;
  font-size: 7px;
  font-weight: 800;
}

.cln-hero-actions {
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 6px;
  display: flex;
}

.cln-form-panel {
  background: linear-gradient(135deg, #fbfffd, #f2faf7);
}

.cln-form {
  gap: 9px;
  display: grid;
}

.cln-form-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
  display: grid;
}

.cln-form label, .cln-filterbar label {
  color: #55756c;
  gap: 4px;
  font-size: 7px;
  font-weight: 700;
  display: grid;
}

.cln-form input, .cln-form select, .cln-form textarea, .cln-filterbar input, .cln-filterbar select, .cln-search {
  width: 100%;
  min-height: 36px;
  font: inherit;
  outline: 0;
  padding: 8px 9px;
  color: #18352d !important;
  box-shadow: none !important;
  background: #fbfffd !important;
  border: 1px solid #15685321 !important;
  border-radius: 8px !important;
  font-size: 8px !important;
}

.cln-form textarea {
  resize: vertical;
  min-height: 70px;
}

.cln-filterbar {
  border: 1px solid var(--cln-line);
  background: #fcfffed6;
  border-radius: 12px;
  flex-wrap: wrap;
  align-items: flex-end;
  gap: 8px;
  padding: 10px;
  display: flex;
}

.cln-filterbar label {
  min-width: 180px;
}

.cln-search {
  max-width: 390px;
}

.cln-site-grid, .cln-plan-grid, .cln-team-grid, .cln-inventory-grid, .cln-quality-cards {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
  display: grid;
}

.cln-site-card, .cln-plan, .cln-team-card, .cln-inventory, .cln-quality-card {
  border: 1px solid var(--cln-line);
  color: inherit;
  background: #fbfffd;
  border-radius: 13px;
  padding: 13px;
  text-decoration: none;
  box-shadow: 0 9px 24px #135c4a09;
}

.cln-site-top, .cln-team-head {
  justify-content: space-between;
  align-items: center;
  gap: 8px;
  display: flex;
}

.cln-site-card h3, .cln-plan h3, .cln-team-card h3, .cln-inventory h3, .cln-quality-card h3 {
  margin: 8px 0 4px;
  font-size: 11px;
}

.cln-site-card p, .cln-plan p, .cln-team-card p, .cln-inventory p, .cln-quality-card p {
  color: #6d857d;
  margin: 0;
  font-size: 7px;
}

.cln-site-stats {
  grid-template-columns: repeat(3, 1fr);
  gap: 4px;
  margin-top: 10px;
  display: grid;
}

.cln-site-stats > span {
  color: #648078;
  text-align: center;
  background: #f0f8f5;
  border-radius: 7px;
  padding: 6px;
  font-size: 6px;
}

.cln-site-stats b {
  color: #236a58;
  margin-bottom: 2px;
  font-size: 9px;
  display: block;
}

.cln-badge {
  color: #397365;
  letter-spacing: .35px;
  text-transform: uppercase;
  background: #edf8f4;
  border: 1px solid #187b601f;
  border-radius: 99px;
  align-items: center;
  margin: 0 3px 3px 0;
  padding: 3px 6px;
  font-size: 5px;
  font-weight: 950;
  display: inline-flex;
}

.cln-badge.active, .cln-badge.done, .cln-badge.completed, .cln-badge.pass, .cln-badge.accepted {
  color: #1d7a5c;
  background: #def4ec;
  border-color: #1f84622e;
}

.cln-badge.cancelled, .cln-badge.missed, .cln-badge.fail, .cln-badge.rejected, .cln-badge.critical {
  color: #a94343;
  background: #ffe7e6;
  border-color: #bf44442b;
}

.cln-badge.level-premium {
  color: #16765a;
  background: #e0f6ef;
}

.cln-badge.level-critical {
  color: #a94545;
  background: #ffe8e6;
}

.cln-site360-hero {
  border: 1px solid var(--cln-line);
  background: linear-gradient(135deg, #fbfffd, #edf8f4);
  border-radius: 16px;
  justify-content: space-between;
  align-items: flex-end;
  gap: 14px;
  padding: 19px 21px;
  display: flex;
}

.cln-site360-hero h1 {
  margin: 4px 0 3px;
  font-size: 28px;
}

.cln-site360-hero p {
  color: #70877f;
  margin: 0;
  font-size: 8px;
}

.cln-site360-tags {
  flex-wrap: wrap;
  gap: 5px;
  margin-top: 7px;
  display: flex;
}

.cln-contacts {
  grid-template-columns: repeat(2, 1fr);
  gap: 5px;
  display: grid;
}

.cln-contacts > div {
  background: #f7fcfa;
  border: 1px solid #18695412;
  border-radius: 8px;
  padding: 8px;
}

.cln-contacts b, .cln-contacts small {
  display: block;
}

.cln-contacts b {
  font-size: 8px;
}

.cln-contacts small {
  color: #728a82;
  font-size: 6px;
}

.cln-copy {
  white-space: pre-wrap;
  color: #5e7770;
  font-size: 7px;
  line-height: 1.6;
}

.cln-ops-list, .cln-issue-list, .cln-check-list, .cln-handoff-list, .cln-access-list {
  gap: 7px;
  display: grid;
}

.cln-operation {
  border: 1px solid var(--cln-line);
  background: #fbfffd;
  border-radius: 12px;
  grid-template-columns: 145px 1fr auto;
  align-items: center;
  gap: 11px;
  padding: 12px;
  display: grid;
}

.cln-operation-time strong, .cln-operation-time span, .cln-operation-main b, .cln-operation-main small {
  display: block;
}

.cln-operation-time strong {
  color: #175f4d;
  font-size: 10px;
}

.cln-operation-time span {
  color: #718980;
  margin-top: 3px;
  font-size: 6px;
}

.cln-operation-main b {
  font-size: 9px;
}

.cln-operation-main small {
  color: #6f877f;
  margin-top: 2px;
  font-size: 6px;
}

.cln-operation-actions {
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 4px;
  display: flex;
}

.cln-plan.inactive {
  opacity: .62;
}

.cln-plan-spec {
  grid-template-columns: repeat(3, 1fr);
  gap: 5px;
  margin: 9px 0;
  display: grid;
}

.cln-plan-spec > span {
  color: #58766d;
  text-align: center;
  background: #f0f8f5;
  border-radius: 7px;
  padding: 6px;
  font-size: 6px;
}

.cln-days {
  flex-wrap: wrap;
  gap: 4px;
  display: flex;
}

.cln-days span {
  color: #42806f;
  background: #e9f6f1;
  border-radius: 5px;
  padding: 3px 5px;
  font-size: 5px;
}

.cln-quality-card.pass {
  border-color: #21866326;
}

.cln-quality-card.warning {
  border-color: #c07f212e;
}

.cln-quality-card.fail {
  border-color: #be41412e;
}

.cln-quality-card strong {
  color: #176d55;
  margin-top: 8px;
  font-size: 22px;
  display: block;
}

.cln-issue {
  border: 1px solid var(--cln-line);
  background: #fbfffd;
  border-radius: 11px;
  padding: 11px;
}

.cln-issue.high, .cln-issue.critical {
  border-color: #be43432e;
}

.cln-issue h3 {
  margin: 6px 0 3px;
  font-size: 10px;
}

.cln-issue p {
  color: #6d857d;
  margin: 0;
  font-size: 7px;
}

.cln-check {
  border-bottom: 1px solid #1a62500e;
  grid-template-columns: 80px 1fr auto;
  align-items: center;
  gap: 8px;
  padding: 8px;
  display: grid;
}

.cln-check.pass > span {
  color: #1f805f;
}

.cln-check.warning > span {
  color: #a36d1b;
}

.cln-check.fail > span {
  color: #ad4343;
}

.cln-check b, .cln-check small {
  display: block;
}

.cln-check b {
  font-size: 8px;
}

.cln-check small {
  color: #71877f;
  font-size: 6px;
}

.cln-check strong {
  font-size: 13px;
}

.cln-team-card.inactive {
  opacity: .62;
}

.cln-members {
  gap: 4px;
  margin-top: 9px;
  display: grid;
}

.cln-members > div {
  color: #617d74;
  border-top: 1px solid #1863500e;
  justify-content: space-between;
  gap: 8px;
  padding: 5px 0;
  font-size: 6px;
  display: flex;
}

.cln-stock-value {
  align-items: baseline;
  gap: 5px;
  margin: 9px 0;
  display: flex;
}

.cln-stock-value strong {
  color: #126f56;
  font-size: 26px;
}

.cln-stock-value span {
  color: #6e857d;
  font-size: 7px;
}

.cln-handoff {
  border: 1px solid var(--cln-line);
  background: #fbfffd;
  border-radius: 14px;
  padding: 14px;
}

.cln-handoff.in_review, .cln-handoff.submitted {
  border-color: #29896933;
}

.cln-handoff.rejected {
  border-color: #bf43432e;
}

.cln-handoff-top {
  justify-content: space-between;
  align-items: center;
  gap: 8px;
  display: flex;
}

.cln-handoff-top > div {
  flex-wrap: wrap;
  align-items: center;
  gap: 4px;
  display: flex;
}

.cln-handoff-top time {
  color: #668178;
  font-size: 7px;
}

.cln-handoff h2 {
  margin: 9px 0 2px;
  font-size: 17px;
}

.cln-handoff h3 {
  color: #6c847c;
  margin: 0;
  font-size: 9px;
  font-weight: 600;
}

.cln-handoff-grid {
  grid-template-columns: repeat(3, 1fr);
  gap: 6px;
  margin-top: 10px;
  display: grid;
}

.cln-handoff-grid > div {
  background: #f5fbf9;
  border: 1px solid #16624f0f;
  border-radius: 8px;
  padding: 8px;
}

.cln-handoff-grid span, .cln-handoff-grid b, .cln-handoff-grid small {
  display: block;
}

.cln-handoff-grid span {
  color: #4f8b79;
  font-size: 5px;
  font-weight: 950;
}

.cln-handoff-grid b {
  margin: 3px 0;
  font-size: 8px;
}

.cln-handoff-grid small {
  color: #71877f;
  font-size: 6px;
}

.cln-handoff-note {
  color: #5f7b72;
  white-space: pre-wrap;
  background: #f0f8f5;
  border-radius: 8px;
  padding: 8px;
  font-size: 7px;
}

.cln-handoff-actions {
  flex-wrap: wrap;
  gap: 5px;
  margin-top: 9px;
  display: flex;
}

.cln-access-list > article {
  background: #f8fdfb;
  border: 1px solid #18635012;
  border-radius: 10px;
  grid-template-columns: 38px 1fr;
  align-items: start;
  gap: 9px;
  padding: 9px;
  display: grid;
}

.cln-access-main b, .cln-access-main small {
  display: block;
}

.cln-access-main b {
  font-size: 8px;
}

.cln-access-main small {
  color: #6e877f;
  margin: 2px 0 6px;
  font-size: 6px;
}

.cln-role-pill {
  color: #26745f;
  background: #e8f6f1;
  border-radius: 6px;
  align-items: center;
  gap: 4px;
  margin: 2px 4px 2px 0;
  padding: 4px 6px;
  font-size: 6px;
  display: inline-flex;
}

.cln-role-pill button {
  color: #7e8c87;
  cursor: pointer;
  background: none;
  border: 0;
}

.cln-muted {
  font-size: 7px;
  color: #768d85 !important;
}

.c8312-branch-statuses {
  flex-wrap: wrap;
  gap: 5px;
  margin-top: 7px;
  display: flex;
}

.cln-backdrop {
  display: none;
}

@media (max-width: 1350px) {
  .cln-kpis {
    grid-template-columns: repeat(3, 1fr);
  }

  .cln-site-grid, .cln-plan-grid, .cln-team-grid, .cln-inventory-grid, .cln-quality-cards {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 1050px) {
  .cln-dashboard-grid, .cln-quality-layout, .cln-site360-grid {
    grid-template-columns: 1fr;
  }

  .cln-priority-grid, .cln-quick {
    grid-template-columns: 1fr 1fr;
  }

  .cln-handoff-grid {
    grid-template-columns: 1fr;
  }

  .cln-operation {
    grid-template-columns: 120px 1fr;
  }

  .cln-operation-actions {
    grid-column: 1 / -1;
    justify-content: flex-start;
  }
}

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

  .cln-sidebar {
    width: min(290px, 86vw);
    transition: transform .2s;
    position: fixed;
    top: 0;
    left: 0;
    transform: translateX(-103%);
    box-shadow: 30px 0 80px #00000040;
  }

  .cln-sidebar.mobile-open {
    transform: translateX(0);
  }

  .cln-brand > button, .cln-mobile {
    place-items: center;
    display: grid;
  }

  .cln-backdrop {
    z-index: 50;
    -webkit-backdrop-filter: blur(2px);
    backdrop-filter: blur(2px);
    background: #00171173;
    border: 0;
    display: block;
    position: fixed;
    inset: 0;
  }

  .cln-topbar {
    padding: 8px 10px;
  }

  .cln-top-status span {
    display: none;
  }

  .cln-content {
    padding: 10px;
  }

  .cln-hero {
    grid-template-columns: 1fr;
    padding: 22px;
  }

  .cln-score {
    justify-self: start;
    width: 140px;
    height: 140px;
    margin-top: 12px;
  }

  .cln-score strong {
    font-size: 39px;
  }

  .cln-section-hero {
    flex-direction: column;
    align-items: flex-start;
  }

  .cln-form-grid {
    grid-template-columns: 1fr 1fr;
  }
}

@media (max-width: 650px) {
  .cln-kpis, .cln-kpis.four, .cln-mini-kpis, .cln-mini-kpis.five, .cln-priority-grid, .cln-quick, .cln-site-grid, .cln-plan-grid, .cln-team-grid, .cln-inventory-grid, .cln-quality-cards, .cln-form-grid, .cln-contacts, .cln-operation {
    grid-template-columns: 1fr;
  }

  .cln-site360-hero {
    display: block;
  }

  .cln-hero-actions {
    justify-content: flex-start;
    margin-top: 10px;
  }

  .cln-top-status {
    display: none;
  }

  .cln-hero h1 {
    font-size: 34px;
  }
}

.cln-photo-modal {
  z-index: 5000;
  -webkit-backdrop-filter: blur(7px);
  backdrop-filter: blur(7px);
  background: #031812b8;
  place-items: center;
  padding: 18px;
  display: grid;
  position: fixed;
  inset: 0;
}

.cln-photo-modal > div {
  background: #f8fffc;
  border: 1px solid #5ae0b93d;
  border-radius: 16px;
  width: min(820px, 96vw);
  max-height: 92vh;
  padding: 10px;
  overflow: auto;
  box-shadow: 0 35px 100px #00000059;
}

.cln-photo-modal header {
  color: #17483b;
  justify-content: space-between;
  align-items: center;
  gap: 10px;
  padding: 5px 5px 10px;
  font-size: 9px;
  display: flex;
}

.cln-photo-modal header button {
  color: #296b59;
  cursor: pointer;
  background: #eef8f5;
  border: 1px solid #136e5521;
  border-radius: 8px;
  width: 31px;
  height: 31px;
}

.cln-photo-modal img {
  object-fit: contain;
  border-radius: 10px;
  max-width: 100%;
  max-height: 72vh;
  margin: auto;
  display: block;
}

.cln-photo-modal small {
  color: #6a837b;
  padding: 9px 5px 3px;
  font-size: 7px;
  display: block;
}

.cln-shell {
  --cln-bg: #0b0e0d !important;
  --cln-surface: #111614 !important;
  --cln-surface-2: #141a17 !important;
  --cln-ink: #d9e0dc !important;
  --cln-muted: #7d8a84 !important;
  --cln-line: #7a9e911f !important;
  --cln-line-strong: #7a9e9138 !important;
  --cln-mint: #739c8d !important;
  --cln-mint-dark: #52796d !important;
  --cln-mint-soft: #18241f !important;
  --cln-teal: #1b332b !important;
  --cln-red: #b96464 !important;
  --cln-amber: #b18a53 !important;
  --cln-green: #6b9886 !important;
  --vx-accent: #739c8d !important;
  --vx-accent-soft: #739c8d14 !important;
  --vx-line: #7a9e911f !important;
  --vx-text: #d7e0dc !important;
  --vx-muted: #788b83 !important;
  --vx-panel: #101512 !important;
  color: var(--cln-ink) !important;
  background: #0b0e0d !important;
}

.cln-sidebar {
  background: linear-gradient(#0c110f 0%, #090d0b 62%, #070a09 100%) !important;
  border-right-color: #7a9e911c !important;
  box-shadow: 10px 0 30px #00000029 !important;
}

.cln-brand {
  border-bottom-color: #7a9e9114 !important;
}

.cln-logo {
  color: #9ab5aa !important;
  box-shadow: none !important;
  background: #141b18 !important;
  border-color: #7a9e912e !important;
}

.cln-brand span {
  color: #78998c !important;
}

.cln-brand > button {
  color: #81958c !important;
}

.cln-network {
  background: #101713 !important;
  border-color: #7a9e9114 !important;
}

.cln-network span {
  color: #728d82 !important;
}

.cln-network i {
  box-shadow: none !important;
  background: #75988b !important;
}

.cln-sidebar .vx-workspaces {
  background: #0e1411 !important;
  border-color: #7a9e9114 !important;
}

.cln-sidebar .vx-workspaces > span {
  color: #647a71 !important;
}

.cln-sidebar .vx-workspaces-grid a, .cln-sidebar .vx-workspaces-grid .vx-workspace-soon {
  color: #74867f !important;
  box-shadow: none !important;
  background: #111713 !important;
  border-color: #7a9e9112 !important;
}

.cln-sidebar .vx-workspaces-grid a:hover {
  color: #cbd6d1 !important;
  border-color: #7a9e9129 !important;
}

.cln-sidebar .vx-workspaces-grid a.active {
  color: #a9c1b7 !important;
  background: #18211d !important;
  border-color: #7a9e9138 !important;
  box-shadow: inset 2px 0 #729487 !important;
}

.cln-nav-search {
  background: #0f1512 !important;
  border-color: #7a9e9114 !important;
}

.cln-nav-search > span {
  color: #758c82 !important;
}

.cln-nav-search input {
  color: #d2dbd7 !important;
}

.cln-nav-search input::placeholder {
  color: #5f7069 !important;
}

.cln-nav-search kbd {
  color: #667a71 !important;
  background: #151b18 !important;
  border-color: #7a9e9117 !important;
}

.cln-nav {
  scrollbar-color: #7a9e911f transparent !important;
}

.cln-nav-label {
  color: #5e7169 !important;
}

.cln-nav a {
  color: #84968e !important;
}

.cln-nav a > i {
  color: #78998c !important;
  background: #151c19 !important;
}

.cln-nav a small {
  color: #5f7169 !important;
}

.cln-nav a em {
  color: #566860 !important;
}

.cln-nav a:hover {
  color: #c7d2cd !important;
  background: #121916 !important;
  border-color: #7a9e9117 !important;
}

.cln-nav a.active {
  color: #d7dfdb !important;
  background: #171f1b !important;
  border-color: #7a9e912e !important;
  box-shadow: inset 2px 0 #718f84 !important;
}

.cln-nav a.active > i {
  color: #9ab5aa !important;
  background: #1b2722 !important;
}

.cln-nav a.active small {
  color: #71877e !important;
}

.cln-user {
  background: #090d0b !important;
  border-top-color: #7a9e9114 !important;
}

.cln-avatar {
  color: #8ca99e !important;
  background: #151c19 !important;
  border-color: #7a9e9121 !important;
}

.cln-user small {
  color: #64766e !important;
}

.cln-user > button {
  color: #788c83 !important;
  background: #111713 !important;
  border-color: #7a9e9117 !important;
}

.cln-user > button:hover {
  color: #b4c7bf !important;
  border-color: #7a9e912e !important;
}

.cln-main {
  color: var(--cln-ink) !important;
  background: #0b0e0d !important;
}

.cln-topbar {
  box-shadow: none !important;
  background: #0b0e0ded !important;
  border-bottom-color: #7a9e9117 !important;
}

.cln-topbar > div:first-child > span {
  color: #687b73 !important;
}

.cln-topbar strong {
  color: #dce3df !important;
}

.cln-mobile {
  color: #92a79e !important;
  background: #141a17 !important;
  border-color: #7a9e911f !important;
}

.cln-top-status span {
  color: #78998d !important;
}

.cln-top-status time {
  color: #687a72 !important;
}

.cln-page {
  color: var(--cln-ink) !important;
}

.cln-hero, .cln-section-hero, .cln-site360-hero {
  box-shadow: none !important;
  background: linear-gradient(145deg, #121714, #0f1311) !important;
  border-color: #7a9e911f !important;
}

.cln-hero:before, .cln-section-hero:before {
  opacity: .22 !important;
}

.cln-hero:after {
  display: none !important;
}

.cln-eyebrow {
  color: #7fa092 !important;
}

.cln-hero h1, .cln-section-hero h1, .cln-site360-hero h1 {
  color: #e0e6e3 !important;
}

.cln-hero p, .cln-section-hero p, .cln-site360-hero p {
  color: #84928c !important;
}

.cln-pulse span {
  color: #78998d !important;
}

.cln-pulse b {
  color: #a2b0aa !important;
  border-left-color: #7a9e911f !important;
}

.cln-score {
  box-shadow: none !important;
  background: #121815 !important;
  border-color: #7a9e912b !important;
}

.cln-score:before {
  border-color: #7a9e9126 !important;
}

.cln-score i {
  color: #74867e !important;
}

.cln-score strong {
  color: #9ab7ab !important;
}

.cln-score > span {
  color: #697b73 !important;
}

.cln-score > b {
  color: #8fb0a2 !important;
  background: #1a2822 !important;
}

.cln-score > b.attention, .cln-score > b.tension {
  color: #b79a6b !important;
  background: #2a241a !important;
}

.cln-score > b.critique {
  color: #c57a7a !important;
  background: #2b1919 !important;
}

.cln-error {
  color: #c98a8a !important;
  background: #211515 !important;
  border-color: #b964642e !important;
}

.cln-toast {
  color: #91b3a5 !important;
  background: #142019 !important;
  border-color: #6b988629 !important;
}

.cln-loading, .cln-empty {
  color: #75867f !important;
  background: #101512 !important;
  border-color: #7a9e9121 !important;
}

.cln-kpis > div, .cln-mini-kpis > div, .cln-panel, .cln-site-card, .cln-plan, .cln-team-card, .cln-inventory, .cln-quality-card, .cln-priority, .cln-quick > a, .cln-operation, .cln-issue, .cln-handoff, .cln-access-list > article {
  box-shadow: none !important;
  color: #d8dfdc !important;
  background: #111614 !important;
  border-color: #7a9e911a !important;
}

.cln-kpis span, .cln-mini-kpis span {
  color: #74867e !important;
}

.cln-kpis strong, .cln-mini-kpis strong {
  color: #b7c8c1 !important;
}

.cln-kpis small {
  color: #687a72 !important;
}

.cln-signal {
  box-shadow: none !important;
  background: #121815 !important;
  border-color: #7a9e9124 !important;
}

.cln-signal-mark {
  color: #93b4a6 !important;
  background: #1c2b24 !important;
}

.cln-signal-mark.critical, .cln-signal-mark.high {
  color: #c87575 !important;
  background: #2a1818 !important;
}

.cln-signal-mark.medium {
  color: #b79461 !important;
  background: #292218 !important;
}

.cln-signal > div:nth-child(2) > span {
  color: #809f92 !important;
}

.cln-signal h2 {
  color: #dce3df !important;
}

.cln-signal p {
  color: #7e8f87 !important;
}

.cln-signal > a {
  color: #c8d8d1 !important;
  box-shadow: none !important;
  background: #2a4037 !important;
}

.cln-signal > a:hover {
  background: #324b41 !important;
}

.cln-panel-head span {
  color: #78998c !important;
}

.cln-panel-head h2 {
  color: #d5ddda !important;
}

.cln-panel-head a, .cln-panel-head button {
  color: #8ba99d !important;
}

.cln-row {
  background: #0f1412 !important;
  border-color: #7a9e9112 !important;
}

.cln-row:hover {
  background: #141a17 !important;
  border-color: #7a9e9124 !important;
}

.cln-row > i {
  color: #819f92 !important;
  background: #19241f !important;
}

.cln-row > i.warning {
  color: #b99663 !important;
  background: #292218 !important;
}

.cln-row > i.good {
  color: #84a898 !important;
  background: #19251f !important;
}

.cln-row small {
  color: #6f8179 !important;
}

.cln-row time, .cln-row strong {
  color: #85978f !important;
}

.cln-priority span {
  color: #72857d !important;
}

.cln-priority p {
  color: #778981 !important;
}

.cln-priority > b {
  color: #8ca99e !important;
}

.cln-priority.critical, .cln-priority.high {
  border-color: #b9646429 !important;
}

.cln-priority.critical span, .cln-priority.high span {
  color: #c07c7c !important;
}

.cln-priority.medium {
  border-color: #b18a5329 !important;
}

.cln-priority.medium span {
  color: #b89a70 !important;
}

.cln-quick i {
  color: #87a598 !important;
  background: #19241f !important;
}

.cln-quick span {
  color: #6e8078 !important;
}

.cln-btn {
  color: #a7bbb2 !important;
  box-shadow: none !important;
  background: #151b18 !important;
  border-color: #7a9e9121 !important;
}

.cln-btn:hover {
  color: #d5ddda !important;
  box-shadow: none !important;
  background: #1a211e !important;
  border-color: #7a9e9138 !important;
}

.cln-btn.primary {
  color: #d2dfd9 !important;
  box-shadow: none !important;
  background: #2a4037 !important;
  border-color: #405e53 !important;
}

.cln-btn.primary:hover {
  background: #324a41 !important;
}

.cln-btn.danger {
  color: #c88989 !important;
  background: #211515 !important;
  border-color: #b964642e !important;
}

.cln-link-btn {
  color: #879b92 !important;
}

.cln-form-panel {
  box-shadow: none !important;
  background: #111614 !important;
  border-color: #7a9e911a !important;
}

.cln-form label, .cln-filterbar label {
  color: #7b8d85 !important;
}

.cln-form input, .cln-form select, .cln-form textarea, .cln-filterbar input, .cln-filterbar select, .cln-search {
  color: #d4dcda !important;
  box-shadow: none !important;
  background: #0d1210 !important;
  border-color: #7a9e911f !important;
}

.cln-form input:focus, .cln-form select:focus, .cln-form textarea:focus, .cln-filterbar input:focus, .cln-filterbar select:focus, .cln-search:focus {
  border-color: #7a9e9147 !important;
  box-shadow: 0 0 0 2px #7a9e910e !important;
}

.cln-form input::placeholder, .cln-form textarea::placeholder, .cln-search::placeholder {
  color: #56665f !important;
}

.cln-filterbar {
  background: #101512 !important;
  border-color: #7a9e9117 !important;
}

.cln-site-card:hover {
  border-color: #7a9e912e !important;
  transform: none !important;
}

.cln-site-card p, .cln-plan p, .cln-team-card p, .cln-inventory p, .cln-quality-card p {
  color: #72847c !important;
}

.cln-site-stats > span, .cln-plan-spec > span {
  color: #74877f !important;
  background: #151d19 !important;
}

.cln-site-stats b {
  color: #9bb2a8 !important;
}

.cln-days span {
  color: #80998e !important;
  background: #17211c !important;
}

.cln-badge {
  color: #82968d !important;
  background: #171e1b !important;
  border-color: #7a9e911f !important;
}

.cln-badge.active, .cln-badge.done, .cln-badge.completed, .cln-badge.pass, .cln-badge.accepted, .cln-badge.level-premium {
  color: #8db0a1 !important;
  background: #19261f !important;
  border-color: #6b98862e !important;
}

.cln-badge.paused, .cln-badge.warning, .cln-badge.in_review {
  color: #b7986d !important;
  background: #292218 !important;
  border-color: #b18a532e !important;
}

.cln-badge.cancelled, .cln-badge.missed, .cln-badge.fail, .cln-badge.rejected, .cln-badge.critical, .cln-badge.level-critical {
  color: #c17d7d !important;
  background: #291919 !important;
  border-color: #b964642e !important;
}

.cln-badge.in_progress, .cln-badge.submitted, .cln-badge.planned {
  color: #8ca6b2 !important;
  background: #182127 !important;
  border-color: #68899a29 !important;
}

.cln-contacts > div, .cln-handoff-grid > div {
  background: #0f1412 !important;
  border-color: #7a9e9112 !important;
}

.cln-contacts small, .cln-copy, .cln-handoff-top time, .cln-handoff h3, .cln-handoff-grid small, .cln-access-main small, .cln-muted {
  color: #71837b !important;
}

.cln-handoff-grid span {
  color: #78978a !important;
}

.cln-handoff-note {
  color: #788b82 !important;
  background: #151d19 !important;
}

.cln-operation.in_progress {
  border-color: #6b988633 !important;
  box-shadow: inset 3px 0 #688f80 !important;
}

.cln-operation.missed {
  border-color: #b964642e !important;
  box-shadow: inset 3px 0 #a55e5e !important;
}

.cln-operation-time strong {
  color: #9eb5ab !important;
}

.cln-operation-time span, .cln-operation-main small {
  color: #71837b !important;
}

.cln-quality-card strong, .cln-stock-value strong {
  color: #9eb9ae !important;
}

.cln-issue p, .cln-check small, .cln-members > div, .cln-stock-value span {
  color: #71837b !important;
}

.cln-members b {
  color: #a2b4ac !important;
}

.cln-inventory.low {
  background: #191711 !important;
  border-color: #b18a532e !important;
}

.cln-role-pill {
  color: #8ba99d !important;
  background: #18231e !important;
}

.cln-role-pill button {
  color: #71827b !important;
}

.cln-photo-modal {
  -webkit-backdrop-filter: blur(4px) !important;
  backdrop-filter: blur(4px) !important;
  background: #040706d1 !important;
}

.cln-photo-modal > div {
  background: #101512 !important;
  border-color: #7a9e9129 !important;
  box-shadow: 0 24px 70px #0000006b !important;
}

.cln-photo-modal header {
  color: #cbd6d1 !important;
}

.cln-photo-modal header button {
  color: #91a79e !important;
  background: #171e1b !important;
  border-color: #7a9e911f !important;
}

.cln-photo-modal small {
  color: #71837b !important;
}

@media (max-width: 900px) {
  .cln-backdrop {
    -webkit-backdrop-filter: blur(2px) !important;
    backdrop-filter: blur(2px) !important;
    background: #030605ad !important;
  }
}

.itx-shell {
  --it-bg: #090c12;
  --it-panel: #0e131b;
  --it-panel2: #111823;
  --it-line: #6f8eb21f;
  --it-line2: #6f8eb238;
  --it-accent: #6f8fb5;
  --it-accent2: #91a9c7;
  --it-text: #dce3eb;
  --it-muted: #748291;
  --it-red: #b96b70;
  --it-amber: #aa8b5c;
  --it-green: #6e9885;
  min-height: 100dvh;
  color: var(--it-text);
  background: #090c12;
  grid-template-columns: 264px minmax(0, 1fr);
  display: grid;
}

.itx-sidebar {
  z-index: 20;
  border-right: 1px solid var(--it-line);
  background: linear-gradient(#0b0f16, #080b10);
  flex-direction: column;
  height: 100dvh;
  display: flex;
  position: sticky;
  top: 0;
  box-shadow: 10px 0 35px #00000029;
}

.itx-brand {
  border-bottom: 1px solid #6f8eb214;
  grid-template-columns: 42px 1fr auto;
  align-items: center;
  gap: 10px;
  padding: 16px;
  display: grid;
}

.itx-logo {
  color: #91a9c7;
  background: #111824;
  border: 1px solid #6f8eb233;
  border-radius: 12px;
  place-items: center;
  width: 40px;
  height: 40px;
  font-size: 17px;
  font-weight: 950;
  display: grid;
}

.itx-brand b, .itx-brand span {
  display: block;
}

.itx-brand b {
  letter-spacing: 1.8px;
  font-size: 12px;
}

.itx-brand span {
  color: #7893b2;
  letter-spacing: 1.2px;
  margin-top: 2px;
  font-size: 7px;
  font-weight: 900;
}

.itx-brand > button {
  color: #8596a8;
  background: none;
  border: 0;
  font-size: 20px;
  display: none;
}

.itx-network {
  background: #0d1516;
  border: 1px solid #68918017;
  border-radius: 8px;
  justify-content: space-between;
  align-items: center;
  margin: 10px 11px 6px;
  padding: 8px 9px;
  display: flex;
}

.itx-network span {
  color: #6f8d83;
  letter-spacing: .7px;
  font-size: 6px;
}

.itx-network i {
  background: #6e9885;
  border-radius: 50%;
  width: 6px;
  height: 6px;
}

.itx-shell .vx-workspaces {
  background: #0d121a;
  border: 1px solid #6f8eb214;
  border-radius: 9px;
  margin: 0 10px 7px;
  padding: 7px;
}

.itx-shell .vx-workspaces > span {
  color: #536272;
  letter-spacing: .8px;
  margin-bottom: 5px;
  font-size: 6px;
  font-weight: 900;
  display: block;
}

.itx-shell .vx-workspaces > div {
  grid-template-columns: repeat(5, 1fr);
  gap: 3px;
  display: grid;
}

.itx-shell .vx-workspaces a, .itx-shell .vx-workspaces .future {
  color: #657687;
  text-align: center;
  background: #0e141d;
  border: 1px solid #6f8eb20f;
  border-radius: 6px;
  place-items: center;
  min-height: 25px;
  font-size: 5px;
  font-weight: 900;
  text-decoration: none;
  display: grid;
}

.itx-shell .vx-workspaces a:hover {
  color: #b7c4d2;
  border-color: #6f8eb226;
}

.itx-shell .vx-workspaces a.active {
  color: #9db1c9;
  background: #151f2b;
  border-color: #6f8eb23d;
  box-shadow: inset 2px 0 #6f8fb5;
}

.itx-nav-search {
  background: #0d1219;
  border: 1px solid #6f8eb214;
  border-radius: 8px;
  grid-template-columns: auto 1fr auto;
  align-items: center;
  gap: 6px;
  margin: 0 10px 5px;
  padding: 7px 8px;
  display: grid;
}

.itx-nav-search span {
  color: #6f8fb5;
}

.itx-nav-search input {
  color: #ced7e1;
  background: none;
  border: 0;
  outline: 0;
  min-width: 0;
  font-size: 7px;
}

.itx-nav-search input::placeholder {
  color: #52606d;
}

.itx-nav-search kbd {
  color: #5f6e7c;
  background: #111722;
  border: 1px solid #6f8eb214;
  border-radius: 4px;
  padding: 2px 4px;
  font-size: 5px;
}

.itx-nav {
  scrollbar-width: thin;
  scrollbar-color: #6f8eb21f transparent;
  flex: 1;
  min-height: 0;
  padding: 4px 9px 10px;
  overflow: auto;
}

.itx-nav-group {
  margin: 5px 0 11px;
}

.itx-nav-label {
  color: #526170;
  letter-spacing: 1.1px;
  text-transform: uppercase;
  padding: 3px 6px 5px;
  font-size: 6px;
  font-weight: 900;
  display: block;
}

.itx-nav a {
  color: #83909e;
  border: 1px solid #0000;
  border-radius: 8px;
  grid-template-columns: 28px 1fr auto;
  align-items: center;
  gap: 7px;
  margin: 2px 0;
  padding: 7px 8px;
  text-decoration: none;
  display: grid;
}

.itx-nav a > i {
  color: #708dad;
  background: #101722;
  border-radius: 7px;
  place-items: center;
  width: 27px;
  height: 27px;
  font-size: 10px;
  font-style: normal;
  display: grid;
}

.itx-nav a b, .itx-nav a small {
  display: block;
}

.itx-nav a b {
  font-size: 8px;
}

.itx-nav a small {
  color: #566472;
  margin-top: 1px;
  font-size: 6px;
}

.itx-nav a em {
  color: #4f5d6a;
  font-size: 9px;
  font-style: normal;
}

.itx-nav a:hover {
  color: #c5d0dc;
  background: #0f151e;
  border-color: #6f8eb214;
}

.itx-nav a.active {
  color: #d8e0e8;
  background: #131c27;
  border-color: #6f8eb229;
  box-shadow: inset 2px 0 #6f8fb5;
}

.itx-nav a.active > i {
  color: #9bb0c8;
  background: #192433;
}

.itx-nav a.active small {
  color: #677b90;
}

.itx-user {
  background: #080b10;
  border-top: 1px solid #6f8eb214;
  grid-template-columns: 34px 1fr auto;
  align-items: center;
  gap: 8px;
  padding: 9px;
  display: grid;
}

.itx-avatar {
  color: #88a0bb;
  background: #111822;
  border: 1px solid #6f8eb221;
  border-radius: 9px;
  place-items: center;
  width: 32px;
  height: 32px;
  font-size: 8px;
  font-weight: 900;
  display: grid;
}

.itx-user b, .itx-user small {
  display: block;
}

.itx-user b {
  font-size: 8px;
}

.itx-user small {
  color: #5d6a78;
  font-size: 6px;
}

.itx-user > button {
  color: #708092;
  cursor: pointer;
  background: #0f151d;
  border: 1px solid #6f8eb217;
  border-radius: 8px;
  width: 29px;
  height: 29px;
}

.itx-main {
  background: #090c12;
  min-width: 0;
}

.itx-topbar {
  z-index: 15;
  -webkit-backdrop-filter: blur(14px);
  backdrop-filter: blur(14px);
  background: #090c12f0;
  border-bottom: 1px solid #6f8eb217;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  padding: 10px 15px;
  display: flex;
  position: sticky;
  top: 0;
}

.itx-topbar > div:first-child {
  align-items: center;
  gap: 8px;
  display: flex;
}

.itx-topbar span {
  color: #667787;
  letter-spacing: .7px;
  font-size: 6px;
}

.itx-topbar strong {
  font-size: 9px;
}

.itx-mobile {
  border: 1px solid var(--it-line);
  color: #8fa2b7;
  background: #111722;
  border-radius: 7px;
  display: none;
}

.itx-top-status {
  align-items: center;
  gap: 13px;
  display: flex;
}

.itx-top-status span {
  color: #667f99;
}

.itx-top-status time {
  color: #5f6d7c;
  font-size: 7px;
}

.itx-content {
  padding: 13px;
}

.itx-page {
  gap: 9px;
  max-width: 1780px;
  margin: auto;
  display: grid;
}

.itx-hero, .itx-section-hero, .itx-site360-hero {
  border: 1px solid var(--it-line);
  background: linear-gradient(145deg, #111722, #0d1219);
  border-radius: 17px;
  position: relative;
  overflow: hidden;
}

.itx-hero {
  grid-template-columns: minmax(0, 1.25fr) 280px;
  align-items: center;
  min-height: 260px;
  padding: 30px;
  display: grid;
}

.itx-hero:before, .itx-section-hero:before {
  content: "";
  pointer-events: none;
  background-color: #0000;
  background-image: linear-gradient(#6f8eb206 1px, #0000 1px), linear-gradient(90deg, #6f8eb206 1px, #0000 1px);
  background-position: 0 0, 0 0;
  background-repeat: repeat, repeat;
  background-size: 34px 34px;
  background-attachment: scroll, scroll;
  background-origin: padding-box, padding-box;
  background-clip: border-box, border-box;
  position: absolute;
  inset: 0;
  -webkit-mask-image: linear-gradient(to right, #000, #0000 80%);
  mask-image: linear-gradient(to right, #000, #0000 80%);
}

.itx-hero > *, .itx-section-hero > *, .itx-site360-hero > * {
  z-index: 1;
  position: relative;
}

.itx-eyebrow {
  color: #7899bc;
  letter-spacing: 1.5px;
  font-size: 7px;
  font-weight: 950;
}

.itx-hero h1 {
  letter-spacing: -1.8px;
  max-width: 860px;
  margin: 9px 0 8px;
  font-size: clamp(30px, 3.4vw, 52px);
  line-height: .98;
}

.itx-hero p, .itx-section-hero p, .itx-site360-hero p {
  color: #7c8a98;
  max-width: 900px;
  margin: 0;
  font-size: 9px;
  line-height: 1.7;
}

.itx-pulse {
  align-items: center;
  gap: 9px;
  margin-top: 16px;
  display: flex;
}

.itx-pulse span {
  color: #708d83;
  letter-spacing: 1px;
  font-size: 6px;
}

.itx-pulse b {
  border-left: 1px solid var(--it-line);
  padding-left: 9px;
  font-size: 7px;
}

.itx-score {
  background: #101720;
  border: 1px solid #6f8eb22e;
  border-radius: 50%;
  place-items: center;
  width: 190px;
  height: 190px;
  margin: auto;
  display: grid;
}

.itx-score i {
  color: #6e7d8d;
  letter-spacing: 1px;
  font-size: 6px;
  font-style: normal;
}

.itx-score strong {
  color: #9aafc6;
  font-size: 42px;
}

.itx-score > span {
  color: #637181;
  margin-top: -18px;
  font-size: 7px;
}

.itx-score > b {
  color: #7fa28f;
  background: #182520;
  border-radius: 99px;
  padding: 4px 7px;
  font-size: 6px;
}

.itx-score > b.attention, .itx-score > b.tension {
  color: #b39567;
  background: #292218;
}

.itx-score > b.critique {
  color: #c17a7d;
  background: #29191b;
}

.itx-section-hero, .itx-site360-hero {
  justify-content: space-between;
  align-items: flex-end;
  gap: 15px;
  padding: 18px 20px;
  display: flex;
}

.itx-section-hero h1, .itx-site360-hero h1 {
  margin: 5px 0;
  font-size: 27px;
}

.itx-site360-hero > div:last-child {
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 5px;
  display: flex;
}

.itx-kpis, .itx-mini-kpis {
  gap: 6px;
  display: grid;
}

.itx-kpis {
  grid-template-columns: repeat(6, 1fr);
}

.itx-mini-kpis {
  grid-template-columns: repeat(5, 1fr);
}

.itx-kpis > div, .itx-mini-kpis > div {
  background: #0e131b;
  border: 1px solid #6f8eb217;
  border-radius: 11px;
  padding: 11px;
}

.itx-kpis span, .itx-mini-kpis span, .itx-profile span {
  color: #647484;
  font-size: 6px;
  font-weight: 900;
  display: block;
}

.itx-kpis strong, .itx-mini-kpis strong {
  color: #a9b9cb;
  margin: 5px 0 2px;
  font-size: 18px;
  display: block;
}

.itx-kpis small {
  color: #5f6e7c;
  font-size: 6px;
}

.itx-signal {
  background: #10161f;
  border: 1px solid #6f8eb221;
  border-radius: 13px;
  grid-template-columns: 45px 1fr auto;
  align-items: center;
  gap: 10px;
  padding: 11px;
  display: grid;
}

.itx-signal-mark {
  color: #80a18f;
  background: #17231f;
  border-radius: 10px;
  place-items: center;
  width: 42px;
  height: 42px;
  font-weight: 950;
  display: grid;
}

.itx-signal-mark.high, .itx-signal-mark.critical {
  color: #c27c80;
  background: #29191b;
}

.itx-signal-mark.medium {
  color: #b39567;
  background: #29231a;
}

.itx-signal > div:nth-child(2) > span {
  color: #7899ba;
  letter-spacing: 1px;
  font-size: 6px;
  font-weight: 900;
}

.itx-signal h2 {
  margin: 3px 0;
  font-size: 11px;
}

.itx-signal p {
  color: #71808e;
  margin: 0;
  font-size: 7px;
}

.itx-signal > a {
  color: #c6d2df;
  background: #243448;
  border-radius: 8px;
  padding: 8px 10px;
  font-size: 7px;
  font-weight: 900;
  text-decoration: none;
}

.itx-grid {
  gap: 7px;
  display: grid;
}

.itx-grid.two {
  grid-template-columns: 1fr 1fr;
}

.itx-panel, .itx-form-panel {
  background: #0e131b;
  border: 1px solid #6f8eb217;
  border-radius: 13px;
  padding: 12px;
}

.itx-panel-head {
  justify-content: space-between;
  align-items: flex-end;
  gap: 8px;
  margin-bottom: 8px;
  display: flex;
}

.itx-panel-head span {
  color: #6f8eae;
  letter-spacing: 1px;
  font-size: 6px;
  font-weight: 900;
}

.itx-panel-head h2 {
  margin: 3px 0 0;
  font-size: 13px;
}

.itx-panel-head a, .itx-panel-head button {
  color: #819ab6;
  background: none;
  border: 0;
  font-size: 7px;
  text-decoration: none;
}

.itx-list {
  gap: 4px;
  display: grid;
}

.itx-row {
  color: inherit;
  background: #0c1118;
  border: 1px solid #6f8eb20e;
  border-radius: 8px;
  grid-template-columns: 30px 1fr auto;
  align-items: center;
  gap: 8px;
  padding: 8px;
  text-decoration: none;
  display: grid;
}

.itx-row:hover {
  background: #101721;
  border-color: #6f8eb221;
}

.itx-row > i {
  color: #7d98b7;
  background: #151e2a;
  border-radius: 7px;
  place-items: center;
  width: 28px;
  height: 28px;
  font-style: normal;
  display: grid;
}

.itx-row > i.warning, .itx-row > i.high, .itx-row > i.critical {
  color: #c17d80;
  background: #28191b;
}

.itx-row > i.good {
  color: #7da18f;
  background: #15211d;
}

.itx-row b, .itx-row small {
  display: block;
}

.itx-row b {
  font-size: 8px;
}

.itx-row small {
  color: #5e6d7a;
  margin-top: 2px;
  font-size: 6px;
}

.itx-row > span {
  color: #718191;
  text-align: right;
  font-size: 6px;
}

.itx-empty, .itx-loading {
  color: #657484;
  text-align: center;
  background: #0c1118;
  border: 1px dashed #6f8eb21f;
  border-radius: 10px;
  padding: 24px;
  font-size: 8px;
}

.itx-error, .itx-toast {
  border-radius: 8px;
  padding: 8px 10px;
  font-size: 7px;
}

.itx-error {
  color: #c98a8e;
  background: #211518;
  border: 1px solid #b96b702e;
}

.itx-toast {
  color: #8fb09f;
  background: #13201b;
  border: 1px solid #6e988526;
}

.itx-priority-grid, .itx-quick, .itx-card-grid, .itx-project-grid, .itx-equipment-grid, .itx-maint-grid, .itx-stock-grid, .itx-tech-grid, .itx-doc-grid {
  gap: 6px;
  display: grid;
}

.itx-priority-grid {
  grid-template-columns: repeat(3, 1fr);
}

.itx-priority {
  color: inherit;
  background: #0e131b;
  border: 1px solid #6f8eb214;
  border-radius: 10px;
  padding: 10px;
  text-decoration: none;
}

.itx-priority span {
  color: #6d7e8f;
  font-size: 6px;
  font-weight: 900;
}

.itx-priority h3 {
  margin: 5px 0 3px;
  font-size: 9px;
}

.itx-priority p {
  color: #657483;
  margin: 0;
  font-size: 6px;
}

.itx-priority > b {
  color: #829ab5;
  margin-top: 7px;
  font-size: 6px;
  display: block;
}

.itx-priority.high, .itx-priority.critical {
  border-color: #b96b7029;
}

.itx-priority.high span, .itx-priority.critical span {
  color: #bf7d80;
}

.itx-priority.medium {
  border-color: #aa8b5c24;
}

.itx-priority.medium span {
  color: #ac9169;
}

.itx-quick {
  grid-template-columns: repeat(4, 1fr);
}

.itx-quick > a {
  color: inherit;
  background: #0e131b;
  border: 1px solid #6f8eb214;
  border-radius: 10px;
  grid-template-rows: auto auto;
  grid-template-columns: 34px 1fr;
  gap: 1px 8px;
  padding: 10px;
  text-decoration: none;
  display: grid;
}

.itx-quick i {
  color: #809bb9;
  background: #16202c;
  border-radius: 8px;
  grid-row: 1 / 3;
  place-items: center;
  width: 32px;
  height: 32px;
  font-style: normal;
  display: grid;
}

.itx-quick b {
  font-size: 8px;
}

.itx-quick span {
  color: #5d6b79;
  font-size: 6px;
}

.itx-badge {
  color: #74879a;
  background: #141b25;
  border: 1px solid #6f8eb21c;
  border-radius: 5px;
  margin-right: 4px;
  padding: 3px 5px;
  font-size: 5px;
  font-weight: 900;
  display: inline-flex;
}

.itx-badge.active, .itx-badge.completed, .itx-badge.resolved, .itx-badge.stable {
  color: #82a492;
  background: #15231e;
  border-color: #6e98852b;
}

.itx-badge.in_progress, .itx-badge.scheduled, .itx-badge.commissioning, .itx-badge.submitted, .itx-badge.accepted {
  color: #8ca6c2;
  background: #172231;
  border-color: #6f8eb22e;
}

.itx-badge.high, .itx-badge.critical, .itx-badge.offline, .itx-badge.cancelled, .itx-badge.rejected {
  color: #c17d81;
  background: #28191c;
  border-color: #b96b702e;
}

.itx-badge.degraded, .itx-badge.warning, .itx-badge.waiting_parts, .itx-badge.important {
  color: #b0966d;
  background: #282219;
  border-color: #aa8b5c2b;
}

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

.itx-site-card, .itx-project, .itx-equipment, .itx-maint, .itx-stock, .itx-tech, .itx-doc, .itx-handoff, .itx-access-list > article {
  color: inherit;
  background: #0e131b;
  border: 1px solid #6f8eb216;
  border-radius: 11px;
  padding: 11px;
  text-decoration: none;
}

.itx-site-card:hover, .itx-doc:hover {
  border-color: #6f8eb22b;
}

.itx-site-card h3, .itx-project h3, .itx-equipment h3, .itx-stock h3, .itx-tech h3, .itx-doc h3, .itx-handoff h3 {
  margin: 7px 0 3px;
  font-size: 10px;
}

.itx-site-card p, .itx-project p, .itx-equipment p, .itx-stock p, .itx-tech p, .itx-doc p, .itx-handoff p {
  color: #637281;
  margin: 0;
  font-size: 6px;
}

.itx-site-stats, .itx-specs {
  grid-template-columns: 1fr 1fr;
  gap: 3px;
  margin-top: 9px;
  display: grid;
}

.itx-site-stats span, .itx-specs span {
  color: #657584;
  background: #111923;
  border-radius: 6px;
  padding: 5px;
  font-size: 6px;
}

.itx-site-stats b {
  color: #91a8c0;
}

.itx-profile {
  gap: 6px;
  display: grid;
}

.itx-profile > div {
  border-bottom: 1px solid #6f8eb20d;
  padding: 7px;
}

.itx-profile b {
  word-break: break-word;
  margin-top: 3px;
  font-size: 8px;
  display: block;
}

.itx-profile.compact {
  grid-template-columns: 1fr 1fr;
}

.itx-profile.compact > div {
  padding: 5px;
}

.itx-project-grid, .itx-equipment-grid, .itx-stock-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

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

.itx-project, .itx-equipment, .itx-stock {
  gap: 8px;
  display: grid;
}

.itx-project.offline, .itx-equipment.offline {
  border-color: #b96b702e;
}

.itx-maint {
  grid-template-columns: 1fr auto auto;
  align-items: center;
  gap: 10px;
  display: grid;
}

.itx-maint > div:nth-child(2) {
  text-align: right;
}

.itx-maint > div:nth-child(2) > span, .itx-maint > div:nth-child(2) > small {
  color: #637281;
  font-size: 6px;
  display: block;
}

.itx-maint > div:nth-child(2) > strong {
  margin: 3px 0;
  font-size: 11px;
  display: block;
}

.itx-maint.overdue {
  border-color: #b96b702b;
}

.itx-stock {
  grid-template-columns: 1fr auto;
  align-items: center;
}

.itx-stock.low {
  border-color: #aa8b5c2e;
}

.itx-stock-value {
  text-align: right;
}

.itx-stock-value strong, .itx-stock-value span {
  display: block;
}

.itx-stock-value strong {
  color: #9bb0c7;
  font-size: 19px;
}

.itx-stock-value span {
  color: #61707f;
  font-size: 6px;
}

.itx-actions {
  flex-wrap: wrap;
  gap: 4px;
  display: flex;
}

.itx-btn {
  color: #9aabbc;
  cursor: pointer;
  background: #141b25;
  border: 1px solid #6f8eb221;
  border-radius: 7px;
  min-height: 29px;
  padding: 6px 9px;
  font-size: 7px;
}

.itx-btn:hover {
  color: #d2dbe4;
  background: #18222e;
  border-color: #6f8eb238;
}

.itx-btn.primary {
  color: #d1dce8;
  background: #26394d;
  border-color: #405a76;
}

.itx-btn.danger {
  color: #c38a8e;
  background: #211518;
  border-color: #b96b702e;
}

.itx-btn:disabled {
  opacity: .55;
  cursor: not-allowed;
}

.itx-form {
  gap: 8px;
  display: grid;
}

.itx-form-grid {
  grid-template-columns: repeat(4, 1fr);
  gap: 6px;
  display: grid;
}

.itx-form label {
  color: #6b7b8b;
  gap: 4px;
  font-size: 7px;
  display: grid;
}

.itx-form input, .itx-form select, .itx-form textarea {
  color: #ced8e2;
  width: 100%;
  min-height: 34px;
  font: inherit;
  background: #0b1017;
  border: 1px solid #6f8eb21f;
  border-radius: 7px;
  outline: 0;
  padding: 7px 8px;
}

.itx-form textarea {
  resize: vertical;
  min-height: 75px;
}

.itx-form input:focus, .itx-form select:focus, .itx-form textarea:focus {
  border-color: #6f8eb247;
  box-shadow: 0 0 0 2px #6f8eb20a;
}

.itx-checkboxes {
  flex-wrap: wrap;
  gap: 5px;
  display: flex;
}

.itx-checkboxes label {
  background: #0d131b;
  border: 1px solid #6f8eb214;
  border-radius: 7px;
  align-items: center;
  gap: 4px;
  padding: 6px 8px;
  display: flex;
}

.itx-checkboxes input {
  width: auto;
  min-height: 0;
}

.itx-interventions, .itx-handoffs, .itx-access-list {
  gap: 6px;
  display: grid;
}

.itx-intervention {
  background: #0e131b;
  border: 1px solid #6f8eb214;
  border-radius: 10px;
  grid-template-columns: 145px 1fr auto;
  align-items: center;
  gap: 10px;
  padding: 10px;
  display: grid;
}

.itx-intervention.critical, .itx-intervention.high {
  border-left: 2px solid #9c5d62;
}

.itx-intervention-time strong, .itx-intervention-time span {
  display: block;
}

.itx-intervention-time strong {
  font-size: 8px;
}

.itx-intervention-time span {
  color: #637180;
  margin-top: 3px;
  font-size: 6px;
}

.itx-intervention h3 {
  margin: 5px 0 2px;
  font-size: 9px;
}

.itx-intervention p {
  color: #627180;
  margin: 0;
  font-size: 6px;
}

.itx-tech-grid {
  grid-template-columns: repeat(3, 1fr);
}

.itx-tech {
  grid-template-columns: 38px 1fr;
  align-items: start;
  gap: 9px;
  display: grid;
}

.itx-tags {
  flex-wrap: wrap;
  gap: 3px;
  margin-top: 6px;
  display: flex;
}

.itx-tags span, .itx-tags em {
  color: #6f8295;
  background: #151e29;
  border-radius: 5px;
  padding: 3px 5px;
  font-size: 5px;
  font-style: normal;
}

.itx-tags button {
  color: #8192a4;
  cursor: pointer;
  background: none;
  border: 0;
  margin-left: 4px;
}

.itx-doc-grid {
  grid-template-columns: repeat(3, 1fr);
}

.itx-doc {
  grid-template-columns: 36px 1fr auto;
  align-items: center;
  gap: 8px;
  display: grid;
}

.itx-doc > i {
  color: #819bb8;
  background: #16202c;
  border-radius: 8px;
  place-items: center;
  width: 34px;
  height: 34px;
  font-style: normal;
  display: grid;
}

.itx-doc > div > span {
  color: #6b8299;
  font-size: 5px;
  font-weight: 900;
}

.itx-doc > b {
  color: #617080;
  font-size: 6px;
}

.itx-handoff {
  gap: 9px;
  display: grid;
}

.itx-handoff-grid {
  grid-template-columns: repeat(3, 1fr);
  gap: 5px;
  display: grid;
}

.itx-handoff-grid > div {
  background: #0c1118;
  border: 1px solid #6f8eb20e;
  border-radius: 7px;
  padding: 7px;
}

.itx-handoff-grid span, .itx-handoff-grid b {
  display: block;
}

.itx-handoff-grid span {
  color: #617181;
  font-size: 5px;
}

.itx-handoff-grid b {
  margin-top: 3px;
  font-size: 7px;
}

.itx-note {
  color: #718496;
  background: #121a24;
  border-radius: 7px;
  padding: 7px;
  font-size: 7px;
}

.itx-access-list > article {
  grid-template-columns: 38px 1fr;
  align-items: start;
  gap: 9px;
  display: grid;
}

.itx-access-list b, .itx-access-list small {
  display: block;
}

.itx-access-list b {
  font-size: 9px;
}

.itx-access-list small {
  color: #617080;
  margin-top: 2px;
  font-size: 6px;
}

@media (max-width: 1300px) {
  .itx-kpis, .itx-card-grid {
    grid-template-columns: repeat(3, 1fr);
  }

  .itx-project-grid, .itx-equipment-grid, .itx-stock-grid, .itx-tech-grid, .itx-doc-grid {
    grid-template-columns: 1fr 1fr;
  }
}

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

  .itx-sidebar {
    width: min(310px, 88vw);
    transition: all .18s;
    position: fixed;
    top: 0;
    left: 0;
    transform: translateX(-105%);
    box-shadow: 20px 0 60px #00000080;
  }

  .itx-sidebar.mobile-open {
    transform: none;
  }

  .itx-brand > button, .itx-mobile {
    display: block;
  }

  .itx-backdrop {
    z-index: 19;
    background: #000000a3;
    border: 0;
    position: fixed;
    inset: 0;
  }

  .itx-content {
    padding: 9px;
  }

  .itx-hero {
    grid-template-columns: 1fr;
    padding: 20px;
  }

  .itx-score {
    width: 150px;
    height: 150px;
    margin-top: 14px;
  }

  .itx-grid.two, .itx-priority-grid, .itx-card-grid, .itx-project-grid, .itx-equipment-grid, .itx-stock-grid, .itx-tech-grid, .itx-doc-grid, .itx-maint-grid {
    grid-template-columns: 1fr;
  }

  .itx-form-grid {
    grid-template-columns: 1fr 1fr;
  }

  .itx-intervention, .itx-maint {
    grid-template-columns: 1fr;
  }

  .itx-maint > div:nth-child(2) {
    text-align: left;
  }
}

@media (max-width: 600px) {
  .itx-kpis, .itx-mini-kpis, .itx-quick, .itx-form-grid, .itx-handoff-grid, .itx-profile.compact {
    grid-template-columns: 1fr;
  }

  .itx-top-status span {
    display: none;
  }

  .itx-section-hero, .itx-site360-hero {
    display: block;
  }

  .itx-site360-hero > div:last-child {
    justify-content: flex-start;
    margin-top: 8px;
  }

  .itx-hero h1 {
    font-size: 31px;
  }
}

.itx-doc-grid button.itx-doc {
  width: 100%;
  font: inherit;
  text-align: left;
  cursor: pointer;
  appearance: none;
}

.itx-doc-grid button.itx-doc:disabled {
  opacity: .6;
  cursor: wait;
}

.one-page {
  color: #f1e7e4;
  background: radial-gradient(circle at 82% 0, #8a19140e, #0000 28%), #070303;
  min-height: 100vh;
  padding: 18px;
}

.one-hero, .one-client-hero, .one-search-hero {
  background: linear-gradient(145deg, #100505, #080303);
  border: 1px solid #d5443424;
  border-radius: 18px;
  padding: 24px;
  box-shadow: 0 20px 55px #00000038;
}

.one-hero, .one-client-hero {
  justify-content: space-between;
  align-items: flex-end;
  gap: 18px;
  display: flex;
}

.one-hero > div > span, .one-client-hero > div > span, .one-search-hero > span, .one-panel > header span {
  color: #c85e52;
  letter-spacing: 1.25px;
  font-size: 7px;
  font-weight: 950;
}

.one-hero h1, .one-client-hero h1, .one-search-hero h1 {
  letter-spacing: -1.7px;
  margin: 6px 0 5px;
  font-size: clamp(28px, 3.4vw, 48px);
}

.one-hero p, .one-client-hero p {
  color: #8e6d68;
  max-width: 820px;
  margin: 0;
  font-size: 9px;
  line-height: 1.7;
}

.one-actions {
  flex-wrap: wrap;
  gap: 6px;
  display: flex;
}

.one-btn, .one-search-hero button {
  color: #c9a5a0;
  cursor: pointer;
  background: #120606;
  border: 1px solid #db4e3b26;
  border-radius: 9px;
  justify-content: center;
  align-items: center;
  min-height: 35px;
  padding: 8px 11px;
  font-size: 8px;
  font-weight: 900;
  text-decoration: none;
  display: inline-flex;
}

.one-btn.primary, .one-search-hero button {
  color: #fff1ed;
  background: #8f2c24;
  border-color: #a83b31;
}

.one-kpis {
  grid-template-columns: repeat(5, 1fr);
  gap: 7px;
  margin: 9px 0;
  display: grid;
}

.one-kpis > div {
  background: #0c0505;
  border: 1px solid #d5443417;
  border-radius: 12px;
  padding: 13px;
}

.one-kpis span, .one-kpis strong, .one-kpis small {
  display: block;
}

.one-kpis span {
  color: #8f514a;
  font-size: 6px;
  font-weight: 950;
}

.one-kpis strong {
  margin: 5px 0;
  font-size: 21px;
}

.one-kpis small {
  color: #705954;
  font-size: 6px;
}

.one-grid {
  grid-template-columns: 1.35fr .65fr;
  gap: 8px;
  margin-top: 8px;
  display: grid;
}

.one-panel {
  background: linear-gradient(145deg, #0d0505, #080303);
  border: 1px solid #d5443417;
  border-radius: 14px;
  padding: 14px;
}

.one-panel > header {
  margin-bottom: 9px;
}

.one-panel h2 {
  margin: 3px 0 0;
  font-size: 14px;
}

.one-signals, .one-runs, .one-search-results {
  gap: 5px;
  display: grid;
}

.one-signals > a, .one-search-results > a {
  color: inherit;
  background: #090404;
  border: 1px solid #ffffff09;
  border-radius: 9px;
  grid-template-columns: 58px 1fr auto;
  align-items: center;
  gap: 8px;
  padding: 10px;
  text-decoration: none;
  display: grid;
}

.one-signals > a.high, .one-signals > a.critical {
  border-color: #c4372b29;
}

.one-signals i, .one-search-results i {
  color: #c36559;
  font-size: 6px;
  font-style: normal;
  font-weight: 950;
}

.one-signals b, .one-signals small, .one-search-results b, .one-search-results span {
  display: block;
}

.one-signals b, .one-search-results b {
  font-size: 8px;
}

.one-signals small, .one-search-results span {
  color: #745a55;
  margin-top: 2px;
  font-size: 6px;
}

.one-signals em, .one-search-results em {
  color: #8d5d56;
  font-style: normal;
}

.one-runs > div {
  border-bottom: 1px solid #ffffff08;
  grid-template-columns: 70px 1fr;
  gap: 5px;
  padding: 8px;
  display: grid;
}

.one-runs b {
  color: #c46a5e;
  font-size: 7px;
}

.one-runs span {
  font-size: 7px;
}

.one-runs small {
  color: #6c5651;
  word-break: break-word;
  grid-column: 2;
  font-size: 5px;
}

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

.one-sites > a {
  min-height: 98px;
  color: inherit;
  background: #090404;
  border: 1px solid #d5443414;
  border-radius: 11px;
  justify-content: space-between;
  gap: 8px;
  padding: 11px;
  text-decoration: none;
  display: flex;
}

.one-sites b {
  color: #a6665f;
  font-size: 6px;
}

.one-sites h3 {
  margin: 5px 0;
  font-size: 10px;
}

.one-sites small {
  color: #6d5753;
  font-size: 6px;
}

.one-tags {
  flex-wrap: wrap;
  place-content: flex-start flex-end;
  gap: 3px;
  display: flex;
}

.one-tags span {
  border-radius: 5px;
  height: max-content;
  padding: 3px 5px;
  font-size: 5px;
  font-weight: 950;
}

.one-tags .guard {
  color: #82aeba;
  background: #4a8ca11a;
}

.one-tags .clean {
  color: #88ad9b;
  background: #5884701a;
}

.one-tags .it {
  color: #91a9c7;
  background: #6f8fb51a;
}

.one-search-hero form {
  grid-template-columns: 1fr auto;
  gap: 7px;
  margin-top: 13px;
  display: grid;
}

.one-search-hero input {
  color: #eee2df;
  background: #080303;
  border: 1px solid #d5443421;
  border-radius: 10px;
  outline: 0;
  min-height: 44px;
  padding: 0 13px;
}

.one-search-results {
  margin-top: 9px;
}

.one-search-results > a {
  grid-template-columns: 80px 1fr auto;
}

.one-search-results i.guard {
  color: #82aeba;
}

.one-search-results i.clean {
  color: #88ad9b;
}

.one-search-results i.it {
  color: #91a9c7;
}

.one-search-results i.commercial {
  color: #c7aa50;
}

.one-branch-grid {
  grid-template-columns: repeat(3, 1fr);
  gap: 8px;
  margin: 9px 0;
  display: grid;
}

.one-branch-grid article {
  background: #0a0505;
  border: 1px solid #ffffff0d;
  border-radius: 13px;
  padding: 14px;
}

.one-branch-grid article > span, .one-branch-grid article > strong, .one-branch-grid article > small {
  display: block;
}

.one-branch-grid article > span {
  font-size: 7px;
  font-weight: 950;
}

.one-branch-grid article > strong {
  margin: 7px 0 2px;
  font-size: 25px;
}

.one-branch-grid article > small {
  color: #6b5a56;
  margin-bottom: 7px;
  font-size: 6px;
}

.one-branch-grid article > a {
  color: #bca7a2;
  border-top: 1px solid #ffffff09;
  justify-content: space-between;
  gap: 7px;
  padding: 7px 0;
  font-size: 7px;
  text-decoration: none;
  display: flex;
}

.one-branch-grid article > a em {
  color: #6f5d59;
  font-style: normal;
}

.one-branch-grid .guard {
  border-color: #4a8ca121;
}

.one-branch-grid .clean {
  border-color: #58847021;
}

.one-branch-grid .it {
  border-color: #6f8fb521;
}

.one-line {
  border-bottom: 1px solid #ffffff08;
  gap: 2px;
  padding: 8px 0;
  display: grid;
}

.one-line b {
  font-size: 8px;
}

.one-line span {
  color: #715a56;
  font-size: 6px;
}

@media (max-width: 1050px) {
  .one-kpis {
    grid-template-columns: repeat(3, 1fr);
  }

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

  .one-sites {
    grid-template-columns: 1fr 1fr;
  }
}

@media (max-width: 700px) {
  .one-page {
    padding: 9px;
  }

  .one-hero, .one-client-hero {
    display: block;
  }

  .one-actions {
    margin-top: 12px;
  }

  .one-kpis, .one-sites, .one-branch-grid, .one-search-hero form {
    grid-template-columns: 1fr;
  }
}

.clp2-capacity {
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 7px;
  display: grid;
}

.clp2-capacity article {
  background: #0b100e;
  border: 1px solid #6896811a;
  border-radius: 10px;
  grid-template-columns: 1fr auto;
  gap: 6px;
  padding: 11px;
  display: grid;
}

.clp2-capacity article.over {
  border-color: #b569542e;
}

.clp2-capacity b, .clp2-capacity span, .clp2-capacity small {
  display: block;
}

.clp2-capacity b {
  font-size: 9px;
}

.clp2-capacity span, .clp2-capacity small {
  color: #74887f;
  font-size: 6px;
}

.clp2-capacity strong {
  color: #91ad9f;
  font-size: 15px;
}

.clp2-bar {
  background: #141c18;
  border-radius: 99px;
  grid-column: 1 / -1;
  height: 5px;
  overflow: hidden;
}

.clp2-bar i {
  background: #648c79;
  height: 100%;
  display: block;
}

.clp2-plan-actions {
  gap: 6px;
  margin-top: 8px;
  display: flex;
}

.clf-date {
  color: #87a397;
  text-transform: capitalize;
  font-size: 9px;
}

.clf-timeline {
  gap: 7px;
  margin-top: 9px;
  display: grid;
}

.clf-job {
  width: 100%;
  color: inherit;
  text-align: left;
  cursor: pointer;
  background: #0b100e;
  border: 1px solid #67917e1a;
  border-radius: 12px;
  grid-template-columns: 90px 1fr 90px;
  align-items: center;
  gap: 12px;
  padding: 13px;
  display: grid;
}

.clf-job:hover {
  border-color: #67917e33;
}

.clf-time b, .clf-time span {
  display: block;
}

.clf-time b {
  font-size: 18px;
}

.clf-time span {
  color: #6e8278;
  font-size: 7px;
}

.clf-job h3 {
  margin: 5px 0 2px;
  font-size: 11px;
}

.clf-job p, .clf-job small {
  color: #75877f;
  margin: 0;
  font-size: 7px;
  display: block;
}

.clf-progress {
  text-align: right;
}

.clf-progress strong, .clf-progress span, .clf-progress small {
  display: block;
}

.clf-progress strong {
  font-size: 15px;
}

.clf-progress span, .clf-progress small {
  color: #6f8278;
  font-size: 6px;
}

.clf-modal-backdrop {
  z-index: 3000;
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  background: #000000b8;
  place-items: center;
  padding: 15px;
  display: grid;
  position: fixed;
  inset: 0;
}

.clf-modal {
  background: #0b100e;
  border: 1px solid #67917e2e;
  border-radius: 16px;
  width: min(720px, 100%);
  max-height: 90vh;
  padding: 16px;
  overflow: auto;
  box-shadow: 0 30px 90px #0000008c;
}

.clf-modal > header {
  justify-content: space-between;
  gap: 10px;
  display: flex;
}

.clf-modal > header h2 {
  margin: 4px 0;
}

.clf-modal > header p {
  color: #74877d;
  margin: 0;
}

.clf-modal > header > button {
  color: #a5bbb1;
  background: #101713;
  border: 1px solid #67917e21;
  border-radius: 8px;
  width: 34px;
  height: 34px;
}

.clf-site {
  background: #0e1511;
  border: 1px solid #67917e14;
  border-radius: 9px;
  gap: 3px;
  margin: 12px 0;
  padding: 10px;
  display: grid;
}

.clf-site span, .clf-site small {
  color: #71867b;
  font-size: 7px;
}

.clf-checklist {
  gap: 5px;
  display: grid;
}

.clf-checklist h3 {
  margin: 3px 0;
}

.clf-checklist label {
  background: #0d130f;
  border: 1px solid #ffffff09;
  border-radius: 8px;
  grid-template-columns: 24px 1fr;
  align-items: center;
  gap: 8px;
  padding: 9px;
  display: grid;
}

.clf-checklist label.done {
  opacity: .62;
}

.clf-checklist label input {
  width: 17px;
  height: 17px;
}

.clf-checklist b, .clf-checklist small {
  display: block;
}

.clf-checklist b {
  font-size: 8px;
}

.clf-checklist small {
  color: #8ba99a;
  margin-top: 2px;
  font-size: 5px;
}

.clf-proof {
  border-top: 1px solid #67917e14;
  grid-template-columns: 1fr auto;
  gap: 5px;
  margin-top: 10px;
  padding: 10px;
  display: grid;
}

.clf-proof small {
  color: #71867b;
  grid-column: 1 / -1;
  font-size: 6px;
}

.clf-modal footer {
  justify-content: flex-end;
  margin-top: 10px;
  display: flex;
}

@media (max-width: 650px) {
  .clf-job {
    grid-template-columns: 70px 1fr;
  }

  .clf-progress {
    text-align: left;
    grid-column: 2;
  }
}

.itp-kpis {
  grid-template-columns: repeat(5, 1fr);
  gap: 6px;
  margin: 8px 0;
  display: grid;
}

.itp-kpis > div {
  background: #0d1219;
  border: 1px solid #6f8eb217;
  border-radius: 10px;
  padding: 11px;
}

.itp-kpis strong, .itp-kpis span {
  display: block;
}

.itp-kpis strong {
  font-size: 18px;
}

.itp-kpis span {
  color: #687887;
  font-size: 6px;
}

.itp-kpis .warn {
  border-color: #aa8b5c2e;
}

.itp-board {
  background: #0b1017;
  border: 1px solid #6f8eb21a;
  border-radius: 13px;
  overflow: auto;
}

.itp-board-head, .itp-tech-row {
  grid-template-columns: 190px repeat(7, minmax(155px, 1fr));
  min-width: 1275px;
  display: grid;
}

.itp-board-head > div {
  background: #101720;
  border-bottom: 1px solid #6f8eb214;
  border-right: 1px solid #6f8eb20e;
  padding: 9px;
}

.itp-board-head b, .itp-board-head span {
  display: block;
}

.itp-board-head b {
  font-size: 8px;
}

.itp-board-head span {
  color: #657585;
  font-size: 6px;
}

.itp-tech-cell {
  background: #0d131b;
  border-bottom: 1px solid #6f8eb20e;
  border-right: 1px solid #6f8eb20f;
  align-content: start;
  gap: 3px;
  padding: 10px;
  display: grid;
  position: relative;
  overflow: hidden;
}

.itp-tech-cell b {
  font-size: 8px;
}

.itp-tech-cell span, .itp-tech-cell small {
  color: #697987;
  font-size: 6px;
}

.itp-tech-cell > i {
  background: #6f8fb5;
  height: 2px;
  position: absolute;
  bottom: 0;
  left: 0;
}

.itp-day-cell {
  background: #0a0f15;
  border-bottom: 1px solid #6f8eb20d;
  border-right: 1px solid #6f8eb20b;
  min-height: 115px;
  padding: 5px;
}

.itp-job, .itp-block {
  background: #111923;
  border: 1px solid #6f8eb21a;
  border-radius: 7px;
  gap: 2px;
  margin-bottom: 4px;
  padding: 6px;
  display: grid;
  position: relative;
}

.itp-job span {
  color: #89a1ba;
  font-size: 6px;
  font-weight: 900;
}

.itp-job b {
  font-size: 7px;
}

.itp-job small {
  color: #667686;
  font-size: 5px;
}

.itp-job em {
  color: #66829e;
  font-size: 4px;
  font-style: normal;
  position: absolute;
  top: 4px;
  right: 4px;
}

.itp-job.critical {
  border-color: #b96b7038;
}

.itp-job.high {
  border-color: #aa8b5c2e;
}

.itp-block {
  color: #7f8992;
  background: #101419;
  border-style: dashed;
  font-size: 6px;
}

.itp-block small {
  color: #65717d;
}

.itp-unassigned {
  gap: 5px;
  display: grid;
}

.itp-unassigned article {
  border-bottom: 1px solid #ffffff09;
  grid-template-columns: 1fr auto;
  align-items: center;
  gap: 9px;
  padding: 9px;
  display: grid;
}

.itp-unassigned b, .itp-unassigned small {
  display: block;
}

.itp-unassigned b {
  margin-top: 4px;
  font-size: 8px;
}

.itp-unassigned small {
  color: #657585;
  font-size: 6px;
}

.itp-unassigned form {
  align-items: center;
  gap: 4px;
  display: flex;
}

.itp-unassigned select, .itp-unassigned input {
  color: #cbd5df;
  background: #0d141c;
  border: 1px solid #6f8eb21c;
  border-radius: 7px;
  min-height: 31px;
  padding: 4px;
  font-size: 7px;
}

.ittech-load {
  background: #151b22;
  border-radius: 99px;
  height: 4px;
  margin-top: 6px;
  overflow: hidden;
}

.ittech-load i {
  background: #718ca9;
  height: 100%;
  display: block;
}

.itproj-score {
  text-align: right;
}

.itproj-score strong, .itproj-score span {
  display: block;
}

.itproj-score strong {
  font-size: 28px;
}

.itproj-score span {
  color: #71808e;
  font-size: 6px;
}

.itproj-phases {
  grid-template-columns: repeat(4, 1fr);
  gap: 6px;
  display: grid;
}

.itproj-phases article {
  background: #0c1219;
  border: 1px solid #6f8eb214;
  border-radius: 9px;
  grid-template-columns: 28px 1fr;
  gap: 7px;
  padding: 9px;
  display: grid;
}

.itproj-phases article > span {
  color: #7590ac;
  background: #121a24;
  border-radius: 7px;
  place-items: center;
  width: 26px;
  height: 26px;
  font-size: 7px;
  display: grid;
}

.itproj-phases b, .itproj-phases small {
  display: block;
}

.itproj-phases b {
  font-size: 8px;
}

.itproj-phases small {
  color: #657482;
  font-size: 5px;
}

.itproj-phases article > div:last-child {
  grid-column: 1 / -1;
  gap: 4px;
  display: flex;
}

.itproj-phases button {
  color: #8fa3b7;
  background: #111923;
  border: 1px solid #6f8eb21a;
  border-radius: 6px;
  padding: 5px 7px;
  font-size: 6px;
}

.itproj-phases article.done {
  opacity: .58;
}

.itproj-materials {
  gap: 4px;
  margin-bottom: 10px;
  display: grid;
}

.itproj-materials > div, .itproj-list > div {
  border-bottom: 1px solid #ffffff08;
  grid-template-columns: 1fr auto auto auto;
  gap: 8px;
  padding: 7px;
  display: grid;
}

.itproj-materials b, .itproj-materials span, .itproj-materials small, .itproj-list b, .itproj-list span {
  font-size: 7px;
}

.itproj-materials span, .itproj-materials small, .itproj-list span {
  color: #687887;
}

.itproj-list h3 {
  margin: 10px 0 3px;
}

@media (max-width: 950px) {
  .itp-kpis, .itproj-phases {
    grid-template-columns: 1fr 1fr;
  }

  .itp-unassigned article {
    grid-template-columns: 1fr;
  }

  .itp-unassigned form {
    flex-wrap: wrap;
  }
}

@media (max-width: 620px) {
  .itproj-phases, .itp-kpis {
    grid-template-columns: 1fr;
  }
}

.clf-photo-actions {
  flex-wrap: wrap;
  grid-column: 1 / -1;
  gap: 6px;
  display: flex;
}

.clf-photo-actions label {
  cursor: pointer;
}

.itf-page {
  gap: 10px;
  display: grid;
}

.itf-live {
  color: #7794a1;
  letter-spacing: .8px;
  background: #0a1013;
  border: 1px solid #56849829;
  border-radius: 8px;
  align-self: flex-start;
  padding: 7px 9px;
  font-size: 7px;
  font-weight: 900;
}

.itf-live i {
  background: #638d83;
  border-radius: 50%;
  width: 6px;
  height: 6px;
  margin-right: 5px;
  display: inline-block;
}

.itf-kpis {
  grid-template-columns: repeat(4, 1fr);
  gap: 7px;
  display: grid;
}

.itf-kpis > div {
  background: #090e11;
  border: 1px solid #698e9d17;
  border-radius: 11px;
  padding: 12px;
}

.itf-kpis strong, .itf-kpis span {
  display: block;
}

.itf-kpis strong {
  color: #b6cbd3;
  font-size: 20px;
}

.itf-kpis span {
  color: #647982;
  margin-top: 3px;
  font-size: 7px;
}

.itf-layout {
  grid-template-columns: minmax(0, 1fr) minmax(340px, .72fr);
  gap: 8px;
  display: grid;
}

.itf-timeline {
  gap: 5px;
  display: grid;
}

.itf-stop {
  width: 100%;
  color: inherit;
  text-align: left;
  cursor: pointer;
  background: #080d10;
  border: 1px solid #678b9a14;
  border-radius: 10px;
  grid-template-columns: 55px minmax(0, 1fr) auto;
  align-items: center;
  gap: 10px;
  padding: 10px;
  display: grid;
}

.itf-stop:hover, .itf-stop.active {
  background: #0b1216;
  border-color: #74a0b138;
}

.itf-stop.high, .itf-stop.critical {
  box-shadow: inset 2px 0 #ac4f4494;
}

.itf-stop time {
  color: #8aa5b0;
  font-size: 10px;
  font-weight: 900;
}

.itf-stop span, .itf-stop b, .itf-stop small {
  display: block;
}

.itf-stop span {
  color: #607680;
  font-size: 6px;
}

.itf-stop b {
  margin: 3px 0;
  font-size: 9px;
}

.itf-stop small {
  color: #617078;
  font-size: 7px;
}

.itf-stop em {
  color: #718993;
  font-size: 6px;
  font-style: normal;
}

.itf-detail-grid {
  grid-template-columns: 1fr 1fr;
  gap: 6px;
  display: grid;
}

.itf-detail-grid > div {
  background: #080d10;
  border: 1px solid #698e9d12;
  border-radius: 9px;
  padding: 9px;
}

.itf-detail-grid span, .itf-detail-grid b, .itf-detail-grid small {
  display: block;
}

.itf-detail-grid span {
  color: #617680;
  font-size: 6px;
}

.itf-detail-grid b {
  margin-top: 3px;
  font-size: 8px;
}

.itf-detail-grid small {
  color: #58676e;
  margin-top: 2px;
  font-size: 6px;
}

.itf-brief {
  background: #080d10;
  border-left: 2px solid #6592a547;
  margin-top: 8px;
  padding: 10px;
}

.itf-brief span {
  color: #718b96;
  font-size: 6px;
  font-weight: 900;
}

.itf-brief p {
  color: #a3b1b6;
  white-space: pre-wrap;
  margin: 5px 0 0;
  font-size: 8px;
  line-height: 1.6;
}

.itf-actions {
  gap: 5px;
  margin-top: 8px;
  display: flex;
}

.itf-report {
  margin-top: 8px;
}

@media (max-width: 1000px) {
  .itf-layout {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 700px) {
  .itf-kpis, .itf-detail-grid {
    grid-template-columns: 1fr 1fr;
  }

  .itf-stop {
    grid-template-columns: 45px 1fr;
  }

  .itf-stop > em {
    grid-column: 2;
  }
}

@media (max-width: 480px) {
  .itf-kpis {
    grid-template-columns: 1fr 1fr;
  }
}

.shell-core .fortress-page {
  color: #eadfdb;
  background: linear-gradient(#0e030333, #0000 420px);
  min-height: 100vh;
  padding: 18px;
}

.shell-core .fortress-hero {
  background: linear-gradient(145deg, #0d0707, #070404);
  border: 1px solid #ff4e3c21;
  border-radius: 18px;
  justify-content: space-between;
  align-items: flex-end;
  gap: 24px;
  padding: 24px;
  display: flex;
  box-shadow: 0 22px 60px #0000003d;
}

.shell-core .fortress-hero > div > span, .shell-core .fortress-panel > header > span {
  color: #be6258;
  letter-spacing: 1.5px;
  font-size: 8px;
  font-weight: 950;
}

.shell-core .fortress-hero h1 {
  letter-spacing: -1.4px;
  margin: 7px 0 8px;
  font-size: clamp(27px, 3vw, 44px);
}

.shell-core .fortress-hero p {
  color: #886d68;
  max-width: 760px;
  margin: 0;
  font-size: 10px;
  line-height: 1.65;
}

.shell-core .fortress-run {
  color: #efb0a5;
  letter-spacing: .7px;
  cursor: pointer;
  background: #180807;
  border: 1px solid #ff544142;
  border-radius: 11px;
  min-width: 205px;
  padding: 12px 15px;
  font-size: 8px;
  font-weight: 950;
}

.shell-core .fortress-run:hover {
  background: #210a08;
  border-color: #ff5b466b;
}

.shell-core .fortress-run:disabled {
  opacity: .5;
  cursor: wait;
}

.shell-core .fortress-error {
  color: #d78b82;
  background: #140707;
  border: 1px solid #cc413940;
  border-radius: 10px;
  margin-top: 10px;
  padding: 11px;
  font-size: 9px;
}

.shell-core .fortress-score {
  background: #090505;
  border: 1px solid #ff503e1a;
  border-radius: 16px;
  grid-template-columns: 105px 1fr minmax(220px, .45fr);
  align-items: center;
  gap: 16px;
  margin-top: 10px;
  padding: 16px;
  display: grid;
}

.shell-core .fortress-score-orb {
  background: #0d0807;
  border: 1px solid #976f6633;
  border-radius: 50%;
  justify-content: center;
  align-items: baseline;
  width: 92px;
  height: 92px;
  padding-top: 26px;
  display: flex;
}

.shell-core .fortress-score-orb strong {
  font-size: 31px;
}

.shell-core .fortress-score-orb span {
  color: #765e59;
  font-size: 8px;
}

.shell-core .fortress-score-orb.green {
  color: #80b48e;
  border-color: #4f9a6b59;
}

.shell-core .fortress-score-orb.amber {
  color: #cc9a5c;
  border-color: #be823c5c;
}

.shell-core .fortress-score-orb.red {
  color: #df766b;
  border-color: #c643396b;
}

.shell-core .fortress-score > div:nth-child(2) > span {
  color: #a76259;
  letter-spacing: 1.2px;
  font-size: 7px;
  font-weight: 950;
}

.shell-core .fortress-score h2 {
  margin: 3px 0;
  font-size: 22px;
}

.shell-core .fortress-score p {
  color: #765f5b;
  margin: 0;
  font-size: 8px;
}

.shell-core .fortress-score-meta {
  border-left: 1px solid #ffffff0a;
  grid-template-columns: auto 1fr;
  gap: 5px 12px;
  padding-left: 15px;
  display: grid;
}

.shell-core .fortress-score-meta small {
  color: #654f4b;
  font-size: 6px;
}

.shell-core .fortress-score-meta b {
  text-align: right;
  font-size: 7px;
}

.shell-core .fortress-kpis {
  grid-template-columns: repeat(5, 1fr);
  gap: 7px;
  margin-top: 8px;
  display: grid;
}

.shell-core .fortress-kpis > div {
  background: #080505;
  border: 1px solid #ffffff0b;
  border-radius: 11px;
  padding: 12px;
}

.shell-core .fortress-kpis span, .shell-core .fortress-kpis strong, .shell-core .fortress-kpis small {
  display: block;
}

.shell-core .fortress-kpis span {
  color: #95554e;
  letter-spacing: .8px;
  font-size: 6px;
  font-weight: 950;
}

.shell-core .fortress-kpis strong {
  margin: 6px 0 2px;
  font-size: 17px;
}

.shell-core .fortress-kpis small {
  color: #66514d;
  font-size: 6px;
}

.shell-core .fortress-summary {
  flex-wrap: wrap;
  gap: 5px;
  margin: 9px 0;
  display: flex;
}

.shell-core .fortress-summary span {
  color: #75605b;
  background: #080505;
  border: 1px solid #ffffff0d;
  border-radius: 7px;
  padding: 5px 8px;
  font-size: 6px;
  font-weight: 950;
}

.shell-core .fortress-summary .pass {
  color: #76aa85;
  border-color: #4f9a6b2e;
}

.shell-core .fortress-summary .warn {
  color: #c3965c;
  border-color: #be823c2e;
}

.shell-core .fortress-summary .fail {
  color: #d66c62;
  border-color: #c6433938;
}

.shell-core .fortress-groups {
  grid-template-columns: 1fr 1fr;
  gap: 8px;
  display: grid;
}

.shell-core .fortress-panel {
  background: #080505;
  border: 1px solid #ff4c3b12;
  border-radius: 13px;
  padding: 13px;
}

.shell-core .fortress-panel > header {
  justify-content: space-between;
  align-items: end;
  margin-bottom: 8px;
  display: flex;
}

.shell-core .fortress-panel h2 {
  color: #b9aaa6;
  margin: 0;
  font-size: 11px;
}

.shell-core .fortress-checks {
  gap: 5px;
  display: grid;
}

.shell-core .fortress-check {
  background: #0a0606;
  border: 1px solid #ffffff09;
  border-radius: 9px;
  grid-template-columns: 72px 1fr;
  gap: 10px;
  padding: 9px;
  display: grid;
}

.shell-core .fortress-check.pass {
  border-left: 2px solid #527a5d;
}

.shell-core .fortress-check.warn {
  border-left: 2px solid #9d713e;
}

.shell-core .fortress-check.fail {
  border-left: 2px solid #a9443d;
}

.shell-core .fortress-check-status {
  align-content: start;
  gap: 4px;
  display: grid;
}

.shell-core .fortress-check-status b {
  font-size: 7px;
}

.shell-core .fortress-check-status em {
  color: #d96b61;
  font-size: 5px;
  font-style: normal;
  font-weight: 950;
}

.shell-core .fortress-check h3 {
  margin: 0 0 3px;
  font-size: 9px;
}

.shell-core .fortress-check p {
  color: #705a56;
  margin: 0;
  font-size: 7px;
  line-height: 1.45;
}

.shell-core .fortress-check small {
  color: #9c756e;
  margin-top: 5px;
  font-size: 6px;
  display: block;
}

.shell-core .fortress-empty {
  text-align: center;
  color: #81635e;
  border: 1px dashed #ff503e1f;
  border-radius: 12px;
  gap: 5px;
  margin-top: 9px;
  padding: 20px;
  display: grid;
}

.shell-core .fortress-empty b {
  color: #c8aaa4;
}

.shell-core .fortress-empty span {
  font-size: 8px;
}

.shell-core .fortress-slow {
  gap: 4px;
  display: grid;
}

.shell-core .fortress-slow > div {
  border-bottom: 1px solid #ffffff08;
  grid-template-columns: 70px 1fr auto;
  align-items: center;
  gap: 9px;
  padding: 7px;
  display: grid;
}

.shell-core .fortress-slow b {
  color: #c89667;
  font-size: 7px;
}

.shell-core .fortress-slow code {
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #866c67;
  font-size: 6px;
  overflow: hidden;
}

.shell-core .fortress-slow span {
  color: #594642;
  font-size: 6px;
}

.shell-core .fortress-none {
  font-size: 7px;
  color: #66514d !important;
}

.shell-core .fortress-note {
  color: #715954;
  border-left: 2px solid #c6524438;
  margin: 10px 0 22px;
  padding: 9px;
  font-size: 7px;
  line-height: 1.5;
}

@media (max-width: 1100px) {
  .shell-core .fortress-kpis {
    grid-template-columns: repeat(3, 1fr);
  }

  .shell-core .fortress-groups {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 720px) {
  .shell-core .fortress-page {
    padding: 10px;
  }

  .shell-core .fortress-hero {
    display: grid;
  }

  .shell-core .fortress-run {
    width: 100%;
  }

  .shell-core .fortress-score {
    grid-template-columns: 85px 1fr;
  }

  .shell-core .fortress-score-meta {
    border-top: 1px solid #ffffff0a;
    border-left: 0;
    grid-column: 1 / -1;
    padding: 10px 0 0;
  }

  .shell-core .fortress-kpis {
    grid-template-columns: 1fr 1fr;
  }

  .shell-core .fortress-check {
    grid-template-columns: 1fr;
  }

  .shell-core .fortress-slow > div {
    grid-template-columns: 60px 1fr;
  }

  .shell-core .fortress-slow span {
    display: none;
  }
}

.vx-future-shell {
  isolation: isolate;
  --vf-rgb: 148,164,177;
  --vf-accent: #94a4b1;
  --vf-soft: rgba(var(--vf-rgb),.07);
  --vf-line: rgba(var(--vf-rgb),.12);
  --vf-strong: rgba(var(--vf-rgb),.28);
  --vf-surface: #080a0d;
  --vf-text: #e8edf0;
  --vf-muted: #75818a;
  position: relative;
}

.shell-core.vx-future-shell {
  --vf-rgb: 255,79,59;
  --vf-accent: #ff5948;
  --vf-surface: #0b0303;
  --vf-text: #fff0ec;
  --vf-muted: #8e625c;
}

.shell-guard.vx-future-shell {
  --vf-rgb: 94,199,232;
  --vf-accent: #67d2f0;
  --vf-surface: #041017;
  --vf-text: #e4f6fa;
  --vf-muted: #668590;
}

.c83-shell.vx-future-shell {
  --vf-rgb: 216,180,72;
  --vf-accent: #ddb94f;
  --vf-surface: #080705;
  --vf-text: #f3ead9;
  --vf-muted: #7f7463;
}

.cln-shell.vx-future-shell {
  --vf-rgb: 92,159,139;
  --vf-accent: #6fae9b;
  --vf-surface: #070c0a;
  --vf-text: #e1ece8;
  --vf-muted: #6e817b;
}

.itx-shell.vx-future-shell {
  --vf-rgb: 105,142,178;
  --vf-accent: #7897bb;
  --vf-surface: #080c12;
  --vf-text: #e0e7ef;
  --vf-muted: #72808f;
}

.shell-admin.vx-future-shell {
  --vf-rgb: 145,156,168;
  --vf-accent: #a2afb9;
  --vf-surface: #080a0d;
  --vf-text: #ebeff2;
  --vf-muted: #77828b;
}

.vx-future-hud {
  z-index: 0;
  pointer-events: none;
  color: var(--vf-accent);
  opacity: .72;
  position: fixed;
  inset: 0;
  overflow: hidden;
}

.vx-future-grid {
  background-image: linear-gradient(rgba(var(--vf-rgb),.022) 1px,transparent 1px),linear-gradient(90deg,rgba(var(--vf-rgb),.022) 1px,transparent 1px);
  background-size: 42px 42px;
  position: absolute;
  inset: 0;
  -webkit-mask-image: radial-gradient(circle at 62% 38%, #000 0 24%, #0000009e 52%, #0000 88%);
  mask-image: radial-gradient(circle at 62% 38%, #000 0 24%, #0000009e 52%, #0000 88%);
}

.vx-future-grid:after {
  content: "";
  background: repeating-linear-gradient(118deg,transparent 0 110px,rgba(var(--vf-rgb),.018) 111px,transparent 112px 226px);
  position: absolute;
  inset: -20%;
  transform: rotate(-3deg);
}

.vx-future-scan {
  background: linear-gradient(90deg,transparent,rgba(var(--vf-rgb),.04) 12%,rgba(var(--vf-rgb),.18) 50%,rgba(var(--vf-rgb),.04) 88%,transparent);
  filter: blur(.15px);
  height: 1px;
  animation: 13s linear infinite vxFutureScan;
  position: absolute;
  top: -2px;
  left: 18%;
  right: 4%;
}

.vx-future-corner {
  opacity: .48;
  width: 54px;
  height: 54px;
  position: absolute;
}

.vx-future-corner:before, .vx-future-corner:after {
  content: "";
  background: rgba(var(--vf-rgb),.27);
  position: absolute;
}

.vx-future-corner:before {
  width: 32px;
  height: 1px;
}

.vx-future-corner:after {
  width: 1px;
  height: 32px;
}

.vx-future-corner.tl {
  top: 71px;
  left: 286px;
}

.vx-future-corner.tr {
  top: 71px;
  right: 14px;
  transform: scaleX(-1);
}

.vx-future-corner.bl {
  bottom: 14px;
  left: 286px;
  transform: scaleY(-1);
}

.vx-future-corner.br {
  bottom: 14px;
  right: 14px;
  transform: scale(-1);
}

.vx-future-axis {
  opacity: .16;
  position: absolute;
}

.vx-future-axis.x {
  background: linear-gradient(transparent,rgba(var(--vf-rgb),.42),transparent);
  width: 1px;
  height: 76px;
  top: 0;
  left: 52%;
}

.vx-future-axis.y {
  background: linear-gradient(90deg,transparent,rgba(var(--vf-rgb),.42),transparent);
  width: 78px;
  height: 1px;
  top: 48%;
  right: 0;
}

.vx-future-signature {
  border-right: 1px solid rgba(var(--vf-rgb),.22);
  color: rgba(var(--vf-rgb),.38);
  letter-spacing: 1.8px;
  text-transform: uppercase;
  padding: 4px 7px;
  font-size: 5px;
  font-weight: 900;
  position: absolute;
  bottom: 16px;
  right: 19px;
}

@keyframes vxFutureScan {
  0% {
    opacity: 0;
    transform: translateY(0);
  }

  8% {
    opacity: .65;
  }

  92% {
    opacity: .65;
  }

  100% {
    opacity: 0;
    transform: translateY(calc(100vh + 4px));
  }
}

.vx-future-shell > aside, .vx-future-shell > main, .vx-future-shell > .c83-sidebar, .vx-future-shell > .c83-main, .vx-future-shell > .cln-sidebar, .vx-future-shell > .cln-main, .vx-future-shell > .itx-sidebar, .vx-future-shell > .itx-main {
  z-index: 2;
  position: relative;
}

.vx-future-shell :is(.content, .c83-content, .cln-content, .itx-content) {
  animation: .32s cubic-bezier(.2, .75, .25, 1) both vxFutureEnter;
}

@keyframes vxFutureEnter {
  from {
    opacity: .72;
    transform: translateY(5px);
  }

  to {
    opacity: 1;
    transform: none;
  }
}

.shell-core.vx-future-shell .v35-sidebar {
  box-shadow: 18px 0 60px #00000052,inset -1px 0 rgba(var(--vf-rgb),.06) !important;
  background: radial-gradient(circle at 12% 0, #ff3d2c1c, #0000 25%), linear-gradient(#0b0303 0%, #060202 62%, #030101 100%) !important;
}

.shell-guard.vx-future-shell .v35-sidebar {
  box-shadow: 18px 0 60px #00000052,inset -1px 0 rgba(var(--vf-rgb),.06) !important;
  background: radial-gradient(circle at 12% 0, #3dafd51a, #0000 26%), linear-gradient(#051219 0%, #030c11 62%, #02070a 100%) !important;
}

.c83-shell.vx-future-shell .c83-sidebar {
  box-shadow: 18px 0 60px #0000004d,inset -1px 0 rgba(var(--vf-rgb),.05) !important;
  background: radial-gradient(circle at 12% 0, #d8b44817, #0000 24%), linear-gradient(#0b0905, #060504 64%, #030302) !important;
}

.cln-shell.vx-future-shell .cln-sidebar {
  box-shadow: 18px 0 60px #00000047,inset -1px 0 rgba(var(--vf-rgb),.05) !important;
  background: radial-gradient(circle at 12% 0, #5c9f8b14, #0000 25%), linear-gradient(#09110e, #060b09 62%, #030605) !important;
}

.itx-shell.vx-future-shell .itx-sidebar {
  box-shadow: 18px 0 60px #0000004d,inset -1px 0 rgba(var(--vf-rgb),.05) !important;
  background: radial-gradient(circle at 12% 0, #698eb217, #0000 25%), linear-gradient(#0a1018, #070b11 62%, #040609) !important;
}

.vx-future-shell :is(.c83-brand-orb, .cln-logo, .itx-logo) {
  position: relative;
  overflow: visible;
  box-shadow: inset 0 0 22px rgba(var(--vf-rgb),.055),0 0 0 4px rgba(var(--vf-rgb),.018),0 0 28px rgba(var(--vf-rgb),.055) !important;
}

.vx-future-shell :is(.c83-brand-orb, .cln-logo, .itx-logo):before {
  content: "";
  border: 1px dashed rgba(var(--vf-rgb),.11);
  border-radius: inherit;
  animation: 18s linear infinite vxReactor;
  position: absolute;
  inset: -7px;
}

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

.vx-future-shell :is(.v35-topbar, .c83-topbar, .cln-topbar, .itx-topbar) {
  border-bottom-color: rgba(var(--vf-rgb),.105) !important;
  box-shadow: 0 12px 34px #0000001f,inset 0 -1px rgba(var(--vf-rgb),.025) !important;
  -webkit-backdrop-filter: blur(20px) saturate(112%) !important;
  backdrop-filter: blur(20px) saturate(112%) !important;
}

.vx-future-shell .vx-workspaces {
  position: relative;
  overflow: hidden;
  border-color: rgba(var(--vf-rgb),.09) !important;
  background: linear-gradient(145deg,rgba(var(--vf-rgb),.028),#0000002b) !important;
}

.vx-future-shell .vx-workspaces:before {
  content: "";
  background: rgba(var(--vf-rgb),.46);
  width: 34px;
  height: 1px;
  position: absolute;
  top: 0;
  left: 0;
}

.vx-future-shell .vx-workspaces a, .vx-future-shell .vx-workspaces .future {
  border-color: rgba(var(--vf-rgb),.08) !important;
  background: #00000029 !important;
  transition: transform .16s, border-color .16s, background .16s, color .16s !important;
}

.vx-future-shell .vx-workspaces a:hover {
  transform: translateY(-1px);
  border-color: rgba(var(--vf-rgb),.22) !important;
  background: rgba(var(--vf-rgb),.045) !important;
}

.vx-future-shell :is(.v35-nav-items a, .c83-nav a, .cln-nav a, .itx-nav a) {
  position: relative;
  overflow: hidden;
  transition: background .16s, border-color .16s, color .16s, transform .16s !important;
}

.vx-future-shell :is(.v35-nav-items a, .c83-nav a, .cln-nav a, .itx-nav a):before {
  content: "";
  background: var(--vf-accent);
  width: 2px;
  height: 0;
  box-shadow: 0 0 11px rgba(var(--vf-rgb),.18);
  transition: height .16s;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}

.vx-future-shell :is(.v35-nav-items a, .c83-nav a, .cln-nav a, .itx-nav a).active:before {
  height: 58%;
}

.vx-future-shell :is(.card, .vx-panel, .core2-panel, .core2-workspace, .fortress-panel, .c83-panel, .c83-kpi, .c2-signal-command, .c2-client360-hero, .c2-client-signal, .cln-panel, .cln-kpi, .cln-card, .cln-hero, .itx-panel, .itx-kpi, .itx-card, .itx-hero, .itp-panel, .itf-kpis > div, .itf-stop, .itproj-panel) {
  position: relative;
  overflow: hidden;
  transform: translateZ(0);
  transition: border-color .18s, box-shadow .18s, transform .18s !important;
}

.vx-future-shell :is(.card, .vx-panel, .core2-panel, .core2-workspace, .fortress-panel, .c83-panel, .c83-kpi, .c2-signal-command, .c2-client360-hero, .c2-client-signal, .cln-panel, .cln-kpi, .cln-card, .cln-hero, .itx-panel, .itx-kpi, .itx-card, .itx-hero, .itp-panel, .itf-kpis > div, .itf-stop, .itproj-panel):before {
  content: "";
  z-index: 0;
  background: linear-gradient(90deg,rgba(var(--vf-rgb),.48),transparent);
  pointer-events: none;
  width: 72px;
  height: 1px;
  position: absolute;
  top: 0;
  left: 0;
}

.vx-future-shell :is(.card, .vx-panel, .core2-panel, .core2-workspace, .fortress-panel, .c83-panel, .c83-kpi, .c2-signal-command, .c2-client360-hero, .c2-client-signal, .cln-panel, .cln-kpi, .cln-card, .cln-hero, .itx-panel, .itx-kpi, .itx-card, .itx-hero, .itp-panel, .itf-kpis > div, .itf-stop, .itproj-panel):after {
  content: "";
  z-index: 0;
  border-right: 1px solid rgba(var(--vf-rgb),.16);
  border-bottom: 1px solid rgba(var(--vf-rgb),.16);
  pointer-events: none;
  width: 10px;
  height: 10px;
  position: absolute;
  bottom: 8px;
  right: 8px;
}

.vx-future-shell :is(.card, .vx-panel, .core2-panel, .core2-workspace, .fortress-panel, .c83-panel, .c83-kpi, .c2-signal-command, .c2-client360-hero, .c2-client-signal, .cln-panel, .cln-kpi, .cln-card, .cln-hero, .itx-panel, .itx-kpi, .itx-card, .itx-hero, .itp-panel, .itf-kpis > div, .itf-stop, .itproj-panel) > * {
  z-index: 1;
  position: relative;
}

.vx-future-shell :is(.core2-workspace, .c83-kpi, .cln-kpi, .itx-kpi, .itx-card):hover {
  border-color: rgba(var(--vf-rgb),.2) !important;
  box-shadow: 0 16px 42px #00000038,0 0 24px rgba(var(--vf-rgb),.025) !important;
  transform: translateY(-2px) !important;
}

.vx-future-shell :is(.button, .c83-btn, .cln-btn, .itx-btn, .fortress-run) {
  isolation: isolate;
  position: relative;
  overflow: hidden;
  transition: transform .14s, border-color .14s, background .14s, box-shadow .14s !important;
}

.vx-future-shell :is(.button, .c83-btn, .cln-btn, .itx-btn, .fortress-run):before {
  content: "";
  z-index: -1;
  background: linear-gradient(90deg,transparent,rgba(var(--vf-rgb),.09),transparent);
  pointer-events: none;
  width: 22%;
  transition: left .32s;
  position: absolute;
  top: -70%;
  bottom: -70%;
  left: -38%;
  transform: rotate(18deg);
}

.vx-future-shell :is(.button, .c83-btn, .cln-btn, .itx-btn, .fortress-run):hover {
  transform: translateY(-1px);
}

.vx-future-shell :is(.button, .c83-btn, .cln-btn, .itx-btn, .fortress-run):hover:before {
  left: 118%;
}

.vx-future-shell :is(.button, .c83-btn, .cln-btn, .itx-btn, .fortress-run):active {
  transform: translateY(0)scale(.985);
}

.vx-future-shell :is(.input, .c83-input, .cln-input, .itx-input, .v602-nav-search, .cln-nav-search, .itx-nav-search, .c83-search-trigger) {
  transition: border-color .16s, box-shadow .16s, background .16s !important;
}

.vx-future-shell :is(.v602-nav-search, .cln-nav-search, .itx-nav-search, .c83-search-trigger):focus-within {
  border-color: rgba(var(--vf-rgb),.25) !important;
  box-shadow: 0 0 0 3px rgba(var(--vf-rgb),.025) !important;
}

.vx-future-shell :is(table, .table, .c83-table, .cln-table, .itx-table) th {
  z-index: 2;
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  text-transform: uppercase;
  letter-spacing: .45px;
  position: sticky;
  top: 0;
}

.vx-future-shell :is(table, .table, .c83-table, .cln-table, .itx-table) tbody tr:hover {
  box-shadow: inset 2px 0 rgba(var(--vf-rgb),.2);
}

.vx-future-shell :is(.modal, .v36-agent-modal, .c83-command, .v86-command) {
  -webkit-backdrop-filter: blur(20px);
  backdrop-filter: blur(20px);
  border-color: rgba(var(--vf-rgb),.19) !important;
  box-shadow: 0 34px 95px #0000009e,0 0 50px rgba(var(--vf-rgb),.025) !important;
}

.vx-future-shell :is(.modal-backdrop, .v36-agent-modal-backdrop, .c83-command-backdrop, .v86-command-backdrop) {
  -webkit-backdrop-filter: blur(8px) saturate(80%) !important;
  backdrop-filter: blur(8px) saturate(80%) !important;
}

.vx-future-shell :is(.core2-section-head, .vx-section-head, .c83-panel > h2, .cln-panel-head, .itx-panel-head, .fortress-panel > header) {
  position: relative;
}

.vx-future-shell :is(.core2-section-head, .vx-section-head, .cln-panel-head, .itx-panel-head):after {
  content: "";
  background: linear-gradient(90deg,transparent,rgba(var(--vf-rgb),.16));
  width: 46px;
  height: 1px;
  position: absolute;
  top: 50%;
  right: 0;
}

.vx-future-shell * {
  scrollbar-width: thin;
  scrollbar-color: rgba(var(--vf-rgb),.18) transparent;
}

.vx-future-shell ::-webkit-scrollbar {
  width: 7px;
  height: 7px;
}

.vx-future-shell ::-webkit-scrollbar-track {
  background: none;
}

.vx-future-shell ::-webkit-scrollbar-thumb {
  background: rgba(var(--vf-rgb),.18);
  background-clip: padding-box;
  border: 2px solid #0000;
  border-radius: 99px;
}

.vx-future-shell ::-webkit-scrollbar-thumb:hover {
  background: rgba(var(--vf-rgb),.28);
  background-clip: padding-box;
}

.shell-core.vx-future-shell > .main {
  background: radial-gradient(circle at 83% 8%, #7a120e1f, #0000 30%), linear-gradient(#070202, #030101) !important;
}

.shell-guard.vx-future-shell > .main {
  background: radial-gradient(circle at 84% 8%, #1c6c8b1a, #0000 31%), linear-gradient(#041017, #02070b) !important;
}

.c83-shell.vx-future-shell .c83-main {
  background: radial-gradient(circle at 84% 7%, #896b1f14, #0000 30%), linear-gradient(#070604, #030302) !important;
}

.cln-shell.vx-future-shell .cln-main {
  background: radial-gradient(circle at 84% 7%, #36675916, #0000 30%), linear-gradient(#090d0b, #050806) !important;
}

.itx-shell.vx-future-shell .itx-main {
  background: radial-gradient(circle at 84% 7%, #394e6918, #0000 30%), linear-gradient(#090d13, #05070b) !important;
}

.vx-auth-future {
  --vf-rgb: 255,79,59;
  --vf-accent: #ff5948;
  isolation: isolate;
  background: radial-gradient(circle at 50% 34%, #7f150f21, #0000 28%), linear-gradient(#080202, #020101);
  place-items: center;
  padding: 24px;
  display: grid;
  position: fixed;
  inset: 0;
  overflow: auto;
}

.vx-auth-future > .vx-future-hud {
  position: fixed;
}

.vx-auth-card {
  z-index: 2;
  width: min(440px, 100vw - 30px);
  position: relative;
  overflow: hidden;
  background: linear-gradient(145deg, #120505f5, #070202fa) !important;
  border: 1px solid #ff523e26 !important;
  border-radius: 18px !important;
  padding: 26px !important;
  box-shadow: 0 35px 100px #0000008c, 0 0 55px #7e140f0f !important;
}

.vx-auth-card:before {
  content: "";
  background: linear-gradient(90deg, #ff5948, #0000);
  width: 110px;
  height: 1px;
  position: absolute;
  top: 0;
  left: 0;
}

.vx-auth-card:after {
  content: "SECURE ACCESS // CORE IDENTITY";
  color: #704640;
  letter-spacing: 1.3px;
  border-top: 1px solid #ff503d14;
  margin-top: 18px;
  padding-top: 10px;
  font-size: 6px;
  font-weight: 900;
  display: block;
}

.vx-auth-card .brand {
  letter-spacing: 2px;
  font-size: 18px;
}

.vx-auth-card .brand span {
  color: #ff6654;
}

.vx-auth-card .gold-note {
  color: #95706a !important;
  background: #55110d1a !important;
  border-color: #ff503d1a !important;
}

.vx-future-shell :is(.vx-empty, .c83-empty, .core2-empty, .core2-loading) {
  position: relative;
  background: linear-gradient(145deg,rgba(var(--vf-rgb),.018),#00000014) !important;
  border-style: dashed !important;
}

.vx-future-shell :is(.vx-empty, .c83-empty, .core2-empty, .core2-loading):before {
  content: "";
  background: linear-gradient(90deg,transparent,rgba(var(--vf-rgb),.16),transparent);
  height: 1px;
  position: absolute;
  top: 0;
  left: 16%;
  right: 16%;
}

@media (max-width: 900px) {
  .vx-future-corner.tl, .vx-future-corner.bl {
    left: 10px;
  }

  .vx-future-signature {
    display: none;
  }

  .vx-future-grid {
    opacity: .58;
    background-size: 34px 34px;
  }

  .vx-future-axis {
    display: none;
  }

  .vx-future-shell :is(table, .table, .c83-table, .cln-table, .itx-table) th {
    position: static;
  }
}

@media (max-width: 620px) {
  .vx-future-corner {
    display: none;
  }

  .vx-future-scan {
    opacity: .35;
  }

  .vx-auth-future {
    padding: 12px;
  }

  .vx-auth-card {
    padding: 20px !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  .vx-future-scan, .vx-future-shell :is(.c83-brand-orb, .cln-logo, .itx-logo):before, .vx-future-shell :is(.content, .c83-content, .cln-content, .itx-content) {
    animation: none !important;
  }

  .vx-future-shell * {
    scroll-behavior: auto !important;
  }
}

.vx-future-shell {
  --vn-glow: .085;
  --vn-grid: .03;
  --vn-line: .17;
}

.vx-future-hud {
  mix-blend-mode: normal;
  opacity: .88 !important;
}

.vx-future-grid {
  background-size: 38px 38px !important;
  background-image: linear-gradient(rgba(var(--vf-rgb),var(--vn-grid)) 1px,transparent 1px),linear-gradient(90deg,rgba(var(--vf-rgb),var(--vn-grid)) 1px,transparent 1px) !important;
  -webkit-mask-image: radial-gradient(at 67% 38%, #000 0 25%, #000000b8 54%, #0000 91%) !important;
  mask-image: radial-gradient(at 67% 38%, #000 0 25%, #000000b8 54%, #0000 91%) !important;
}

.vx-future-grid:before {
  content: "";
  background: radial-gradient(circle at 72% 22%,rgba(var(--vf-rgb),.055),transparent 18%),radial-gradient(circle at 58% 72%,rgba(var(--vf-rgb),.026),transparent 24%);
  position: absolute;
  inset: 0;
}

.vx-future-grid:after {
  opacity: .7;
  background: repeating-linear-gradient(118deg,transparent 0 96px,rgba(var(--vf-rgb),.024) 97px,transparent 98px 194px) !important;
}

.vx-nexus-orbit {
  border: 1px solid rgba(var(--vf-rgb),.065);
  opacity: .6;
  border-radius: 50%;
  position: absolute;
  top: 10%;
  right: 6.5%;
  transform: translateZ(0);
}

.vx-nexus-orbit.o1 {
  width: 240px;
  height: 240px;
  animation: 42s linear infinite vnOrbit;
}

.vx-nexus-orbit.o2 {
  opacity: .34;
  border-style: dashed;
  width: 390px;
  height: 390px;
  animation: 68s linear infinite reverse vnOrbit;
  top: 1.5%;
  right: 2.1%;
}

.vx-nexus-orbit.o3 {
  opacity: .18;
  width: 560px;
  height: 560px;
  animation: 94s linear infinite vnOrbit;
  top: -8%;
  right: -2.8%;
}

.vx-nexus-orbit:before, .vx-nexus-orbit:after {
  content: "";
  background: rgba(var(--vf-rgb),.44);
  width: 5px;
  height: 5px;
  box-shadow: 0 0 14px rgba(var(--vf-rgb),.22);
  border-radius: 50%;
  position: absolute;
}

.vx-nexus-orbit:before {
  top: -3px;
  left: 50%;
}

.vx-nexus-orbit:after {
  bottom: 17%;
  right: 10%;
}

.vx-nexus-beacon {
  background: rgba(var(--vf-rgb),.64);
  width: 3px;
  height: 3px;
  box-shadow: 0 0 0 5px rgba(var(--vf-rgb),.025),0 0 18px rgba(var(--vf-rgb),.22);
  border-radius: 50%;
  animation: 3.8s ease-in-out infinite vnBeacon;
  position: absolute;
}

.vx-nexus-beacon.b1 {
  top: 27%;
  right: 13%;
}

.vx-nexus-beacon.b2 {
  animation-delay: 1.3s;
  top: 63%;
  right: 31%;
}

.vx-nexus-beacon.b3 {
  animation-delay: 2.2s;
  top: 75%;
  right: 7%;
}

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

@keyframes vnBeacon {
  0%, 100% {
    opacity: .28;
    transform: scale(.8);
  }

  50% {
    opacity: .9;
    transform: scale(1.18);
  }
}

.vx-future-shell .vx-workspaces {
  z-index: 55 !important;
  border: 1px solid rgba(var(--vf-rgb),.12) !important;
  background: linear-gradient(155deg,rgba(var(--vf-rgb),.05),#0000004d 42%,#0000002e) !important;
  min-height: 126px !important;
  box-shadow: inset 0 0 0 1px rgba(var(--vf-rgb),.016),0 14px 34px #0000002b !important;
  border-radius: 13px !important;
  flex: none !important;
  margin: 0 12px 10px !important;
  padding: 11px 11px 12px !important;
  position: relative !important;
  overflow: visible !important;
}

.vx-future-shell .vx-workspaces:before {
  content: "" !important;
  background: linear-gradient(90deg,var(--vf-accent),transparent) !important;
  width: 52px !important;
  height: 1px !important;
  box-shadow: 0 0 10px rgba(var(--vf-rgb),.13) !important;
  position: absolute !important;
  top: 0 !important;
  left: 11px !important;
}

.vx-future-shell .vx-workspaces:after {
  content: "NEXUS BUS";
  color: rgba(var(--vf-rgb),.25);
  letter-spacing: 1.35px;
  font-size: 4px;
  font-weight: 950;
  position: absolute;
  bottom: 4px;
  right: 10px;
}

.vx-future-shell .vx-workspaces > span {
  padding-right: 90px;
  color: rgba(var(--vf-rgb),.62) !important;
  letter-spacing: 1.25px !important;
  text-transform: uppercase !important;
  margin: 0 0 9px !important;
  font-size: 6px !important;
  font-weight: 950 !important;
  display: block !important;
}

.vx-future-shell .vx-workspaces-meta {
  letter-spacing: 1.05px;
  text-transform: uppercase;
  font-weight: 900;
  position: absolute;
  top: 10px;
  right: 10px;
  color: rgba(var(--vf-rgb),.32) !important;
  font-size: 4.5px !important;
}

.vx-future-shell .vx-workspaces > .vx-workspaces-grid {
  z-index: 2 !important;
  grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
  grid-auto-rows: 42px !important;
  gap: 6px !important;
  display: grid !important;
  position: relative !important;
}

.vx-future-shell .vx-workspaces > .vx-workspaces-grid:before {
  content: "";
  background: linear-gradient(90deg,transparent,rgba(var(--vf-rgb),.08) 15%,rgba(var(--vf-rgb),.11) 50%,rgba(var(--vf-rgb),.08) 85%,transparent);
  z-index: -1;
  height: 1px;
  position: absolute;
  top: 50%;
  left: 8%;
  right: 8%;
}

.vx-future-shell .vx-workspaces a, .vx-future-shell .vx-workspaces .future {
  border: 1px solid rgba(var(--vf-rgb),.095) !important;
  background: linear-gradient(150deg,rgba(var(--vf-rgb),.025),#00000045) !important;
  min-width: 0 !important;
  min-height: 42px !important;
  color: var(--vf-muted) !important;
  text-align: left !important;
  isolation: isolate !important;
  border-radius: 9px !important;
  flex-direction: column !important;
  justify-content: center !important;
  align-items: flex-start !important;
  gap: 1px !important;
  padding: 7px 20px 7px 9px !important;
  text-decoration: none !important;
  transition: transform .17s, border-color .17s, box-shadow .17s, background .17s, color .17s !important;
  display: flex !important;
  position: relative !important;
  overflow: hidden !important;
}

.vx-future-shell .vx-workspaces a:before, .vx-future-shell .vx-workspaces .future:before {
  content: "";
  z-index: -1;
  background: linear-gradient(105deg,transparent 22%,rgba(var(--vf-rgb),.055) 48%,transparent 72%);
  transition: transform .42s;
  position: absolute;
  inset: 0;
  transform: translateX(-120%);
}

.vx-future-shell .vx-workspaces a:hover:before {
  transform: translateX(120%);
}

.vx-future-shell .vx-workspaces a > i, .vx-future-shell .vx-workspaces .future > i {
  background: rgba(var(--vf-rgb),.2);
  width: 5px;
  height: 5px;
  box-shadow: 0 0 0 4px rgba(var(--vf-rgb),.018);
  border-radius: 50%;
  font-style: normal;
  position: absolute;
  top: 8px;
  right: 8px;
}

.vx-future-shell .vx-workspaces a > b, .vx-future-shell .vx-workspaces .future > b {
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #a99f91;
  letter-spacing: -.05px;
  max-width: 100%;
  font-size: 8px;
  font-weight: 900;
  line-height: 1.1;
  display: block;
  overflow: hidden;
}

.vx-future-shell .vx-workspaces a > small, .vx-future-shell .vx-workspaces .future > small {
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 100%;
  color: rgba(var(--vf-rgb),.34);
  letter-spacing: .62px;
  font-size: 4.5px;
  font-weight: 900;
  line-height: 1.15;
  display: block;
  overflow: hidden;
}

.vx-future-shell .vx-workspaces a:hover {
  border-color: rgba(var(--vf-rgb),.24) !important;
  background: linear-gradient(145deg,rgba(var(--vf-rgb),.07),#0000003d) !important;
  box-shadow: 0 8px 20px #00000029,inset 0 0 16px rgba(var(--vf-rgb),.018) !important;
  transform: translateY(-1px) !important;
}

.vx-future-shell .vx-workspaces a:hover > b {
  color: var(--vf-text) !important;
}

.vx-future-shell .vx-workspaces a.active {
  border-color: rgba(var(--vf-rgb),.43) !important;
  background: radial-gradient(circle at 82% 20%,rgba(var(--vf-rgb),.13),transparent 28%),linear-gradient(145deg,rgba(var(--vf-rgb),.14),rgba(var(--vf-rgb),.032)) !important;
  color: var(--vf-accent) !important;
  box-shadow: inset 2px 0 var(--vf-accent),inset 0 0 22px rgba(var(--vf-rgb),.032),0 0 22px rgba(var(--vf-rgb),.045) !important;
}

.vx-future-shell .vx-workspaces a.active > i {
  background: var(--vf-accent);
  box-shadow: 0 0 0 4px rgba(var(--vf-rgb),.045),0 0 14px rgba(var(--vf-rgb),.38);
  animation: 2.4s ease-in-out infinite vnNodePulse;
}

.vx-future-shell .vx-workspaces a.active > b {
  text-shadow: 0 0 14px rgba(var(--vf-rgb),.1);
  color: var(--vf-accent) !important;
}

.vx-future-shell .vx-workspaces a.active > small {
  color: rgba(var(--vf-rgb),.58) !important;
}

@keyframes vnNodePulse {
  0%, 100% {
    opacity: .58;
  }

  50% {
    opacity: 1;
  }
}

@media (min-width: 901px) {
  .c83-shell.vx-future-shell .c83-sidebar {
    flex-direction: column !important;
    height: 100dvh !important;
    display: flex !important;
    overflow: hidden !important;
  }

  .c83-shell.vx-future-shell .c83-brand, .c83-shell.vx-future-shell .c83-statusline, .c83-shell.vx-future-shell .vx-workspaces-commercial, .c83-shell.vx-future-shell .c83-sidebar-foot {
    flex: none !important;
  }

  .c83-shell.vx-future-shell .vx-workspaces-commercial {
    min-height: 126px !important;
    margin: 0 12px 10px !important;
    overflow: visible !important;
  }

  .c83-shell.vx-future-shell .c83-nav {
    z-index: 10 !important;
    flex: auto !important;
    min-height: 0 !important;
    padding-top: 3px !important;
    position: relative !important;
    overflow: hidden auto !important;
  }
}

.vx-future-shell :is(.v35-sidebar, .c83-sidebar, .cln-sidebar, .itx-sidebar):after {
  content: "";
  z-index: 5;
  background: linear-gradient(transparent,rgba(var(--vf-rgb),.18) 18%,rgba(var(--vf-rgb),.05) 50%,rgba(var(--vf-rgb),.18) 82%,transparent);
  pointer-events: none;
  width: 1px;
  position: absolute;
  top: 14%;
  bottom: 14%;
  right: -1px;
}

.vx-future-shell :is(.v35-topbar, .c83-topbar, .cln-topbar, .itx-topbar) {
  background: linear-gradient(#040507e6, #040507b8) !important;
  min-height: 70px !important;
}

.shell-core.vx-future-shell .v35-topbar {
  background: linear-gradient(#0c0303eb, #070202c7) !important;
}

.shell-guard.vx-future-shell .v35-topbar {
  background: linear-gradient(#041117ed, #030a0ec7) !important;
}

.c83-shell.vx-future-shell .c83-topbar {
  background: linear-gradient(#0a0905f0, #050503cc) !important;
}

.cln-shell.vx-future-shell .cln-topbar {
  background: linear-gradient(#080d0bf0, #050807cc) !important;
}

.itx-shell.vx-future-shell .itx-topbar {
  background: linear-gradient(#090d13f0, #05080ccc) !important;
}

.vx-future-shell :is(.v35-topbar, .c83-topbar, .cln-topbar, .itx-topbar):before {
  content: "";
  background: linear-gradient(90deg,transparent,var(--vf-accent),transparent);
  opacity: .36;
  width: 92px;
  height: 1px;
  box-shadow: 0 0 14px rgba(var(--vf-rgb),.18);
  animation: 6s ease-in-out infinite vnRail;
  position: absolute;
  bottom: -1px;
  left: 50%;
  transform: translateX(-50%);
}

@keyframes vnRail {
  0%, 100% {
    opacity: .18;
    width: 50px;
  }

  50% {
    opacity: .52;
    width: 130px;
  }
}

.vx-future-shell :is(.v35-nav-items a, .c83-nav a, .cln-nav a, .itx-nav a) {
  border-radius: 10px !important;
}

.vx-future-shell :is(.v35-nav-items a, .c83-nav a, .cln-nav a, .itx-nav a).active {
  box-shadow: inset 2px 0 var(--vf-accent),inset 0 0 24px rgba(var(--vf-rgb),.025) !important;
}

.vx-future-shell :is(.v35-nav-items a, .c83-nav a, .cln-nav a, .itx-nav a).active:after {
  content: "";
  background: var(--vf-accent);
  width: 3px;
  height: 3px;
  box-shadow: 0 0 10px rgba(var(--vf-rgb),.35);
  border-radius: 50%;
  position: absolute;
  top: 8px;
  right: 8px;
}

.vx-future-shell :is(.v35-nav-group-title, .c83-nav-label, .cln-nav-label, .itx-nav-label) {
  letter-spacing: 1.4px !important;
  color: rgba(var(--vf-rgb),.48) !important;
}

.vx-future-shell :is(.core2-hero, .gt2-hero, .c83-hero, .cln-hero, .itx-hero) {
  border-color: rgba(var(--vf-rgb),.17) !important;
  box-shadow: 0 24px 70px #00000047,inset 0 0 0 1px rgba(var(--vf-rgb),.015),inset 0 -36px 80px #0000001f !important;
  position: relative !important;
  overflow: hidden !important;
}

.vx-future-shell :is(.core2-hero, .gt2-hero, .c83-hero, .cln-hero, .itx-hero):after {
  content: "";
  z-index: 0;
  border: 1px solid rgba(var(--vf-rgb),.1);
  width: 420px;
  height: 420px;
  box-shadow: 0 0 0 44px rgba(var(--vf-rgb),.018),0 0 0 90px rgba(var(--vf-rgb),.012);
  pointer-events: none;
  border-radius: 50%;
  position: absolute;
  top: -90px;
  right: -85px;
}

.vx-future-shell :is(.core2-hero h1, .gt2-hero h1, .c83-hero h1, .cln-hero h1, .itx-hero h1) {
  text-wrap: balance;
  text-shadow: 0 12px 38px #00000038;
  letter-spacing: -2.1px !important;
}

.vx-future-shell :is(.core2-eyebrow, .gt2-live, .c83-eyebrow, .cln-eyebrow, .itx-eyebrow) {
  align-items: center;
  gap: 7px;
  position: relative;
  letter-spacing: 1.45px !important;
  display: inline-flex !important;
}

.vx-future-shell :is(.core2-eyebrow, .gt2-live, .c83-eyebrow, .cln-eyebrow, .itx-eyebrow):before {
  content: "";
  background: linear-gradient(90deg,var(--vf-accent),transparent);
  width: 22px;
  height: 1px;
  box-shadow: 0 0 8px rgba(var(--vf-rgb),.2);
}

.shell-core.vx-future-shell .core2-orbit-core {
  animation: 3.8s ease-in-out infinite vnCorePulse !important;
  box-shadow: 0 0 0 7px #ff4b3806, 0 0 70px #dc251933, inset 0 0 40px #ff49331a !important;
}

.shell-core.vx-future-shell .core2-orbit-ring.r1 {
  border-color: #ff4f3b47 !important;
}

.shell-core.vx-future-shell .core2-orbit-ring.r2 {
  border-color: #ff4f3b29 !important;
}

@keyframes vnCorePulse {
  0%, 100% {
    filter: brightness(.92);
  }

  50% {
    filter: brightness(1.12);
  }
}

.shell-guard.vx-future-shell .gt2-score-ring {
  filter: drop-shadow(0 0 16px #5ac8e817);
}

.shell-guard.vx-future-shell .gt2-live i {
  box-shadow: 0 0 0 5px #52d2ad0a, 0 0 14px #52d2ad59 !important;
}

.c83-shell.vx-future-shell .c83-hero:before {
  content: "";
  pointer-events: none !important;
  background: linear-gradient(90deg, #0000 0 4%, #d8b44806 4.1% 4.25%, #0000 4.35% 100%), repeating-linear-gradient(90deg, #0000 0 74px, #d8b44803 75px, #0000 76px) !important;
  position: absolute !important;
  inset: 0 !important;
}

.c83-shell.vx-future-shell .c83-hero h1 {
  background: linear-gradient(100deg, #fff7e7 0%, #f2e8d5 54%, #c9aa48 125%);
  -webkit-background-clip: text;
  background-clip: text;
  color: #0000 !important;
}

.c83-shell.vx-future-shell .c83-btn.primary:hover {
  box-shadow: 0 13px 35px #b1891f3d, 0 0 28px #d8b44814 !important;
}

.cln-shell.vx-future-shell .cln-score {
  box-shadow: inset 0 0 50px #64948406;
}

.itx-shell.vx-future-shell .itx-score {
  box-shadow: inset 0 0 55px #7095ba07;
}

.vx-future-shell :is(.core2-metrics > a, .core2-metrics > div, .gt2-kpis > a, .c83-kpi, .c83-kpis > div, .cln-kpis > div, .itx-kpis > div, .itf-kpis > div) {
  border-color: rgba(var(--vf-rgb),.105) !important;
  background: linear-gradient(148deg,rgba(var(--vf-rgb),.026),#0000002e) !important;
  transition: transform .17s, border-color .17s, box-shadow .17s !important;
  position: relative !important;
  overflow: hidden !important;
  box-shadow: inset 0 1px #ffffff03 !important;
}

.vx-future-shell :is(.core2-metrics > a, .core2-metrics > div, .gt2-kpis > a, .c83-kpi, .c83-kpis > div, .cln-kpis > div, .itx-kpis > div, .itf-kpis > div):before {
  content: "";
  background: linear-gradient(90deg,rgba(var(--vf-rgb),.62),transparent);
  width: 42px;
  height: 1px;
  position: absolute;
  top: 0;
  left: 0;
}

.vx-future-shell :is(.core2-metrics > a, .core2-metrics > div, .gt2-kpis > a, .c83-kpi, .c83-kpis > div, .cln-kpis > div, .itx-kpis > div, .itf-kpis > div):after {
  content: "";
  border-top: 1px solid rgba(var(--vf-rgb),.25);
  border-right: 1px solid rgba(var(--vf-rgb),.25);
  width: 4px;
  height: 4px;
  position: absolute;
  top: 8px;
  right: 8px;
}

.vx-future-shell :is(.core2-metrics > a, .gt2-kpis > a, .c83-kpi, .cln-kpis > div, .itx-kpis > div):hover {
  border-color: rgba(var(--vf-rgb),.22) !important;
  box-shadow: 0 14px 34px #0000002e,inset 0 0 24px rgba(var(--vf-rgb),.018) !important;
  transform: translateY(-2px) !important;
}

.vx-future-shell :is(.core2-metrics strong, .gt2-kpis strong, .c83-kpi strong, .cln-kpis strong, .itx-kpis strong) {
  font-variant-numeric: tabular-nums;
  letter-spacing: -.7px;
}

.vx-future-shell :is(.gt2-signal, .c2-signal-command, .cln-signal, .itx-signal, .c2-client-signal) {
  border-color: rgba(var(--vf-rgb),.15) !important;
  background: linear-gradient(145deg,rgba(var(--vf-rgb),.028),#00000038) !important;
  box-shadow: 0 16px 40px #00000024,inset 0 0 36px rgba(var(--vf-rgb),.012) !important;
  position: relative !important;
  overflow: hidden !important;
}

.vx-future-shell :is(.gt2-signal, .c2-signal-command, .cln-signal, .itx-signal, .c2-client-signal):after {
  content: "SIGNAL BUS";
  color: rgba(var(--vf-rgb),.2);
  letter-spacing: 1.2px;
  font-size: 4px;
  font-weight: 950;
  position: absolute;
  top: 9px;
  right: 13px;
}

.vx-future-shell :is(.core2-workspace, .core2-client, .c83-row, .c83-deal, .c2-contact-card, .c2-deal-row, .cln-row, .cln-priority, .cln-quick > a, .itx-row, .itx-priority, .itx-quick > a, .itp-card, .itf-stop) {
  border-color: rgba(var(--vf-rgb),.075) !important;
  transition: transform .16s, border-color .16s, background .16s, box-shadow .16s !important;
}

.vx-future-shell :is(.core2-workspace, .core2-client, .c83-row, .c83-deal, .c2-contact-card, .c2-deal-row, .cln-row, .cln-priority, .cln-quick > a, .itx-row, .itx-priority, .itx-quick > a, .itp-card, .itf-stop):hover {
  transform: translateY(-1px);
  border-color: rgba(var(--vf-rgb),.18) !important;
  background-color: rgba(var(--vf-rgb),.018) !important;
  box-shadow: 0 11px 26px #00000026 !important;
}

.vx-future-shell :is(table, .table, .c83-table, .cln-table, .itx-table) th {
  color: rgba(var(--vf-rgb),.62) !important;
  border-bottom-color: rgba(var(--vf-rgb),.1) !important;
  letter-spacing: .75px !important;
  background: #040507e0 !important;
  font-size: 7px !important;
}

.vx-future-shell :is(table, .table, .c83-table, .cln-table, .itx-table) tbody tr:hover {
  background: rgba(var(--vf-rgb),.02) !important;
  box-shadow: inset 2px 0 rgba(var(--vf-rgb),.28) !important;
}

.vx-future-shell :is(.button, .c83-btn, .cln-btn, .itx-btn, .fortress-run) {
  letter-spacing: .05px;
  border-radius: 9px !important;
}

.vx-future-shell :is(.button, .c83-btn, .cln-btn, .itx-btn, .fortress-run):after {
  content: "";
  border-right: 1px solid rgba(var(--vf-rgb),.18);
  border-bottom: 1px solid rgba(var(--vf-rgb),.18);
  pointer-events: none;
  width: 5px;
  height: 5px;
  position: absolute;
  bottom: 5px;
  right: 5px;
}

.vx-future-shell :is(.input, .c83-input, .cln-input, .itx-input) {
  background: linear-gradient(145deg,#0000004d,rgba(var(--vf-rgb),.012)) !important;
  border-color: rgba(var(--vf-rgb),.1) !important;
}

.vx-future-shell :is(.modal, .v36-agent-modal, .c83-command, .v86-command) {
  background: linear-gradient(145deg, #0c0d10fa, #050608fc) !important;
  border-radius: 16px !important;
}

.c83-shell.vx-future-shell .c83-command {
  background: linear-gradient(145deg, #0d0b06, #060503) !important;
}

.vx-future-shell :is(.c83-statusline, .cln-network, .itx-network) {
  border-color: rgba(var(--vf-rgb),.1) !important;
  background: linear-gradient(90deg,rgba(var(--vf-rgb),.038),#00000024) !important;
}

.vx-future-shell :is(.c83-status-dot, .cln-network i, .itx-network i) {
  animation: 2.8s ease-in-out infinite vnStatus;
  box-shadow: 0 0 0 5px rgba(var(--vf-rgb),.028),0 0 14px rgba(var(--vf-rgb),.25) !important;
}

@keyframes vnStatus {
  0%, 100% {
    opacity: .58;
  }

  50% {
    opacity: 1;
  }
}

.vx-future-shell :is(.c83-user, .cln-user, .itx-user, .v35-sidebar-footer) {
  border-color: rgba(var(--vf-rgb),.08) !important;
  background: linear-gradient(145deg,rgba(var(--vf-rgb),.02),#0000003d) !important;
}

.c83-shell.vx-future-shell .c83-brand-orb {
  color: #f2d36d !important;
  background: radial-gradient(circle at 35% 28%, #f4d0673d, #0000 34%), linear-gradient(145deg, #171208, #080603) !important;
  box-shadow: 0 0 0 5px #d8b44805, 0 0 32px #d8b44814, inset 0 0 22px #d8b4480d !important;
}

.c83-shell.vx-future-shell .c83-panel, .c83-shell.vx-future-shell .c2-signal-command {
  background: radial-gradient(circle at 94% 0, #d8b44806, #0000 20%), linear-gradient(150deg, #0b0906, #060503) !important;
}

.c83-shell.vx-future-shell .c83-nav-icon {
  border: 1px solid #d8b4480e;
  box-shadow: inset 0 0 12px #d8b44804;
}

.c83-shell.vx-future-shell .c83-nav a.active .c83-nav-icon {
  border-color: #d8b44829 !important;
  box-shadow: 0 0 16px #d8b4480b, inset 0 0 14px #d8b44809 !important;
}

.vx-future-shell :is(.vx-empty, .c83-empty, .core2-empty, .core2-loading, .gt2-loading, .cln-loading, .itx-loading) {
  background: linear-gradient(145deg,rgba(var(--vf-rgb),.018),#0000001a) !important;
  position: relative !important;
  overflow: hidden !important;
}

.vx-future-shell :is(.vx-empty, .c83-empty, .core2-empty, .core2-loading, .gt2-loading, .cln-loading, .itx-loading):after {
  content: "";
  background: linear-gradient(90deg,transparent,rgba(var(--vf-rgb),.035),transparent);
  width: 28%;
  animation: 3.4s ease-in-out infinite vnSkeleton;
  position: absolute;
  top: 0;
  bottom: 0;
  left: -40%;
  transform: skewX(-14deg);
}

@keyframes vnSkeleton {
  0% {
    left: -40%;
  }

  55%, 100% {
    left: 125%;
  }
}

.vx-auth-card {
  box-shadow: 0 40px 120px #0000009e, 0 0 0 1px #ff4f3b06, 0 0 70px #8f181113 !important;
}

.vx-auth-card h1 {
  letter-spacing: -1.1px;
}

.vx-auth-card .button.primary {
  box-shadow: 0 12px 32px #a7231a21 !important;
}

@media (max-width: 1200px) {
  .vx-nexus-orbit.o3 {
    display: none;
  }

  .vx-nexus-orbit.o2 {
    opacity: .2;
  }
}

@media (max-width: 900px) {
  .vx-future-shell .vx-workspaces {
    min-height: 118px !important;
    margin: 8px 10px !important;
  }

  .vx-future-shell .vx-workspaces > .vx-workspaces-grid {
    padding-bottom: 2px;
    overflow-x: auto;
    grid-template-columns: repeat(6, minmax(72px, 1fr)) !important;
  }

  .vx-nexus-orbit, .vx-nexus-beacon {
    display: none;
  }

  .vx-future-shell :is(.v35-topbar, .c83-topbar, .cln-topbar, .itx-topbar) {
    min-height: 58px !important;
  }
}

@media (max-width: 620px) {
  .vx-future-shell .vx-workspaces > .vx-workspaces-grid {
    grid-template-columns: repeat(2, minmax(120px, 1fr)) !important;
    grid-auto-rows: 40px !important;
  }

  .vx-future-shell .vx-workspaces > .vx-workspaces-grid > * {
    grid-column: span 1 !important;
  }

  .vx-future-shell .vx-workspaces {
    min-height: auto !important;
  }

  .vx-future-shell :is(.core2-hero h1, .gt2-hero h1, .c83-hero h1, .cln-hero h1, .itx-hero h1) {
    letter-spacing: -1.4px !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  .vx-nexus-orbit, .vx-nexus-beacon, .vx-future-shell .vx-workspaces a.active > i, .vx-future-shell :is(.c83-status-dot, .cln-network i, .itx-network i), .vx-future-shell :is(.vx-empty, .c83-empty, .core2-empty, .core2-loading, .gt2-loading, .cln-loading, .itx-loading):after, .vx-future-shell :is(.v35-topbar, .c83-topbar, .cln-topbar, .itx-topbar):before {
    animation: none !important;
  }
}

.vx-future-shell {
  --v82b-glow: .08;
  --v82b-line: .14;
  --v82b-surface: #040608c7;
}

.vx-future-shell .vx-future-grid {
  opacity: .82;
  background-image: linear-gradient(rgba(var(--vf-rgb),.02) 1px,transparent 1px),
    linear-gradient(90deg,rgba(var(--vf-rgb),.02) 1px,transparent 1px),
    repeating-linear-gradient(135deg,transparent 0 138px,rgba(var(--vf-rgb),.01) 139px,transparent 140px 278px) !important;
  background-size: 44px 44px, 44px 44px, auto !important;
}

.vx-future-shell .vx-future-hud:after {
  content: "";
  border: 1px solid rgba(var(--vf-rgb),.028);
  box-shadow: inset 0 0 90px rgba(var(--vf-rgb),.01);
  pointer-events: none;
  border-radius: 24px;
  position: absolute;
  inset: 74px 18px 18px 300px;
}

.c83-shell.vx-future-shell .vx-future-hud:after, .cln-shell.vx-future-shell .vx-future-hud:after, .itx-shell.vx-future-shell .vx-future-hud:after {
  left: 278px;
}

.vx-future-shell .vx-workspaces {
  border-color: rgba(var(--vf-rgb),.15) !important;
  background: radial-gradient(circle at 50% 55%,rgba(var(--vf-rgb),.045),transparent 38%),
    linear-gradient(145deg,rgba(var(--vf-rgb),.042),#00000052 48%,rgba(var(--vf-rgb),.014)) !important;
  min-height: 132px !important;
  box-shadow: inset 0 0 0 1px rgba(var(--vf-rgb),.018),
    inset 0 0 36px rgba(var(--vf-rgb),.012),
    0 16px 38px #0003 !important;
  padding: 12px 11px 13px !important;
  overflow: hidden !important;
}

.vx-future-shell .vx-workspaces:before {
  background: linear-gradient(90deg,var(--vf-accent),rgba(var(--vf-rgb),.18),transparent) !important;
  width: 74px !important;
  box-shadow: 0 0 18px rgba(var(--vf-rgb),.18) !important;
}

.vx-future-shell .vx-workspaces:after {
  content: "NEXUS // BRANCH FABRIC // LINK SECURE" !important;
  color: rgba(var(--vf-rgb),.28) !important;
  letter-spacing: 1.05px !important;
  font-size: 4px !important;
  bottom: 4px !important;
  right: 10px !important;
}

.vx-future-shell .vx-workspaces > span {
  text-shadow: 0 0 14px rgba(var(--vf-rgb),.08);
  color: rgba(var(--vf-rgb),.74) !important;
}

.vx-future-shell .vx-workspaces-meta {
  color: rgba(var(--vf-rgb),.4) !important;
}

.vx-future-shell .vx-workspaces > .vx-workspaces-grid {
  grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
  grid-auto-rows: 44px !important;
  gap: 7px !important;
  width: 100% !important;
  min-width: 0 !important;
}

.vx-future-shell .vx-workspaces > .vx-workspaces-grid:before {
  box-shadow: 0 0 12px rgba(var(--vf-rgb),.035);
  background: linear-gradient(90deg,transparent,rgba(var(--vf-rgb),.06) 8%,rgba(var(--vf-rgb),.18) 50%,rgba(var(--vf-rgb),.06) 92%,transparent) !important;
  top: 50% !important;
  left: 9% !important;
  right: 9% !important;
}

.vx-future-shell .vx-workspaces > .vx-workspaces-grid:after {
  content: "";
  z-index: 0;
  border: 1px solid rgba(var(--vf-rgb),.34);
  width: 5px;
  height: 5px;
  box-shadow: 0 0 0 5px rgba(var(--vf-rgb),.025),0 0 18px rgba(var(--vf-rgb),.13);
  pointer-events: none;
  background: #050607;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.vx-future-shell .vx-workspaces > .vx-workspaces-grid > :nth-child(-n+3) {
  grid-column: span 2 !important;
}

.vx-future-shell .vx-workspaces > .vx-workspaces-grid > :nth-child(n+4) {
  grid-column: span 3 !important;
}

.vx-future-shell .vx-workspaces a, .vx-future-shell .vx-workspaces .future {
  z-index: 2 !important;
  background: linear-gradient(155deg,rgba(var(--node-rgb, var(--vf-rgb)),.05),#0000004f 72%) !important;
  border-color: rgba(var(--node-rgb, var(--vf-rgb)),.115) !important;
  min-height: 44px !important;
  box-shadow: inset 0 0 16px rgba(var(--node-rgb, var(--vf-rgb)),.01) !important;
  border-radius: 10px !important;
  padding: 7px 21px 7px 9px !important;
}

.vx-future-shell .vx-workspaces [data-node="CORE"] {
  --node-rgb: 255,79,59;
}

.vx-future-shell .vx-workspaces [data-node="GUARD"] {
  --node-rgb: 94,199,232;
}

.vx-future-shell .vx-workspaces [data-node="COMMERCIAL"] {
  --node-rgb: 216,180,72;
}

.vx-future-shell .vx-workspaces [data-node="CLEAN"] {
  --node-rgb: 92,159,139;
}

.vx-future-shell .vx-workspaces [data-node="IT"] {
  --node-rgb: 105,142,178;
}

.vx-future-shell .vx-workspaces a > i, .vx-future-shell .vx-workspaces .future > i {
  background: rgba(var(--node-rgb, var(--vf-rgb)),.34) !important;
  box-shadow: 0 0 0 4px rgba(var(--node-rgb, var(--vf-rgb)),.025),0 0 12px rgba(var(--node-rgb, var(--vf-rgb)),.11) !important;
}

.vx-future-shell .vx-workspaces a > b, .vx-future-shell .vx-workspaces .future > b {
  color: #b6ada0 !important;
  font-size: 7.8px !important;
}

.vx-future-shell .vx-workspaces a > small, .vx-future-shell .vx-workspaces .future > small {
  color: rgba(var(--node-rgb, var(--vf-rgb)),.45) !important;
  font-size: 4.4px !important;
}

.vx-future-shell .vx-workspaces a:hover {
  border-color: rgba(var(--node-rgb, var(--vf-rgb)),.32) !important;
  background: linear-gradient(145deg,rgba(var(--node-rgb, var(--vf-rgb)),.1),#00000045) !important;
  box-shadow: 0 8px 24px #0003,inset 0 0 22px rgba(var(--node-rgb, var(--vf-rgb)),.02) !important;
}

.vx-future-shell .vx-workspaces a.active {
  border-color: rgba(var(--node-rgb, var(--vf-rgb)),.58) !important;
  background: radial-gradient(circle at 82% 18%,rgba(var(--node-rgb, var(--vf-rgb)),.18),transparent 30%),
    linear-gradient(145deg,rgba(var(--node-rgb, var(--vf-rgb)),.15),rgba(var(--node-rgb, var(--vf-rgb)),.04)) !important;
  box-shadow: inset 2px 0 rgb(var(--node-rgb, var(--vf-rgb))),
    inset 0 0 24px rgba(var(--node-rgb, var(--vf-rgb)),.035),
    0 0 24px rgba(var(--node-rgb, var(--vf-rgb)),.065) !important;
}

.vx-future-shell .vx-workspaces a.active > b {
  color: rgb(var(--node-rgb, var(--vf-rgb))) !important;
}

.vx-future-shell .vx-workspaces a.active > i {
  background: rgb(var(--node-rgb, var(--vf-rgb))) !important;
}

.vx-future-shell :is(.v35-topbar, .c83-topbar, .cln-topbar, .itx-topbar) {
  border-bottom-color: rgba(var(--vf-rgb),.14) !important;
  background-image: linear-gradient(90deg,transparent 0 10%,rgba(var(--vf-rgb),.025) 10.1% 10.18%,transparent 10.28% 82%,rgba(var(--vf-rgb),.02) 82.1% 82.18%,transparent 82.28%),
    linear-gradient(180deg,#050709f0,#040608c7) !important;
  min-height: 68px !important;
  box-shadow: 0 14px 38px #0000002b,inset 0 -1px rgba(var(--vf-rgb),.032) !important;
}

.vx-future-shell :is(.v35-topbar, .c83-topbar, .cln-topbar, .itx-topbar):after {
  box-shadow: 0 0 16px rgba(var(--vf-rgb),.08);
  background: linear-gradient(90deg,rgba(var(--vf-rgb),.45),rgba(var(--vf-rgb),.06) 24%,transparent 54%,rgba(var(--vf-rgb),.04) 78%,rgba(var(--vf-rgb),.25)) !important;
  height: 1px !important;
}

.vx-future-shell :is(.core2-hero, .gt2-hero, .c83-hero, .cln-hero, .itx-hero) {
  outline: 1px solid rgba(var(--vf-rgb),.03) !important;
  outline-offset: -7px !important;
  border-color: rgba(var(--vf-rgb),.18) !important;
  box-shadow: 0 28px 80px #00000047,
    inset 0 0 0 1px rgba(var(--vf-rgb),.018),
    inset 0 0 70px rgba(var(--vf-rgb),.012) !important;
}

.shell-core.vx-future-shell .core2-hero h1 {
  text-shadow: 0 0 42px #ff48351a !important;
}

.shell-guard.vx-future-shell .gt2-hero h1 {
  text-shadow: 0 0 42px #5ec7e81a !important;
}

.c83-shell.vx-future-shell .c83-hero h1 {
  background: linear-gradient(105deg, #fff8e9 0%, #f5ead2 54%, #d3b34c 106%) !important;
  color: #0000 !important;
  text-shadow: none !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
}

.cln-shell.vx-future-shell .cln-hero h1 {
  text-shadow: 0 0 34px #5c9f8b0f !important;
}

.itx-shell.vx-future-shell .itx-hero h1 {
  text-shadow: 0 0 36px #698eb212 !important;
}

.vx-future-shell :is(.core2-panel, .core2-workspace, .core2-client, .gt2-panel, .gt2-kpis > a, .gt2-signal, .c83-panel, .c83-kpi, .c83-row, .c2-signal-command, .cln-panel, .cln-kpis > div, .cln-row, .itx-panel, .itx-kpis > div, .itx-row, .itp-panel, .itp-card, .itf-stop) {
  border-color: rgba(var(--vf-rgb),.105) !important;
  background-image: linear-gradient(135deg,rgba(var(--vf-rgb),.025),transparent 34%),
    linear-gradient(155deg,#090b0df5,#040507f0) !important;
  box-shadow: inset 0 0 0 1px rgba(var(--vf-rgb),.01),0 12px 34px #00000021 !important;
}

.vx-future-shell :is(.core2-panel, .core2-workspace, .core2-client, .gt2-panel, .gt2-kpis > a, .gt2-signal, .c83-panel, .c83-kpi, .c83-row, .c2-signal-command, .cln-panel, .cln-kpis > div, .cln-row, .itx-panel, .itx-kpis > div, .itx-row, .itp-panel, .itp-card, .itf-stop):hover {
  border-color: rgba(var(--vf-rgb),.19) !important;
  box-shadow: inset 0 0 0 1px rgba(var(--vf-rgb),.015),0 17px 42px #0000002e,0 0 26px rgba(var(--vf-rgb),.018) !important;
}

.vx-future-shell :is(.core2-metrics strong, .gt2-kpis strong, .c83-kpi strong, .cln-kpis strong, .itx-kpis strong, .itf-kpis strong) {
  text-shadow: 0 0 18px rgba(var(--vf-rgb),.07);
  font-variant-numeric: tabular-nums !important;
}

.vx-future-shell :is(.button, .c83-btn, .cln-btn, .itx-btn, .fortress-run) {
  border-color: rgba(var(--vf-rgb),.14) !important;
  box-shadow: inset 0 0 16px rgba(var(--vf-rgb),.01) !important;
}

.vx-future-shell :is(.button, .c83-btn, .cln-btn, .itx-btn, .fortress-run):hover {
  border-color: rgba(var(--vf-rgb),.3) !important;
  box-shadow: 0 9px 24px #0000002e,inset 0 0 20px rgba(var(--vf-rgb),.02) !important;
}

.vx-future-shell :is(table, .table, .c83-table, .cln-table, .itx-table) th {
  color: rgba(var(--vf-rgb),.72) !important;
  background: linear-gradient(180deg,rgba(var(--vf-rgb),.045),#040507eb) !important;
  border-bottom-color: rgba(var(--vf-rgb),.13) !important;
  letter-spacing: .85px !important;
}

.vx-future-shell :is(table, .table, .c83-table, .cln-table, .itx-table) tbody tr:hover {
  background: linear-gradient(90deg,rgba(var(--vf-rgb),.028),transparent 52%) !important;
}

@keyframes v82bNodePulse {
  0%, 100% {
    filter: brightness(.82);
  }

  50% {
    filter: brightness(1.15);
  }
}

.vx-future-shell .vx-workspaces a.active > i {
  animation: 2.8s ease-in-out infinite v82bNodePulse !important;
}

@media (max-width: 1100px) {
  .vx-future-shell .vx-future-hud:after {
    display: none;
  }
}

@media (max-width: 900px) {
  .vx-future-shell .vx-workspaces {
    min-height: 126px !important;
    margin: 8px 10px !important;
  }

  .vx-future-shell .vx-workspaces > .vx-workspaces-grid {
    grid-template-columns: repeat(6, minmax(72px, 1fr)) !important;
    overflow-x: auto !important;
  }

  .vx-future-shell .vx-workspaces > .vx-workspaces-grid:after {
    display: none;
  }
}

@media (max-width: 620px) {
  .vx-future-shell .vx-workspaces > .vx-workspaces-grid {
    grid-template-columns: repeat(2, minmax(120px, 1fr)) !important;
    grid-auto-rows: 42px !important;
  }

  .vx-future-shell .vx-workspaces > .vx-workspaces-grid > * {
    grid-column: span 1 !important;
  }

  .vx-future-shell :is(.core2-hero, .gt2-hero, .c83-hero, .cln-hero, .itx-hero) {
    outline-offset: -4px !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  .vx-future-shell .vx-workspaces a.active > i {
    animation: none !important;
  }
}

.vx-future-shell {
  --vxn-glow: rgba(var(--vf-rgb),.18);
  --vxn-line: rgba(var(--vf-rgb),.11);
  --vxn-line2: rgba(var(--vf-rgb),.055);
  --vxn-panel: #040709db;
  --vxn-panel2: #070a0df0;
}

.vx-future-shell:before {
  content: "";
  z-index: -1;
  pointer-events: none;
  background: radial-gradient(ellipse at 83% 8%,rgba(var(--vf-rgb),.055),transparent 30%),
    radial-gradient(ellipse at 10% 82%,rgba(var(--vf-rgb),.025),transparent 28%),
    linear-gradient(rgba(var(--vf-rgb),.012) 1px,transparent 1px),
    linear-gradient(90deg,rgba(var(--vf-rgb),.012) 1px,transparent 1px);
  background-size: auto, auto, 64px 64px, 64px 64px;
  position: fixed;
  inset: 0;
  -webkit-mask-image: linear-gradient(#000000d1, #00000052 70%, #0000);
  mask-image: linear-gradient(#000000d1, #00000052 70%, #0000);
}

.vx-future-shell:after {
  content: "VX // COMMAND FABRIC";
  z-index: 20;
  pointer-events: none;
  color: rgba(var(--vf-rgb),.2);
  letter-spacing: 2.2px;
  writing-mode: vertical-rl;
  font-size: 6px;
  font-weight: 950;
  position: fixed;
  bottom: 15px;
  right: 22px;
}

.vx-future-hud {
  z-index: 0;
  pointer-events: none;
  position: fixed;
  inset: 0;
  overflow: hidden;
}

.vx-command-crosshair {
  border: 1px solid rgba(var(--vf-rgb),.045);
  opacity: .72;
  border-radius: 50%;
  width: 150px;
  height: 150px;
  position: absolute;
  top: 14vh;
  right: 7.5vw;
}

.vx-command-crosshair:before, .vx-command-crosshair:after {
  content: "";
  background: rgba(var(--vf-rgb),.07);
  position: absolute;
}

.vx-command-crosshair:before {
  width: 1px;
  top: -18px;
  bottom: -18px;
  left: 50%;
}

.vx-command-crosshair:after {
  height: 1px;
  top: 50%;
  left: -18px;
  right: -18px;
}

.vx-command-arc {
  border: 1px solid rgba(var(--vf-rgb),.045);
  filter: drop-shadow(0 0 16px rgba(var(--vf-rgb),.025));
  border-radius: 50%;
  position: absolute;
}

.vx-command-arc.a1 {
  border-left-color: rgba(var(--vf-rgb),.17);
  border-bottom-color: #0000;
  width: 250px;
  height: 250px;
  animation: 28s linear infinite vxnOrbit;
  top: 8.5vh;
  right: 4.2vw;
}

.vx-command-arc.a2 {
  border-top-color: rgba(var(--vf-rgb),.11);
  opacity: .52;
  border-right-color: #0000;
  width: 480px;
  height: 480px;
  animation: 42s linear infinite reverse vxnOrbit;
  bottom: -190px;
  left: 30vw;
}

.vx-command-rail {
  z-index: 2;
  color: rgba(var(--vf-rgb),.38);
  letter-spacing: 1.25px;
  text-transform: uppercase;
  align-items: center;
  gap: 10px;
  font-size: 5.5px;
  font-weight: 950;
  display: flex;
  position: fixed;
}

.vx-command-rail:before {
  content: "";
  background: linear-gradient(90deg,transparent,rgba(var(--vf-rgb),.34));
  width: 42px;
  height: 1px;
}

.vx-command-rail span {
  color: rgba(var(--vf-rgb),.5);
}

.vx-command-rail b {
  color: rgba(var(--vf-rgb),.68);
  font-size: 5.8px;
}

.vx-command-rail em {
  color: rgba(var(--vf-rgb),.26);
  font-style: normal;
}

.vx-command-rail.rail-top {
  top: 23px;
  right: 27px;
}

.vx-command-rail.rail-bottom {
  bottom: 24px;
  right: 27px;
}

.vx-command-pulse {
  background: var(--vf-accent);
  opacity: .55;
  width: 5px;
  height: 5px;
  box-shadow: 0 0 0 5px rgba(var(--vf-rgb),.025),0 0 20px rgba(var(--vf-rgb),.2);
  border-radius: 50%;
  position: absolute;
}

.vx-command-pulse.p1 {
  animation: 3.6s ease-in-out infinite vxnPulse;
  top: 20vh;
  left: 31vw;
}

.vx-command-pulse.p2 {
  animation: 4.4s ease-in-out .8s infinite vxnPulse;
  bottom: 16vh;
  right: 19vw;
}

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

@keyframes vxnPulse {
  0%, 100% {
    opacity: .28;
    transform: scale(.82);
  }

  50% {
    opacity: .92;
    transform: scale(1.22);
  }
}

.vx-future-shell .vx-workspaces {
  isolation: isolate !important;
  border: 1px solid rgba(var(--vf-rgb),.105) !important;
  background: radial-gradient(circle at 50% 64%,rgba(var(--vf-rgb),.045),transparent 23%),
    linear-gradient(145deg,rgba(var(--vf-rgb),.025),#010304c7) !important;
  box-shadow: inset 0 0 26px rgba(var(--vf-rgb),.012),0 12px 30px #0000001a !important;
  border-radius: 12px !important;
  padding: 10px !important;
  position: relative !important;
  overflow: hidden !important;
}

.vx-future-shell .vx-workspaces:before {
  content: "";
  z-index: 0;
  background: linear-gradient(90deg,transparent,rgba(var(--vf-rgb),.08) 16%,rgba(var(--vf-rgb),.17) 50%,rgba(var(--vf-rgb),.08) 84%,transparent);
  height: 1px;
  box-shadow: 0 0 18px rgba(var(--vf-rgb),.035);
  position: absolute;
  top: 49%;
  left: 16px;
  right: 16px;
}

.vx-future-shell .vx-workspaces:after {
  content: "NEXUS X";
  z-index: 1;
  border: 1px solid rgba(var(--vf-rgb),.13);
  width: 40px;
  height: 15px;
  color: rgba(var(--vf-rgb),.52);
  letter-spacing: .9px;
  box-shadow: 0 0 20px rgba(var(--vf-rgb),.04);
  background: #030507f2;
  border-radius: 99px;
  place-items: center;
  font-size: 4.7px;
  font-weight: 950;
  display: grid;
  position: absolute;
  top: 49%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.vx-future-shell .vx-workspaces > span {
  z-index: 3;
  position: relative;
  color: rgba(var(--vf-rgb),.68) !important;
  letter-spacing: 1.45px !important;
  font-size: 6.5px !important;
}

.vx-future-shell .vx-workspaces-meta {
  z-index: 3;
  position: relative;
  float: right !important;
  color: rgba(var(--vf-rgb),.34) !important;
  letter-spacing: 1.05px !important;
  font-size: 5px !important;
}

.vx-future-shell .vx-workspaces > .vx-workspaces-grid {
  z-index: 3 !important;
  grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
  grid-auto-rows: 44px !important;
  gap: 6px !important;
  width: 100% !important;
  margin-top: 8px !important;
  padding: 0 !important;
  display: grid !important;
  position: relative !important;
}

.vx-future-shell .vx-workspaces > .vx-workspaces-grid > * {
  border: 1px solid rgba(var(--node-rgb, var(--vf-rgb)),.1) !important;
  background: linear-gradient(145deg,rgba(var(--node-rgb, var(--vf-rgb)),.028),#030507e0) !important;
  min-width: 0 !important;
  box-shadow: inset 0 0 18px rgba(var(--node-rgb, var(--vf-rgb)),.012) !important;
  border-radius: 8px !important;
  position: relative !important;
  overflow: hidden !important;
}

.vx-future-shell .vx-workspaces > .vx-workspaces-grid > :nth-child(-n+3) {
  grid-column: span 2 !important;
}

.vx-future-shell .vx-workspaces > .vx-workspaces-grid > :nth-child(n+4) {
  grid-column: span 3 !important;
}

.vx-future-shell .vx-workspaces [data-node="CORE"] {
  --node-rgb: 255,79,59;
  --node-accent: #ff5948;
}

.vx-future-shell .vx-workspaces [data-node="GUARD"] {
  --node-rgb: 94,199,232;
  --node-accent: #67d2f0;
}

.vx-future-shell .vx-workspaces [data-node="COMMERCIAL"] {
  --node-rgb: 216,180,72;
  --node-accent: #ddb94f;
}

.vx-future-shell .vx-workspaces [data-node="CLEAN"] {
  --node-rgb: 92,159,139;
  --node-accent: #6fae9b;
}

.vx-future-shell .vx-workspaces [data-node="IT"] {
  --node-rgb: 105,142,178;
  --node-accent: #7897bb;
}

.vx-future-shell .vx-workspaces > .vx-workspaces-grid > a, .vx-future-shell .vx-workspaces > .vx-workspaces-grid > .future {
  color: inherit !important;
  grid-template-rows: 1fr 1fr !important;
  grid-template-columns: 8px minmax(0, 1fr) !important;
  align-items: center !important;
  column-gap: 6px !important;
  padding: 6px 7px !important;
  text-decoration: none !important;
  display: grid !important;
}

.vx-future-shell .vx-workspaces > .vx-workspaces-grid > * i {
  background: var(--node-accent, var(--vf-accent));
  width: 5px;
  height: 5px;
  box-shadow: 0 0 0 4px rgba(var(--node-rgb, var(--vf-rgb)),.025),0 0 12px rgba(var(--node-rgb, var(--vf-rgb)),.16);
  border-radius: 50%;
  grid-row: 1 / 3;
}

.vx-future-shell .vx-workspaces > .vx-workspaces-grid > * b {
  text-overflow: ellipsis;
  white-space: nowrap;
  letter-spacing: .25px;
  min-width: 0;
  overflow: hidden;
  color: #ebf1f4e6 !important;
  font-size: 6.6px !important;
  display: block !important;
}

.vx-future-shell .vx-workspaces > .vx-workspaces-grid > * small {
  text-overflow: ellipsis;
  white-space: nowrap;
  min-width: 0;
  overflow: hidden;
  color: rgba(var(--node-rgb, var(--vf-rgb)),.5) !important;
  letter-spacing: .65px !important;
  font-size: 4.6px !important;
  display: block !important;
}

.vx-future-shell .vx-workspaces > .vx-workspaces-grid > a:hover {
  border-color: rgba(var(--node-rgb),.24) !important;
  box-shadow: 0 7px 20px #0000002e,inset 0 0 20px rgba(var(--node-rgb),.022) !important;
  transform: translateY(-1px) !important;
}

.vx-future-shell .vx-workspaces > .vx-workspaces-grid > a.active {
  border-color: rgba(var(--node-rgb),.34) !important;
  background: linear-gradient(145deg,rgba(var(--node-rgb),.105),#030507e8) !important;
  box-shadow: inset 2px 0 var(--node-accent),0 0 24px rgba(var(--node-rgb),.045) !important;
}

.vx-future-shell .vx-workspaces > .vx-workspaces-grid > a.active:after {
  content: "LIVE";
  color: rgba(var(--node-rgb),.72);
  letter-spacing: .7px;
  font-size: 3.9px;
  font-weight: 950;
  position: absolute;
  top: 4px;
  right: 5px;
}

.vx-future-shell :is(.v35-topbar, .c83-topbar, .cln-topbar, .itx-topbar) {
  border-bottom-color: rgba(var(--vf-rgb),.12) !important;
  background: linear-gradient(90deg,rgba(var(--vf-rgb),.025),transparent 22%,transparent 78%,rgba(var(--vf-rgb),.018)),
    #030507db !important;
  box-shadow: 0 10px 30px #00000024,inset 0 -1px rgba(var(--vf-rgb),.018) !important;
}

.vx-future-shell :is(.v35-topbar, .c83-topbar, .cln-topbar, .itx-topbar):after {
  content: "";
  background: linear-gradient(90deg,transparent,rgba(var(--vf-rgb),.28) 10%,rgba(var(--vf-rgb),.05) 46%,transparent 82%);
  pointer-events: none;
  height: 1px;
  position: absolute;
  bottom: -1px;
  left: 18px;
  right: 18px;
}

.vx-future-shell :is(.core2-hero, .gt2-hero, .c83-hero, .cln-hero, .itx-hero) {
  isolation: isolate !important;
  border-color: rgba(var(--vf-rgb),.19) !important;
  box-shadow: 0 34px 96px #0000004d,inset 0 0 0 1px rgba(var(--vf-rgb),.018),inset 0 0 90px rgba(var(--vf-rgb),.012) !important;
  position: relative !important;
  overflow: hidden !important;
}

.vx-future-shell :is(.core2-hero, .gt2-hero, .c83-hero, .cln-hero, .itx-hero):after {
  content: "";
  z-index: 0;
  pointer-events: none;
  border: 1px solid rgba(var(--vf-rgb),.032);
  clip-path: polygon(0 0, 28px 0, 28px 1px, 100% 1px, 100% calc(100% - 28px), calc(100% - 28px) calc(100% - 28px), calc(100% - 28px) 100%, 0 100%);
  position: absolute;
  inset: 8px;
}

.vx-future-shell :is(.core2-hero, .gt2-hero, .c83-hero, .cln-hero, .itx-hero) > * {
  z-index: 2;
  position: relative;
}

.shell-core.vx-future-shell .core2-hero {
  background: radial-gradient(circle at 82% 46%, #ff3d2b30, #0000 15%), radial-gradient(circle at 82% 46%, #0000 0 21%, #ff4c390e 21.2% 21.5%, #0000 21.8% 31%, #ff4c3907 31.2% 31.45%, #0000 31.8%), linear-gradient(#ff4f3b04 1px, #0000 1px) 0 0 / 34px 34px, linear-gradient(90deg, #ff4f3b04 1px, #0000 1px) 0 0 / 34px 34px, linear-gradient(135deg, #160505, #080202 70%, #030101) !important;
}

.shell-guard.vx-future-shell .gt2-hero {
  background: radial-gradient(circle at 83% 46%, #4dbfe629, #0000 17%), radial-gradient(circle at 83% 46%, #0000 0 22%, #5ec7e80d 22.2% 22.5%, #0000 22.8% 34%, #5ec7e806 34.2% 34.45%, #0000 34.8%), linear-gradient(#5ec7e804 1px, #0000 1px) 0 0 / 28px 28px, linear-gradient(90deg, #5ec7e804 1px, #0000 1px) 0 0 / 28px 28px, linear-gradient(135deg, #061820, #030b10 72%, #010608) !important;
}

.c83-shell.vx-future-shell .c83-hero {
  background: radial-gradient(at 82% 46%, #d8b44833, #0000 21%), radial-gradient(at 82% 46%, #0000 0 27%, #d8b4480e 27.2% 27.5%, #0000 27.8% 39%, #d8b44806 39.2% 39.5%, #0000 39.8%), linear-gradient(110deg, #d8b4480b, #0000 36%), linear-gradient(145deg, #100c05, #060402 75%) !important;
}

.cln-shell.vx-future-shell .cln-hero {
  background: radial-gradient(circle at 83% 45%, #5c9f8b1f, #0000 20%), linear-gradient(#5c9f8b04 1px, #0000 1px) 0 0 / 38px 38px, linear-gradient(90deg, #5c9f8b04 1px, #0000 1px) 0 0 / 38px 38px, linear-gradient(145deg, #101713, #070c09 74%) !important;
}

.itx-shell.vx-future-shell .itx-hero {
  background: radial-gradient(circle at 83% 45%, #698eb226, #0000 19%), linear-gradient(90deg, #0000 0 16%, #698eb206 16.1% 16.22%, #0000 16.32% 73%, #698eb205 73.1% 73.22%, #0000 73.32%), linear-gradient(0deg, #0000 0 71%, #698eb205 71.1% 71.22%, #0000 71.32%), linear-gradient(145deg, #121a25, #080d14 74%) !important;
}

.vx-future-shell :is(.core2-eyebrow, .gt2-eyebrow, .c83-eyebrow, .cln-eyebrow, .itx-eyebrow) {
  letter-spacing: 1.55px !important;
  text-transform: uppercase !important;
}

.vx-future-shell :is(.core2-hero h1, .gt2-hero h1, .c83-hero h1, .cln-hero h1, .itx-hero h1) {
  letter-spacing: -1.35px !important;
}

.c83-shell.vx-future-shell .c83-hero h1 {
  background: linear-gradient(102deg, #fff8e8 0%, #f4ead4 45%, #e2c867 88%, #b99128 112%) !important;
  color: #0000 !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
}

.vx-future-shell :is(.core2-panel, .core2-workspace, .core2-client, .gt2-panel, .gt2-kpis > a, .gt2-signal, .c83-panel, .c83-kpi, .c83-row, .c2-signal-command, .cln-panel, .cln-kpis > div, .cln-row, .itx-panel, .itx-kpis > div, .itx-row, .itp-panel, .itp-card, .itf-stop, .fortress-card, .fortress-group) {
  position: relative;
  overflow: hidden;
  border-color: rgba(var(--vf-rgb),.11) !important;
  background-image: linear-gradient(135deg,rgba(var(--vf-rgb),.032),transparent 30%),linear-gradient(155deg,#080b0df6,#030507f4) !important;
  box-shadow: inset 0 0 0 1px rgba(var(--vf-rgb),.01),0 15px 38px #00000029 !important;
}

.vx-future-shell :is(.core2-panel, .core2-workspace, .core2-client, .gt2-panel, .gt2-kpis > a, .gt2-signal, .c83-panel, .c83-kpi, .c83-row, .c2-signal-command, .cln-panel, .cln-kpis > div, .cln-row, .itx-panel, .itx-kpis > div, .itx-row, .itp-panel, .itp-card, .itf-stop, .fortress-card, .fortress-group):before {
  content: "";
  background: rgba(var(--vf-rgb),.42);
  width: 22px;
  height: 1px;
  box-shadow: 0 0 14px rgba(var(--vf-rgb),.11);
  position: absolute;
  top: 0;
  left: 0;
}

.vx-future-shell :is(.core2-panel, .core2-workspace, .core2-client, .gt2-panel, .gt2-kpis > a, .gt2-signal, .c83-panel, .c83-kpi, .c83-row, .c2-signal-command, .cln-panel, .cln-kpis > div, .cln-row, .itx-panel, .itx-kpis > div, .itx-row, .itp-panel, .itp-card, .itf-stop, .fortress-card, .fortress-group):hover {
  border-color: rgba(var(--vf-rgb),.21) !important;
  box-shadow: inset 0 0 0 1px rgba(var(--vf-rgb),.014),0 20px 50px #0003,0 0 30px rgba(var(--vf-rgb),.02) !important;
}

.vx-future-shell :is(.core2-metrics strong, .core2-kpi-row strong, .gt2-kpis strong, .c83-kpi strong, .cln-kpis strong, .itx-kpis strong, .itf-kpis strong) {
  font-variant-numeric: tabular-nums !important;
  text-shadow: 0 0 22px rgba(var(--vf-rgb),.09) !important;
}

.vx-future-shell :is(.core2-metrics span, .gt2-kpis span, .c83-kpi span, .cln-kpis span, .itx-kpis span, .itf-kpis span) {
  letter-spacing: .8px !important;
  text-transform: uppercase !important;
}

.vx-future-shell :is(.v35-nav-items a, .c83-nav a, .cln-nav a, .itx-nav a) {
  position: relative;
  transition: background .18s, border-color .18s, transform .18s !important;
}

.vx-future-shell :is(.v35-nav-items a, .c83-nav a, .cln-nav a, .itx-nav a):hover {
  transform: translateX(1px);
}

.vx-future-shell :is(.v35-nav-items a, .c83-nav a, .cln-nav a, .itx-nav a).active {
  background-image: linear-gradient(90deg,rgba(var(--vf-rgb),.1),rgba(var(--vf-rgb),.024),transparent) !important;
  border-color: rgba(var(--vf-rgb),.17) !important;
  box-shadow: inset 2px 0 var(--vf-accent),inset 0 0 28px rgba(var(--vf-rgb),.02) !important;
}

.vx-future-shell :is(.v35-nav-items a, .c83-nav a, .cln-nav a, .itx-nav a).active:after {
  content: "";
  background: var(--vf-accent);
  width: 4px;
  height: 4px;
  box-shadow: 0 0 0 4px rgba(var(--vf-rgb),.025),0 0 14px rgba(var(--vf-rgb),.22);
  border-radius: 50%;
  position: absolute;
  top: 50%;
  right: 9px;
  transform: translateY(-50%);
}

.vx-future-shell :is(.button, .c83-btn, .cln-btn, .itx-btn, .fortress-run) {
  position: relative;
  overflow: hidden;
  border-color: rgba(var(--vf-rgb),.15) !important;
  box-shadow: inset 0 0 18px rgba(var(--vf-rgb),.012) !important;
  transition: transform .18s, border-color .18s, box-shadow .18s !important;
}

.vx-future-shell :is(.button, .c83-btn, .cln-btn, .itx-btn, .fortress-run):before {
  content: "";
  background: linear-gradient(90deg,transparent,rgba(var(--vf-rgb),.11),transparent);
  opacity: 0;
  pointer-events: none;
  width: 28%;
  transition: left .42s, opacity .2s;
  position: absolute;
  top: 0;
  bottom: 0;
  left: -40%;
  transform: skewX(-20deg);
}

.vx-future-shell :is(.button, .c83-btn, .cln-btn, .itx-btn, .fortress-run):hover {
  transform: translateY(-1px);
  border-color: rgba(var(--vf-rgb),.32) !important;
  box-shadow: 0 10px 28px #0003,inset 0 0 22px rgba(var(--vf-rgb),.022) !important;
}

.vx-future-shell :is(.button, .c83-btn, .cln-btn, .itx-btn, .fortress-run):hover:before {
  opacity: 1;
  left: 112%;
}

.vx-future-shell :is(.input, .c83-input, .cln-input, .itx-input, .v602-nav-search, .cln-nav-search, .itx-nav-search, .c83-search-trigger) {
  border-color: rgba(var(--vf-rgb),.12) !important;
  background: linear-gradient(145deg,#00000063,rgba(var(--vf-rgb),.014)) !important;
  box-shadow: inset 0 0 20px #0000002e !important;
}

.vx-future-shell :is(.input, .c83-input, .cln-input, .itx-input):focus {
  border-color: rgba(var(--vf-rgb),.32) !important;
  box-shadow: 0 0 0 2px rgba(var(--vf-rgb),.035),inset 0 0 22px rgba(var(--vf-rgb),.018) !important;
  outline: none !important;
}

.vx-future-shell :is(table, .table, .c83-table, .cln-table, .itx-table) {
  border-collapse: separate !important;
  border-spacing: 0 !important;
}

.vx-future-shell :is(table, .table, .c83-table, .cln-table, .itx-table) th {
  color: rgba(var(--vf-rgb),.75) !important;
  background: linear-gradient(180deg,rgba(var(--vf-rgb),.055),#030507f0) !important;
  border-bottom-color: rgba(var(--vf-rgb),.14) !important;
  letter-spacing: .9px !important;
  text-transform: uppercase !important;
}

.vx-future-shell :is(table, .table, .c83-table, .cln-table, .itx-table) td {
  border-bottom-color: rgba(var(--vf-rgb),.045) !important;
}

.vx-future-shell :is(table, .table, .c83-table, .cln-table, .itx-table) tbody tr {
  transition: background .15s, box-shadow .15s;
}

.vx-future-shell :is(table, .table, .c83-table, .cln-table, .itx-table) tbody tr:hover {
  box-shadow: inset 2px 0 rgba(var(--vf-rgb),.28);
  background: linear-gradient(90deg,rgba(var(--vf-rgb),.035),transparent 58%) !important;
}

.c83-shell.vx-future-shell .c83-sidebar {
  background: radial-gradient(circle at 12% 0, #d8b4481f, #0000 24%), linear-gradient(#0d0904, #050403 64%, #020201) !important;
}

.c83-shell.vx-future-shell .c83-brand-orb {
  box-shadow: 0 0 0 6px #d8b44805, 0 0 46px #d8b44821, inset 0 0 30px #d8b44813 !important;
}

.c83-shell.vx-future-shell .c2-signal-command {
  background: radial-gradient(circle at 93% 9%, #d8b44811, #0000 23%), linear-gradient(145deg, #0f0b05, #060402) !important;
}

.c83-shell.vx-future-shell .c83-btn.primary {
  color: #080602 !important;
  background: linear-gradient(135deg, #ecd26b, #bb9025) !important;
  border-color: #f6de82 !important;
  box-shadow: 0 12px 32px #b58b1f33, inset 0 1px #ffffff3d !important;
}

.shell-core.vx-future-shell .core2-orbit-core {
  box-shadow: 0 0 0 10px #ff4a3703, 0 0 95px #ff382738, inset 0 0 34px #ff523d1a !important;
}

.shell-core.vx-future-shell .core2-orbit-ring.r1 {
  filter: drop-shadow(0 0 12px #ff46331a);
}

.shell-guard.vx-future-shell .gt2-panel {
  background-image: linear-gradient(135deg, #5ec7e808, #0000 28%), linear-gradient(155deg, #061118, #03080c) !important;
}

.shell-guard.vx-future-shell .gt2-signal.critical {
  box-shadow: inset 2px 0 #dc4c4594, 0 15px 38px #00000029 !important;
}

.cln-shell.vx-future-shell .cln-panel {
  background-image: linear-gradient(135deg, #5c9f8b08, #0000 30%), linear-gradient(155deg, #0b1310, #060a08) !important;
}

.itx-shell.vx-future-shell .itx-panel {
  background-image: linear-gradient(135deg, #698eb209, #0000 30%), linear-gradient(155deg, #0b1119, #05080d) !important;
}

.itx-shell.vx-future-shell .itx-logo {
  box-shadow: 0 0 0 5px #698eb205, 0 0 32px #698eb214, inset 0 0 20px #698eb20d !important;
}

.vx-future-shell :is(.modal, .v36-agent-modal, .c83-command, .cln-modal, .itx-modal) {
  border-color: rgba(var(--vf-rgb),.2) !important;
  box-shadow: 0 40px 120px #000000a8,0 0 60px rgba(var(--vf-rgb),.035) !important;
  background: linear-gradient(145deg, #0a0d10fa, #030507fc) !important;
}

.vx-future-shell :is(.modal-backdrop, .v36-agent-modal-backdrop, .c83-command-backdrop) {
  -webkit-backdrop-filter: blur(8px) !important;
  backdrop-filter: blur(8px) !important;
  background: #000000c2 !important;
}

.vx-future-shell :is(.vx-empty, .core2-empty, .gt2-empty, .c83-empty, .cln-empty, .itx-empty) {
  position: relative;
  border-color: rgba(var(--vf-rgb),.1) !important;
  background: radial-gradient(circle at 50% 0,rgba(var(--vf-rgb),.045),transparent 42%),#030507c2 !important;
}

.vx-future-shell :is(.vx-empty, .core2-empty, .gt2-empty, .c83-empty, .cln-empty, .itx-empty):after {
  content: "SYSTEM READY";
  color: rgba(var(--vf-rgb),.28);
  letter-spacing: 1.2px;
  margin-top: 9px;
  font-size: 5px;
  font-weight: 950;
  display: block;
}

.vx-auth-future {
  background: radial-gradient(circle at 50% 42%, #a71f1630, #0000 23%), radial-gradient(circle at 50% 42%, #0000 0 22%, #ff4f3b07 22.2% 22.5%, #0000 22.8% 34%, #ff4f3b04 34.2% 34.5%, #0000 34.8%), linear-gradient(#ff4f3b05 1px, #0000 1px) 0 0 / 40px 40px, linear-gradient(90deg, #ff4f3b05 1px, #0000 1px) 0 0 / 40px 40px, linear-gradient(#0a0202, #020101) !important;
}

.vx-auth-card {
  outline-offset: -7px !important;
  outline: 1px solid #ff4f3b09 !important;
  box-shadow: 0 48px 140px #000000ad, 0 0 0 1px #ff4f3b07, 0 0 90px #9719111a !important;
}

@media (max-width: 1100px) {
  .vx-command-rail, .vx-command-crosshair, .vx-command-arc, .vx-future-shell:after {
    display: none;
  }
}

@media (max-width: 900px) {
  .vx-future-shell .vx-workspaces {
    margin: 8px 10px !important;
  }

  .vx-future-shell .vx-workspaces > .vx-workspaces-grid {
    grid-template-columns: repeat(6, minmax(78px, 1fr)) !important;
    overflow-x: auto !important;
  }

  .vx-command-pulse {
    display: none;
  }
}

@media (max-width: 620px) {
  .vx-future-shell .vx-workspaces > .vx-workspaces-grid {
    grid-template-columns: repeat(2, minmax(120px, 1fr)) !important;
    grid-auto-rows: 42px !important;
  }

  .vx-future-shell .vx-workspaces > .vx-workspaces-grid > * {
    grid-column: span 1 !important;
  }

  .vx-future-shell .vx-workspaces:before, .vx-future-shell .vx-workspaces:after {
    display: none !important;
  }

  .vx-future-shell :is(.core2-hero, .gt2-hero, .c83-hero, .cln-hero, .itx-hero):after {
    inset: 4px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .vx-command-arc, .vx-command-pulse {
    animation: none !important;
  }

  .vx-future-shell * {
    scroll-behavior: auto !important;
  }
}

.vx-future-shell .vx-workspaces-meta {
  display: none !important;
}

.vx-future-shell .vx-workspaces:after {
  content: none !important;
  display: none !important;
}

.vx-future-shell .vx-workspaces:before {
  display: block !important;
}

.docx-os {
  --doc-rgb: var(--vf-rgb, 190,190,190);
  isolation: isolate;
  gap: 16px;
  padding: 18px;
  display: grid;
  position: relative;
}

.docx-os:before {
  content: "";
  pointer-events: none;
  z-index: -1;
  background: linear-gradient(rgba(var(--doc-rgb),.025) 1px,transparent 1px),linear-gradient(90deg,rgba(var(--doc-rgb),.025) 1px,transparent 1px);
  background-size: 36px 36px;
  position: absolute;
  inset: 0;
  -webkit-mask-image: linear-gradient(#000, #0000 70%);
  mask-image: linear-gradient(#000, #0000 70%);
}

.docx-hero {
  border: 1px solid rgba(var(--doc-rgb),.22);
  background: radial-gradient(circle at 84% 40%,rgba(var(--doc-rgb),.15),transparent 28%),linear-gradient(135deg,rgba(var(--doc-rgb),.055),#05080ce6 50%);
  border-radius: 18px;
  justify-content: space-between;
  align-items: center;
  gap: 24px;
  min-height: 150px;
  padding: 28px 30px;
  display: flex;
  position: relative;
  overflow: hidden;
  box-shadow: inset 0 1px #ffffff09, 0 20px 70px #0003;
}

.docx-hero:after {
  content: "DOC // CONTROL // INTEGRITY";
  letter-spacing: 2px;
  color: rgba(var(--doc-rgb),.32);
  font-size: 8px;
  font-weight: 900;
  position: absolute;
  bottom: 12px;
  right: 18px;
}

.docx-hero > div:first-child > span {
  letter-spacing: 2px;
  color: rgb(var(--doc-rgb));
  font-size: 10px;
  font-weight: 900;
}

.docx-hero h1 {
  letter-spacing: -1.5px;
  margin: 8px 0 6px;
  font-size: clamp(28px, 3vw, 44px);
}

.docx-hero p {
  color: #ebf0f7ad;
  max-width: 760px;
  margin: 0;
}

.docx-score {
  border: 1px solid rgba(var(--doc-rgb),.35);
  background: radial-gradient(circle,rgba(var(--doc-rgb),.16),#05080cf0 63%);
  width: 108px;
  height: 108px;
  box-shadow: 0 0 40px rgba(var(--doc-rgb),.1),inset 0 0 26px rgba(var(--doc-rgb),.08);
  border-radius: 50%;
  flex: 0 0 108px;
  place-items: center;
  display: grid;
  position: relative;
}

.docx-score:before, .docx-score:after {
  content: "";
  border: 1px dashed rgba(var(--doc-rgb),.28);
  border-radius: 50%;
  animation: 28s linear infinite docx-spin;
  position: absolute;
  inset: 8px;
}

.docx-score:after {
  border-style: solid;
  border-color: transparent rgba(var(--doc-rgb),.32);
  animation-direction: reverse;
  inset: -7px;
}

.docx-score small {
  letter-spacing: 1.4px;
  font-size: 7px;
  position: absolute;
  top: 23px;
}

.docx-score strong {
  font-size: 34px;
}

.docx-score span {
  opacity: .5;
  font-size: 9px;
  position: absolute;
  bottom: 22px;
}

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

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

.docx-kpis article {
  border: 1px solid rgba(var(--doc-rgb),.14);
  background: #080c10c2;
  border-radius: 13px;
  padding: 15px 17px;
  position: relative;
  overflow: hidden;
}

.docx-kpis article:before {
  content: "";
  background: rgba(var(--doc-rgb),.55);
  width: 2px;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
}

.docx-kpis span {
  letter-spacing: 1.5px;
  color: rgba(var(--doc-rgb),.72);
  font-size: 8px;
  font-weight: 900;
  display: block;
}

.docx-kpis b {
  margin: 5px 0;
  font-size: 25px;
  display: block;
}

.docx-kpis small {
  opacity: .52;
}

.docx-kpis .danger:before {
  background: #ef5a5a;
}

.docx-kpis .danger b {
  color: #ff8c8c;
}

.docx-tabs {
  border: 1px solid rgba(var(--doc-rgb),.12);
  background: #05080cb8;
  border-radius: 12px;
  gap: 6px;
  padding: 5px;
  display: flex;
  overflow: auto;
}

.docx-tabs button {
  color: #ebf0f78c;
  cursor: pointer;
  white-space: nowrap;
  background: none;
  border: 0;
  border-radius: 8px;
  padding: 10px 14px;
  font-weight: 850;
}

.docx-tabs button.active {
  background: rgba(var(--doc-rgb),.13);
  color: #fff;
  box-shadow: inset 0 0 0 1px rgba(var(--doc-rgb),.18);
}

.docx-grid {
  grid-template-columns: 1fr 1fr;
  gap: 14px;
  display: grid;
}

.docx-panel {
  border: 1px solid rgba(var(--doc-rgb),.13);
  background: linear-gradient(160deg,rgba(var(--doc-rgb),.035),#06090dd6 38%);
  border-radius: 15px;
  overflow: hidden;
}

.docx-panel > header {
  border-bottom: 1px solid rgba(var(--doc-rgb),.1);
  justify-content: space-between;
  align-items: center;
  padding: 16px 18px;
  display: flex;
}

.docx-panel > header span {
  letter-spacing: 1.8px;
  color: rgba(var(--doc-rgb),.72);
  font-size: 8px;
  font-weight: 950;
}

.docx-panel > header b {
  font-size: 13px;
}

.docx-row {
  width: 100%;
  color: inherit;
  text-align: left;
  cursor: pointer;
  background: none;
  border: 0;
  border-bottom: 1px solid #ffffff0b;
  grid-template-columns: 10px 1fr auto;
  align-items: center;
  gap: 12px;
  padding: 13px 18px;
  display: grid;
}

.docx-row:hover {
  background: rgba(var(--doc-rgb),.055);
}

.docx-row.static {
  cursor: default;
}

.docx-row > i, .docx-table i {
  background: #58c98c;
  border-radius: 50%;
  width: 7px;
  height: 7px;
  box-shadow: 0 0 10px #58c98c55;
}

.docx-row i.expired, .docx-row i.missing, .docx-table i.expired {
  background: #ef5a5a;
  box-shadow: 0 0 10px #ef5a5a66;
}

.docx-row i.expiring, .docx-table i.expiring {
  background: #e8b957;
  box-shadow: 0 0 10px #e8b95766;
}

.docx-row i.draft {
  background: #8291a3;
}

.docx-row span {
  min-width: 0;
}

.docx-row span b, .docx-row span small {
  display: block;
}

.docx-row span small {
  opacity: .5;
  margin-top: 3px;
}

.docx-row em {
  opacity: .55;
  font-size: 11px;
  font-style: normal;
}

.docx-row > button {
  border: 1px solid rgba(var(--doc-rgb),.18);
  background: rgba(var(--doc-rgb),.07);
  color: inherit;
  cursor: pointer;
  border-radius: 7px;
  padding: 6px 8px;
}

.docx-empty {
  text-align: center;
  opacity: .48;
  padding: 26px;
}

.docx-filters {
  grid-template-columns: 1fr 170px 230px;
  gap: 8px;
  padding: 12px;
  display: grid;
}

.docx-filters input, .docx-filters select, .docx-form input, .docx-form select, .docx-form textarea {
  box-sizing: border-box;
  border: 1px solid rgba(var(--doc-rgb),.16);
  color: #eef3f8;
  background: #030609c7;
  border-radius: 9px;
  outline: none;
  width: 100%;
  padding: 10px 11px;
}

.docx-filters input:focus, .docx-form input:focus, .docx-form select:focus, .docx-form textarea:focus {
  border-color: rgba(var(--doc-rgb),.48);
  box-shadow: 0 0 0 3px rgba(var(--doc-rgb),.06);
}

.docx-table {
  overflow: auto;
}

.docx-table > .head, .docx-table > button {
  grid-template-columns: minmax(220px, 2fr) 1fr .8fr .8fr 1fr;
  align-items: center;
  gap: 12px;
  min-width: 760px;
  padding: 11px 16px;
  display: grid;
}

.docx-table > .head {
  letter-spacing: 1.3px;
  opacity: .45;
  border-top: 1px solid #ffffff0a;
  border-bottom: 1px solid #ffffff0f;
  font-size: 8px;
  font-weight: 900;
}

.docx-table > button {
  width: 100%;
  color: inherit;
  text-align: left;
  cursor: pointer;
  background: none;
  border: 0;
  border-bottom: 1px solid #ffffff0a;
}

.docx-table > button:hover {
  background: rgba(var(--doc-rgb),.045);
}

.docx-table > button > span:first-child b, .docx-table > button > span:first-child small {
  display: block;
}

.docx-table > button small {
  opacity: .45;
  margin-top: 3px;
}

.docx-table > button span:nth-child(3) {
  align-items: center;
  gap: 7px;
  display: flex;
}

.docx-form {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 13px;
  padding: 18px;
  display: grid;
}

.docx-form.compact {
  grid-template-columns: 1fr;
  padding: 16px;
}

.docx-form h3 {
  grid-column: 1 / -1;
  margin: 0;
}

.docx-form label {
  letter-spacing: .4px;
  color: #ebf0f7b8;
  gap: 6px;
  font-size: 10px;
  font-weight: 800;
  display: grid;
}

.docx-form label.wide {
  grid-column: 1 / -1;
}

.docx-form label small {
  opacity: .5;
  font-weight: 500;
}

.docx-form label.check {
  align-items: center;
  gap: 8px;
  display: flex;
}

.docx-form label.check input {
  width: auto;
}

.docx-primary {
  border: 1px solid rgba(var(--doc-rgb),.45);
  background: linear-gradient(135deg,rgba(var(--doc-rgb),.22),rgba(var(--doc-rgb),.08));
  color: #fff;
  cursor: pointer;
  border-radius: 9px;
  justify-content: center;
  align-items: center;
  padding: 10px 14px;
  font-weight: 900;
  text-decoration: none;
  display: inline-flex;
}

.docx-primary:hover {
  box-shadow: 0 0 22px rgba(var(--doc-rgb),.12);
}

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

.docx-sources > a, .docx-source-note {
  border: 1px solid rgba(var(--doc-rgb),.13);
  min-height: 128px;
  color: inherit;
  background: #070b0fcc;
  border-radius: 14px;
  padding: 18px;
  text-decoration: none;
  position: relative;
}

.docx-sources > a:hover {
  border-color: rgba(var(--doc-rgb),.34);
  transform: translateY(-1px);
}

.docx-sources > a > span {
  color: rgb(var(--doc-rgb));
  position: absolute;
  top: 12px;
  right: 14px;
}

.docx-sources b {
  margin-bottom: 8px;
  display: block;
}

.docx-sources p {
  opacity: .58;
  margin: 0 0 12px;
  line-height: 1.5;
}

.docx-sources small {
  color: rgba(var(--doc-rgb),.74);
  font-weight: 800;
}

.docx-source-note {
  grid-column: span 2;
}

.docx-modal-back {
  z-index: 9000;
  -webkit-backdrop-filter: blur(8px);
  backdrop-filter: blur(8px);
  background: #000000b8;
  place-items: center;
  padding: 24px;
  display: grid;
  position: fixed;
  inset: 0;
}

.docx-modal {
  border: 1px solid rgba(var(--doc-rgb),.28);
  background: #080c11;
  border-radius: 18px;
  width: min(900px, 96vw);
  max-height: 88vh;
  padding: 22px;
  overflow: auto;
  box-shadow: 0 30px 100px #000;
}

.docx-modal > header {
  justify-content: space-between;
  gap: 20px;
  display: flex;
}

.docx-modal > header span {
  letter-spacing: 1.5px;
  color: rgb(var(--doc-rgb));
  font-size: 9px;
  font-weight: 900;
}

.docx-modal h2 {
  margin: 5px 0;
  font-size: 28px;
}

.docx-modal p {
  opacity: .5;
}

.docx-modal > header > button {
  color: #fff;
  cursor: pointer;
  background: none;
  border: 0;
  align-self: start;
  font-size: 26px;
}

.docx-modal-actions {
  flex-wrap: wrap;
  gap: 8px;
  margin: 16px 0;
  display: flex;
}

.docx-modal-actions button {
  color: #fff;
  cursor: pointer;
  background: #111820;
  border: 1px solid #ffffff1f;
  border-radius: 9px;
  padding: 10px 12px;
}

.docx-modal-actions button.danger {
  color: #ff9d9d;
  border-color: #ef5a5a55;
}

.docx-detail-grid {
  grid-template-columns: repeat(4, 1fr);
  gap: 8px;
  margin: 12px 0 20px;
  display: grid;
}

.docx-detail-grid > div {
  background: #ffffff06;
  border: 1px solid #ffffff12;
  border-radius: 10px;
  padding: 12px;
}

.docx-detail-grid small, .docx-detail-grid b {
  display: block;
}

.docx-detail-grid small {
  letter-spacing: 1px;
  opacity: .4;
  margin-bottom: 4px;
  font-size: 8px;
}

.docx-version {
  border-top: 1px solid #ffffff0f;
  grid-template-columns: 44px 1fr auto;
  align-items: center;
  gap: 12px;
  padding: 11px;
  display: grid;
}

.docx-version > span {
  color: rgb(var(--doc-rgb));
  font-weight: 900;
}

.docx-version b, .docx-version small {
  display: block;
}

.docx-version small {
  opacity: .5;
  margin-top: 3px;
}

.docx-version a {
  color: rgb(var(--doc-rgb));
  text-decoration: none;
}

.docx-error, .docx-denied {
  color: #ffb1b1;
  background: #6c161622;
  border: 1px solid #ef5a5a55;
  border-radius: 10px;
  padding: 13px 15px;
}

.docx-error {
  justify-content: space-between;
  display: flex;
}

.docx-error button {
  color: inherit;
  cursor: pointer;
  background: none;
  border: 0;
}

@media (max-width: 1000px) {
  .docx-kpis {
    grid-template-columns: repeat(3, 1fr);
  }

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

  .docx-sources {
    grid-template-columns: 1fr 1fr;
  }

  .docx-source-note {
    grid-column: 1 / -1;
  }
}

@media (max-width: 700px) {
  .docx-os {
    padding: 10px;
  }

  .docx-hero {
    align-items: flex-start;
    padding: 20px;
  }

  .docx-score {
    flex-basis: 82px;
    width: 82px;
    height: 82px;
  }

  .docx-score strong {
    font-size: 25px;
  }

  .docx-score small {
    top: 15px;
  }

  .docx-score span {
    bottom: 14px;
  }

  .docx-kpis {
    grid-template-columns: 1fr 1fr;
  }

  .docx-filters, .docx-form {
    grid-template-columns: 1fr;
  }

  .docx-form label.wide {
    grid-column: auto;
  }

  .docx-sources {
    grid-template-columns: 1fr;
  }

  .docx-source-note {
    grid-column: auto;
  }

  .docx-detail-grid {
    grid-template-columns: 1fr 1fr;
  }
}

@media (prefers-reduced-motion: reduce) {
  .docx-score:before, .docx-score:after {
    animation: none;
  }
}

.docx-version button {
  border: 1px solid rgba(var(--doc-rgb),.2);
  background: rgba(var(--doc-rgb),.07);
  color: rgb(var(--doc-rgb));
  cursor: pointer;
  border-radius: 8px;
  padding: 7px 9px;
  font-weight: 800;
}

.docx-modal-actions > .docx-primary {
  font-family: inherit;
}

.docx-modal-actions button.docx-primary {
  cursor: pointer;
}

.docx-inline-select {
  border: 1px solid rgba(var(--doc-rgb),.15);
  color: #eef3f8;
  background: #080d12;
  border-radius: 7px;
  max-width: 420px;
  margin-top: 7px;
  padding: 6px 8px;
  font-size: 10px;
  display: block;
}

.v74-auto-banner {
  background: radial-gradient(circle at 10% 0, #dbb6421a, #0000 38%), linear-gradient(145deg, #11100b, #090907);
  border: 1px solid #dbb64238;
  border-radius: 15px;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 18px;
  margin-bottom: 12px;
  padding: 16px 18px;
  display: grid;
  box-shadow: inset 0 1px #ffffff06;
}

.v74-auto-banner span {
  letter-spacing: 1.4px;
  color: #d7b84e;
  font-size: 10px;
  font-weight: 950;
}

.v74-auto-banner h3 {
  color: #f1ead6;
  margin: 5px 0 6px;
  font-size: 19px;
}

.v74-auto-banner p {
  color: #8c8579;
  max-width: 950px;
  margin: 0;
  font-size: 11px;
  line-height: 1.55;
}

.v74-local-status {
  justify-items: end;
  gap: 4px;
  display: grid;
}

.v74-local-status b {
  color: #75dca7;
  letter-spacing: 1px;
  background: #56d29412;
  border: 1px solid #56d29440;
  border-radius: 999px;
  padding: 7px 10px;
  font-size: 10px;
}

.v74-local-status small {
  text-align: right;
  color: #6f6a61;
  letter-spacing: .55px;
  max-width: 250px;
  font-size: 8px;
}

.v74-learning-kpis {
  grid-template-columns: repeat(5, minmax(120px, 1fr));
  gap: 7px;
  margin: 10px 0;
  display: grid;
}

.v74-learning-kpis .v52-kpi {
  min-height: 72px;
}

.v74-learning-head {
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  margin: 12px 0 8px;
  display: flex;
}

.v74-learning-head > div {
  gap: 3px;
  display: grid;
}

.v74-learning-head b {
  letter-spacing: 1px;
  color: #c9aa45;
  font-size: 10px;
}

.v74-learning-head span {
  color: #746e63;
  font-size: 9px;
}

.v74-habits {
  grid-template-columns: repeat(auto-fit, minmax(245px, 1fr));
  gap: 7px;
  margin-bottom: 13px;
  display: grid;
}

.v74-habit {
  background: #080806;
  border: 1px solid #dbb64214;
  border-radius: 11px;
  grid-template-columns: 1fr auto;
  gap: 5px 8px;
  padding: 10px 11px;
  display: grid;
}

.v74-habit > div {
  gap: 2px;
  display: grid;
}

.v74-habit > div b {
  font-size: 10px;
}

.v74-habit > div span, .v74-habit small {
  color: #766f63;
  font-size: 8px;
}

.v74-habit small {
  grid-column: 1 / 3;
}

.v74-habit strong {
  color: #a59a7d;
  border: 1px solid #dbb64226;
  border-radius: 999px;
  align-self: start;
  padding: 4px 7px;
  font-size: 8px;
}

.v74-habit strong.night {
  color: #8eb9ff;
  background: #6497ec0f;
  border-color: #6497ec38;
}

.v74-habit strong.day {
  color: #e0bd52;
  background: #e0bd520f;
  border-color: #e0bd5238;
}

.v74-runline {
  flex-wrap: wrap;
  gap: 8px;
  margin: 8px 0 11px;
  display: flex;
}

.v74-runline span {
  color: #756e62;
  background: #080806;
  border: 1px solid #dbb64214;
  border-radius: 8px;
  padding: 6px 8px;
  font-size: 8px;
}

.v74-runline b {
  color: #cbb255;
}

.v74-explain {
  border-top: 1px solid #dbb64212;
  grid-column: 1 / 3;
  padding-top: 6px;
}

.v74-explain summary {
  cursor: pointer;
  color: #b9a04d;
  font-size: 9px;
  font-weight: 850;
}

.v74-explain > div {
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 4px;
  margin-top: 6px;
  display: grid;
}

.v74-explain span {
  color: #81796c;
  background: #0c0c09;
  border-radius: 7px;
  grid-template-columns: 28px 1fr;
  align-items: center;
  gap: 5px;
  padding: 5px 6px;
  font-size: 8px;
  display: grid;
}

.v74-explain span b {
  color: #aaa392;
}

.v74-explain span.plus b {
  color: #72d99f;
}

.v74-explain span.minus b {
  color: #d17670;
}

@media (max-width: 1000px) {
  .v74-auto-banner {
    grid-template-columns: 1fr;
  }

  .v74-local-status {
    justify-items: start;
  }

  .v74-local-status small {
    text-align: left;
  }

  .v74-learning-kpis {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 600px) {
  .v74-learning-kpis {
    grid-template-columns: 1fr;
  }

  .v74-learning-head {
    align-items: flex-start;
    display: grid;
  }

  .v74-explain {
    grid-column: auto;
  }
}

.v75-replacement-hero {
  background: radial-gradient(circle at 85% 15%, #dcb4371a, #0000 35%), linear-gradient(145deg, #0b0b09, #11100b);
}

.v75-hero-actions {
  flex-wrap: wrap;
  justify-content: flex-end;
  align-items: center;
  gap: 7px;
  display: flex;
}

.v75-local {
  color: #75dca7;
  letter-spacing: 1px;
  background: #5fd8990f;
  border: 1px solid #5fd89940;
  border-radius: 999px;
  padding: 6px 9px;
  font-size: 9px;
  font-weight: 900;
}

.v75-replacement-kpis {
  grid-template-columns: repeat(6, minmax(110px, 1fr));
  gap: 7px;
  margin: 10px 0;
  display: grid;
}

.v75-replacement-kpis > div {
  background: #090908;
  border: 1px solid #dbb64217;
  border-radius: 11px;
  gap: 4px;
  min-height: 70px;
  padding: 11px;
  display: grid;
}

.v75-replacement-kpis span {
  color: #777065;
  text-transform: uppercase;
  letter-spacing: .5px;
  font-size: 8px;
}

.v75-replacement-kpis b {
  color: #d9c478;
  font-size: 20px;
}

.v75-safety-band {
  background: #dbb64209;
  border: 1px solid #dbb64221;
  border-radius: 10px;
  align-items: center;
  gap: 10px;
  margin: 9px 0 12px;
  padding: 9px 11px;
  display: flex;
}

.v75-safety-band b {
  color: #d2b858;
  letter-spacing: 1px;
  flex: none;
  font-size: 8px;
}

.v75-safety-band span {
  color: #817a6c;
  font-size: 9px;
  line-height: 1.45;
}

.v75-case {
  text-align: left;
  width: 100%;
}

.v75-case-tags {
  flex-wrap: wrap;
  gap: 4px;
  margin-bottom: 5px;
  display: flex;
}

.v75-candidate-actions, .v75-panel-head {
  flex-wrap: wrap;
  align-items: center;
  gap: 6px;
  display: flex;
}

.v75-candidate-title {
  flex-wrap: wrap;
  align-items: center;
  gap: 7px;
  display: flex;
}

.v75-candidate-title > span {
  color: #72d99f;
  font-size: 8px;
  font-weight: 850;
}

.v75-candidate .v80-row {
  align-items: flex-start;
}

.v75-reasons {
  flex-wrap: wrap;
  gap: 4px;
  margin-top: 6px;
  display: flex;
}

.v75-reasons .v80-reason {
  grid-template-columns: auto 1fr;
  align-items: center;
  gap: 4px;
  display: grid;
}

.v75-reasons .v80-reason b {
  font-size: 8px;
}

.v75-reasons .plus b {
  color: #72d99f;
}

.v75-reasons .minus b {
  color: #d17670;
}

.v75-score-actions {
  justify-items: end;
  gap: 6px;
  display: grid;
}

@media (max-width: 1150px) {
  .v75-replacement-kpis {
    grid-template-columns: repeat(3, 1fr);
  }
}

@media (max-width: 700px) {
  .v75-replacement-kpis {
    grid-template-columns: repeat(2, 1fr);
  }

  .v75-safety-band {
    align-items: flex-start;
    display: grid;
  }
}

.v76-rebalance-hero {
  background: radial-gradient(circle at 82% 12%, #56bedc1a, #0000 33%), radial-gradient(circle at 18% 90%, #dbb6420f, #0000 35%), linear-gradient(145deg, #080b0d, #0d1113);
}

.v76-hero-actions, .v76-autoplan-actions {
  flex-wrap: wrap;
  justify-content: flex-end;
  align-items: center;
  gap: 7px;
  display: flex;
}

.v76-local {
  color: #75d3e5;
  letter-spacing: 1px;
  background: #60cde00d;
  border: 1px solid #60cde03d;
  border-radius: 999px;
  padding: 6px 9px;
  font-size: 9px;
  font-weight: 900;
}

.v76-objective {
  background: #60cde006;
  border: 1px solid #60cde021;
  border-radius: 10px;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  margin: 10px 0;
  padding: 9px 11px;
  display: flex;
}

.v76-objective > b {
  color: #76d6e7;
  letter-spacing: 1px;
  font-size: 8px;
}

.v76-objective span {
  color: #8b9698;
  border-left: 1px solid #252b2d;
  padding-left: 8px;
  font-size: 8px;
}

.v76-objective strong {
  color: #d7bd62;
  letter-spacing: .6px;
  margin-left: auto;
  font-size: 8px;
}

.v76-kpis {
  grid-template-columns: repeat(4, 1fr);
  gap: 7px;
  margin: 10px 0;
  display: grid;
}

.v76-kpis > div {
  background: #080a0b;
  border: 1px solid #60cde014;
  border-radius: 11px;
  gap: 4px;
  padding: 11px;
  display: grid;
}

.v76-kpis span {
  color: #707b7e;
  text-transform: uppercase;
  font-size: 8px;
}

.v76-kpis b {
  color: #b7dfe6;
  font-size: 16px;
}

.v76-tags {
  flex-wrap: wrap;
  gap: 4px;
  margin-bottom: 5px;
  display: flex;
}

.v76-case {
  align-items: center;
}

.v76-plan-group {
  border-top: 1px solid #171c1e;
  gap: 7px;
  padding: 10px 0;
  display: grid;
}

.v76-plan-group:first-of-type {
  border-top: 0;
}

.v76-plan-group-head {
  justify-content: space-between;
  align-items: center;
  gap: 9px;
  display: flex;
}

.v76-plan-group-head > div {
  grid-template-columns: auto 1fr;
  align-items: center;
  gap: 3px 7px;
  display: grid;
}

.v76-plan-group-head small {
  grid-column: 2;
}

.v76-plan-group-head > span {
  color: #687275;
  font-size: 8px;
}

.v76-plan {
  background: linear-gradient(140deg, #60cde006, #0000 35%), #090b0c;
  border: 1px solid #60cde017;
  border-radius: 11px;
  grid-template-columns: 58px 1fr auto;
  align-items: start;
  gap: 11px;
  padding: 10px;
  display: grid;
}

.v76-plan.muted-plan {
  opacity: .55;
}

.v76-plan-score {
  border-right: 1px solid #1d2325;
  justify-items: center;
  gap: 1px;
  padding: 6px;
  display: grid;
}

.v76-plan-score > b {
  color: #6d777a;
  font-size: 8px;
}

.v76-plan-score strong {
  color: #82d9e8;
  font-size: 20px;
}

.v76-plan-score span {
  color: #596164;
  font-size: 7px;
}

.v76-plan-main {
  gap: 7px;
  display: grid;
}

.v76-plan-title {
  flex-wrap: wrap;
  align-items: center;
  gap: 7px;
  display: flex;
}

.v76-plan-title > b {
  color: #d9c16e;
  letter-spacing: .5px;
  font-size: 9px;
}

.v76-plan-title > span:not(.badge) {
  color: #667276;
  font-size: 8px;
}

.v76-moves {
  gap: 4px;
  display: grid;
}

.v76-moves > div {
  background: #070909;
  border: 1px solid #151a1c;
  border-radius: 8px;
  grid-template-columns: 70px 1fr;
  gap: 2px 7px;
  padding: 6px 7px;
  display: grid;
}

.v76-moves > div > span {
  color: #78cfe0;
  letter-spacing: .7px;
  grid-row: 1 / 3;
  font-size: 7px;
  font-weight: 900;
}

.v76-moves b {
  font-size: 9px;
}

.v76-moves small {
  color: #657073;
  font-size: 8px;
}

.v76-explain summary {
  cursor: pointer;
  color: #8c979a;
  font-size: 8px;
}

.v76-explain > div {
  flex-wrap: wrap;
  gap: 4px;
  margin-top: 5px;
  display: flex;
}

.v76-explain span {
  color: #727d80;
  border: 1px solid #1b2224;
  border-radius: 7px;
  grid-template-columns: auto 1fr;
  gap: 4px;
  padding: 4px 6px;
  font-size: 7px;
  display: grid;
}

.v76-explain span b {
  color: #9fdce7;
}

.v76-plan-action {
  justify-items: end;
  gap: 5px;
  min-width: 135px;
  display: grid;
}

.v76-plan-action > span {
  color: #697376;
  font-size: 8px;
}

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

  .v76-plan {
    grid-template-columns: 48px 1fr;
  }

  .v76-plan-action {
    flex-wrap: wrap;
    grid-column: 2;
    justify-content: flex-end;
    align-items: center;
    display: flex;
  }
}

@media (max-width: 650px) {
  .v76-objective {
    display: grid;
  }

  .v76-objective strong {
    margin-left: 0;
  }

  .v76-plan {
    grid-template-columns: 1fr;
  }

  .v76-plan-score {
    border-bottom: 1px solid #1d2325;
    border-right: 0;
    justify-content: flex-start;
    align-items: center;
    gap: 4px;
    display: flex;
  }

  .v76-plan-action {
    grid-column: 1;
  }
}

.v77-optimizer-hero {
  background: radial-gradient(circle at 85% 15%, #59d0e321, #0000 30%), radial-gradient(circle at 12% 90%, #d7ba5b12, #0000 33%), linear-gradient(145deg, #070a0c, #0b1114 48%, #080a0b);
}

.v77-hero-side {
  align-content: start;
  justify-items: end;
  gap: 7px;
  display: grid;
}

.v77-hero-side > div {
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 6px;
  display: flex;
}

.v77-lock, .v77-local {
  letter-spacing: .8px;
  border-radius: 999px;
  padding: 6px 9px;
  font-size: 8px;
  font-weight: 900;
  display: inline-flex;
}

.v77-lock {
  color: #d8c36d;
  background: #d8c36d0b;
  border: 1px solid #d8c36d3d;
}

.v77-local {
  color: #75d4e4;
  background: #75d4e40a;
  border: 1px solid #75d4e438;
}

.v77-launcher {
  border-color: #75d4e41f;
}

.v77-form {
  grid-template-columns: 1fr 1fr 1.3fr auto;
  align-items: end;
  gap: 8px;
  display: grid;
}

.v77-form label {
  gap: 4px;
  display: grid;
}

.v77-form label span {
  text-transform: uppercase;
  color: #6d787b;
  letter-spacing: .6px;
  font-size: 8px;
}

.v77-form input, .v77-form select {
  color: #c9d1d2;
  background: #080b0c;
  border: 1px solid #1c2426;
  border-radius: 8px;
  min-height: 35px;
  padding: 7px 9px;
}

.v77-pipeline {
  background: #070909;
  border: 1px solid #141b1d;
  border-radius: 8px;
  flex-wrap: wrap;
  align-items: center;
  gap: 6px;
  margin-top: 10px;
  padding: 7px 9px;
  display: flex;
}

.v77-pipeline span {
  color: #778285;
  letter-spacing: .6px;
  font-size: 7px;
  font-weight: 900;
}

.v77-pipeline b {
  color: #335058;
}

.v77-pipeline strong {
  color: #d7c16f;
  margin-left: auto;
  font-size: 7px;
}

.v77-kpis {
  grid-template-columns: repeat(4, 1fr);
  gap: 7px;
  margin: 10px 0;
  display: grid;
}

.v77-kpi {
  background: #080a0b;
  border: 1px solid #151c1e;
  border-radius: 10px;
  gap: 4px;
  padding: 10px;
  display: grid;
}

.v77-kpi span {
  color: #697477;
  letter-spacing: .6px;
  font-size: 7px;
}

.v77-kpi b {
  color: #c0d9dd;
  font-size: 17px;
}

.v77-kpi b i {
  color: #4a6b72;
  font-style: normal;
}

.v77-kpi small {
  color: #5c6669;
  font-size: 7px;
}

.v77-kpi.hero-kpi {
  background: linear-gradient(145deg, #75d4e40d, #0000), #080a0b;
  border-color: #75d4e42e;
}

.v77-kpi.hero-kpi b {
  color: #83d9e7;
}

.v77-actions {
  align-items: center;
  gap: 7px;
  display: flex;
}

.v77-guardrail {
  background: #d8c36d06;
  border: 1px solid #d8c36d21;
  border-radius: 8px;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  margin-bottom: 9px;
  padding: 7px 9px;
  display: flex;
}

.v77-guardrail b {
  color: #d6c06d;
  letter-spacing: .7px;
  font-size: 7px;
}

.v77-guardrail span {
  color: #717c7f;
  border-left: 1px solid #252c2e;
  padding-left: 8px;
  font-size: 7px;
}

.v77-guardrail strong {
  color: #d6c06d;
  margin-left: auto;
  font-size: 7px;
}

.v77-decisions {
  gap: 6px;
  display: grid;
}

.v77-decision {
  background: #080a0b;
  border: 1px solid #151c1e;
  border-radius: 10px;
  grid-template-columns: 68px 1fr 85px;
  align-items: start;
  gap: 10px;
  padding: 9px;
  display: grid;
}

.v77-decision.uncovered {
  background: linear-gradient(145deg, #d54a4a09, #0000), #080a0b;
  border-color: #d54a4a38;
}

.v77-decision-time {
  border-right: 1px solid #1a2224;
  justify-items: center;
  gap: 2px;
  padding-right: 8px;
  display: grid;
}

.v77-decision-time b {
  text-transform: uppercase;
  color: #819093;
  font-size: 9px;
}

.v77-decision-time span {
  color: #b6c8cb;
  font-size: 13px;
}

.v77-decision-main {
  gap: 5px;
  display: grid;
}

.v77-decision-title {
  flex-wrap: wrap;
  align-items: center;
  gap: 6px;
  display: flex;
}

.v77-decision-title > b {
  font-size: 9px;
}

.v77-decision-title > span:not(.badge) {
  color: #667174;
  font-size: 8px;
}

.v77-agent {
  gap: 2px;
  display: grid;
}

.v77-agent strong {
  color: #b8dce2;
  font-size: 10px;
}

.v77-agent small {
  color: #7f898c;
  font-size: 7px;
}

.v77-agent.missing strong {
  color: #dc7878;
}

.v77-decision details summary {
  color: #737f82;
  cursor: pointer;
  font-size: 7px;
}

.v77-reasons {
  flex-wrap: wrap;
  gap: 4px;
  margin-top: 5px;
  display: flex;
}

.v77-reasons span {
  color: #707c7f;
  border: 1px solid #192124;
  border-radius: 6px;
  grid-template-columns: auto 1fr;
  gap: 4px;
  padding: 4px 5px;
  font-size: 7px;
  display: grid;
}

.v77-reasons b {
  color: #95dce7;
}

.v77-decision-score {
  justify-items: end;
  gap: 2px;
  display: grid;
}

.v77-decision-score strong {
  color: #82d8e6;
  font-size: 19px;
}

.v77-decision-score > span {
  color: #596366;
  font-size: 7px;
}

.v77-decision-score small {
  color: #748083;
  font-size: 7px;
}

.v77-history {
  text-align: left;
  cursor: pointer;
  grid-template-columns: 2fr repeat(3, 1fr);
  width: 100%;
}

.v77-history > div {
  gap: 2px;
  display: grid;
}

.v77-history > div > span {
  color: #687376;
  font-size: 7px;
}

.v77-history > div > b {
  font-size: 9px;
}

@media (max-width: 980px) {
  .v77-kpis {
    grid-template-columns: repeat(2, 1fr);
  }

  .v77-form {
    grid-template-columns: 1fr 1fr;
  }

  .v77-decision {
    grid-template-columns: 58px 1fr;
  }

  .v77-decision-score {
    grid-column: 2;
    justify-content: flex-end;
    align-items: center;
    gap: 6px;
    display: flex;
  }

  .v77-history {
    grid-template-columns: 1fr 1fr;
  }
}

@media (max-width: 650px) {
  .v77-form {
    grid-template-columns: 1fr;
  }

  .v77-kpis {
    grid-template-columns: 1fr 1fr;
  }

  .v77-decision {
    grid-template-columns: 1fr;
  }

  .v77-decision-time {
    border-bottom: 1px solid #1a2224;
    border-right: 0;
    justify-content: flex-start;
    gap: 6px;
    padding: 0 0 5px;
    display: flex;
  }

  .v77-decision-score {
    grid-column: 1;
  }

  .v77-guardrail {
    display: grid;
  }

  .v77-guardrail strong {
    margin-left: 0;
  }

  .v77-history {
    grid-template-columns: 1fr;
  }
}

.v78-lab-hero {
  background: radial-gradient(circle at 82% 8%, #71ddeb24, #0000 31%), radial-gradient(circle at 15% 92%, #d8be5b14, #0000 34%), linear-gradient(145deg, #07090a, #0b1114 50%, #080a0b);
}

.v78-hero-side {
  align-content: start;
  justify-items: end;
  gap: 7px;
  display: grid;
}

.v78-hero-side > span {
  color: #85dbe8;
  letter-spacing: .7px;
  background: #77dae909;
  border: 1px solid #77dae92e;
  border-radius: 999px;
  padding: 6px 9px;
  font-size: 8px;
  font-weight: 900;
}

.v78-hero-side > span:first-child {
  color: #d9c46f;
  background: #d9c46f0a;
  border-color: #d9c46f38;
}

.v78-hero-side > div {
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 6px;
  display: flex;
}

.v78-generator-form {
  grid-template-columns: 180px 180px 1fr;
  align-items: end;
  gap: 8px;
  display: grid;
}

.v78-generator-form label, .v78-lock-form label {
  gap: 4px;
  display: grid;
}

.v78-generator-form label span, .v78-lock-form label span {
  color: #6e797c;
  text-transform: uppercase;
  letter-spacing: .6px;
  font-size: 8px;
}

.v78-generator-form input, .v78-lock-form input, .v78-lock-form select {
  color: #c5d0d2;
  background: #080b0c;
  border: 1px solid #1b2426;
  border-radius: 8px;
  min-height: 35px;
  padding: 7px 9px;
}

.v78-strategy-strip {
  grid-template-columns: repeat(5, 1fr);
  gap: 5px;
  margin-top: 9px;
  display: grid;
}

.v78-strategy-strip span {
  color: #738084;
  background: #070909;
  border: 1px solid #151d1f;
  border-radius: 8px;
  align-items: center;
  gap: 6px;
  padding: 6px 7px;
  font-size: 7px;
  display: flex;
}

.v78-strategy-strip b {
  color: #78d6e5;
  font-size: 12px;
}

.v78-scenarios {
  grid-template-columns: repeat(5, 1fr);
  gap: 7px;
  display: grid;
}

.v78-scenario {
  background: #080a0b;
  border: 1px solid #182023;
  border-radius: 11px;
  gap: 7px;
  padding: 10px;
  display: grid;
  position: relative;
}

.v78-scenario.recommended {
  background: linear-gradient(150deg, #d8c1670e, #0000 38%), #080a0b;
  border-color: #d8c1674d;
}

.v78-scenario.selected {
  box-shadow: inset 0 0 0 1px #70d7e857;
}

.v78-rank {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.v78-rank > b {
  color: #657174;
  font-size: 9px;
}

.v78-rank > span {
  color: #d9c36f;
  letter-spacing: .7px;
  font-size: 6px;
  font-weight: 900;
}

.v78-scenario-title {
  gap: 2px;
  display: grid;
}

.v78-scenario-title strong {
  font-size: 10px;
}

.v78-scenario-title small {
  color: #566164;
  font-size: 6px;
}

.v78-score {
  align-items: end;
  gap: 4px;
  display: flex;
}

.v78-score b {
  color: #83d9e7;
  font-size: 22px;
}

.v78-score span {
  color: #5c676a;
  margin-bottom: 3px;
  font-size: 6px;
}

.v78-metrics {
  border-top: 1px solid #161d1f;
  gap: 3px;
  padding-top: 6px;
  display: grid;
}

.v78-metrics span {
  color: #6d787b;
  justify-content: space-between;
  gap: 6px;
  font-size: 7px;
  display: flex;
}

.v78-metrics b {
  color: #aababc;
}

.v78-scenario-actions {
  flex-wrap: wrap;
  gap: 4px;
  margin-top: auto;
  display: flex;
}

.v78-diff {
  border-top: 1px solid #182023;
  margin-top: 10px;
  padding-top: 10px;
}

.v78-diff-list {
  gap: 5px;
  max-height: 520px;
  display: grid;
  overflow: auto;
}

.v78-diff-list > div {
  background: #070909;
  border: 1px solid #151d1f;
  border-radius: 8px;
  grid-template-columns: 1.6fr 1fr auto 1fr;
  align-items: center;
  gap: 9px;
  padding: 7px;
  display: grid;
}

.v78-diff-list > div > div, .v78-diff-list > div > span {
  gap: 2px;
  display: grid;
}

.v78-diff-list small {
  color: #667174;
  font-size: 6px;
}

.v78-diff-list b {
  font-size: 8px;
}

.v78-diff-list strong {
  color: #46646b;
}

.v78-lock-center {
  border-color: #d8c16726;
}

.v78-lock-explainer {
  grid-template-columns: repeat(5, 1fr);
  gap: 5px;
  margin-bottom: 10px;
  display: grid;
}

.v78-lock-explainer span {
  color: #687477;
  background: #070909;
  border: 1px solid #181f21;
  border-radius: 8px;
  gap: 2px;
  padding: 6px;
  font-size: 7px;
  display: grid;
}

.v78-lock-explainer b {
  color: #d7c16e;
  font-size: 7px;
}

.v78-lock-form {
  background: #d8c16705;
  border: 1px solid #d8c1671c;
  border-radius: 9px;
  grid-template-columns: 1.1fr 2fr 150px 150px 1.5fr auto;
  align-items: end;
  gap: 7px;
  padding: 9px;
  display: grid;
}

.v78-lock-form .v78-entity {
  grid-column: auto;
}

.v78-lock-form .v78-reason {
  min-width: 180px;
}

.v78-lock-list {
  gap: 5px;
  margin-top: 9px;
  display: grid;
}

.v78-lock-row {
  background: #080a0b;
  border: 1px solid #171e20;
  border-radius: 8px;
  grid-template-columns: 28px 1fr auto;
  align-items: center;
  gap: 8px;
  padding: 7px;
  display: grid;
}

.v78-lock-icon {
  font-size: 14px;
}

.v78-lock-row > div {
  gap: 2px;
  display: grid;
}

.v78-lock-row b {
  color: #d5c16f;
  font-size: 8px;
}

.v78-lock-row small {
  color: #697477;
  font-size: 7px;
}

.v78-history {
  text-align: left;
  cursor: pointer;
  grid-template-columns: 2fr repeat(3, 1fr);
  width: 100%;
}

.v78-history > div {
  gap: 2px;
  display: grid;
}

.v78-history > div > span {
  color: #657174;
  font-size: 7px;
}

.v78-history > div > b {
  font-size: 8px;
}

@media (max-width: 1180px) {
  .v78-scenarios {
    grid-template-columns: repeat(2, 1fr);
  }

  .v78-lock-form {
    grid-template-columns: 1fr 1fr 1fr;
  }

  .v78-lock-explainer {
    grid-template-columns: repeat(3, 1fr);
  }
}

@media (max-width: 760px) {
  .v78-generator-form {
    grid-template-columns: 1fr;
  }

  .v78-strategy-strip {
    grid-template-columns: 1fr 1fr;
  }

  .v78-scenarios, .v78-lock-form {
    grid-template-columns: 1fr;
  }

  .v78-lock-explainer {
    grid-template-columns: 1fr 1fr;
  }

  .v78-diff-list > div {
    grid-template-columns: 1fr;
  }

  .v78-diff-list > div > strong {
    display: none;
  }

  .v78-history {
    grid-template-columns: 1fr 1fr;
  }
}

.p79-page {
  gap: 10px;
  display: grid;
}

.p79-hero {
  background: radial-gradient(circle at 85% 15%, #c5433824, #0000 31%), radial-gradient(circle at 10% 100%, #deba4e0d, #0000 30%), linear-gradient(145deg, #0a0909, #100b0b 52%, #080909);
  border: 1px solid #c5433838;
  border-radius: 16px;
  grid-template-columns: 1fr auto;
  align-items: start;
  gap: 20px;
  padding: 22px;
  display: grid;
}

.p79-hero > div:first-child > span, .p79-card-head span {
  letter-spacing: 1px;
  color: #cf655e;
  font-size: 8px;
  font-weight: 900;
}

.p79-hero h1 {
  max-width: 800px;
  margin: 5px 0;
  font-size: 29px;
}

.p79-hero p {
  color: #81898a;
  max-width: 820px;
  font-size: 11px;
  line-height: 1.55;
}

.p79-hero-actions {
  justify-items: end;
  gap: 7px;
  display: grid;
}

.p79-hero-actions > span {
  color: #d9c16a;
  border: 1px solid #d9c16a33;
  border-radius: 999px;
  padding: 6px 8px;
  font-size: 8px;
}

.p79-kpis {
  grid-template-columns: repeat(8, 1fr);
  gap: 6px;
  display: grid;
}

.p79-kpis > div {
  background: #090a0a;
  border: 1px solid #1b1d1e;
  border-radius: 10px;
  gap: 3px;
  padding: 10px;
  display: grid;
}

.p79-kpis span {
  color: #687173;
  text-transform: uppercase;
  font-size: 7px;
}

.p79-kpis b {
  color: #c6cecf;
  font-size: 18px;
}

.p79-kpis small {
  color: #596163;
  font-size: 6px;
}

.p79-kpis .good b {
  color: #72c99c;
}

.p79-kpis .bad b {
  color: #dc7169;
}

.p79-layout {
  grid-template-columns: 320px 1fr;
  gap: 9px;
  min-height: 700px;
  display: grid;
}

.p79-directory, .p79-detail, .p79-card {
  background: #080909;
  border: 1px solid #191d1e;
  border-radius: 12px;
}

.p79-directory {
  padding: 8px;
}

.p79-search {
  grid-template-columns: 1fr auto;
  gap: 5px;
  margin-bottom: 7px;
  display: grid;
}

.p79-search input, .p79-form-grid input, .p79-form-grid select, .p79-mini-form input, .p79-mini-form select {
  color: #cbd1d2;
  background: #080a0a;
  border: 1px solid #202526;
  border-radius: 7px;
  min-height: 34px;
  padding: 7px 8px;
}

.p79-people-list {
  gap: 4px;
  max-height: 760px;
  display: grid;
  overflow: auto;
}

.p79-people-list > button {
  text-align: left;
  color: inherit;
  cursor: pointer;
  background: #090b0b;
  border: 1px solid #15191a;
  border-radius: 8px;
  grid-template-columns: 34px 1fr auto;
  align-items: center;
  gap: 7px;
  padding: 7px;
  display: grid;
}

.p79-people-list > button.active {
  background: #ca4c410e;
  border-color: #ca4c415e;
}

.p79-avatar, .p79-profile-avatar {
  color: #de847c;
  background: linear-gradient(145deg, #25100f, #111516);
  border-radius: 9px;
  place-items: center;
  font-weight: 900;
  display: grid;
}

.p79-avatar {
  width: 34px;
  height: 34px;
  font-size: 10px;
}

.p79-people-list b {
  font-size: 9px;
}

.p79-people-list small {
  color: #697173;
  margin-top: 2px;
  font-size: 7px;
  display: block;
}

.p79-people-list > button > span {
  font-size: 6px;
  font-weight: 900;
}

.p79-people-list > button > span.ok {
  color: #6fc797;
}

.p79-people-list > button > span.no {
  color: #dc7169;
}

.p79-detail {
  align-content: start;
  gap: 8px;
  padding: 9px;
  display: grid;
}

.p79-empty {
  text-align: center;
  color: #656d6e;
  padding: 50px;
}

.p79-profile {
  background: radial-gradient(circle at 90% 10%, #ca4c4114, #0000 35%), #090a0a;
  border: 1px solid #1c2021;
  border-radius: 11px;
  grid-template-columns: 64px 1fr auto;
  align-items: center;
  gap: 12px;
  padding: 13px;
  display: grid;
}

.p79-profile-avatar {
  width: 64px;
  height: 64px;
  font-size: 18px;
}

.p79-profile > div:nth-child(2) > span {
  color: #c75c54;
  font-size: 7px;
  font-weight: 900;
}

.p79-profile h2 {
  margin: 2px 0;
  font-size: 20px;
}

.p79-profile p {
  color: #6e7779;
  font-size: 8px;
}

.p79-branches {
  gap: 4px;
  margin-top: 5px;
  display: flex;
}

.p79-branches b {
  color: #95a1a3;
  border: 1px solid #24292a;
  border-radius: 5px;
  padding: 4px 5px;
  font-size: 6px;
}

.p79-planifiable {
  justify-items: end;
  gap: 2px;
  display: grid;
}

.p79-planifiable span {
  color: #697274;
  font-size: 7px;
}

.p79-planifiable b {
  font-size: 12px;
}

.p79-planifiable.ok b {
  color: #72c99c;
}

.p79-planifiable.bad b {
  color: #dc7169;
}

.p79-planifiable small {
  color: #697274;
  font-size: 7px;
}

.p79-blockers {
  background: #dc71690a;
  border: 1px solid #dc716938;
  border-radius: 8px;
  flex-wrap: wrap;
  align-items: center;
  gap: 6px;
  padding: 7px 9px;
  display: flex;
}

.p79-blockers > b {
  color: #dc7169;
  font-size: 7px;
}

.p79-blockers span {
  color: #9a7471;
  font-size: 7px;
}

.p79-tabs-grid {
  grid-template-columns: 1fr 1fr;
  gap: 8px;
  display: grid;
}

.p79-card {
  padding: 10px;
}

.p79-card-head {
  justify-content: space-between;
  align-items: center;
  gap: 8px;
  margin-bottom: 7px;
  display: flex;
}

.p79-card-head h2, .p79-card-head h3 {
  margin: 1px 0;
  font-size: 13px;
}

.p79-card-head > b {
  color: #c8b667;
  font-size: 9px;
}

.p79-stack {
  gap: 4px;
  max-height: 280px;
  display: grid;
  overflow: auto;
}

.p79-stack > div {
  background: #070808;
  border: 1px solid #171b1c;
  border-radius: 7px;
  grid-template-columns: auto 1fr;
  align-items: center;
  gap: 2px 6px;
  padding: 6px;
  display: grid;
}

.p79-stack > div small {
  color: #687173;
  grid-column: 2;
  font-size: 7px;
}

.p79-stack > div > b {
  font-size: 8px;
}

.p79-form-grid {
  grid-template-columns: repeat(5, 1fr);
  align-items: end;
  gap: 7px;
  display: grid;
}

.p79-form-grid label {
  gap: 3px;
  display: grid;
}

.p79-form-grid label span {
  color: #697173;
  font-size: 7px;
}

.p79-mini-form {
  border-top: 1px solid #181c1d;
  grid-template-columns: repeat(4, minmax(90px, 1fr));
  gap: 5px;
  margin-top: 7px;
  padding-top: 7px;
  display: grid;
}

.p79-mini-form .p79-check {
  color: #747d7f;
  align-items: center;
  gap: 5px;
  font-size: 7px;
  display: flex;
}

.p79-mini-form .p79-check input {
  min-height: auto;
}

.p79-tasks {
  gap: 4px;
  display: grid;
}

.p79-tasks > div {
  border-bottom: 1px solid #141718;
  grid-template-columns: 26px 1fr;
  align-items: center;
  gap: 6px;
  padding: 5px;
  display: grid;
}

.p79-tasks button {
  color: #889294;
  cursor: pointer;
  background: #0a0b0b;
  border: 1px solid #293031;
  border-radius: 7px;
  width: 24px;
  height: 24px;
}

.p79-tasks button.done {
  color: #76c99c;
  background: #76c99c0d;
  border-color: #76c99c47;
}

.p79-tasks b {
  font-size: 8px;
}

.p79-tasks small {
  color: #687173;
  font-size: 7px;
  display: block;
}

.p79-timeline {
  gap: 0;
  display: grid;
}

.p79-timeline > div {
  grid-template-columns: 12px 1fr;
  gap: 7px;
  min-height: 35px;
  display: grid;
}

.p79-timeline i {
  position: relative;
}

.p79-timeline i:before {
  content: "";
  background: #c75850;
  border-radius: 50%;
  width: 5px;
  height: 5px;
  position: absolute;
  top: 4px;
  left: 5px;
}

.p79-timeline i:after {
  content: "";
  background: #25292a;
  width: 1px;
  position: absolute;
  top: 10px;
  bottom: -3px;
  left: 7px;
}

.p79-timeline b {
  font-size: 8px;
}

.p79-timeline small {
  color: #687173;
  margin-top: 1px;
  font-size: 7px;
  display: block;
}

@media (max-width: 1250px) {
  .p79-kpis {
    grid-template-columns: repeat(4, 1fr);
  }

  .p79-form-grid {
    grid-template-columns: repeat(3, 1fr);
  }
}

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

  .p79-directory {
    max-height: 330px;
  }

  .p79-tabs-grid {
    grid-template-columns: 1fr;
  }

  .p79-mini-form {
    grid-template-columns: 1fr 1fr;
  }

  .p79-hero {
    grid-template-columns: 1fr;
  }

  .p79-hero-actions {
    justify-items: start;
  }

  .p79-profile {
    grid-template-columns: 52px 1fr;
  }

  .p79-planifiable {
    grid-column: 2;
    justify-items: start;
  }
}

@media (max-width: 620px) {
  .p79-kpis {
    grid-template-columns: 1fr 1fr;
  }

  .p79-form-grid, .p79-mini-form, .p79-profile {
    grid-template-columns: 1fr;
  }

  .p79-planifiable {
    grid-column: 1;
  }
}

.p80-page {
  gap: 10px;
  display: grid;
}

.p80-hero {
  background: radial-gradient(circle at 84% 10%, #cd4f4324, #0000 31%), radial-gradient(circle at 12% 95%, #dabc510f, #0000 33%), linear-gradient(145deg, #090909, #110b0b 52%, #080909);
  border: 1px solid #cd4f4333;
  border-radius: 16px;
  grid-template-columns: 1fr auto;
  gap: 20px;
  padding: 22px;
  display: grid;
}

.p80-hero > div:first-child > span, .p80-head > div > span {
  letter-spacing: 1px;
  color: #d2665d;
  font-size: 8px;
  font-weight: 900;
}

.p80-hero h1 {
  margin: 5px 0;
  font-size: 28px;
}

.p80-hero p {
  color: #7d8688;
  max-width: 830px;
  font-size: 10px;
  line-height: 1.55;
}

.p80-hero-actions {
  justify-items: end;
  gap: 7px;
  display: grid;
}

.p80-hero-actions > span {
  color: #d8c26d;
  border: 1px solid #d8c26d33;
  border-radius: 999px;
  padding: 6px 8px;
  font-size: 7px;
}

.p80-kpis {
  grid-template-columns: repeat(6, 1fr);
  gap: 6px;
  display: grid;
}

.p80-kpis > div {
  background: #080909;
  border: 1px solid #191d1e;
  border-radius: 10px;
  gap: 3px;
  padding: 10px;
  display: grid;
}

.p80-kpis span {
  color: #677174;
  text-transform: uppercase;
  font-size: 7px;
}

.p80-kpis b {
  font-size: 18px;
}

.p80-kpis small {
  color: #596164;
  font-size: 6px;
}

.p80-kpis .danger b {
  color: #df756d;
}

.p80-kpis .warn b {
  color: #d7bc65;
}

.p80-tabs {
  background: #080909;
  border: 1px solid #171b1c;
  border-radius: 10px;
  flex-wrap: wrap;
  gap: 5px;
  padding: 5px;
  display: flex;
}

.p80-tabs button {
  color: #707a7c;
  cursor: pointer;
  background: none;
  border: 0;
  border-radius: 7px;
  padding: 7px 10px;
  font-size: 8px;
  font-weight: 800;
}

.p80-tabs button.active {
  color: #dd7b72;
  background: #1a1010;
}

.p80-card {
  background: #080909;
  border: 1px solid #191d1e;
  border-radius: 12px;
  padding: 11px;
}

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

.p80-head h2 {
  margin: 2px 0;
  font-size: 14px;
}

.p80-head > b {
  color: #d5c06c;
  font-size: 7px;
}

.p80-action-list, .p80-request-list, .p80-equipment, .p80-rules {
  gap: 4px;
  display: grid;
}

.p80-action {
  background: #070808;
  border: 1px solid #171b1c;
  border-radius: 8px;
  grid-template-columns: 70px 1fr 2fr auto;
  align-items: center;
  gap: 8px;
  padding: 7px;
  display: grid;
}

.p80-action > span {
  font-size: 6px;
  font-weight: 900;
}

.p80-action.critical > span {
  color: #e27269;
}

.p80-action.high > span {
  color: #d9bb61;
}

.p80-action.medium > span {
  color: #7dcbd5;
}

.p80-action > div {
  gap: 2px;
  display: grid;
}

.p80-action b, .p80-request-list b, .p80-equipment b, .p80-rules b {
  font-size: 8px;
}

.p80-action small, .p80-request-list small, .p80-equipment small, .p80-rules small {
  color: #687274;
  font-size: 7px;
}

.p80-action time, .p80-equipment time, .p80-rules time {
  color: #7a8486;
  font-size: 7px;
}

.p80-request-list > div, .p80-equipment > div, .p80-rules > div {
  background: #070808;
  border: 1px solid #171b1c;
  border-radius: 8px;
  grid-template-columns: 1fr 2fr auto;
  align-items: center;
  gap: 8px;
  padding: 7px;
  display: grid;
}

.p80-request-list > div > div, .p80-equipment > div > div, .p80-rules > div > div {
  gap: 2px;
  display: grid;
}

.p80-inline-actions {
  gap: 4px !important;
  display: flex !important;
}

.p80-equipment > div {
  grid-template-columns: 55px 1fr 2fr auto;
}

.p80-equipment > div > span {
  color: #75c99a;
  font-size: 6px;
  font-weight: 900;
}

.p80-rules > div {
  grid-template-columns: 70px 2fr 1fr auto;
}

.p80-rules > div > span {
  color: #7bcfdc;
  font-size: 6px;
  font-weight: 900;
}

.p80-law-note {
  background: #d8c26d06;
  border: 1px solid #d8c26d24;
  border-radius: 8px;
  flex-wrap: wrap;
  align-items: center;
  gap: 7px;
  margin-top: 9px;
  padding: 8px;
  display: flex;
}

.p80-law-note > b {
  color: #d7c16d;
  font-size: 7px;
}

.p80-law-note span {
  color: #777f81;
  border-left: 1px solid #252a2b;
  padding-left: 7px;
  font-size: 7px;
}

.p80-law-note strong {
  color: #ab9b62;
  margin-left: auto;
  font-size: 7px;
}

.p80-period {
  align-items: center;
  gap: 5px;
  display: flex;
}

.p80-period input {
  color: #cad1d2;
  background: #080a0a;
  border: 1px solid #202526;
  border-radius: 7px;
  min-height: 32px;
  padding: 6px;
}

.p80-period > span {
  color: #586164;
}

.p80-rule-strip {
  grid-template-columns: repeat(3, 1fr);
  gap: 5px;
  margin-bottom: 8px;
  display: grid;
}

.p80-rule-strip span {
  color: #687274;
  background: #070808;
  border: 1px solid #171d1f;
  border-radius: 7px;
  gap: 2px;
  padding: 6px;
  font-size: 7px;
  display: grid;
}

.p80-rule-strip b {
  color: #7fd4df;
  font-size: 7px;
}

.p80-pay-help, .p80-warning-box {
  background: #d8c26d05;
  border: 1px solid #d8c26d24;
  border-radius: 9px;
  padding: 10px;
}

.p80-pay-help b, .p80-warning-box > b {
  color: #d6bf68;
  font-size: 9px;
}

.p80-pay-help p {
  color: #747d7f;
  font-size: 8px;
  line-height: 1.5;
}

.p80-pay-help code {
  color: #81d2dc;
}

.p80-prep-meta {
  border: 1px solid #192022;
  border-radius: 8px;
  align-items: center;
  gap: 9px;
  margin: 7px 0;
  padding: 7px;
  display: flex;
}

.p80-prep-meta b {
  font-size: 8px;
}

.p80-prep-meta span {
  color: #6e787a;
  font-size: 7px;
}

.p80-prep-meta strong {
  color: #d8c26b;
  margin-left: auto;
  font-size: 6px;
}

.p80-pay-table-wrap {
  overflow: auto;
}

.p80-pay-table {
  border-collapse: collapse;
  width: 100%;
  min-width: 1080px;
}

.p80-pay-table th {
  color: #647073;
  text-align: left;
  border-bottom: 1px solid #1b2021;
  padding: 6px;
  font-size: 6px;
}

.p80-pay-table td {
  white-space: nowrap;
  border-bottom: 1px solid #141819;
  padding: 7px 6px;
  font-size: 7px;
}

.p80-pay-table td:first-child {
  gap: 1px;
  display: grid;
}

.p80-pay-table td:first-child b {
  font-size: 8px;
}

.p80-pay-table td:first-child small {
  color: #667174;
  font-size: 6px;
}

.p80-warning-box {
  gap: 5px;
  margin-top: 8px;
  display: grid;
}

.p80-warning-box > div {
  flex-wrap: wrap;
  gap: 6px;
  display: flex;
}

.p80-warning-box strong {
  font-size: 7px;
}

.p80-warning-box span {
  color: #be918b;
  font-size: 7px;
}

@media (max-width: 1000px) {
  .p80-kpis {
    grid-template-columns: repeat(3, 1fr);
  }

  .p80-rule-strip {
    grid-template-columns: 1fr 1fr;
  }

  .p80-hero {
    grid-template-columns: 1fr;
  }

  .p80-hero-actions {
    justify-items: start;
  }

  .p80-action {
    grid-template-columns: 60px 1fr 2fr;
  }

  .p80-action time {
    grid-column: 3;
  }
}

@media (max-width: 650px) {
  .p80-kpis {
    grid-template-columns: 1fr 1fr;
  }

  .p80-rule-strip, .p80-action, .p80-request-list > div, .p80-equipment > div, .p80-rules > div {
    grid-template-columns: 1fr;
  }

  .p80-period {
    flex-wrap: wrap;
  }

  .p80-law-note {
    display: grid;
  }

  .p80-law-note strong {
    margin-left: 0;
  }
}

.p81-page {
  gap: 10px;
  display: grid;
}

.p81-hero {
  background: radial-gradient(circle at 86% 10%, #cb4e4124, #0000 32%), radial-gradient(circle at 10% 95%, #dabe500e, #0000 32%), linear-gradient(145deg, #090909, #110b0b 52%, #080909);
  border: 1px solid #cb4e4133;
  border-radius: 16px;
  grid-template-columns: 1fr auto;
  gap: 18px;
  padding: 22px;
  display: grid;
}

.p81-hero > div:first-child > span, .p81-head > div > span {
  letter-spacing: 1px;
  color: #d16a60;
  font-size: 8px;
  font-weight: 900;
}

.p81-hero h1 {
  margin: 5px 0;
  font-size: 28px;
}

.p81-hero p {
  color: #7c8587;
  max-width: 850px;
  font-size: 10px;
  line-height: 1.55;
}

.p81-hero-actions {
  justify-items: end;
  gap: 7px;
  display: grid;
}

.p81-hero-actions > span {
  color: #d8c36e;
  border: 1px solid #d8c36e33;
  border-radius: 999px;
  padding: 6px 8px;
  font-size: 7px;
}

.p81-collectives {
  grid-template-columns: repeat(3, 1fr);
  gap: 7px;
  display: grid;
}

.p81-collectives article {
  background: #080909;
  border: 1px solid #1b2021;
  border-radius: 11px;
  grid-template-columns: 1fr auto;
  gap: 5px 10px;
  padding: 11px;
  display: grid;
}

.p81-collectives article.confirmed {
  border-color: #69c69638;
}

.p81-collectives article > div {
  gap: 2px;
  display: grid;
}

.p81-collectives article > div span {
  color: #cf675d;
  font-size: 7px;
  font-weight: 900;
}

.p81-collectives article > div b {
  font-size: 10px;
}

.p81-collectives article > div small {
  color: #646e70;
  font-size: 7px;
}

.p81-collectives article > strong {
  color: #d6bd67;
  font-size: 7px;
}

.p81-collectives article.confirmed > strong {
  color: #73c99a;
}

.p81-collectives article p {
  color: #6c7678;
  grid-column: 1 / -1;
  margin: 2px 0;
  font-size: 7px;
  line-height: 1.45;
}

.p81-collectives article button {
  justify-self: start;
}

.p81-card {
  background: #080909;
  border: 1px solid #191d1e;
  border-radius: 12px;
  padding: 11px;
}

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

.p81-head h2 {
  margin: 2px 0;
  font-size: 14px;
}

.p81-head > b, .p81-head > strong {
  color: #d6c06c;
  font-size: 7px;
}

.p81-generator {
  grid-template-columns: 1.2fr 160px 160px 1.4fr auto;
  align-items: end;
  gap: 7px;
  display: grid;
}

.p81-generator label, .p81-editor label {
  gap: 3px;
  display: grid;
}

.p81-generator label > span, .p81-editor label > span {
  color: #687274;
  text-transform: uppercase;
  font-size: 7px;
}

.p81-generator input, .p81-generator select, .p81-editor input, .p81-editor select {
  color: #cbd2d3;
  background: #080a0a;
  border: 1px solid #202526;
  border-radius: 7px;
  min-height: 34px;
  padding: 7px;
}

.p81-check {
  color: #717b7d;
  align-items: center;
  gap: 6px;
  font-size: 7px;
  display: flex !important;
}

.p81-check input {
  min-height: auto !important;
}

.p81-source-note {
  background: #d8c26d05;
  border: 1px solid #d8c26d1f;
  border-radius: 8px;
  flex-wrap: wrap;
  gap: 7px;
  margin-top: 8px;
  padding: 7px;
  display: flex;
}

.p81-source-note b {
  color: #d6c16e;
  font-size: 7px;
}

.p81-source-note span, .p81-source-note strong {
  color: #70797b;
  font-size: 7px;
}

.p81-source-note strong {
  color: #b69f62;
  margin-left: auto;
}

.p81-profiles {
  gap: 4px;
  display: grid;
}

.p81-profiles > button {
  text-align: left;
  color: inherit;
  cursor: pointer;
  background: #070808;
  border: 1px solid #171b1c;
  border-radius: 8px;
  grid-template-columns: 1.5fr 1fr 1fr auto;
  align-items: center;
  gap: 8px;
  padding: 7px;
  display: grid;
}

.p81-profiles > button > div {
  gap: 2px;
  display: grid;
}

.p81-profiles b {
  font-size: 8px;
}

.p81-profiles small, .p81-profiles span {
  color: #687274;
  font-size: 7px;
}

.p81-profiles strong {
  color: #79cfda;
  font-size: 7px;
}

.p81-editor form {
  grid-template-columns: repeat(4, 1fr);
  align-items: end;
  gap: 7px;
  display: grid;
}

.p81-editor form > button {
  align-self: end;
}

.p81-rule-grid {
  grid-template-columns: repeat(3, 1fr);
  gap: 6px;
  display: grid;
}

.p81-rule-grid > div {
  background: #080909;
  border: 1px solid #191e20;
  border-radius: 9px;
  gap: 3px;
  padding: 9px;
  display: grid;
}

.p81-rule-grid b {
  color: #d5c06b;
  font-size: 7px;
}

.p81-rule-grid span {
  color: #b9c8ca;
  font-size: 9px;
}

.p81-rule-grid small {
  color: #657072;
  font-size: 7px;
  line-height: 1.4;
}

.p81-table-wrap {
  overflow: auto;
}

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

.p81-table th {
  color: #647073;
  text-align: left;
  border-bottom: 1px solid #1c2122;
  padding: 6px;
  font-size: 6px;
}

.p81-table td {
  white-space: nowrap;
  border-bottom: 1px solid #141819;
  padding: 7px 6px;
  font-size: 7px;
}

.p81-table td:first-child {
  gap: 1px;
  display: grid;
}

.p81-table td:first-child b {
  font-size: 8px;
}

.p81-table td:first-child small {
  color: #667174;
  font-size: 6px;
}

.p81-reviews {
  border: 1px solid #d6be6229;
  border-radius: 8px;
  gap: 5px;
  margin-top: 8px;
  padding: 9px;
  display: grid;
}

.p81-reviews > b {
  color: #d8bd61;
  font-size: 7px;
}

.p81-reviews > div {
  flex-wrap: wrap;
  gap: 6px;
  display: flex;
}

.p81-reviews strong {
  font-size: 7px;
}

.p81-reviews span {
  color: #b78b86;
  font-size: 7px;
}

.p81-history {
  gap: 4px;
  display: grid;
}

.p81-history > div {
  border: 1px solid #171b1c;
  border-radius: 8px;
  grid-template-columns: 60px 2fr 1fr 1fr;
  align-items: center;
  gap: 8px;
  padding: 7px;
  display: grid;
}

.p81-history > div > span {
  color: #d06960;
  font-size: 7px;
  font-weight: 900;
}

.p81-history > div > div {
  gap: 2px;
  display: grid;
}

.p81-history b, .p81-history strong {
  font-size: 8px;
}

.p81-history small {
  color: #687274;
  font-size: 7px;
}

@media (max-width: 1050px) {
  .p81-collectives {
    grid-template-columns: 1fr;
  }

  .p81-generator, .p81-editor form, .p81-rule-grid {
    grid-template-columns: 1fr 1fr;
  }

  .p81-hero {
    grid-template-columns: 1fr;
  }

  .p81-hero-actions {
    justify-items: start;
  }
}

@media (max-width: 650px) {
  .p81-generator, .p81-editor form, .p81-rule-grid, .p81-profiles > button, .p81-history > div {
    grid-template-columns: 1fr;
  }
}

.pss {
  gap: 10px;
  max-width: 1500px;
  margin: 0 auto;
  display: grid;
}

.pss-agent-shell {
  color: #dce4e5;
  background: radial-gradient(circle at 50% 0, #46849114, #0000 35%), #050707;
  min-height: 100vh;
  padding: 18px;
}

.pss-hero {
  background: radial-gradient(circle at 88% 10%, #5db4c114, #0000 32%), linear-gradient(145deg, #080a0a, #0b0d0d);
  border: 1px solid #1a2223;
  border-radius: 15px;
  grid-template-columns: 1fr auto;
  gap: 16px;
  padding: 20px;
  display: grid;
}

.pss-guard .pss-hero {
  border-color: #5bb4c12e;
}

.pss-clean .pss-hero {
  background: radial-gradient(circle at 88% 10%, #689e8414, #0000 32%), #080a09;
  border-color: #689e842e;
}

.pss-it .pss-hero {
  background: radial-gradient(circle at 88% 10%, #5489be17, #0000 32%), #080a0d;
  border-color: #5489be30;
}

.pss-hero > div:first-child > span, .pss-head > div > span {
  letter-spacing: 1.2px;
  color: #76cbd5;
  font-size: 8px;
  font-weight: 900;
}

.pss-clean .pss-hero > div:first-child > span, .pss-clean .pss-head > div > span {
  color: #7db294;
}

.pss-it .pss-hero > div:first-child > span, .pss-it .pss-head > div > span {
  color: #729fcb;
}

.pss-hero h1 {
  margin: 4px 0;
  font-size: 28px;
}

.pss-hero p {
  color: #748082;
  max-width: 760px;
  font-size: 9px;
  line-height: 1.55;
}

.pss-hero-actions {
  align-content: center;
  justify-items: end;
  gap: 7px;
  display: grid;
}

.pss-hero-actions strong {
  color: #6cc99a;
  letter-spacing: .7px;
  font-size: 7px;
}

.pss-identity {
  background: #070909;
  border: 1px solid #171d1e;
  border-radius: 11px;
  grid-template-columns: auto 1fr auto;
  align-items: center;
  gap: 10px;
  padding: 10px 12px;
  display: grid;
}

.pss-avatar {
  color: #83d6df;
  background: #0b1314;
  border: 1px solid #284247;
  border-radius: 12px;
  place-items: center;
  width: 44px;
  height: 44px;
  font-size: 13px;
  font-weight: 900;
  display: grid;
}

.pss-clean .pss-avatar {
  color: #91c6a2;
  border-color: #284038;
}

.pss-it .pss-avatar {
  color: #8db8e1;
  border-color: #28394d;
}

.pss-identity > div:nth-child(2) {
  gap: 1px;
  display: grid;
}

.pss-identity > div:nth-child(2) > span {
  color: #697476;
  font-size: 6px;
}

.pss-identity h2 {
  margin: 0;
  font-size: 14px;
}

.pss-identity small {
  color: #6b7678;
  font-size: 7px;
}

.pss-state {
  justify-items: end;
  gap: 2px;
  display: grid;
}

.pss-state b {
  font-size: 8px;
}

.pss-state small {
  color: #687173;
  font-size: 6px;
}

.pss-state.ok b {
  color: #71c995;
}

.pss-state.warn b {
  color: #d1b85f;
}

.pss-state.bad b {
  color: #dc756e;
}

.pss-kpis {
  grid-template-columns: repeat(6, 1fr);
  gap: 5px;
  display: grid;
}

.pss-kpis > div {
  background: #070909;
  border: 1px solid #171d1e;
  border-radius: 9px;
  gap: 2px;
  padding: 9px;
  display: grid;
}

.pss-kpis span {
  color: #687376;
  text-transform: uppercase;
  font-size: 6px;
}

.pss-kpis b {
  font-size: 15px;
}

.pss-kpis small {
  color: #5d686a;
  font-size: 6px;
}

.pss-kpis .bad b {
  color: #dd756e;
}

.pss-tabs {
  background: #070909;
  border: 1px solid #171d1e;
  border-radius: 10px;
  flex-wrap: wrap;
  gap: 4px;
  padding: 5px;
  display: flex;
}

.pss-tabs button {
  color: #6e797b;
  cursor: pointer;
  background: none;
  border: 0;
  border-radius: 7px;
  padding: 7px 9px;
  font-size: 7px;
  font-weight: 800;
}

.pss-tabs button.active {
  color: #83d6df;
  background: #102023;
}

.pss-clean .pss-tabs button.active {
  color: #90c6a0;
  background: #102019;
}

.pss-it .pss-tabs button.active {
  color: #89b6e0;
  background: #101a27;
}

.pss-grid {
  grid-template-columns: 1fr 1fr;
  gap: 7px;
  display: grid;
}

.pss-card {
  background: #070909;
  border: 1px solid #171d1e;
  border-radius: 11px;
  padding: 11px;
}

.pss-span2 {
  grid-column: 1 / -1;
}

.pss-head {
  justify-content: space-between;
  align-items: center;
  margin-bottom: 8px;
  display: flex;
}

.pss-head h3 {
  margin: 2px 0;
  font-size: 13px;
}

.pss-list, .pss-status-list, .pss-absence-list, .pss-doc-list, .pss-task-list, .pss-change-list, .pss-equipment {
  gap: 4px;
  display: grid;
}

.pss-list > div, .pss-status-list > div, .pss-absence-list > div, .pss-doc-list > div, .pss-task-list > div, .pss-change-list > div, .pss-equipment > div {
  background: #060808;
  border: 1px solid #14191a;
  border-radius: 8px;
  grid-template-columns: auto 1fr auto;
  align-items: center;
  gap: 7px;
  padding: 7px;
  display: grid;
}

.pss-list > div > div, .pss-status-list > div > div, .pss-absence-list > div > div, .pss-doc-list > div > div, .pss-task-list > div > div, .pss-change-list > div > div, .pss-equipment > div > div {
  gap: 1px;
  display: grid;
}

.pss-list b, .pss-status-list b, .pss-absence-list b, .pss-doc-list b, .pss-task-list b, .pss-change-list b, .pss-equipment b {
  font-size: 8px;
}

.pss-list small, .pss-status-list small, .pss-absence-list small, .pss-doc-list small, .pss-task-list small, .pss-change-list small, .pss-equipment small {
  color: #657072;
  font-size: 7px;
}

.pss-list em, .pss-task-list em, .pss-equipment em {
  color: #6d7779;
  font-size: 6px;
  font-style: normal;
}

.pss-list button {
  color: #78cad4;
  cursor: pointer;
  background: none;
  border: 0;
  font-size: 7px;
}

.pss-status-list > div {
  grid-template-columns: auto 1fr;
}

.pss-status-list > div > span, .pss-dot {
  background: #626b6c;
  border-radius: 50%;
  width: 7px;
  height: 7px;
}

.pss-status-list > div > span.ok, .pss-dot.ok {
  background: #6bc797;
  box-shadow: 0 0 8px #6bc79738;
}

.pss-status-list > div > span.warn, .pss-dot.warn {
  background: #d1b75f;
}

.pss-status-list > div > span.bad, .pss-dot.bad {
  background: #dc746d;
}

.pss-privacy {
  grid-template-columns: 1fr 1fr;
  gap: 6px;
  display: grid;
}

.pss-privacy span {
  color: #748082;
  border: 1px solid #141a1b;
  border-radius: 7px;
  padding: 6px;
  font-size: 7px;
}

.pss-contract {
  grid-template-columns: repeat(4, 1fr);
  gap: 6px;
  display: grid;
}

.pss-contract > div {
  border: 1px solid #141a1b;
  border-radius: 8px;
  gap: 2px;
  padding: 7px;
  display: grid;
}

.pss-contract > div span, .pss-profile-read span {
  color: #657174;
  text-transform: uppercase;
  font-size: 6px;
}

.pss-contract > div b, .pss-profile-read b {
  font-size: 8px;
}

.pss-contract > button {
  align-self: stretch;
}

.pss-history {
  border-top: 1px solid #161b1c;
  flex-wrap: wrap;
  gap: 5px;
  margin-top: 8px;
  padding-top: 8px;
  display: flex;
}

.pss-history > b {
  color: #7ccbd5;
  font-size: 7px;
}

.pss-history span {
  color: #697375;
  font-size: 7px;
}

.pss-leave-accounts {
  grid-template-columns: repeat(2, 1fr);
  gap: 5px;
  display: grid;
}

.pss-leave-accounts > div {
  border: 1px solid #141a1b;
  border-radius: 8px;
  gap: 2px;
  padding: 8px;
  display: grid;
}

.pss-leave-accounts span {
  color: #6e797b;
  font-size: 6px;
}

.pss-leave-accounts b {
  font-size: 12px;
}

.pss-leave-accounts small, .pss-leave-accounts em {
  color: #657072;
  font-size: 6px;
  font-style: normal;
}

.pss-form {
  gap: 6px;
  display: grid;
}

.pss-form label {
  gap: 3px;
  display: grid;
}

.pss-form label > span {
  color: #657174;
  text-transform: uppercase;
  font-size: 6px;
}

.pss-form input, .pss-form select, .pss-form textarea {
  color: #d2dcdd;
  min-height: 34px;
  font: inherit;
  background: #060808;
  border: 1px solid #1c2425;
  border-radius: 7px;
  padding: 7px;
  font-size: 8px;
}

.pss-form textarea {
  resize: vertical;
  min-height: 66px;
}

.pss-form-row {
  grid-template-columns: 1fr 1fr;
  gap: 6px;
  display: grid;
}

.pss-row-actions {
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 4px;
  display: flex;
}

.pss-absence-list > div, .pss-doc-list > div {
  grid-template-columns: auto 1fr auto;
}

.pss-absence-list em, .pss-doc-list em, .pss-change-list em {
  color: #b9a664;
  font-size: 7px;
  font-style: normal;
}

.pss-pill {
  color: #8d999a;
  border: 1px solid #283033;
  border-radius: 999px;
  padding: 4px 6px;
  font-size: 6px;
  font-weight: 900;
}

.pss-pill.ok {
  color: #70c996;
  border-color: #70c99640;
}

.pss-pill.warn {
  color: #d1b85f;
  border-color: #d1b85f45;
}

.pss-pill.bad {
  color: #dc756e;
  border-color: #dc756e45;
}

.pss-qual-grid {
  grid-template-columns: repeat(3, 1fr);
  gap: 6px;
  display: grid;
}

.pss-qual-grid article {
  border: 1px solid #151b1c;
  border-radius: 8px;
  gap: 3px;
  padding: 9px;
  display: grid;
}

.pss-qual-grid article > span {
  color: #79cdd7;
  font-size: 6px;
  font-weight: 900;
}

.pss-qual-grid article > b {
  font-size: 9px;
}

.pss-qual-grid article > small, .pss-qual-grid article > em {
  color: #667173;
  font-size: 7px;
  font-style: normal;
}

.pss-qual-grid article.warn {
  border-color: #cfb45b38;
}

.pss-qual-grid article.bad {
  border-color: #dc746d3b;
}

.pss-check {
  color: #798384;
  border: 1px solid #293031;
  border-radius: 50%;
  place-items: center;
  width: 20px;
  height: 20px;
  font-size: 8px;
  display: grid;
}

.pss-check.done {
  color: #70c995;
  border-color: #386d54;
}

.pss-check.waived {
  color: #d1b85f;
  border-color: #6d6234;
}

.pss-equipment > div {
  grid-template-columns: auto 1fr 1fr auto;
}

.pss-profile-read {
  gap: 5px;
  display: grid;
}

.pss-profile-read > div {
  border: 1px solid #141a1b;
  border-radius: 8px;
  gap: 2px;
  padding: 7px;
  display: grid;
}

.pss-profile-read small {
  color: #616d6f;
  font-size: 6px;
}

.pss-empty {
  color: #657173;
  text-align: center;
  border: 1px dashed #202728;
  border-radius: 8px;
  padding: 12px;
  font-size: 8px;
}

.pss-unavailable {
  background: radial-gradient(circle at 100% 0, #61b5c114, #0000 34%), #070909;
  justify-items: start;
  gap: 7px;
  padding: 24px;
  display: grid;
}

.pss-unavailable > span {
  letter-spacing: 1px;
  color: #78cbd5;
  font-size: 7px;
  font-weight: 900;
}

.pss-unavailable h2 {
  margin: 0;
  font-size: 18px;
}

.pss-unavailable p {
  color: #a9b5b7;
  margin: 0;
  font-size: 9px;
}

.pss-unavailable small {
  color: #657174;
  max-width: 720px;
  font-size: 7px;
  line-height: 1.5;
}

.pss-unavailable .button {
  margin-top: 4px;
}

@media (max-width: 1100px) {
  .pss-kpis {
    grid-template-columns: repeat(3, 1fr);
  }

  .pss-contract {
    grid-template-columns: repeat(2, 1fr);
  }

  .pss-qual-grid {
    grid-template-columns: 1fr 1fr;
  }
}

@media (max-width: 700px) {
  .pss-agent-shell {
    padding: 8px;
  }

  .pss-hero {
    grid-template-columns: 1fr;
  }

  .pss-hero-actions {
    justify-items: start;
  }

  .pss-identity {
    grid-template-columns: auto 1fr;
  }

  .pss-state {
    grid-column: 1 / -1;
    justify-items: start;
  }

  .pss-kpis {
    grid-template-columns: 1fr 1fr;
  }

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

  .pss-span2 {
    grid-column: auto;
  }

  .pss-contract, .pss-qual-grid, .pss-leave-accounts, .pss-privacy, .pss-form-row, .pss-equipment > div, .pss-absence-list > div, .pss-doc-list > div {
    grid-template-columns: 1fr;
  }

  .pss-row-actions {
    justify-content: flex-start;
  }
}

.ws-badge {
  color: #aeb8ba;
  background: #080b0b;
  border: 1px solid #263032;
  border-radius: 8px;
  align-items: center;
  gap: 5px;
  min-height: 30px;
  padding: 5px 8px;
  font-size: 7px;
  text-decoration: none;
  display: inline-flex;
}

.ws-badge > span {
  color: #7ed1dc;
}

.ws-badge > b {
  font-size: 7px;
}

.ws-badge > em {
  color: #8fe0ea;
  background: #173136;
  border-radius: 999px;
  place-items: center;
  min-width: 18px;
  height: 18px;
  padding: 0 4px;
  font-size: 6px;
  font-style: normal;
  font-weight: 900;
  display: grid;
}

.ws-badge.critical {
  border-color: #dc655b59;
}

.ws-badge.critical > em {
  color: #ef8f86;
  background: #3b1715;
}

.ws-page {
  color: #d9e1e2;
  background: radial-gradient(circle at 50% -15%, #4da3b21f, #0000 34%), radial-gradient(circle at 100% 20%, #c7a1410d, #0000 28%), #050707;
  gap: 10px;
  min-height: 100vh;
  padding: 18px;
  display: grid;
}

.ws-hero {
  background: radial-gradient(circle at 88% 15%, #56b7c61c, #0000 31%), linear-gradient(145deg, #080b0c, #0b1011);
  border: 1px solid #1b2527;
  border-radius: 16px;
  grid-template-columns: 1fr auto;
  gap: 20px;
  padding: 22px;
  display: grid;
}

.ws-hero > div:first-child > span, .ws-head > div > span {
  letter-spacing: 1.1px;
  color: #74cad5;
  font-size: 7px;
  font-weight: 900;
}

.ws-hero h1 {
  margin: 5px 0;
  font-size: 29px;
}

.ws-hero p {
  color: #748084;
  max-width: 800px;
  font-size: 9px;
  line-height: 1.55;
}

.ws-hero-right {
  align-content: center;
  justify-items: end;
  gap: 4px;
  display: grid;
}

.ws-hero-right > strong {
  font-size: 10px;
}

.ws-hero-right > small {
  color: #76c99d;
  font-size: 6px;
}

.ws-hero-right > div {
  gap: 5px;
  display: flex;
}

.ws-hero-right button, .ws-head > button {
  color: #aeb8ba;
  cursor: pointer;
  background: #090c0d;
  border: 1px solid #263033;
  border-radius: 7px;
  padding: 6px 8px;
  font-size: 7px;
}

.ws-command-center {
  z-index: 25;
  background: linear-gradient(135deg, #080b0c, #070909);
  border: 1px solid #1b282b;
  border-radius: 11px;
  padding: 7px;
  position: relative;
}

.ws-command-center form {
  grid-template-columns: auto minmax(220px, 1fr) auto auto;
  align-items: center;
  gap: 7px;
  display: grid;
}

.ws-command-center form > span {
  letter-spacing: 1px;
  color: #70cad5;
  font-size: 6px;
  font-weight: 950;
}

.ws-command-center input {
  color: #d6e0e1;
  background: #050707;
  border: 1px solid #223237;
  border-radius: 8px;
  min-height: 35px;
  padding: 7px 10px;
  font-size: 8px;
}

.ws-command-center input:focus {
  border-color: #477f87;
  outline: 1px solid #477f87;
}

.ws-command-center kbd {
  color: #667477;
  border: 1px solid #263236;
  border-radius: 5px;
  padding: 4px 6px;
  font-family: inherit;
  font-size: 6px;
}

.ws-command-center form > button, .ws-command-results > button {
  color: #86d5df;
  cursor: pointer;
  background: #0d2023;
  border: 1px solid #2d4d52;
  border-radius: 7px;
  padding: 7px 9px;
  font-size: 7px;
}

.ws-command-center > small {
  color: #ba8b84;
  margin: 6px 4px 0;
  font-size: 7px;
  display: block;
}

.ws-command-results {
  background: #050809fa;
  border: 1px solid #263538;
  border-radius: 10px;
  gap: 3px;
  max-height: 360px;
  padding: 6px;
  display: grid;
  position: absolute;
  top: 50px;
  left: 7px;
  right: 7px;
  overflow: auto;
  box-shadow: 0 22px 60px #000000ad;
}

.ws-command-results > button {
  text-align: left;
  background: #080b0c;
  border-color: #172124;
  grid-template-columns: 85px 1fr auto;
  align-items: center;
  gap: 8px;
  display: grid;
}

.ws-command-results > button:hover {
  background: #0b1213;
  border-color: #3c6970;
}

.ws-command-results > button > span {
  font-size: 6px;
  font-weight: 900;
}

.ws-command-results > button > span.bad {
  color: #e27c73;
}

.ws-command-results > button > span.warn {
  color: #d7bd66;
}

.ws-command-results > button > div {
  gap: 2px;
  min-width: 0;
  display: grid;
}

.ws-command-results b {
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 8px;
  overflow: hidden;
}

.ws-command-results small, .ws-command-results em {
  color: #657174;
  font-size: 6px;
  font-style: normal;
}

.ws-command-results em {
  white-space: nowrap;
}

.ws-pulse {
  grid-template-columns: repeat(4, 1fr);
  gap: 6px;
  display: grid;
}

.ws-pulse > div {
  background: #070a0a;
  border: 1px solid #172022;
  border-radius: 10px;
  gap: 2px;
  padding: 10px;
  display: grid;
}

.ws-pulse span {
  color: #657174;
  text-transform: uppercase;
  font-size: 6px;
}

.ws-pulse small {
  color: #606b6e;
  font-size: 6px;
}

.ws-pulse .bad b {
  color: #e37a71;
}

.ws-pulse .warn b {
  color: #d8be68;
}

.ws-momentum {
  grid-template-columns: 1.6fr repeat(4, 1fr);
  gap: 5px;
  display: grid;
}

.ws-momentum > div {
  background: #060909;
  border: 1px solid #151f21;
  border-radius: 9px;
  gap: 2px;
  padding: 8px 10px;
  display: grid;
}

.ws-momentum > div:first-child {
  background: linear-gradient(125deg, #4ca7b312, #060909);
}

.ws-momentum span, .ws-momentum small {
  color: #647174;
  font-size: 6px;
}

.ws-momentum > div:first-child > span {
  letter-spacing: .8px;
  color: #70cbd6;
  font-weight: 900;
}

.ws-momentum b {
  font-size: 12px;
}

.ws-momentum > div:not(:first-child) b {
  font-size: 15px;
}

.ws-momentum .warn b {
  color: #d5bc66;
}

.ws-momentum .ok b {
  color: #74ca9a;
}

.ws-tabs {
  background: #070909;
  border: 1px solid #172022;
  border-radius: 10px;
  flex-wrap: wrap;
  gap: 4px;
  padding: 5px;
  display: flex;
}

.ws-tabs button {
  color: #6f7a7d;
  cursor: pointer;
  background: none;
  border: 0;
  border-radius: 7px;
  padding: 7px 10px;
  font-size: 7px;
  font-weight: 800;
}

.ws-tabs button.active {
  color: #88d9e3;
  background: #102329;
}

.ws-tabs .ws-default-tab {
  color: #9b8e61;
  margin-left: auto;
}

.ws-tabs .ws-default-tab:disabled {
  color: #d8bd63;
  opacity: .72;
  cursor: default;
}

.ws-grid {
  grid-template-columns: 1fr 1fr;
  gap: 7px;
  display: grid;
}

.ws-span2 {
  grid-column: 1 / -1;
}

.ws-card {
  background: #070909;
  border: 1px solid #172022;
  border-radius: 11px;
  padding: 11px;
}

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

.ws-inbox-list, .ws-task-mini, .ws-ann-mini, .ws-feed, .ws-inbox-full, .ws-task-list, .ws-ann-list, .ws-ann-admin {
  gap: 4px;
  display: grid;
}

.ws-inbox-list article {
  background: #060808;
  border: 1px solid #151c1e;
  border-radius: 8px;
  grid-template-columns: auto 1fr auto;
  align-items: center;
  gap: 7px;
  padding: 7px;
  display: grid;
}

.ws-inbox-list article > i {
  color: #78ccd6;
  border: 1px solid #253033;
  border-radius: 7px;
  place-items: center;
  width: 21px;
  height: 21px;
  font-size: 8px;
  font-style: normal;
  display: grid;
}

.ws-inbox-list article > div {
  gap: 1px;
  display: grid;
}

.ws-inbox-list b {
  font-size: 8px;
}

.ws-inbox-list small {
  color: #667174;
  font-size: 7px;
}

.ws-inbox-list em {
  color: #586466;
  font-size: 6px;
  font-style: normal;
}

.ws-inbox-list button {
  color: #76cbd5;
  cursor: pointer;
  background: none;
  border: 0;
  font-size: 7px;
}

.ws-inbox-list article.bad {
  border-color: #e0696040;
}

.ws-inbox-list article.warn {
  border-color: #d6b95f33;
}

.ws-task-mini > button {
  text-align: left;
  color: inherit;
  cursor: pointer;
  background: #060808;
  border: 1px solid #151c1e;
  border-radius: 8px;
  grid-template-columns: auto 1fr auto;
  align-items: center;
  gap: 7px;
  padding: 7px;
  display: grid;
}

.ws-task-mini > button > span, .ws-ann-mini article > span {
  border: 1px solid #283033;
  border-radius: 999px;
  padding: 4px 5px;
  font-size: 6px;
  font-weight: 900;
}

.ws-task-mini > button > span.bad, .ws-ann-mini article > span.bad {
  color: #e07870;
  border-color: #5c2b28;
}

.ws-task-mini > button > span.warn, .ws-ann-mini article > span.warn {
  color: #d7bd65;
  border-color: #574d29;
}

.ws-task-mini > button > div {
  gap: 1px;
  display: grid;
}

.ws-task-mini b {
  font-size: 8px;
}

.ws-task-mini small {
  color: #657174;
  font-size: 7px;
}

.ws-task-mini em {
  color: #657174;
  font-size: 6px;
  font-style: normal;
}

.ws-ann-mini article {
  border-bottom: 1px solid #13191a;
  grid-template-columns: auto 1fr auto;
  align-items: center;
  gap: 7px;
  padding: 7px;
  display: grid;
}

.ws-ann-mini article > div {
  gap: 1px;
  display: grid;
}

.ws-ann-mini b {
  font-size: 8px;
}

.ws-ann-mini small {
  color: #687376;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 7px;
  overflow: hidden;
}

.ws-ann-mini em {
  color: #cfb962;
  font-size: 6px;
  font-style: normal;
}

.ws-feed > div {
  border-bottom: 1px solid #13191a;
  grid-template-columns: auto 1fr auto;
  align-items: center;
  gap: 7px;
  padding: 6px;
  display: grid;
}

.ws-feed i {
  color: #70cbd7;
}

.ws-feed > div > div {
  gap: 1px;
  display: grid;
}

.ws-feed b {
  font-size: 8px;
}

.ws-feed small, .ws-feed time {
  color: #647074;
  font-size: 6px;
}

.ws-feed.full > div {
  padding: 9px;
}

.ws-empty {
  color: #657174;
  text-align: center;
  border: 1px dashed #20292b;
  border-radius: 8px;
  padding: 13px;
  font-size: 8px;
}

.ws-inbox-full article {
  border: 1px solid #151c1e;
  border-radius: 8px;
  grid-template-columns: 18px 70px 1fr auto;
  align-items: center;
  gap: 8px;
  padding: 8px;
  display: grid;
}

.ws-inbox-full article.closed {
  opacity: .55;
}

.ws-inbox-full article > input {
  accent-color: #67c7d2;
}

.ws-inbox-full article > span {
  font-size: 6px;
  font-weight: 900;
}

.ws-inbox-full article.bad > span {
  color: #e1766e;
}

.ws-inbox-full article.warn > span {
  color: #d6bd66;
}

.ws-inbox-full article > div:nth-child(3) {
  gap: 1px;
  display: grid;
}

.ws-inbox-full b {
  font-size: 8px;
}

.ws-inbox-full small, .ws-inbox-full em {
  color: #667174;
  font-size: 7px;
  font-style: normal;
}

.ws-actions {
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 4px;
  display: flex;
}

.ws-actions button, .ws-task-buttons button, .ws-ann-list button {
  color: #98a5a7;
  cursor: pointer;
  background: #080b0c;
  border: 1px solid #253033;
  border-radius: 6px;
  padding: 5px 7px;
  font-size: 6px;
}

.ws-ann-list button.primary {
  color: #8edce5;
  border-color: #41747a;
}

.ws-form {
  gap: 6px;
  display: grid;
}

.ws-form label {
  gap: 3px;
  display: grid;
}

.ws-form label > span {
  color: #667174;
  text-transform: uppercase;
  font-size: 6px;
}

.ws-form input, .ws-form select, .ws-form textarea {
  color: #d0d9da;
  background: #060808;
  border: 1px solid #1c2527;
  border-radius: 7px;
  min-height: 34px;
  padding: 7px;
  font-size: 8px;
}

.ws-form textarea {
  resize: vertical;
  min-height: 72px;
}

.ws-form select[multiple] {
  min-height: 90px;
}

.ws-form label > small {
  color: #5f6b6e;
  font-size: 6px;
}

.ws-form-row {
  grid-template-columns: 1fr 1fr;
  gap: 6px;
  display: grid;
}

.ws-check {
  color: #718082;
  align-items: center;
  gap: 6px;
  font-size: 7px;
  display: flex !important;
}

.ws-check input {
  min-height: auto;
}

.ws-task-list article {
  background: #060808;
  border: 1px solid #151d1f;
  border-radius: 9px;
  padding: 9px;
}

.ws-task-list article.bad {
  border-color: #de6c633d;
}

.ws-task-list article.warn {
  border-color: #d5b85d2e;
}

.ws-task-list header {
  align-items: center;
  gap: 6px;
  display: flex;
}

.ws-task-list header span {
  color: #7acdd7;
  font-size: 6px;
  font-weight: 900;
}

.ws-task-list header b {
  color: #647174;
  font-size: 6px;
}

.ws-task-list header em {
  color: #d1b85e;
  margin-left: auto;
  font-size: 6px;
  font-style: normal;
}

.ws-task-list h3 {
  margin: 6px 0 3px;
  font-size: 10px;
}

.ws-task-list p {
  color: #697577;
  margin: 0;
  font-size: 7px;
  line-height: 1.45;
}

.ws-task-meta {
  flex-wrap: wrap;
  gap: 7px;
  margin-top: 7px;
  display: flex;
}

.ws-task-meta span {
  color: #617073;
  font-size: 6px;
}

.ws-task-buttons {
  justify-content: flex-end;
  gap: 4px;
  margin-top: 7px;
  display: flex;
}

.ws-modal-backdrop {
  z-index: 1500;
  background: #000000b8;
  place-items: center;
  padding: 20px;
  display: grid;
  position: fixed;
  inset: 0;
}

.ws-modal {
  background: #080b0c;
  border: 1px solid #263337;
  border-radius: 12px;
  width: min(720px, 95vw);
  max-height: 88vh;
  padding: 13px;
  overflow: auto;
  box-shadow: 0 20px 70px #0009;
}

.ws-modal > header {
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}

.ws-modal > header span {
  color: #6cc8d4;
  font-size: 6px;
}

.ws-modal > header h2 {
  margin: 2px 0;
  font-size: 15px;
}

.ws-modal > header button {
  color: #95a2a4;
  cursor: pointer;
  background: none;
  border: 0;
  font-size: 18px;
}

.ws-modal > p {
  color: #6c787a;
  font-size: 8px;
  line-height: 1.5;
}

.ws-checklist {
  gap: 4px;
  margin: 8px 0;
  display: grid;
}

.ws-checklist label {
  border: 1px solid #151c1e;
  border-radius: 7px;
  align-items: center;
  gap: 7px;
  padding: 6px;
  font-size: 8px;
  display: flex;
}

.ws-comments {
  gap: 4px;
  margin-top: 8px;
  display: grid;
}

.ws-comments > div {
  border-bottom: 1px solid #151c1e;
  grid-template-columns: 100px 1fr auto;
  gap: 6px;
  padding: 6px;
  display: grid;
}

.ws-comments b {
  font-size: 7px;
}

.ws-comments span {
  font-size: 8px;
}

.ws-comments small {
  color: #647073;
  font-size: 6px;
}

.ws-comment-form {
  grid-template-columns: 1fr auto;
  gap: 5px;
  margin-top: 8px;
  display: grid;
}

.ws-comment-form input {
  color: #d2dadb;
  background: #060808;
  border: 1px solid #1b2426;
  border-radius: 7px;
  min-height: 34px;
  padding: 7px;
}

.ws-comment-form button {
  color: #8bd9e2;
  background: #10262a;
  border: 1px solid #32646b;
  border-radius: 7px;
  padding: 6px 10px;
}

.ws-ann-list article {
  border: 1px solid #151d1f;
  border-radius: 9px;
  padding: 9px;
}

.ws-ann-list article.bad {
  border-color: #df6a6240;
}

.ws-ann-list article.warn {
  border-color: #d4b75b33;
}

.ws-ann-list header {
  align-items: center;
  gap: 6px;
  display: flex;
}

.ws-ann-list header span {
  font-size: 6px;
  font-weight: 900;
}

.ws-ann-list header b {
  color: #647174;
  font-size: 6px;
}

.ws-ann-list header em {
  color: #d4ba62;
  margin-left: auto;
  font-size: 6px;
  font-style: normal;
}

.ws-ann-list h3 {
  margin: 6px 0;
  font-size: 10px;
}

.ws-ann-list p {
  color: #6c7779;
  white-space: pre-wrap;
  font-size: 8px;
  line-height: 1.5;
}

.ws-ann-list footer {
  justify-content: space-between;
  align-items: center;
  gap: 8px;
  display: flex;
}

.ws-ann-list footer small {
  color: #626e70;
  font-size: 6px;
}

.ws-ann-list footer > div {
  gap: 4px;
  display: flex;
}

.ws-ann-admin > div {
  border-bottom: 1px solid #141a1b;
  grid-template-columns: 75px 1fr 100px 100px;
  align-items: center;
  gap: 7px;
  padding: 7px;
  display: grid;
}

.ws-ann-admin > div > span {
  font-size: 6px;
  font-weight: 900;
}

.ws-ann-admin > div > div {
  gap: 1px;
  display: grid;
}

.ws-ann-admin b, .ws-ann-admin strong {
  font-size: 7px;
}

.ws-ann-admin small {
  color: #647073;
  font-size: 6px;
}

.ws-focus-card {
  background: radial-gradient(circle at 92% 0, #5cc4d114, #0000 35%), #070909;
}

.ws-focus-card .ws-head > small {
  color: #536164;
  font-size: 6px;
}

.ws-focus-list {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 5px;
  display: grid;
}

.ws-focus-list > article {
  background: #060808;
  border: 1px solid #182225;
  border-radius: 9px;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: stretch;
  min-width: 0;
  display: grid;
  overflow: hidden;
}

.ws-focus-list > article:hover {
  background: #091012;
  border-color: #315158;
}

.ws-focus-open {
  text-align: left;
  min-width: 0;
  color: inherit;
  cursor: pointer;
  background: none;
  border: 0;
  grid-template-columns: 25px 75px 1fr;
  align-items: center;
  gap: 7px;
  padding: 8px;
  display: grid;
}

.ws-focus-list i {
  color: #7fd2dd;
  background: #102328;
  border-radius: 7px;
  place-items: center;
  width: 25px;
  height: 25px;
  font-size: 7px;
  font-style: normal;
  font-weight: 900;
  display: grid;
}

.ws-focus-open > span {
  color: #859194;
  font-size: 6px;
  font-weight: 900;
}

.ws-focus-open > span.bad {
  color: #e17d74;
}

.ws-focus-open > span.warn {
  color: #d7bd66;
}

.ws-focus-open > div {
  gap: 2px;
  min-width: 0;
  display: grid;
}

.ws-focus-list b {
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 8px;
  overflow: hidden;
}

.ws-focus-list small {
  color: #647174;
  font-size: 6px;
}

.ws-focus-controls {
  background: #0a1112;
  border-left: 1px solid #182225;
  align-items: stretch;
  display: flex;
}

.ws-focus-controls button {
  color: #778689;
  cursor: pointer;
  background: none;
  border: 0;
  border-left: 1px solid #182225;
  min-width: 38px;
  padding: 5px;
  font-size: 6px;
  font-weight: 850;
}

.ws-focus-controls button:first-child {
  color: #d1b95f;
  border-left: 0;
  font-size: 10px;
}

.ws-focus-controls button.primary {
  color: #72c8d2;
  min-width: 72px;
}

.ws-focus-controls button:hover {
  background: #102327;
}

.ws-focus-controls button:disabled {
  opacity: .45;
}

.ws-deferred-card {
  background: radial-gradient(circle at 0 0, #cba94a0e, #0000 34%), #070909;
}

.ws-deferred-card .ws-head > small {
  color: #9e8a50;
  font-size: 6px;
}

.ws-deferred-list {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 5px;
  display: grid;
}

.ws-deferred-list article {
  background: #080909;
  border: 1px solid #be9d4326;
  border-radius: 8px;
  grid-template-columns: 75px 1fr auto;
  align-items: center;
  gap: 7px;
  padding: 8px;
  display: grid;
}

.ws-deferred-list article > span {
  color: #8d999b;
  font-size: 6px;
  font-weight: 900;
}

.ws-deferred-list article > span.bad {
  color: #df756d;
}

.ws-deferred-list article > span.warn {
  color: #d4b95e;
}

.ws-deferred-list article > div {
  gap: 2px;
  min-width: 0;
  display: grid;
}

.ws-deferred-list b {
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 8px;
  overflow: hidden;
}

.ws-deferred-list small {
  color: #736d58;
  font-size: 6px;
}

.ws-deferred-list button {
  color: #c9b463;
  cursor: pointer;
  background: #121008;
  border: 1px solid #4b4328;
  border-radius: 6px;
  padding: 6px 8px;
  font-size: 6px;
}

.ws-brief-card {
  background: radial-gradient(circle at 100% 0, #53afbd12, #0000 38%), #070909;
}

.ws-brief-content {
  gap: 7px;
  display: grid;
}

.ws-brief-content > header {
  background: #060808;
  border: 1px solid #192528;
  border-radius: 8px;
  grid-template-columns: auto 1fr auto;
  align-items: center;
  gap: 8px;
  padding: 8px;
  display: grid;
}

.ws-brief-content > header > span {
  min-width: 70px;
  font-size: 7px;
  font-weight: 950;
}

.ws-brief-content > header > span.bad {
  color: #e17a72;
}

.ws-brief-content > header > span.warn {
  color: #d7bd65;
}

.ws-brief-content > header > span.ok {
  color: #72ca99;
}

.ws-brief-content > header > div:nth-child(2) {
  gap: 2px;
  display: grid;
}

.ws-brief-content > header b {
  font-size: 8px;
}

.ws-brief-content > header small {
  color: #657174;
  font-size: 6px;
}

.ws-brief-content > header > div:last-child {
  gap: 4px;
  display: flex;
}

.ws-brief-content button {
  color: #7dced8;
  cursor: pointer;
  background: #0c1719;
  border: 1px solid #2b484d;
  border-radius: 6px;
  padding: 5px 7px;
  font-size: 6px;
}

.ws-brief-content > div {
  grid-template-columns: repeat(3, 1fr);
  gap: 5px;
  display: grid;
}

.ws-brief-content section {
  background: #060808;
  border: 1px solid #151f21;
  border-radius: 8px;
  align-content: start;
  gap: 3px;
  min-height: 70px;
  padding: 8px;
  display: grid;
}

.ws-brief-content section > b {
  letter-spacing: .7px;
  color: #72cbd6;
  font-size: 6px;
}

.ws-brief-content section > span, .ws-brief-content section > small {
  color: #748083;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 7px;
  overflow: hidden;
}

.ws-inbox-tools {
  grid-template-columns: minmax(220px, 1fr) auto auto;
  align-items: center;
  gap: 6px;
  margin-bottom: 8px;
  display: grid;
}

.ws-inbox-tools > input {
  color: #d1dbdc;
  background: #060808;
  border: 1px solid #1d282a;
  border-radius: 8px;
  min-height: 34px;
  padding: 7px 9px;
  font-size: 8px;
}

.ws-inbox-tools > div {
  flex-wrap: wrap;
  gap: 3px;
  display: flex;
}

.ws-inbox-tools button {
  color: #839093;
  cursor: pointer;
  background: #080b0c;
  border: 1px solid #233034;
  border-radius: 7px;
  min-height: 30px;
  padding: 5px 8px;
  font-size: 6px;
  font-weight: 800;
}

.ws-inbox-tools button.active {
  color: #87d8e2;
  background: #102329;
  border-color: #366169;
}

.ws-inbox-tools button:disabled {
  opacity: .4;
  cursor: not-allowed;
}

.ws-saved-views {
  background: #060808;
  border: 1px solid #172124;
  border-radius: 8px;
  grid-template-columns: 1fr minmax(150px, 220px) auto auto;
  align-items: center;
  gap: 6px;
  margin-bottom: 8px;
  padding: 6px;
  display: grid;
}

.ws-saved-views > div {
  flex-wrap: wrap;
  gap: 4px;
  display: flex;
}

.ws-saved-views > div > span {
  display: flex;
}

.ws-saved-views > div > span button:first-child {
  border-radius: 999px 0 0 999px;
}

.ws-saved-views > div > span button:last-child {
  color: #b77e78;
  border-left: 0;
  border-radius: 0 999px 999px 0;
}

.ws-saved-views small {
  color: #5f6b6e;
  font-size: 6px;
}

.ws-saved-views input {
  color: #d0d9da;
  background: #050707;
  border: 1px solid #1d282a;
  border-radius: 7px;
  min-height: 30px;
  padding: 6px 8px;
  font-size: 7px;
}

.ws-saved-views button {
  color: #829093;
  cursor: pointer;
  background: #090d0e;
  border: 1px solid #263538;
  border-radius: 6px;
  padding: 5px 7px;
  font-size: 6px;
}

.ws-saved-views button:disabled {
  opacity: .35;
}

.ws-inbox-bulkbar {
  background: #060909;
  border: 1px solid #172225;
  border-radius: 8px;
  grid-template-columns: auto 1fr auto;
  align-items: center;
  gap: 7px;
  margin: 0 0 8px;
  padding: 6px;
  display: grid;
}

.ws-inbox-bulkbar > span {
  color: #667477;
  font-size: 6px;
}

.ws-inbox-bulkbar > div {
  flex-wrap: wrap;
  gap: 4px;
  display: flex;
}

.ws-inbox-bulkbar button {
  color: #829093;
  cursor: pointer;
  background: #090d0e;
  border: 1px solid #263538;
  border-radius: 6px;
  padding: 5px 7px;
  font-size: 6px;
}

.ws-inbox-bulkbar button:disabled {
  opacity: .35;
  cursor: not-allowed;
}

.ws-login {
  color: #d7dfe0;
  background: #050707;
  place-items: center;
  min-height: 100vh;
  display: grid;
}

@media (max-width: 950px) {
  .ws-pulse, .ws-momentum {
    grid-template-columns: 1fr 1fr;
  }

  .ws-momentum > div:first-child {
    grid-column: 1 / -1;
  }

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

  .ws-span2 {
    grid-column: auto;
  }

  .ws-hero {
    grid-template-columns: 1fr;
  }

  .ws-hero-right {
    justify-items: start;
  }

  .ws-ann-admin > div {
    grid-template-columns: 70px 1fr;
  }

  .ws-ann-admin strong {
    display: none;
  }

  .ws-focus-list, .ws-deferred-list, .ws-brief-content > div, .ws-inbox-tools, .ws-inbox-bulkbar, .ws-saved-views {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 600px) {
  .ws-page {
    padding: 8px;
  }

  .ws-command-center form {
    grid-template-columns: 1fr auto;
  }

  .ws-command-center form > span, .ws-command-center kbd {
    display: none;
  }

  .ws-command-results > button {
    grid-template-columns: 65px 1fr;
  }

  .ws-command-results em {
    display: none;
  }

  .ws-pulse, .ws-momentum {
    grid-template-columns: 1fr 1fr;
  }

  .ws-tabs .ws-default-tab {
    margin-left: 0;
  }

  .ws-focus-list > article {
    grid-template-columns: 1fr;
  }

  .ws-focus-controls {
    border-top: 1px solid #182225;
    border-left: 0;
  }

  .ws-deferred-list article, .ws-brief-content > header {
    grid-template-columns: 1fr;
  }

  .ws-inbox-full article {
    grid-template-columns: 18px 1fr;
  }

  .ws-inbox-full article > div:nth-child(3), .ws-inbox-full article > .ws-actions {
    grid-column: 1 / -1;
  }

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

  .ws-form-row, .ws-comments > div {
    grid-template-columns: 1fr;
  }

  .ws-badge > b {
    display: none;
  }

  .ws-focus-open {
    grid-template-columns: 25px 1fr;
  }

  .ws-focus-open > span {
    display: none;
  }
}

.ws-page {
  gap: 12px;
  width: min(100%, 1720px);
  margin-inline: auto;
  padding: clamp(10px, 1.5vw, 24px);
  line-height: 1.45;
}

.ws-page * {
  box-sizing: border-box;
}

.ws-page :is(.ws-card, .ws-grid, .ws-head, .ws-focus-open, .ws-command-results > button) {
  min-width: 0;
}

.ws-page :is(button, input, select, textarea) {
  font: inherit;
}

.ws-page button {
  touch-action: manipulation;
  min-height: 34px;
  transition: border-color .16s, background-color .16s, color .16s, opacity .16s;
}

.ws-page button:disabled {
  cursor: not-allowed;
}

.ws-page button:not(:disabled):hover {
  color: #a6e4eb;
  border-color: #47727a;
}

.ws-page :is(button, input, select, textarea):focus-visible {
  outline-offset: 2px;
  outline: 2px solid #6fcbd6;
}

.ws-page.ws-page button, .ws-page.ws-page :is(input, select, textarea) {
  font-size: 11px;
}

.ws-page.ws-page :is(small, em, time) {
  font-size: 10px;
}

.ws-page.ws-page :is(.ws-hero > div:first-child > span, .ws-head > div > span, .ws-command-center form > span, .ws-momentum > div:first-child > span) {
  letter-spacing: 1.15px;
  font-size: 10px;
}

.ws-page.ws-page :is(.ws-inbox-list b, .ws-task-mini b, .ws-ann-mini b, .ws-feed b, .ws-inbox-full b, .ws-task-list h3, .ws-ann-list h3, .ws-deferred-list b, .ws-focus-list b, .ws-brief-content > header b) {
  font-size: 12px;
}

.ws-page.ws-page :is(.ws-focus-open > span, .ws-deferred-list article > span, .ws-task-list header span, .ws-task-list header b, .ws-task-list header em, .ws-ann-list header span, .ws-ann-list header b, .ws-ann-list header em, .ws-ann-admin > div > span, .ws-ann-admin b, .ws-ann-admin strong, .ws-form label > span) {
  font-size: 10px;
}

.ws-page.ws-page :is(.ws-task-list p, .ws-ann-list p, .ws-comments span) {
  font-size: 11px;
}

.ws-progress {
  z-index: 2200;
  background: #52adbb24;
  height: 3px;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  overflow: hidden;
}

.ws-progress > i {
  background: linear-gradient(90deg, #0000, #70d2de, #0000);
  width: 34%;
  height: 100%;
  animation: 1.15s ease-in-out infinite ws-progress;
  display: block;
}

.ws-loading {
  color: #d9e1e2;
  background: radial-gradient(circle at 50% 25%, #4ca7b421, #0000 34%), #050707;
  place-items: center;
  min-height: 100vh;
  padding: 24px;
  display: grid;
}

.ws-loading > section {
  text-align: center;
  background: #080c0d;
  border: 1px solid #1d2b2e;
  border-radius: 16px;
  justify-items: center;
  gap: 9px;
  width: min(500px, 100%);
  padding: 28px;
  display: grid;
  box-shadow: 0 24px 80px #00000059;
}

.ws-loading span {
  letter-spacing: 1.2px;
  color: #73cad5;
  font-size: 10px;
  font-weight: 900;
}

.ws-loading h1 {
  margin: 0;
  font-size: 24px;
}

.ws-loading p {
  color: #7d898c;
  margin: 0;
  font-size: 13px;
  line-height: 1.55;
}

.ws-loading i {
  background: #152124;
  border-radius: 999px;
  width: 170px;
  height: 4px;
  margin-top: 8px;
  display: block;
  overflow: hidden;
}

.ws-loading i:after {
  content: "";
  border-radius: inherit;
  background: #6bc8d4;
  width: 45%;
  height: 100%;
  animation: 1.2s ease-in-out infinite ws-loading;
  display: block;
}

.ws-load-error button {
  color: #8bdce6;
  cursor: pointer;
  background: #102529;
  border: 1px solid #3a6b72;
  border-radius: 8px;
  margin-top: 6px;
  padding: 9px 14px;
}

.ws-hero {
  align-items: center;
  padding: clamp(18px, 2vw, 30px);
}

.ws-hero h1 {
  margin: 8px 0;
  font-size: clamp(26px, 2.2vw, 36px);
  line-height: 1.12;
}

.ws-page.ws-page .ws-hero p {
  max-width: 760px;
  margin: 0;
  font-size: 12px;
}

.ws-hero-right {
  gap: 7px;
}

.ws-page.ws-page .ws-hero-right > strong {
  font-size: 13px;
}

.ws-page.ws-page .ws-hero-right > small {
  letter-spacing: .65px;
  font-size: 9px;
}

.ws-live-status {
  align-items: center;
  gap: 6px;
  margin: 3px 0;
  display: flex;
}

.ws-live-status > span {
  color: #748184;
  align-items: center;
  gap: 5px;
  font-size: 10px;
  display: flex;
}

.ws-live-status > span > i {
  background: #67c594;
  border-radius: 50%;
  width: 7px;
  height: 7px;
  box-shadow: 0 0 0 3px #67c5941a;
}

.ws-live-status > span.syncing > i {
  background: #6ecbd6;
  animation: .8s ease-in-out infinite ws-pulse-dot;
}

.ws-hero-right .ws-live-status > button {
  color: #79cbd5;
  padding: 5px 8px;
}

.ws-command-center {
  padding: 9px;
}

.ws-command-center form {
  grid-template-columns: auto minmax(220px, 1fr) auto auto;
  gap: 9px;
}

.ws-command-center input {
  min-height: 40px;
  padding-inline: 12px;
}

.ws-command-results {
  gap: 5px;
  padding: 8px;
  top: 58px;
}

.ws-command-results > button {
  min-height: 52px;
  padding: 9px 11px;
}

.ws-page.ws-page .ws-command-results > button > span {
  font-size: 10px;
}

.ws-page.ws-page .ws-command-results b {
  font-size: 12px;
}

.ws-feedback-stack {
  z-index: 2100;
  pointer-events: none;
  gap: 7px;
  width: min(620px, 100vw - 24px);
  display: grid;
  position: fixed;
  top: 14px;
  left: 50%;
  transform: translateX(-50%);
}

.ws-feedback {
  pointer-events: auto;
  background: #080d0ef7;
  border: 1px solid;
  border-radius: 10px;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  padding: 11px 13px;
  font-size: 12px;
  display: flex;
  box-shadow: 0 18px 55px #0000008c;
}

.ws-feedback.error {
  color: #efa29b;
  border-color: #713b37;
}

.ws-feedback.success {
  color: #92dfb2;
  border-color: #315f49;
}

.ws-feedback > button {
  min-width: 32px;
  min-height: 32px;
  color: inherit;
  cursor: pointer;
  background: none;
  border: 0;
  font-size: 18px;
}

.ws-quick-guide {
  background: linear-gradient(120deg, #4fa9b50e, #070909);
  border: 1px solid #1a272a;
  border-radius: 10px;
}

.ws-quick-guide summary {
  color: #8dd8e1;
  cursor: pointer;
  padding: 11px 13px;
  font-size: 11px;
  font-weight: 800;
  list-style-position: inside;
}

.ws-quick-guide summary::marker {
  color: #65bdc8;
}

.ws-quick-guide > div {
  grid-template-columns: repeat(4, 1fr);
  gap: 7px;
  padding: 0 11px 11px;
  display: grid;
}

.ws-quick-guide p {
  background: #060909;
  border: 1px solid #162124;
  border-radius: 8px;
  gap: 4px;
  margin: 0;
  padding: 10px;
  display: grid;
}

.ws-quick-guide b {
  color: #cad4d5;
  font-size: 11px;
}

.ws-quick-guide span {
  color: #748184;
  font-size: 10px;
  line-height: 1.5;
}

.ws-pulse {
  gap: 8px;
}

.ws-pulse > div {
  min-height: 88px;
  padding: 13px;
}

.ws-page.ws-page .ws-pulse span {
  letter-spacing: .35px;
  font-size: 9px;
}

.ws-pulse b {
  font-size: 24px;
}

.ws-momentum {
  gap: 7px;
}

.ws-momentum > div {
  min-height: 66px;
  padding: 11px 13px;
}

.ws-page.ws-page .ws-momentum :is(span, small) {
  font-size: 10px;
}

.ws-momentum b, .ws-momentum > div:not(:first-child) b {
  font-size: 18px;
}

.ws-tabs {
  z-index: 40;
  -webkit-backdrop-filter: blur(14px);
  backdrop-filter: blur(14px);
  background: #070909f0;
  gap: 5px;
  padding: 7px;
  position: sticky;
  top: 8px;
  box-shadow: 0 8px 24px #0000002e;
}

.ws-tabs button {
  padding: 8px 12px;
}

.ws-card {
  padding: 15px;
}

.ws-head {
  margin-bottom: 11px;
}

.ws-head h2 {
  margin: 3px 0;
  font-size: 17px;
}

.ws-section-intro {
  color: #788588;
  margin: -3px 0 12px;
  font-size: 11px;
  line-height: 1.55;
}

.ws-inbox-list, .ws-task-mini, .ws-ann-mini, .ws-feed, .ws-inbox-full, .ws-task-list, .ws-ann-list, .ws-ann-admin {
  gap: 6px;
}

.ws-inbox-list article, .ws-task-mini > button, .ws-task-list article, .ws-ann-list article {
  padding: 11px;
}

.ws-inbox-list article > i {
  width: 29px;
  height: 29px;
}

.ws-empty {
  padding: 17px;
  font-size: 11px;
  line-height: 1.5;
}

.ws-focus-list, .ws-deferred-list {
  gap: 7px;
}

.ws-focus-list > article {
  min-height: 58px;
}

.ws-focus-open {
  grid-template-columns: 32px 82px 1fr;
  padding: 10px;
}

.ws-focus-list i {
  width: 30px;
  height: 30px;
  font-size: 10px;
}

.ws-focus-controls button {
  min-width: 46px;
  padding: 7px;
}

.ws-focus-controls button:first-child {
  font-size: 15px;
}

.ws-focus-controls button.primary {
  min-width: 90px;
}

.ws-deferred-list article {
  grid-template-columns: 90px 1fr auto;
  padding: 11px;
}

.ws-deferred-card.is-empty {
  padding-block: 10px;
}

.ws-deferred-card.is-empty .ws-head {
  margin: 0;
}

.ws-deferred-card.is-empty .ws-deferred-list {
  display: none;
}

.ws-brief-content {
  gap: 9px;
}

.ws-brief-content > header {
  padding: 11px;
}

.ws-brief-content section {
  gap: 5px;
  min-height: 92px;
  padding: 11px;
}

.ws-page.ws-page .ws-brief-content section > b {
  font-size: 10px;
}

.ws-page.ws-page .ws-brief-content section > span {
  font-size: 11px;
}

.ws-inbox-tools, .ws-saved-views, .ws-inbox-bulkbar {
  gap: 8px;
}

.ws-saved-views, .ws-inbox-bulkbar {
  padding: 9px;
}

.ws-inbox-full article {
  grid-template-columns: 22px 86px 1fr auto;
  padding: 11px;
}

.ws-form {
  gap: 9px;
}

.ws-form input, .ws-form select, .ws-form textarea {
  min-height: 40px;
  padding: 9px;
}

.ws-form label > small {
  line-height: 1.45;
}

.ws-task-list p, .ws-ann-list p {
  line-height: 1.55;
}

.ws-task-meta {
  gap: 10px;
  margin-top: 9px;
}

.ws-modal {
  padding: 18px;
}

.ws-modal > header h2 {
  font-size: 19px;
}

.ws-checklist label, .ws-comments > div {
  padding: 9px;
}

.ws-comment-form input {
  min-height: 40px;
  padding: 9px;
}

.ws-page.ws-page :is(.ws-inbox-bulkbar > span, .ws-inbox-full article > span, .ws-task-meta span, .ws-command-center kbd) {
  font-size: 10px;
}

.ws-inbox-bulkbar > span {
  line-height: 1.45;
}

.ws-inbox-full article > span {
  overflow-wrap: anywhere;
}

@keyframes ws-progress {
  0% {
    transform: translateX(-110%);
  }

  100% {
    transform: translateX(310%);
  }
}

@keyframes ws-loading {
  0% {
    transform: translateX(-115%);
  }

  100% {
    transform: translateX(250%);
  }
}

@keyframes ws-pulse-dot {
  50% {
    opacity: .35;
    transform: scale(.78);
  }
}

@media (max-width: 950px) {
  .ws-page {
    width: 100%;
  }

  .ws-tabs {
    top: 4px;
  }

  .ws-hero-right {
    justify-items: start;
  }

  .ws-deferred-list article {
    grid-template-columns: 82px 1fr auto;
  }

  .ws-quick-guide > div {
    grid-template-columns: 1fr 1fr;
  }
}

@media (max-width: 600px) {
  .ws-page {
    gap: 9px;
    padding: 8px;
  }

  .ws-page.ws-page button {
    min-height: 40px;
    font-size: 12px;
  }

  .ws-hero {
    padding: 18px;
  }

  .ws-hero h1 {
    font-size: 25px;
  }

  .ws-page.ws-page .ws-hero p {
    font-size: 12px;
  }

  .ws-live-status {
    flex-wrap: wrap;
  }

  .ws-command-center form {
    grid-template-columns: minmax(0, 1fr) auto;
  }

  .ws-command-center input {
    width: 100%;
  }

  .ws-command-results {
    top: 58px;
  }

  .ws-pulse > div {
    min-height: 82px;
  }

  .ws-tabs {
    scrollbar-width: none;
    flex-wrap: nowrap;
    overflow-x: auto;
  }

  .ws-tabs::-webkit-scrollbar {
    display: none;
  }

  .ws-tabs button {
    white-space: nowrap;
    flex: none;
  }

  .ws-tabs .ws-default-tab {
    margin-left: 0;
  }

  .ws-card {
    padding: 13px;
  }

  .ws-head {
    align-items: flex-start;
  }

  .ws-head > button {
    flex: none;
  }

  .ws-quick-guide > div {
    grid-template-columns: 1fr;
  }

  .ws-focus-open {
    grid-template-columns: 32px 1fr;
  }

  .ws-focus-controls {
    overflow-x: auto;
  }

  .ws-focus-controls button {
    flex: 1 0 66px;
  }

  .ws-focus-controls button.primary {
    flex-basis: 105px;
  }

  .ws-deferred-list article {
    grid-template-columns: 1fr;
  }

  .ws-inbox-full article {
    grid-template-columns: 24px 1fr;
  }

  .ws-inbox-full article > span {
    align-self: center;
  }

  .ws-brief-content > header > div:last-child {
    flex-wrap: wrap;
  }

  .ws-feedback-stack {
    top: 8px;
  }

  .ws-modal-backdrop {
    padding: 8px;
  }

  .ws-modal {
    width: 100%;
    max-height: 94vh;
    padding: 14px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .ws-page *, .ws-loading * {
    scroll-behavior: auto !important;
    transition-duration: .01ms !important;
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
  }
}

.ws-week-overview {
  background: radial-gradient(circle at 90% 0, #60c7d614, #0000 34%), #070a0b;
  border: 1px solid #1b292c;
  border-radius: 12px;
  gap: 10px;
  padding: 14px;
  display: grid;
}

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

.ws-week-overview > header span {
  letter-spacing: 1.15px;
  color: #70c9d4;
  font-size: 10px;
  font-weight: 900;
}

.ws-week-overview h2 {
  margin: 3px 0 0;
  font-size: 17px;
}

.ws-week-overview > header button {
  color: #7dced8;
  cursor: pointer;
  background: #0b1719;
  border: 1px solid #294248;
  border-radius: 8px;
  padding: 7px 10px;
}

.ws-week-overview > div {
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 7px;
  display: grid;
}

.ws-week-overview article {
  background: #060808;
  border: 1px solid #172225;
  border-radius: 9px;
  gap: 2px;
  padding: 10px;
  display: grid;
}

.ws-week-overview article b {
  font-size: 20px;
}

.ws-week-overview article span {
  color: #758285;
  font-size: 9px;
}

.ws-week-overview article.warn {
  border-color: #5b4f2b;
}

.ws-week-overview article.warn b {
  color: #dbc36e;
}

.ws-week-overview article.bad {
  border-color: #5d3431;
}

.ws-week-overview article.bad b {
  color: #e58d85;
}

.ws-task-signals {
  flex-wrap: wrap;
  gap: 5px;
  margin-top: 7px;
  display: flex;
}

.ws-task-signals span {
  color: #79cbd5;
  background: #0a1517;
  border: 1px solid #264047;
  border-radius: 999px;
  padding: 4px 7px;
  font-size: 9px;
}

.ws-task-signals span.mention {
  color: #dfc56e;
  background: #171408;
  border-color: #5a4c2b;
}

.ws-task-follow {
  background: #060909;
  border: 1px solid #182427;
  border-radius: 9px;
  align-items: center;
  gap: 9px;
  margin: 10px 0;
  padding: 9px;
  display: flex;
}

.ws-task-follow button {
  color: #7dd0da;
  cursor: pointer;
  background: #0b181a;
  border: 1px solid #31525a;
  border-radius: 8px;
  padding: 7px 10px;
}

.ws-task-follow button.active {
  color: #e1c76d;
  background: #191606;
  border-color: #68592d;
}

.ws-task-follow small {
  color: #718083;
  line-height: 1.45;
}

.ws-comment-mentions {
  flex-wrap: wrap;
  grid-column: 2;
  gap: 4px;
  display: flex;
}

.ws-comment-mentions em {
  color: #d6bd6c;
  background: #151307;
  border: 1px solid #554a2d;
  border-radius: 999px;
  padding: 3px 6px;
  font-size: 8px;
  font-style: normal;
}

.ws-comment-form {
  grid-template-columns: minmax(180px, 1fr) minmax(150px, 220px) auto;
  align-items: end;
}

.ws-comment-form > label {
  color: #718083;
  gap: 4px;
  font-size: 9px;
  display: grid;
}

.ws-comment-form select {
  color: #d2dadb;
  background: #060808;
  border: 1px solid #1b282b;
  border-radius: 7px;
  width: 100%;
  min-height: 40px;
  padding: 6px;
}

.ws-team-card {
  background: radial-gradient(circle at 92% 2%, #65cad814, #0000 30%), linear-gradient(145deg, #080c0d, #070909);
}

.ws-team-summary {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
  margin-bottom: 11px;
  display: grid;
}

.ws-team-summary article {
  background: #060808;
  border: 1px solid #172326;
  border-radius: 9px;
  gap: 3px;
  padding: 12px;
  display: grid;
}

.ws-team-summary article b {
  font-size: 22px;
}

.ws-team-summary article span {
  color: #748184;
  font-size: 9px;
}

.ws-team-summary article.bad {
  border-color: #593431;
}

.ws-team-summary article.bad b {
  color: #e38a82;
}

.ws-team-list {
  grid-template-columns: repeat(auto-fit, minmax(310px, 1fr));
  gap: 8px;
  display: grid;
}

.ws-team-list > article {
  background: #050809db;
  border: 1px solid #172326;
  border-radius: 10px;
  gap: 10px;
  padding: 12px;
  display: grid;
}

.ws-team-person {
  grid-template-columns: 34px 1fr auto;
  align-items: center;
  gap: 9px;
  display: grid;
}

.ws-team-person > i {
  color: #7ad0db;
  background: #0b181a;
  border: 1px solid #2b4a50;
  border-radius: 50%;
  place-items: center;
  width: 34px;
  height: 34px;
  font-style: normal;
  font-weight: 900;
  display: grid;
}

.ws-team-person > div {
  gap: 2px;
  min-width: 0;
  display: grid;
}

.ws-team-person b, .ws-team-person small {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.ws-team-person b {
  font-size: 11px;
}

.ws-team-person small {
  color: #69777a;
  font-size: 9px;
}

.ws-team-person > span {
  border: 1px solid #2b393c;
  border-radius: 999px;
  padding: 5px 7px;
  font-size: 8px;
  font-weight: 900;
}

.ws-team-person > span.bad {
  color: #eb9289;
  border-color: #603934;
}

.ws-team-person > span.warn {
  color: #ddc36d;
  border-color: #5a4e2d;
}

.ws-team-person > span.ok {
  color: #7dd3a2;
  border-color: #315644;
}

.ws-team-metrics {
  grid-template-columns: repeat(3, 1fr);
  gap: 5px;
  display: grid;
}

.ws-team-metrics span {
  color: #6f7d80;
  border: 1px solid #131e20;
  border-radius: 7px;
  align-items: baseline;
  gap: 4px;
  padding: 7px;
  font-size: 8px;
  display: flex;
}

.ws-team-metrics b {
  color: #c9d3d4;
  font-size: 11px;
}

.ws-load-meter {
  background: #101719;
  border-radius: 999px;
  height: 5px;
  overflow: hidden;
}

.ws-load-meter i {
  border-radius: inherit;
  background: linear-gradient(90deg, #67c598, #dfc468, #e07e75);
  height: 100%;
  display: block;
}

@media (max-width: 1050px) {
  .ws-week-overview > div {
    grid-template-columns: repeat(3, 1fr);
  }
}

@media (max-width: 700px) {
  .ws-week-overview > header {
    align-items: flex-start;
  }

  .ws-week-overview > div, .ws-team-summary {
    grid-template-columns: 1fr 1fr;
  }

  .ws-team-list, .ws-comment-form {
    grid-template-columns: 1fr;
  }

  .ws-comment-mentions {
    grid-column: auto;
  }

  .ws-task-follow {
    align-items: flex-start;
    display: grid;
  }
}

/*# sourceMappingURL=apps_web_app_globals_1lkgh9-.css.map*/