:root {
  color-scheme: light;
  --bp-primary: #2563eb;
  --bp-primary-2: #3b82f6;
  --bp-primary-soft: #dbeafe;
  --bp-bg: #f5f7fa;
  --bp-text: #0f172a;
  --bp-muted: #64748b;
  --bp-danger: #dc2626;
  --yc-bg: #f5f7fa;
  --yc-surface: #ffffff;
  --yc-text: #0f172a;
  --yc-muted: #64748b;
  --yc-border: #e2e8f0;
  --yc-accent: #2563eb;
  --yc-hello: #1d4ed8;
  --yc-pill-bg: #eef2f7;
  --yc-shadow: 0 10px 28px rgba(15, 23, 42, .07);
}
html[data-theme="light"],
html[data-theme="system"] {
  color-scheme: light;
  --bp-bg: #f5f7fa;
  --bp-text: #0f172a;
  --bp-muted: #64748b;
  --bp-primary: #2563eb;
  --bp-primary-2: #1d4ed8;
  --yc-bg: #f5f7fa;
  --yc-surface: #ffffff;
  --yc-text: #0f172a;
  --yc-muted: #64748b;
  --yc-border: #e2e8f0;
  --yc-accent: #2563eb;
  --yc-hello: #1d4ed8;
  --yc-pill-bg: #eef2f7;
  --yc-shadow: 0 10px 28px rgba(15, 23, 42, .07);
}
html[data-bg="navy"] { --yc-page-bg-dark: #0b1020; --yc-page-bg-light: #e8eef8; }
html[data-bg="blue"] { --yc-page-bg-dark: #071a36; --yc-page-bg-light: #dbeafe; }
html[data-bg="purple"] { --yc-page-bg-dark: #160c28; --yc-page-bg-light: #eee6f8; }
html[data-bg="black"] { --yc-page-bg-dark: #050508; --yc-page-bg-light: #ececec; }
html[data-bg="slate"] { --yc-page-bg-dark: #1e293b; --yc-page-bg-light: #e2e8f0; }
html[data-bg="custom"] { --yc-page-bg-dark: #0b1020; --yc-page-bg-light: #e8eef8; }
html[data-theme="light"],
html[data-theme="system"] {
  --yc-page-bg: var(--yc-page-bg-light, #f5f7fa);
  --yc-bg-veil: rgba(245, 247, 250, .78);
}
html[data-theme="dark"] {
  color-scheme: dark;
  --bp-primary: #60a5fa;
  --bp-primary-2: #93c5fd;
  --bp-primary-soft: #1e3a8a;
  --bp-bg: #0b1020;
  --bp-text: #e8eefc;
  --bp-muted: #94a3b8;
  --bp-danger: #f87171;
  --yc-bg: #0b1020;
  --yc-surface: #151c2e;
  --yc-text: #e8eefc;
  --yc-muted: #94a3b8;
  --yc-border: rgba(148, 163, 184, .28);
  --yc-accent: #3b82f6;
  --yc-hello: #93c5fd;
  --yc-pill-bg: rgba(255,255,255,.08);
  --yc-shadow: 0 12px 32px rgba(0,0,0,.4);
  --yc-page-bg: var(--yc-page-bg-dark, #0b1020);
  --yc-bg-veil: rgba(8, 12, 24, .58);
}
@media (prefers-color-scheme: dark) {
  html[data-theme="system"] {
    color-scheme: dark;
    --bp-primary: #60a5fa;
    --bp-primary-2: #93c5fd;
    --bp-bg: #0b1020;
    --bp-text: #e8eefc;
    --bp-muted: #94a3b8;
    --yc-bg: #0b1020;
    --yc-surface: #151c2e;
    --yc-text: #e8eefc;
    --yc-muted: #94a3b8;
    --yc-border: rgba(148, 163, 184, .28);
    --yc-accent: #3b82f6;
    --yc-hello: #93c5fd;
    --yc-pill-bg: rgba(255,255,255,.08);
    --yc-shadow: 0 12px 32px rgba(0,0,0,.4);
    --yc-page-bg: var(--yc-page-bg-dark, #0b1020);
    --yc-bg-veil: rgba(8, 12, 24, .58);
  }
}
.guest-body {
  min-height: 100dvh;
  margin: 0;
  font-family: "SF Pro Display", "Segoe UI", system-ui, sans-serif;
  color: var(--bp-text);
  background:
    linear-gradient(180deg, rgba(11, 18, 32, 0.55), rgba(11, 18, 32, 0.78)),
    url("/img/homelab-bg.png") center / cover no-repeat fixed;
}
.guest-wrap {
  min-height: 100dvh;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 32px 20px 48px;
}
.guest-stack {
  width: min(560px, 100%);
  display: flex;
  flex-direction: column;
  gap: 14px;
}
.login-card, .ai-card {
  width: 100%;
  background: rgba(18, 26, 43, 0.82);
  border: 1px solid rgba(167, 139, 250, 0.28);
  border-radius: 22px;
  padding: 28px 26px;
  backdrop-filter: blur(18px);
  box-shadow: 0 18px 50px rgba(0,0,0,.45);
}
.login-card h1, .ai-card h1 { margin: 0 0 8px; font-size: 1.55rem; }
.login-card p, .ai-card p { color: var(--bp-muted); font-size: 1rem; line-height: 1.45; }
.login-card label { display: block; margin: 14px 0 6px; font-size: .95rem; color: var(--bp-muted); }
.login-card input, .ai-card textarea {
  width: 100%; box-sizing: border-box; border-radius: 12px;
  border: 1px solid rgba(167, 139, 250, 0.28);
  background: rgba(11, 18, 32, 0.7); color: #fff; padding: 14px 16px; font: inherit; font-size: 1.05rem;
}
.login-card input:focus, .ai-card textarea:focus {
  outline: 2px solid var(--bp-primary-2);
}
.login-card button, .ai-card button {
  margin-top: 18px; width: 100%; border: 0; border-radius: 12px; padding: 14px;
  background: var(--bp-primary); color: #fff; font-weight: 700; cursor: pointer; font-size: 1.05rem;
}
.login-card button:hover { background: #5b21b6; }
.brand { display: flex; gap: 12px; align-items: center; margin-bottom: 12px; }
.brand img.mark { width: 48px; height: 48px; border-radius: 12px; background: transparent; object-fit: contain; }
.brand h1.wordmark {
  margin: 0;
  font-size: 1.55rem;
  font-weight: 800;
  letter-spacing: -0.03em;
  color: #fff;
  background: none;
  line-height: 1.1;
}
.brand .cloud { width: 44px; height: 44px; border-radius: 50%; background: transparent; }
.brand p { margin: 4px 0 0; }
.err { color: var(--bp-danger); }
.links { text-align: center; margin-top: 14px; }
.links a { color: var(--bp-primary-2); }
.flash { background: rgba(52, 211, 153, .2); padding: 12px 16px; border-radius: 12px; font-size: 1rem; margin: 0; }
.secret code { word-break: break-all; }
.hint { font-size: .75rem; overflow-wrap: anywhere; color: var(--bp-muted); }
.bp-nav {
  position: fixed; left: 50%; bottom: calc(12px + env(safe-area-inset-bottom, 0px));
  transform: translateX(-50%); display: flex; gap: calc(6px * var(--nav-scale, 1));
  padding: calc(8px * var(--nav-scale, 1)) calc(10px * var(--nav-scale, 1));
  border-radius: 999px; background: rgba(18, 26, 43, .94);
  border: 1px solid rgba(167, 139, 250, 0.28);
  z-index: 50;
}
.bp-nav-btn {
  display: flex; flex-direction: column; align-items: center; gap: 4px;
  padding: calc(8px * var(--nav-scale, 1)) calc(16px * var(--nav-scale, 1));
  border-radius: 999px; color: rgba(229, 238, 252, .62);
  text-decoration: none; font-size: calc(0.75rem * var(--nav-scale, 1));
  font-weight: 600;
}
.bp-nav-btn svg {
  width: calc(24px * var(--nav-scale, 1));
  height: calc(24px * var(--nav-scale, 1));
  display: block;
}
.bp-nav-btn.on { color: #fff; background: rgba(109, 40, 217, .55); }
.chrome-card h2 { margin: 0 0 8px; }
.chrome-label { display: block; margin: 12px 0 6px; color: var(--bp-muted); font-size: .85rem; }
.chrome-card input[type="range"] { width: 100%; max-width: 320px; accent-color: #7c5cff; }
.nav-ord { list-style: none; margin: 0; padding: 0; }
.nav-ord li {
  display: flex; align-items: center; gap: 10px;
  padding: 8px 0; border-bottom: 1px solid rgba(255,255,255,.08);
}
.nav-ord__icon { display: grid; color: #fff; }
.nav-ord__name { flex: 1; }
.nav-ord-btn {
  width: auto !important; margin: 0 !important; padding: 6px 10px !important;
  background: rgba(255,255,255,.08) !important; color: #fff !important;
}
.page-pad { padding: 16px 16px 96px; }
.home-shell.page-pad {
  display: flex !important;
  flex-direction: column;
  align-items: stretch;
  justify-content: flex-start;
  height: auto !important;
  max-width: 640px;
  margin: 0 auto;
  gap: 14px;
  overflow: auto;
}
.page-pad .card,
.intern-main .card {
  height: auto;
  flex: none;
  padding: 18px 20px;
}
.page-pad .card h1, .intern-main .card h1 { margin: 0 0 6px; }
.page-pad .card > form button,
.page-pad .card > button {
  width: auto;
  min-width: 160px;
  margin-top: 12px;
  border: 0;
  border-radius: 12px;
  padding: 12px 18px;
  background: var(--bp-primary);
  color: #fff;
  font-weight: 700;
  cursor: pointer;
}
.page-pad input[type="range"] { max-width: 320px; display: block; }
.home-shell:has(.widgets-grid) {
  display: flex !important;
  flex-direction: column;
  height: 100% !important;
  min-height: 0;
  overflow: hidden;
}
.widgets-grid.home-grid {
  display: grid;
  grid-template-columns: repeat(var(--dash-cols, 3), minmax(0, 1fr));
  grid-template-rows: minmax(0, 1fr);
  gap: var(--dash-gap, 16px);
  flex: 1;
  min-height: 0;
  height: auto;
  align-content: stretch;
  align-items: stretch;
}
.widgets-grid.home-grid:not(.is-free) .widget {
  grid-column: span var(--span, 1);
  min-height: 0;
  overflow: hidden;
}
.widgets-grid.home-grid.is-free {
  display: block;
  position: relative;
  min-height: var(--dash-canvas, 720px);
  height: var(--dash-canvas, 720px);
}
.widgets-grid.home-grid.is-free .widget {
  position: absolute;
  grid-column: auto;
  overflow: auto;
}
.widget-resize {
  position: absolute; right: 6px; bottom: 6px; z-index: 3;
  width: 16px; height: 16px;
  border-right: 3px solid rgba(255,255,255,.7);
  border-bottom: 3px solid rgba(255,255,255,.7);
  cursor: nwse-resize;
  display: none;
}
.home-shell.is-editing .widgets-grid.is-free .widget-resize { display: block; }
.home-shell.is-editing .widgets-grid.is-free .widget { touch-action: none; }
.widget-spacer {
  min-height: 88px;
  display: grid;
  place-items: center;
  background: transparent;
  border: 0;
  box-shadow: none;
  backdrop-filter: none;
  padding: 12px;
}
.home-shell.is-editing .widget-spacer {
  border: 2px dashed rgba(167,139,250,.4);
  background: rgba(167,139,250,.08);
}
.yc-logo-tile {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 10px;
  pointer-events: none;
  user-select: none;
}
.yc-logo-tile img {
  width: min(96px, 42%);
  height: auto;
  border-radius: 50%;
  box-shadow: none;
  filter: none;
}
.yc-logo-tile span {
  font-weight: 800;
  letter-spacing: -0.06em;
  font-size: clamp(1.05rem, 2.1vw, 1.55rem);
  color: var(--yc-text, #e8eef8);
  line-height: 1;
}
.yc-logo-tile .yc-brand__tld { opacity: .5; font-weight: 650; font-size: .78em; }
.widget-spacer p { margin: 0; color: var(--bp-muted); font-size: .85rem; }
.widget-spanbar {
  position: absolute; left: 42px; top: 8px; z-index: 2;
  display: flex; gap: 4px;
}
.widget-spanbar[hidden] { display: none !important; }
.widget-spanbar button {
  width: auto; min-width: 28px; margin: 0; padding: 4px 7px;
  border: 0; border-radius: 8px; background: rgba(0,0,0,.35); color: #fff;
  font-size: .75rem; cursor: pointer;
}
.edit-bar__cols, .edit-bar__gap {
  display: flex; align-items: center; gap: 8px; color: #fff; font-size: .85rem;
}
.edit-bar__cols select, .edit-bar input[type="range"] {
  width: auto; max-width: 140px; margin: 0;
}
.clock-widget { padding: 12px 8px 4px; }
.clock-widget .clock-block__time { font-size: clamp(2.2rem, 6vw, 3.4rem); }
.shortcut-row { display: flex; flex-wrap: wrap; gap: 8px; padding-top: 6px; }
.shortcut-row .chip-add { text-decoration: none; display: inline-flex; }
.status-mini { display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; padding-top: 8px; }
.status-mini__row { display: grid; gap: 2px; }
.status-mini__row strong { font-size: 1.4rem; }
.status-mini__row span { color: var(--bp-muted); font-size: .8rem; }
@media (max-width: 800px) {
  .widgets-grid.home-grid:not(.is-free) { grid-template-columns: 1fr; }
  .widgets-grid.home-grid:not(.is-free) .widget { grid-column: span 1 !important; }
}
.widgets-grid .weather-card {
  flex: none;
  height: auto;
  align-self: start;
}
.widgets-grid .forecast { margin-top: 10px; }
.customize-hint { color: var(--bp-muted); font-size: .8rem; padding: 0 8px; }
.ai-card { width: min(720px, 100%); }
.ai-reply { white-space: pre-wrap; background: rgba(255,255,255,.06); padding: 12px; border-radius: 12px; margin: 12px 0; }
body.home-body {
  overflow: auto;
  background:
    linear-gradient(180deg, rgba(11, 18, 32, 0.62), rgba(11, 18, 32, 0.82)),
    var(--bp-user-bg, url("/img/homelab-bg.png")) center / cover no-repeat fixed !important;
}
body.home-body::before { display: none !important; }
.home-body .card { border-color: rgba(167, 139, 250, 0.22); }

body.ai-open .bp-nav { display: none; }
.ai-fab {
  position: fixed;
  right: max(14px, env(safe-area-inset-right, 0px));
  bottom: max(14px, env(safe-area-inset-bottom, 0px));
  width: calc(56px * var(--fab-scale, 1));
  height: calc(56px * var(--fab-scale, 1));
  padding: 0;
  border: 2px solid rgba(255, 255, 255, 0.28);
  border-radius: 50%;
  background: linear-gradient(135deg, #4b7fff 0%, #7c5cff 100%);
  color: #fff;
  box-shadow: 0 8px 28px rgba(75, 127, 255, 0.5);
  display: grid;
  place-items: center;
  cursor: pointer;
  z-index: 80;
}
.ai-fab svg { width: calc(26px * var(--fab-scale, 1)); height: calc(26px * var(--fab-scale, 1)); display: block; }
.ai-fab[aria-expanded="true"] { display: none; }
.ai-pop {
  position: fixed;
  right: max(8px, env(safe-area-inset-right, 0px));
  bottom: max(8px, env(safe-area-inset-bottom, 0px));
  width: min(420px, calc(100vw - 16px));
  height: min(720px, calc(100dvh - 16px));
  display: flex;
  flex-direction: column;
  background: rgba(5, 8, 16, 0.98);
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 18px;
  box-shadow: 0 18px 50px rgba(0, 0, 0, 0.5);
  z-index: 100;
  overflow: hidden;
  color: #f5f5f7;
}
.ai-pop[hidden] { display: none !important; }
.ai-pop, .ai-pop * {
  scrollbar-width: none;
  -ms-overflow-style: none;
}
.ai-pop::-webkit-scrollbar, .ai-pop *::-webkit-scrollbar {
  display: none !important;
  width: 0 !important;
  height: 0 !important;
}
.ai-pop__head {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: 8px 10px;
  padding: 12px 14px 8px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.12);
  background: rgba(5, 8, 16, 0.55);
}
.ai-pop__titles { min-width: 0; }
.ai-pop__titles strong { display: block; font-size: 1.02rem; }
.ai-pop__titles p { margin: 2px 0 0; color: #9898a0; font-size: .75rem; display: flex; align-items: center; gap: 6px; }
.ai-pop__tools { display: flex; align-items: center; gap: 6px; }
.ai-pop__brand {
  width: 40px; height: 40px; border-radius: 12px;
  object-fit: cover; display: block;
  box-shadow: 0 0 0 1px rgba(255,255,255,.12);
}
.ai-pop__dot { width: 8px; height: 8px; border-radius: 50%; background: #30d158; box-shadow: 0 0 8px #30d158; }
.ai-pop__pill, .ai-pop__icon {
  margin: 0; width: auto; border: 1px solid rgba(255,255,255,.12);
  background: rgba(255,255,255,.1); color: #fff; cursor: pointer;
}
.ai-pop__pill { height: 34px; padding: 0 10px; border-radius: 10px; font-size: .9rem; }
.ai-pop__icon { width: 34px; height: 34px; border-radius: 10px; display: grid; place-items: center; }
.ai-pop__modes {
  display: flex; gap: 6px; grid-column: 1 / -1;
  flex-wrap: wrap; overflow: hidden; align-items: center; padding-top: 2px;
}
.ai-pop__modes button, .ai-pop__modes select, .ai-pop__usage {
  border: 1px solid rgba(255,255,255,.12); background: rgba(255,255,255,.06);
  color: #9898a0; border-radius: 999px; padding: .28em .75em;
  font-size: .78em; cursor: pointer; white-space: nowrap; margin: 0; width: auto;
}
.ai-pop__modes button.active { color: #fff; border-color: #0A84FF; background: rgba(10,132,255,.2); }
.ai-pop__modes select { color: #f5f5f7; max-width: 9.5em; }
.ai-pop__usage { margin-left: 0; cursor: default; }
.ai-pop__msgs {
  flex: 1; overflow: auto; padding: 12px;
  display: flex; flex-direction: column; gap: 10px;
}
.ai-pop__msg { max-width: 88%; }
.ai-pop__msg.user { align-self: flex-end; }
.ai-pop__msg.bot { align-self: flex-start; }
.ai-pop__bubble {
  padding: .65em .85em; border-radius: 16px;
  white-space: pre-wrap; font-size: .9rem; line-height: 1.5;
}
.ai-pop__msg.user .ai-pop__bubble {
  background: linear-gradient(135deg, #4b7fff 0%, #7c5cff 100%); color: #fff;
  border-bottom-right-radius: 6px;
}
.ai-pop__msg.bot .ai-pop__bubble {
  background: rgba(18, 28, 48, 0.92); border: 1px solid rgba(255,255,255,.12);
  border-bottom-left-radius: 6px;
}
.ai-pop__preview { max-width: 100%; border-radius: 10px; margin-top: 6px; display: block; }
.ai-pop__time { font-size: .65em; color: #9898a0; margin-top: 4px; padding: 0 4px; }
.ai-pop__msg.user .ai-pop__time { text-align: right; }
.ai-pop__chips {
  display: flex; gap: 8px; padding: 4px 14px 8px;
  overflow-x: auto; flex-shrink: 0;
  scrollbar-width: none; -ms-overflow-style: none;
}
.ai-pop__chips::-webkit-scrollbar { display: none; }
.ai-pop__chips .chip {
  flex: 0 0 auto; background: rgba(255,255,255,.06); border: 1px solid rgba(255,255,255,.12);
  color: #f5f5f7; font-size: .78em; font-weight: 600;
  padding: .5em .9em; border-radius: 999px; cursor: pointer; white-space: nowrap; margin: 0; width: auto;
}
.ai-pop__attach {
  display: flex; align-items: center; gap: 8px; padding: 8px 12px;
  border-top: 1px solid rgba(255,255,255,.12);
}
.ai-pop__attach[hidden] { display: none !important; }
.ai-pop__attach img { width: 52px; height: 52px; object-fit: cover; border-radius: 8px; }
.ai-pop__attach span { flex: 1; font-size: .8em; color: #9898a0; }
.ai-pop__attach button { margin: 0; width: 36px; background: none; border: 0; color: #ff453a; cursor: pointer; }
.ai-pop__form {
  display: flex; align-items: center; gap: 8px;
  padding: 10px 12px calc(10px + env(safe-area-inset-bottom, 0px));
  border-top: 1px solid rgba(255,255,255,.12);
}
.ai-pop__form input[type="file"] {
  position: absolute; width: 1px; height: 1px; opacity: 0; overflow: hidden; clip: rect(0,0,0,0);
}
.ai-pop__form input[type="text"] {
  flex: 1; border-radius: 22px; border: 1px solid rgba(255,255,255,.12);
  background: rgba(255,255,255,.06); color: #fff; padding: 10px 14px; font: inherit;
}
.ai-pop__round {
  width: 44px; height: 44px; margin: 0; padding: 0; border-radius: 50%;
  border: 1px solid rgba(255,255,255,.12); background: rgba(255,255,255,.1);
  color: #4b7fff; display: grid; place-items: center; cursor: pointer; flex-shrink: 0;
}
.ai-pop__send {
  background: linear-gradient(135deg, #4b7fff 0%, #7c5cff 100%);
  color: #fff; border: 0;
}
.ai-pop__hero {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 16px;
  text-align: center;
  padding: 28px 16px;
  min-height: 240px;
}
.ai-pop__hero[hidden] { display: none !important; }
.ai-pop__hero-mark {
  width: 96px; height: 96px; border-radius: 28px;
  overflow: hidden;
  background: linear-gradient(160deg, #5b3dff 0%, #2b1b6e 100%);
  box-shadow: 0 16px 40px rgba(75, 127, 255, .28);
  display: grid; place-items: center;
}
.ai-pop__hero-mark img {
  width: 96px; height: 96px; display: block; object-fit: cover;
}
.ai-pop__hero p { margin: 0; font-size: 1.2rem; font-weight: 700; letter-spacing: -0.02em; }
.ai-pop__bubble.is-thinking { opacity: .88; }
.ai-pop__dots::after {
  content: "";
  animation: ai-think-dots 1.2s infinite;
}
@keyframes ai-think-dots {
  0% { content: ""; }
  25% { content: "."; }
  50% { content: ".."; }
  75%, 100% { content: "..."; }
}
.ai-pop__bubble.is-err {
  color: #dc2626;
  border-color: rgba(220, 38, 38, .35);
  background: rgba(220, 38, 38, .08);
}
html[data-theme="light"] .ai-pop {
  background: #f4f6fb;
  color: #0f172a;
  border-color: #dbe3ef;
  box-shadow: 0 18px 50px rgba(15, 23, 42, 0.16);
}
html[data-theme="light"] .ai-pop__head,
html[data-theme="light"] .ai-pop__form,
html[data-theme="light"] .ai-pop__attach {
  background: #fff;
  border-color: #e2e8f0;
}
html[data-theme="light"] .ai-pop__titles p,
html[data-theme="light"] .ai-pop__time,
html[data-theme="light"] .ai-pop__attach span { color: #64748b; }
html[data-theme="light"] .ai-pop__pill,
html[data-theme="light"] .ai-pop__icon,
html[data-theme="light"] .ai-pop__modes button,
html[data-theme="light"] .ai-pop__modes select,
html[data-theme="light"] .ai-pop__round {
  background: #eef2f7;
  color: #0f172a;
  border-color: #d8e0ea;
}
html[data-theme="light"] .ai-pop__modes button.active {
  color: #fff;
  border-color: #2563eb;
  background: #2563eb;
}
html[data-theme="light"] .ai-pop__modes select { color: #0f172a; }
html[data-theme="light"] .ai-pop__msg.bot .ai-pop__bubble {
  background: #fff;
  border-color: #e2e8f0;
  color: #0f172a;
}
html[data-theme="light"] .ai-pop__chips .chip {
  background: #fff;
  border-color: #e2e8f0;
  color: #0f172a;
}
html[data-theme="light"] .ai-pop__form input[type="text"] {
  background: #fff;
  color: #0f172a;
  border-color: #d8e0ea;
}
html[data-theme="light"] .ai-pop__round.ai-pop__send,
html[data-theme="light"] .ai-pop__send {
  background: linear-gradient(135deg, #4b7fff 0%, #7c5cff 100%) !important;
  color: #fff !important;
  border: 0 !important;
}
@media (prefers-color-scheme: light) {
  html[data-theme="system"] .ai-pop {
    background: #f4f6fb;
    color: #0f172a;
    border-color: #dbe3ef;
  }
  html[data-theme="system"] .ai-pop__head,
  html[data-theme="system"] .ai-pop__form,
  html[data-theme="system"] .ai-pop__attach {
    background: #fff;
    border-color: #e2e8f0;
  }
  html[data-theme="system"] .ai-pop__msg.bot .ai-pop__bubble {
    background: #fff;
    border-color: #e2e8f0;
    color: #0f172a;
  }
  html[data-theme="system"] .ai-pop__form input[type="text"],
  html[data-theme="system"] .ai-pop__modes button,
  html[data-theme="system"] .ai-pop__modes select,
  html[data-theme="system"] .ai-pop__chips .chip {
    background: #fff;
    color: #0f172a;
    border-color: #e2e8f0;
  }
  html[data-theme="system"] .ai-pop__round.ai-pop__send,
  html[data-theme="system"] .ai-pop__send {
    background: linear-gradient(135deg, #4b7fff 0%, #7c5cff 100%) !important;
    color: #fff !important;
    border: 0 !important;
  }
}
.home-fit:has(.page-pad), .home-fit:has(.is-editing) { overflow: auto; }
.home-shell.is-editing, .intern-page { overflow: auto; height: auto; min-height: 100%; }
.widget[hidden] { display: none !important; }
.widget { position: relative; min-height: 0; padding: 14px; }
.widget.is-dragging { opacity: .55; }
.widget-x, .widget-handle { display: none !important; }
.home-shell.is-editing .widget-x,
.home-shell.is-editing .widget-handle {
  display: grid !important; place-items: center;
  position: absolute; top: 8px; z-index: 2;
  width: 28px; height: 28px; margin: 0; padding: 0;
  border: 0; border-radius: 8px; background: rgba(0,0,0,.35); color: #fff; cursor: pointer;
}
.home-shell.is-editing .widget-x { right: 8px; }
.home-shell.is-editing .widget-handle { left: 8px; cursor: grab; font-size: .8rem; }
.edit-bar {
  display: flex; flex-wrap: wrap; gap: 8px; align-items: center;
  padding: 8px 10px; margin-bottom: 8px;
  border-radius: 14px; background: rgba(109, 40, 217, .28);
  border: 1px dashed rgba(167,139,250,.45);
}
.edit-bar[hidden] { display: none !important; }
.edit-bar span { color: var(--bp-muted); font-size: .8rem; }
.chip-add {
  width: auto !important; margin: 0 !important; padding: 6px 10px !important;
  border-radius: 999px; background: rgba(255,255,255,.1) !important; color: #fff !important;
}
.chrome-toggle { display: flex; align-items: center; gap: 10px; margin: 12px 0; }
.chrome-toggle input { width: 18px; height: 18px; accent-color: #7c5cff; }
.host-mini__row { display: flex; gap: 8px; align-items: center; padding: 4px 0; font-size: .85rem; }
.host-mini__row code { margin-left: auto; color: var(--bp-muted); }
#dashNotes {
  width: 100%; min-height: 140px; box-sizing: border-box; border-radius: 12px;
  border: 1px solid rgba(167,139,250,.28); background: rgba(11,18,32,.7); color: #fff; padding: 10px; font: inherit;
}
.intern-sum { display: flex; gap: 18px; margin: 12px 0 0; }
.intern-sum div { background: rgba(255,255,255,.06); padding: 10px 14px; border-radius: 12px; }
.intern-sum dt { font-size: .7rem; color: var(--bp-muted); }
.intern-sum dd { margin: 0; font-size: 1.2rem; font-weight: 700; }
.intern-table-wrap { overflow: auto; }
.intern-table { width: 100%; border-collapse: collapse; font-size: .85rem; }
.intern-table th, .intern-table td { text-align: left; padding: 8px 10px; border-bottom: 1px solid rgba(255,255,255,.08); }
.intern-table th { color: var(--bp-muted); font-weight: 600; }
.st { display: inline-flex; align-items: center; gap: 6px; text-transform: lowercase; }
.st::before { content: ""; width: 8px; height: 8px; border-radius: 50%; background: #64748b; }
.st-running::before, .st-online::before { background: #30d158; }
.st-stopped::before, .st-offline::before { background: #ff9f0a; }
.st-unknown::before { background: #ffd60a; }
.st-removed::before { background: #ff453a; }
.st-paused::before { background: #64d2ff; }
body.is-settings {
  overflow: hidden !important;
  height: 100%;
}
body.is-settings .home-fit {
  height: auto;
  flex: 1;
  min-height: 0;
  overflow: hidden;
  padding: 0;
}
.settings-shell {
  display: flex;
  flex-direction: column;
  height: 100%;
  padding: 16px 16px 96px;
  gap: 12px;
  color: var(--bp-text);
}
.settings-head {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(220px, 380px) auto;
  gap: 10px 12px;
  align-items: end;
}
.settings-head h1 { margin: 0 0 4px; color: var(--bp-text); }
.settings-search { display: flex; gap: 8px; }
.settings-search input {
  flex: 1; min-width: 0; border-radius: 12px; border: 1px solid rgba(167,139,250,.28);
  background: rgba(11,18,32,.75); color: var(--bp-text); padding: 12px 14px; font: inherit;
}
.settings-search button,
.settings-logout button {
  border: 0; border-radius: 12px; padding: 12px 14px; background: #6d28d9; color: #fff;
  font-weight: 700; cursor: pointer; white-space: nowrap;
}
.settings-logout button { background: rgba(248, 113, 113, .18); color: #fecaca; border: 1px solid rgba(248,113,113,.35); }
.settings-split {
  min-height: 0;
  flex: 1;
  display: grid;
  grid-template-columns: 220px minmax(0, 1fr);
  gap: 12px;
}
.settings-nav {
  overflow: auto;
  background: rgba(18, 26, 43, .88);
  border: 1px solid rgba(167,139,250,.28);
  border-radius: 16px;
  padding: 10px 8px 16px;
}
.settings-nav__group {
  margin: 12px 10px 6px;
  font-size: .72rem;
  letter-spacing: .08em;
  text-transform: uppercase;
  color: var(--bp-muted);
}
.settings-nav__item {
  display: block; width: 100%; text-align: left;
  border: 0; background: transparent; color: var(--bp-text);
  padding: 10px 12px; border-radius: 10px; cursor: pointer; font: inherit;
  text-decoration: none;
}
.settings-nav__item.on, .settings-nav__item:hover { background: rgba(109, 40, 217, .28); }
.settings-panel [data-pane][hidden] { display: none !important; }
.settings-panel {
  overflow: auto;
  background: rgba(18, 26, 43, .94); border: 1px solid rgba(167,139,250,.28);
  border-radius: 18px; padding: 18px 20px 28px;
}
.settings-panel h2 { margin: 0 0 8px; }
.settings-panel h3 { margin: 22px 0 8px; font-size: 1rem; }
.settings-form { display: grid; gap: 10px; max-width: 420px; }
.settings-form__row { display: grid; grid-template-columns: 0.8fr 1.2fr; gap: 10px; }
.settings-form label { display: grid; gap: 6px; color: var(--bp-muted); font-size: .9rem; }
.settings-form input, .settings-form select {
  border-radius: 10px; border: 1px solid rgba(167,139,250,.28);
  background: rgba(11,18,32,.7); color: var(--bp-text); padding: 10px 12px; font: inherit;
}
.settings-panel form button:not(.int-ico):not(.info-i) {
  width: auto; min-width: 160px; margin-top: 8px; border: 0; border-radius: 12px;
  padding: 12px 18px; background: var(--bp-primary); color: #fff; font-weight: 700; cursor: pointer;
}
.settings-panel form button.info-i,
.settings-panel .info-i {
  min-width: 22px !important;
  width: 22px !important;
  height: 22px !important;
  margin: 0 !important;
  padding: 0 !important;
  border-radius: 999px !important;
  background: var(--yc-pill-bg, #eef2f7) !important;
  color: var(--yc-text, #0f172a) !important;
  border: 1px solid var(--yc-border, #e2e8f0) !important;
  font: italic 700 0.82rem/1 Georgia, "Times New Roman", serif !important;
}
.settings-panel form.int-ico-form,
.settings-panel form.int-ico-form button,
.settings-panel .int-ico {
  min-width: 22px !important;
  width: 22px !important;
  height: 22px !important;
  margin: 0 !important;
  padding: 0 !important;
  border-radius: 999px !important;
  background: var(--yc-pill-bg, #eef2f7) !important;
  color: var(--yc-text, #0f172a) !important;
  border: 1px solid var(--yc-border, #e2e8f0) !important;
  box-shadow: none !important;
}
.user-list { list-style: none; margin: 0; padding: 0; display: grid; gap: 8px; }
.user-list li {
  display: flex; justify-content: space-between; gap: 12px; align-items: center;
  padding: 10px 12px; border-radius: 12px; background: rgba(11,18,32,.45);
}
.user-list select { max-width: 160px; }
.settings-invite { word-break: break-word; }
.settings-error { color: #dc2626 !important; font-weight: 650; }
#integErr { margin: 8px 0 0; }
#integErr[hidden] { display: none !important; }
.settings-head > .hint { grid-column: 1 / -1; margin: 0; }
@media (max-width: 720px) {
  .settings-head { grid-template-columns: 1fr; }
  .settings-split { grid-template-columns: 1fr; }
}
.boot-intro {
  position: fixed; inset: 0; z-index: 200; display: grid; place-items: center;
  background: #050814; color: #fff; isolation: isolate;
  transform: translateZ(0);
}
.boot-intro__glow {
  position: absolute; width: min(58vw, 480px); height: min(58vw, 480px);
  border-radius: 50%; background: radial-gradient(circle, rgba(124, 92, 255, .42), transparent 70%);
  animation: bootPulse 2.2s ease;
  will-change: transform, opacity;
  transform: translateZ(0);
}
.boot-intro__lockup {
  position: relative; z-index: 1;
  display: flex; flex-direction: column; align-items: center;
  gap: clamp(16px, 2.4vh, 28px);
}
.boot-intro__badge {
  width: min(22vw, 168px);
  aspect-ratio: 1;
  border-radius: 50%;
  overflow: hidden;
  background: #6222CC;
  box-shadow:
    0 0 0 1px rgba(255,255,255,.16),
    0 14px 40px rgba(98, 34, 204, .48);
  animation: bootMark 1.6s cubic-bezier(.2, .8, .2, 1);
  will-change: transform, opacity;
  transform: translateZ(0);
}
.boot-intro__badge img {
  width: 100%; height: 100%;
  display: block;
  object-fit: cover;
  object-position: center;
}
.boot-intro__word {
  margin: 0;
  width: min(58vw, 380px);
  color: #f4f0ff;
  animation: bootWord 2.2s ease;
  will-change: transform, opacity;
  transform: translateZ(0);
  filter: drop-shadow(0 10px 22px rgba(0,0,0,.35));
}
.boot-intro__word svg {
  width: 100%; height: auto; display: block;
  overflow: visible;
}
.boot-intro.is-done { animation: bootOut .45s ease forwards; }
@keyframes bootMark {
  0% { transform: scale(.35); opacity: 0; }
  60% { transform: scale(1.06); opacity: 1; }
  100% { transform: scale(1); }
}
@keyframes bootWord {
  0%, 28% { opacity: 0; transform: translateY(10px); }
  100% { opacity: 1; transform: none; }
}
@keyframes bootPulse {
  0% { transform: scale(.4); opacity: 0; }
  50% { opacity: 1; }
  100% { transform: scale(1.12); opacity: .55; }
}
@keyframes bootOut { to { opacity: 0; visibility: hidden; } }
@media (prefers-reduced-motion: reduce) {
  .boot-intro, .boot-intro__badge, .boot-intro__word, .boot-intro__glow { animation: none; }
}
@media (max-width: 800px) {
  .settings-head { grid-template-columns: 1fr; }
}
body.is-intern {
  overflow: hidden !important;
  height: 100% !important;
  color: var(--yc-text);
}
body.is-intern .home-fit {
  height: auto;
  flex: 1;
  min-height: 0;
  overflow: hidden;
  padding: 0;
}
.intern-shell {
  display: grid !important;
  grid-template-columns: 1fr;
  grid-template-rows: auto minmax(0, 1fr);
  height: 100%;
  width: 100%;
  max-width: none !important;
  margin: 0 !important;
  background: transparent;
  color: var(--yc-text);
}
.intern-top {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 14px 20px;
  padding: 14px 22px 10px;
  background: #fff;
  border-bottom: 1px solid #e8edf5;
  box-shadow: 0 8px 24px rgba(15, 23, 42, .04);
}
.intern-brand {
  display: flex;
  align-items: center;
  gap: 10px;
  font-weight: 800;
  letter-spacing: -0.04em;
  font-size: 1.15rem;
  color: #0f172a;
}
.intern-brand img {
  width: 36px; height: 36px; border-radius: 12px; object-fit: cover;
}
.intern-hello {
  margin: 0 0 0 auto;
  font-size: 1.2rem;
  font-weight: 800;
  letter-spacing: -0.03em;
  color: #2563eb;
  line-height: 1.2;
}
.intern-tabs--pills {
  display: flex !important;
  flex-wrap: wrap;
  gap: 6px;
  width: auto;
  max-width: none;
  padding: 4px;
  margin: 0;
  background: #f1f5f9;
  border-radius: 999px;
}
.intern-tabs--pills a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 8px 16px !important;
  border-radius: 999px !important;
  color: #334155 !important;
  background: transparent !important;
  font-weight: 600;
  text-decoration: none;
}
.intern-tabs--pills a.on {
  background: #2563eb !important;
  color: #fff !important;
}
.intern-main {
  min-height: 0;
  overflow: auto;
  padding: 22px 24px 96px;
  display: flex;
  flex-direction: column;
  gap: 16px;
  background: transparent;
  color: var(--yc-text);
}
.intern-main .card,
.intern-main .phys-card {
  background: var(--yc-surface) !important;
  color: var(--yc-text) !important;
  border: 1px solid var(--yc-border) !important;
  border-radius: 24px !important;
  box-shadow: var(--yc-shadow);
  padding: 20px 22px;
}
.intern-main .intern-head h1 {
  font-size: clamp(1.6rem, 2.4vw, 2.1rem);
  letter-spacing: -0.04em;
  font-weight: 800;
  color: #2563eb;
}
.intern-sum {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
  gap: 12px;
  margin: 16px 0 0;
}
.intern-sum div {
  background: linear-gradient(180deg, #f8fafc, #eef4ff);
  padding: 14px 16px;
  border-radius: 18px;
}
.intern-sum dt { font-size: .72rem; color: #64748b; font-weight: 700; text-transform: uppercase; letter-spacing: .04em; }
.intern-sum dd { margin: 4px 0 0; font-size: 1.45rem; font-weight: 800; letter-spacing: -0.03em; color: #0f172a; }
.intern-main h1, .intern-main h2, .intern-main p, .intern-main strong, .intern-main dt, .intern-main dd {
  color: #0f172a;
}
.intern-main .hint, .intern-main a { color: #2563eb; }
.phys-card { display: block; text-decoration: none; transition: transform .15s ease, box-shadow .15s ease; }
.phys-card:hover { transform: translateY(-2px); box-shadow: 0 22px 48px rgba(15, 23, 42, .12); }
.home-hero {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  justify-content: space-between;
  gap: 8px 16px;
  padding: 4px 6px 2px;
}
.home-hero__hi {
  margin: 0;
  font-size: clamp(1.35rem, 2.4vw, 1.85rem);
  font-weight: 800;
  letter-spacing: -0.04em;
  color: #60a5fa;
}
.home-hero__sub { margin: 0; color: var(--bp-muted); font-size: .95rem; }
html[data-theme="light"] .home-hero__hi { color: #2563eb; }
html[data-theme="light"] body.home-body {
  background: var(--yc-page-bg, #f3f6fb) !important;
}
html[data-theme="light"] .card {
  background: #fff !important;
  color: #0f172a;
  border: 1px solid #e8edf5 !important;
  box-shadow: 0 12px 32px rgba(15, 23, 42, .06);
  backdrop-filter: none;
}
html[data-theme="light"] .bp-nav {
  background: #fff;
  border: 1px solid #e8edf5;
  box-shadow: 0 10px 28px rgba(15, 23, 42, .08);
}
html[data-theme="light"] .bp-nav-btn.on { background: #2563eb; color: #fff; }
.demo-tour {
  position: fixed; inset: 0; z-index: 240; pointer-events: none;
}
.demo-tour__hole {
  position: absolute;
  border-radius: 22px;
  box-shadow: 0 0 0 9999px rgba(15, 23, 42, .55);
  outline: 2px solid #2563eb;
  pointer-events: none;
  transition: top .2s ease, left .2s ease, width .2s ease, height .2s ease;
}
.demo-tour__card {
  pointer-events: auto;
  position: fixed;
  left: 50%;
  bottom: calc(96px + env(safe-area-inset-bottom, 0px));
  transform: translateX(-50%);
  width: min(440px, calc(100vw - 24px));
  background: #fff;
  color: #0f172a;
  border-radius: 22px;
  padding: 18px 18px 16px;
  box-shadow: 0 22px 50px rgba(15, 23, 42, .22);
  z-index: 241;
}
.demo-tour__card.is-above {
  bottom: auto;
  top: 18px;
}
.demo-tour__kicker {
  margin: 0 0 6px;
  font-size: .72rem;
  font-weight: 800;
  letter-spacing: .08em;
  text-transform: uppercase;
  color: #64748b;
}
.demo-tour__card h2 { margin: 0 0 8px; font-size: 1.2rem; }
.demo-tour__card p { margin: 0; color: #475569; line-height: 1.45; }
.demo-tour__actions { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 14px; }
.demo-tour .demo-next, .demo-tour .demo-ghost {
  border: 0; border-radius: 999px; padding: 10px 16px; font-weight: 700; cursor: pointer; font: inherit;
}
.demo-tour .demo-next { background: #2563eb; color: #fff; }
.demo-tour .demo-ghost { background: #e2e8f0; color: #0f172a; }
.is-demo-target { position: relative; z-index: 242; }
.ai-fab.is-demo-target, .bp-nav.is-demo-target { z-index: 243; }
@media (max-width: 820px) {
  .intern-hello { width: 100%; margin: 0; font-size: 1.05rem; }
}
body.is-intern.home-body,
body.is-demo.home-body {
  background: var(--yc-page-bg, var(--yc-bg)) !important;
}
body.is-demo .bp-nav,
body.is-demo .ai-fab { display: none !important; }
body.is-demo .home-fit {
  overflow: auto !important;
  height: auto;
  flex: 1;
  min-height: 0;
  padding: 0;
}
.yc {
  position: relative;
  z-index: 1;
  min-height: 100%;
  padding: 0 0 140px;
  color: #0f172a;
}
.yc-top {
  display: grid;
  grid-template-columns: minmax(160px, 1fr) auto minmax(160px, 1fr);
  align-items: center;
  gap: 12px;
  padding: 12px 24px;
  background: #fff;
  box-shadow: 0 8px 24px rgba(15, 23, 42, .05);
}
.yc-brand {
  display: flex; align-items: center; gap: 10px;
  text-decoration: none; color: inherit; justify-self: start;
  min-width: 0;
}
.yc-brand__mark {
  width: 40px; height: 40px; flex: 0 0 40px;
  border-radius: 50%; object-fit: cover;
  background: #6222CC;
  box-shadow: none;
  filter: none;
  image-rendering: auto;
  transform: none;
}
.yc-brand__name {
  font-weight: 800; font-size: 20px; letter-spacing: -0.02em;
  line-height: 1; white-space: nowrap;
  text-shadow: none; filter: none; transform: none;
  -webkit-font-smoothing: antialiased;
}
.yc-brand__tld {
  font-weight: 650; letter-spacing: 0;
  opacity: .55; font-size: 15px;
}
.yc-brand img { width: 40px; height: 40px; border-radius: 50%; object-fit: cover; box-shadow: none; filter: none; }
.yc-pills {
  display: flex; flex-wrap: wrap; gap: 4px;
  justify-self: center;
  margin: 0;
  padding: 4px;
  background: #eef2f7;
  border-radius: 999px;
}
.yc-pills a {
  padding: 8px 16px; border-radius: 999px;
  color: #334155; text-decoration: none; font-weight: 600; font-size: .9rem;
}
.yc-pills a.on { background: #2563eb; color: #fff; }
.yc-tools {
  justify-self: end;
  display: flex;
  align-items: center;
  gap: 8px;
}
.yc-icon {
  width: 40px; height: 40px; border-radius: 50%;
  display: grid; place-items: center;
  color: #334155; background: #eef2f7; text-decoration: none;
}
.yc-icon svg { width: 20px; height: 20px; }
.yc-icon--btn { position: relative; border: 0; cursor: pointer; font: inherit; }
.yc-bell-dot {
  position: absolute; top: 6px; right: 6px;
  width: 8px; height: 8px; border-radius: 50%;
  background: #ff453a; box-shadow: 0 0 0 2px var(--yc-surface, #111);
}
.yc-notice {
  display: grid; gap: 2px; padding: 10px 12px; border-radius: 12px;
}
.yc-notice strong { font-size: .88rem; }
.yc-notice span { font-size: .8rem; color: var(--yc-muted, #94a3b8); line-height: 1.35; }
.yc-avatar {
  width: 40px; height: 40px; border-radius: 50%; object-fit: cover;
  background: #2563eb;
}
.yc-avatar--initials {
  display: flex; align-items: center; justify-content: center;
  color: #fff; font-weight: 800; font-size: .85rem; letter-spacing: .02em;
  user-select: none; line-height: 1;
}
.yc-avatar--lg.yc-avatar--initials { font-size: 1.4rem; }
.yc-menu__empty {
  margin: 0; padding: 12px 14px; color: var(--yc-muted, #64748b); font-size: .9rem;
}
.yc-avatar--lg { width: 72px; height: 72px; display: block; margin: 8px 0 12px; }
.yc-avatar--lg.yc-avatar--initials {
  display: flex !important;
  align-items: center;
  justify-content: center;
  line-height: 1;
  text-align: center;
  padding: 0;
  overflow: hidden;
  box-sizing: border-box;
}
.yc-menu { position: relative; }
.yc-menu__btn {
  display: flex; align-items: center; gap: 8px;
  border: 0; background: transparent; cursor: pointer; font: inherit; font-weight: 700;
}
.yc-menu__drop {
  position: absolute; right: 0; top: calc(100% + 8px);
  min-width: 260px; background: #fff; border-radius: 16px;
  box-shadow: 0 16px 40px rgba(15, 23, 42, .14);
  padding: 8px; z-index: 80;
  display: grid;
}
.yc-menu__drop[hidden] { display: none !important; }
.yc-menu__drop a, .yc-menu__drop button {
  display: block; width: 100%; text-align: left;
  border: 0; background: transparent; padding: 10px 12px;
  border-radius: 10px; color: #0f172a; text-decoration: none; font: inherit; cursor: pointer;
}
.yc-menu__drop a:hover, .yc-menu__drop button:hover { background: #eef2f7; }
.nav-top .bp-nav { display: none !important; }
.nav-bottom .yc-top { grid-template-columns: 1fr auto; }
.nav-bottom .yc-top .intern-tabs { display: none !important; }
.nav-bottom .bp-nav {
  display: flex !important;
  flex-direction: row;
  left: 50%;
  transform: translateX(-50%);
  bottom: calc(12px + env(safe-area-inset-bottom, 0px));
  width: auto;
  max-width: calc(100vw - 24px);
  background: #fff !important;
  border: 1px solid #e8edf5 !important;
  box-shadow: 0 10px 28px rgba(15, 23, 42, .08);
}
body.nav-bottom.is-demo .bp-nav { display: none !important; }
.intern-main {
  width: min(1120px, 100%);
  margin-left: auto;
  margin-right: auto;
}
.home-shell > .yc-hello,
.home-shell > .edit-bar,
.home-shell > .home-grid {
  width: min(1120px, 100%);
  margin-left: auto;
  margin-right: auto;
}
.demo-pills { margin: 12px auto 0; width: fit-content; }
body.is-demo .yc-top .intern-tabs { display: none !important; }
@media (max-width: 900px) {
  .yc-top { grid-template-columns: 1fr auto; }
  .yc-top .intern-tabs { grid-column: 1 / -1; justify-self: center; }
  .yc-menu__name { display: none; }
}
.yc-hello { padding: 10px 22px 4px; }
.yc-hello h1 {
  margin: 0;
  font-size: clamp(1.8rem, 3vw, 2.4rem);
  letter-spacing: -0.04em;
  color: #2563eb;
}
.intern-main .yc-hello { padding: 0 0 4px; }
.intern-main .yc-hello h1 { color: #2563eb !important; }
.yc-hello {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}
.yc-cta {
  display: inline-flex; align-items: center;
  padding: 10px 18px; border-radius: 999px;
  background: #2563eb; color: #fff !important;
  font-weight: 700; text-decoration: none;
  box-shadow: 0 8px 20px rgba(37, 99, 235, .25);
}
.home-shell > .yc-top {
  margin: calc(-1 * clamp(8px, 1vw, 14px)) calc(-1 * clamp(8px, 1vw, 14px)) 0;
}
.home-shell > .yc-hello { padding-left: 8px; padding-right: 8px; }
body.yc-app.home-body,
body.yc-app.is-intern,
body.yc-app.is-settings,
body.yc-app.is-demo,
body.yc-app.is-kaart {
  background-color: var(--yc-page-bg, var(--yc-bg)) !important;
  background-image: none !important;
  color: var(--yc-text);
}
html[data-bg="custom"] body.yc-app.home-body,
html[data-bg="custom"] body.yc-app.is-intern,
html[data-bg="custom"] body.yc-app.is-settings,
html[data-bg="custom"] body.yc-app.is-demo,
html[data-bg="custom"] body.yc-app.is-kaart {
  background-image:
    linear-gradient(var(--yc-bg-veil, rgba(8,12,24,.55)), var(--yc-bg-veil, rgba(8,12,24,.55))),
    var(--bp-user-bg) !important;
  background-size: cover !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
  background-attachment: fixed !important;
}
body.yc-app .yc-top {
  background: var(--yc-surface);
  border-bottom: 1px solid var(--yc-border);
  color: var(--yc-text);
  box-shadow: none;
}
body.yc-app .yc-pills { background: var(--yc-pill-bg); }
body.yc-app .yc-pills a { color: var(--yc-muted); }
body.yc-app .yc-pills a.on { background: var(--yc-accent); color: #fff; }
body.yc-app .yc-hello h1,
body.yc-app .intern-main .yc-hello h1 { color: var(--yc-hello) !important; }
body.yc-app .yc-hello p { color: var(--yc-muted); }
body.yc-app .home-shell .card,
body.yc-app .weather-card,
body.yc-app .widget,
body.yc-app .intern-main .card,
body.yc-app .intern-main .phys-card,
body.yc-app .yc-metric,
body.yc-app .yc-card,
body.yc-app .yc-host {
  background: var(--yc-surface) !important;
  color: var(--yc-text) !important;
  border: 1px solid var(--yc-border) !important;
  backdrop-filter: none !important;
  box-shadow: var(--yc-shadow) !important;
}
body.yc-app .yc-metric--accent {
  background: #1e3a8a !important;
  color: #fff !important;
  border-color: transparent !important;
}
body.yc-app .yc-metric--accent p,
body.yc-app .yc-metric--accent span { color: #bfdbfe !important; }
body.yc-app .yc-card--blue {
  background: var(--yc-accent) !important;
  color: #fff !important;
  border-color: transparent !important;
}
body.yc-app .intern-main h1,
body.yc-app .intern-main h2,
body.yc-app .intern-main p,
body.yc-app .intern-main strong { color: var(--yc-text); }
body.yc-app .clock-block__time,
body.yc-app .weather-loc__temp,
body.yc-app .weather-loc__place,
body.yc-app .home-shell h1,
body.yc-app .home-shell h2,
body.yc-app .home-shell p,
body.yc-app .home-shell strong {
  color: var(--yc-text) !important;
}
body.yc-app .bp-nav {
  background: var(--yc-surface) !important;
  border: 1px solid var(--yc-border) !important;
  box-shadow: var(--yc-shadow);
}
body.yc-app .bp-nav-btn { color: var(--yc-muted) !important; }
body.yc-app .bp-nav-btn.on { background: var(--yc-accent) !important; color: #fff !important; }
body.yc-app .yc-icon { background: var(--yc-pill-bg); color: var(--yc-text); }
body.yc-app .yc-logout button { background: var(--yc-pill-bg); color: var(--yc-text); }
body.yc-app .yc-menu__drop { background: var(--yc-surface); border: 1px solid var(--yc-border); }
body.yc-app .yc-menu__drop a,
body.yc-app .yc-menu__drop button { color: var(--yc-text); }
body.yc-app.is-settings .settings-shell { padding-left: 0; padding-right: 0; padding-top: 0; }
body.yc-app.is-settings .settings-nav,
body.yc-app.is-settings .settings-panel,
body.yc-app.is-settings .settings-search input {
  background: var(--yc-surface) !important;
  color: var(--yc-text) !important;
  border: 1px solid var(--yc-border) !important;
}
body.yc-app.is-settings .settings-split { padding-left: 16px; padding-right: 16px; padding-top: 16px; }
.kaart-wrap {
  width: 100%;
  height: 100%;
  margin: 0;
  border-radius: 0;
  overflow: hidden;
  border: 0;
  box-shadow: none;
  background: var(--yc-surface);
}
.kaart-frame {
  display: block;
  width: 100%;
  height: 100%;
  min-height: 0;
  border: 0;
  background: var(--yc-page-bg, var(--yc-surface));
}
body.yc-app.is-kaart .home-fit {
  padding: 0 !important;
}
html.embed-intranet .yc-top {
  position: fixed; top: 0; left: 0; right: 0; z-index: 60;
}
html.embed-intranet .app {
  top: 68px !important;
  height: calc(100% - 68px) !important;
}
html.embed-intranet .intern-tabs-panel { display: none !important; }
.yc-hello p { margin: 6px 0 0; color: #64748b; }
.yc-progress {
  height: 8px; margin: 8px 22px 16px; border-radius: 999px; background: #e2e8f0; overflow: hidden;
}
.yc-progress i { display: block; height: 100%; width: 12%; background: linear-gradient(90deg, #2563eb, #22d3ee); }
.yc-panel { padding: 0 22px; display: grid; gap: 16px; }
.yc-metrics {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
  gap: 14px;
}
.yc-metric {
  background: #fff; border-radius: 22px; padding: 18px 20px;
  box-shadow: 0 12px 32px rgba(15, 23, 42, .06);
}
.yc-metric p { margin: 0; color: #64748b; font-size: .8rem; font-weight: 700; text-transform: uppercase; letter-spacing: .04em; }
.yc-metric strong { display: block; margin: 8px 0 4px; font-size: 2rem; letter-spacing: -0.04em; }
.yc-metric span { color: #64748b; font-size: .85rem; }
.yc-metric--accent { background: #1e3a8a; color: #fff; }
.yc-metric--accent p, .yc-metric--accent span { color: #bfdbfe; }
.yc-row { display: grid; grid-template-columns: 1.2fr 1fr; gap: 14px; }
@media (max-width: 800px) { .yc-row { grid-template-columns: 1fr; } }
.yc-card {
  background: #fff; border-radius: 24px; padding: 20px 22px;
  box-shadow: 0 12px 32px rgba(15, 23, 42, .06);
}
.yc-card h2, .yc-card h3 { margin: 0 0 8px; }
.yc-card p { margin: 0; color: #475569; line-height: 1.45; }
.yc-card--blue { background: #2563eb; color: #fff; }
.yc-card--blue p, .yc-card--blue h2 { color: #fff; }
.yc-badge {
  display: inline-block; margin-bottom: 10px; padding: 4px 10px;
  border-radius: 999px; background: rgba(255,255,255,.2); font-size: .75rem; font-weight: 700;
}
.yc-bar { margin-top: 16px; height: 8px; border-radius: 999px; background: rgba(255,255,255,.25); overflow: hidden; }
.yc-bar i { display: block; height: 100%; background: #fff; }
.yc-hostgrid { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 12px; }
.yc-host {
  text-align: left; border: 0; cursor: pointer;
  background: #fff; border-radius: 22px; padding: 16px 18px;
  box-shadow: 0 12px 32px rgba(15, 23, 42, .06);
}
.yc-host h3 { margin: 0 0 4px; }
.yc-host p, .yc-host span { margin: 0; color: #64748b; font-size: .9rem; }
.yc-map__canvas {
  margin-top: 16px; height: 180px; border-radius: 18px;
  background: radial-gradient(circle at 30% 40%, #93c5fd, transparent 40%),
    radial-gradient(circle at 70% 60%, #67e8f9, transparent 35%), #eff6ff;
  position: relative;
}
.yc-map__canvas i {
  position: absolute; width: 14px; height: 14px; border-radius: 50%; background: #2563eb;
  box-shadow: 0 0 0 6px rgba(37, 99, 235, .2);
}
.yc-map__canvas i:nth-child(1) { left: 18%; top: 40%; }
.yc-map__canvas i:nth-child(2) { left: 48%; top: 28%; }
.yc-map__canvas i:nth-child(3) { left: 62%; top: 58%; }
.yc-map__canvas i:nth-child(4) { left: 78%; top: 36%; }
.yc-code {
  display: block; margin: 12px 0; padding: 12px; border-radius: 12px;
  background: #0f172a; color: #e2e8f0; font-size: .78rem; overflow: auto;
}
.yc-ai__msgs { min-height: 120px; margin: 12px 0; display: grid; gap: 8px; }
.yc-msg { margin: 0; padding: 10px 12px; border-radius: 14px; background: #eef2f7; max-width: 90%; }
.yc-msg--me { margin-left: auto; background: #2563eb; color: #fff; }
.yc-ai__chips { display: flex; gap: 8px; flex-wrap: wrap; }
.yc-ai__chips button {
  border: 0; border-radius: 999px; padding: 8px 14px; background: #eef2f7; font-weight: 600; cursor: pointer;
}
.yc-coach {
  position: fixed; z-index: 250; pointer-events: auto;
  left: 50%; bottom: 18px; transform: translateX(-50%);
  width: min(480px, calc(100vw - 24px));
  background: #fff; border-radius: 22px; padding: 16px 18px;
  box-shadow: 0 22px 50px rgba(15, 23, 42, .2);
}
.yc-coach__n { margin: 0 0 4px; font-size: .72rem; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; color: #64748b; }
.yc-coach h2 { margin: 0 0 6px; font-size: 1.15rem; }
.yc-coach p { margin: 0; color: #475569; }
.yc-coach__actions { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 12px; align-items: center; }
.yc-next, .yc-ghost {
  border: 0; border-radius: 999px; padding: 10px 16px; font-weight: 700; cursor: pointer; font: inherit; text-decoration: none;
}
.yc-next { background: #2563eb; color: #fff; }
.yc-ghost { background: #e2e8f0; color: #0f172a; }
.yc .is-demo-target { outline: 2px solid #2563eb; outline-offset: 4px; border-radius: 22px; }
.yc .demo-tour__hole { z-index: 240; }
.theme-picks {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 10px;
}
.theme-pick {
  border: 1px solid rgba(167, 139, 250, 0.28);
  background: rgba(255,255,255,.08);
  color: #fff;
  border-radius: 999px;
  padding: 8px 14px;
  font-weight: 600;
  cursor: pointer;
}
.theme-pick.on { background: #6d28d9; border-color: transparent; }
html[data-theme="light"] {
  color-scheme: light;
}
html[data-theme="light"] .intern-tabs a,
html[data-theme="light"] .theme-pick {
  color: #0f172a;
  background: rgba(15, 23, 42, .08);
}
html[data-theme="light"] .intern-tabs a.on,
html[data-theme="light"] .theme-pick.on {
  color: #fff;
  background: #6d28d9;
}
html[data-theme="light"] body.home-body {
  background:
    linear-gradient(180deg, rgba(238, 241, 246, 0.45), rgba(219, 228, 240, 0.7)),
    var(--bp-user-bg, none) center / cover no-repeat fixed !important;
  background-color: #dbe4f0;
}
html[data-theme="light"] body.home-body::before {
  background: rgba(248, 250, 252, .55);
}
html[data-theme="light"] .phys-card,
html[data-theme="light"] .card {
  background: rgba(255,255,255,.88);
  color: #0f172a;
  border-color: rgba(15, 23, 42, .12);
}
html[data-theme="light"] .bp-nav {
  background: rgba(255,255,255,.94);
  border-color: rgba(109, 40, 217, .28);
}
html[data-theme="light"] .bp-nav-btn { color: rgba(15, 23, 42, .55); }
html[data-theme="light"] .bp-nav-btn.on { color: #fff; }
.phys-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: 16px;
  align-content: start;
}
.phys-card {
  display: flex;
  flex-direction: column;
  gap: 4px;
  padding: 18px 20px 16px;
  border-radius: 22px;
  text-decoration: none;
  color: inherit;
  min-height: 0;
}
.phys-card__mark {
  height: 26px;
  width: auto;
  max-width: 118px;
  flex: 0 0 auto;
  padding: 5px 8px;
  border-radius: 8px;
  background: #fff;
  object-fit: contain;
  box-shadow: 0 0 0 1px rgba(15, 23, 42, .08);
}
.phys-card__id { flex: 1; min-width: 0; }
.phys-card__id h2 { margin: 0; font-size: 1.15rem; letter-spacing: -0.03em; }
.phys-card__id p { margin: 4px 0 0; color: var(--yc-muted, #64748b); font-size: .88rem; }
.phys-card__top { display: flex; justify-content: space-between; gap: 10px; align-items: center; }
.phys-card dl {
  display: grid; grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px; margin: 14px 0 8px;
}
.phys-card dl div {
  background: var(--yc-pill-bg, #eef2f7);
  border-radius: 14px; padding: 8px 10px;
}
.phys-card dt { font-size: .68rem; color: var(--yc-muted, #64748b); font-weight: 700; text-transform: uppercase; letter-spacing: .04em; }
.phys-card dd { margin: 4px 0 0; font-weight: 700; }
.phys-card dd code { font-size: .8rem; }
.phys-card__bar {
  height: 6px; border-radius: 999px; background: var(--yc-pill-bg, #e2e8f0); overflow: hidden; margin-top: 4px;
}
.phys-card__bar i { display: block; height: 100%; background: var(--yc-accent, #2563eb); border-radius: inherit; }
.phys-card__cta { display: inline-block; margin-top: 10px; color: var(--yc-accent, #2563eb); font-size: .85rem; font-weight: 700; }
.phys-card:hover { transform: translateY(-2px); }
.host-crumb { margin: 0 0 10px; font-size: .85rem; color: var(--yc-muted); }
.host-hero__meta { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; margin-bottom: 12px; }
.host-chip {
  display: inline-flex; align-items: center;
  padding: 4px 10px; border-radius: 999px;
  background: var(--yc-pill-bg); color: var(--yc-muted);
  font-size: .78rem; font-weight: 700;
}
.host-chip--warn { background: rgba(248,113,113,.16); color: #f87171; }
.host-subnav {
  display: flex; gap: 6px; flex-wrap: wrap; margin-top: 14px;
  padding: 4px; background: var(--yc-pill-bg); border-radius: 999px; width: fit-content; max-width: 100%;
}
.host-subnav a {
  padding: 7px 14px; border-radius: 999px;
  background: transparent; color: var(--yc-muted); text-decoration: none;
  font-size: .85rem; font-weight: 700;
}
.host-subnav a span { opacity: .7; font-weight: 650; margin-left: 4px; }
.host-subnav a.on { background: var(--yc-accent); color: #fff; }
.wl-row {
  display: flex; gap: 10px; align-items: center; flex-wrap: wrap;
  padding: 12px 14px; margin: 0 0 8px;
  border: 1px solid var(--yc-border); border-radius: 16px;
  background: var(--yc-pill-bg); color: inherit; text-decoration: none;
}
.wl-row:last-child { margin-bottom: 0; }
.wl-row strong { flex: 1; min-width: 8rem; }
.wl-type {
  font-size: .68rem; font-weight: 800; letter-spacing: .04em;
  padding: 3px 8px; border-radius: 999px;
  background: var(--yc-surface); color: var(--yc-accent); border: 1px solid var(--yc-border);
}
.wl-vmid { color: var(--yc-muted); font-size: .82rem; }
.intern-dl { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 8px; }
.intern-dl div {
  display: flex; gap: 10px; align-items: baseline;
  padding: 10px 12px; border-radius: 14px; background: var(--yc-pill-bg);
}
.intern-dl dt { width: auto; min-width: 72px; color: var(--yc-muted); font-size: .78rem; font-weight: 700; text-transform: uppercase; letter-spacing: .03em; }
body.yc-app .wd-ssh {
  margin-top: 8px; padding: 12px 14px; border-radius: 16px;
  background: var(--yc-pill-bg); border: 1px solid var(--yc-border);
}
body.yc-app .wd-ssh input {
  background: var(--yc-surface); color: var(--yc-text); border: 1px solid var(--yc-border);
}
body.yc-app .wd-ssh button { background: var(--yc-accent); }
body.yc-app .yc-metric {
  background: var(--yc-surface) !important;
  color: var(--yc-text) !important;
  border: 1px solid var(--yc-border);
  box-shadow: var(--yc-shadow);
}
body.yc-app .intern-main .hint, body.yc-app .intern-main a { color: var(--yc-accent); }
body.yc-app .intern-main h1, body.yc-app .intern-main h2, body.yc-app .intern-main p,
body.yc-app .intern-main strong, body.yc-app .intern-main dt, body.yc-app .intern-main dd {
  color: var(--yc-text);
}
.bg-picks {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 12px 0;
}
.bg-swatch {
  display: inline-flex; align-items: center; gap: 8px;
  border: 1px solid var(--yc-border, rgba(148,163,184,.28));
  background: var(--yc-surface, transparent);
  color: var(--yc-text, inherit);
  border-radius: 999px;
  padding: 7px 12px 7px 8px;
  font-weight: 600; cursor: pointer; font: inherit; font-size: .88rem;
}
.bg-swatch i {
  width: 18px; height: 18px; border-radius: 50%;
  background: var(--sw-dark);
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.2);
}
html[data-theme="light"] .bg-swatch i { background: var(--sw-light); box-shadow: inset 0 0 0 1px rgba(15,23,42,.2); }
.bg-swatch.on { outline: 2px solid var(--yc-accent, #3b82f6); outline-offset: 1px; }
.bg-preview {
  width: 100%;
  height: 120px;
  border-radius: 12px;
  background:
    linear-gradient(180deg, rgba(11,18,32,.35), rgba(11,18,32,.55)),
    var(--bp-user-bg, url("/img/homelab-bg.png")) center / cover no-repeat;
  border: 1px solid rgba(167,139,250,.28);
  margin: 10px 0;
}
.bg-form { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; }
.bg-form input[type="file"] { color: inherit; max-width: 100%; }
.admin-link {
  display: inline-block;
  margin-top: 10px;
  color: #a78bfa;
}
.logs-shell { max-width: 1100px !important; }
.logs-toolbar { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; }
.logs-toolbar a, .logs-toolbar button.chip {
  padding: 8px 12px; border-radius: 999px; text-decoration: none;
  background: rgba(255,255,255,.08); color: #fff; border: 0; cursor: pointer; font-weight: 600;
}
.logs-toolbar a.on, .logs-toolbar button.chip.on { background: #6d28d9; }
.logs-toolbar select {
  border-radius: 999px; border: 1px solid rgba(167,139,250,.28);
  background: rgba(11,18,32,.85); color: #fff; padding: 8px 12px; font: inherit; max-width: 260px;
}
.logs-search { flex: 1; min-width: 160px; }
.logs-search input, .logs-ask textarea, .logs-ask input {
  width: 100%; box-sizing: border-box; border-radius: 10px;
  border: 1px solid rgba(167,139,250,.28);
  background: rgba(11,18,32,.7); color: #fff; padding: 10px 12px; font: inherit;
}
.logs-view {
  margin: 0; max-height: min(52vh, 560px); overflow: auto;
  background: #070b14; color: #d6e4ff; padding: 12px 14px; border-radius: 12px;
  font: 12px/1.45 ui-monospace, Consolas, monospace; white-space: pre-wrap; word-break: break-word;
}
.logs-ask { display: flex; flex-direction: column; gap: 8px; }
.logs-ask button {
  width: auto; min-width: 160px; border: 0; border-radius: 12px;
  padding: 10px 16px; background: #6d28d9; color: #fff; font-weight: 700; cursor: pointer;
}
.logs-reply { white-space: pre-wrap; min-height: 3em; }
.st-offline { background: #7f1d1d; color: #fecaca; }
.wd-exe { display: flex; gap: 14px; align-items: center; }
.wd-exe__icon {
  width: 52px; height: 52px; border-radius: 12px; flex: 0 0 auto;
  display: grid; place-items: center; font-weight: 800; letter-spacing: .04em;
  background: #6d28d9; color: #fff;
}
.wd-once { border: 1px solid rgba(167,139,250,.45); }
.wd-token, .wd-line {
  width: 100%; box-sizing: border-box; font: 12px/1.4 ui-monospace, Consolas, monospace;
  background: #070b14; color: #d6e4ff; border-radius: 10px; padding: 10px;
  border: 1px solid rgba(167,139,250,.28);
}
.wd-form { display: grid; gap: 10px; max-width: 560px; }
.wd-form input, .wd-form select, .wd-adopt select {
  width: 100%; box-sizing: border-box; padding: 8px 10px; border-radius: 10px;
  border: 1px solid rgba(167,139,250,.28); background: rgba(11,18,32,.75); color: #fff; font: inherit;
}
.wd-form button, .wd-adopt button, #wdFans button {
  width: fit-content; border: 0; border-radius: 12px; padding: 10px 16px;
  background: #6d28d9; color: #fff; font-weight: 700; cursor: pointer;
}
.wd-mods { border: 0; padding: 0; display: grid; gap: 6px; }
.wd-check { display: flex; gap: 8px; align-items: center; }
.wd-row, .wd-adopt {
  display: flex; flex-wrap: wrap; gap: 10px; align-items: center;
  padding: 8px 0; border-bottom: 1px solid rgba(255,255,255,.08);
}
.wd-meter { display: grid; grid-template-columns: 52px 1fr 64px; gap: 8px; align-items: center; margin: 8px 0; }
.wd-meter i { display: block; height: 10px; border-radius: 999px; background: rgba(255,255,255,.12); overflow: hidden; }
.wd-meter b { display: block; height: 100%; background: #7c3aed; }
.wd-fan { display: grid; grid-template-columns: 1fr auto auto; gap: 6px 12px; align-items: center; margin: 12px 0; padding-bottom: 10px; border-bottom: 1px solid rgba(255,255,255,.06); }
.wd-fan input[type="range"] { grid-column: 1 / -1; width: 100%; }
.wd-fan__name { font-weight: 700; }
.wd-fan__stand { opacity: .85; font-variant-numeric: tabular-nums; }
.wd-temp-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(110px, 1fr)); gap: 8px; margin: 8px 0 14px; }
.wd-temp { background: rgba(255,255,255,.07); border-radius: 12px; padding: 10px 12px; }
.wd-temp strong { display: block; font-size: 1.35rem; letter-spacing: .02em; }
.wd-temp span { opacity: .75; font-size: .78rem; }
.wd-fan select {
  border-radius: 8px; border: 1px solid rgba(167,139,250,.28);
  background: rgba(11,18,32,.85); color: #fff; padding: 4px 8px; font: inherit;
}
.wd-fan-actions { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 8px; }
#wdFans button.wd-auto { background: transparent; color: #fff; border: 1px solid rgba(167,139,250,.55); }
.wd-overview { margin: 0 0 14px; }
.wd-fan.is-ro em { opacity: .7; font-style: normal; font-size: .8rem; }
.wd-temps { display: flex; flex-wrap: wrap; gap: 8px; margin: 8px 0 12px; }
.wd-temps span { background: rgba(255,255,255,.08); border-radius: 999px; padding: 4px 10px; font-size: .8rem; }
.wd-editor {
  width: 100%; min-height: 280px; box-sizing: border-box;
  font: 12px/1.45 ui-monospace, Consolas, monospace;
  background: #070b14; color: #d6e4ff; border-radius: 10px; padding: 12px;
  border: 1px solid rgba(167,139,250,.28);
}
.wd-script-nav { display: flex; flex-wrap: wrap; gap: 8px; margin: 10px 0; }
.wd-script-nav a {
  padding: 6px 10px; border-radius: 999px; background: rgba(255,255,255,.08);
  color: #fff; text-decoration: none; font-size: .8rem;
}
.wd-script-nav a.on { background: #6d28d9; }
.wd-danger {
  border: 0; border-radius: 12px; padding: 8px 12px; cursor: pointer;
  background: #7f1d1d; color: #fecaca; font-weight: 700;
}
.wd-ssh {
  display: flex; flex-wrap: wrap; gap: 8px; align-items: center; margin-top: 12px;
}
.wd-ssh input {
  border-radius: 10px; border: 1px solid rgba(167,139,250,.28);
  background: rgba(11,18,32,.75); color: #fff; padding: 8px 10px; font: inherit;
}
.wd-ssh input[name="ssh_port"] { width: 72px; }
.wd-ssh button {
  border: 0; border-radius: 12px; padding: 10px 16px; background: #6d28d9; color: #fff; font-weight: 700; cursor: pointer;
}
.ssh-wrap { padding: 0; overflow: hidden; }
#sshTerm { height: min(70vh, 640px); padding: 10px; background: #070b14; }
.wd-svc {
  display: grid; grid-template-columns: minmax(120px, 220px) 90px 1fr;
  gap: 8px; padding: 6px 0; border-bottom: 1px solid rgba(255,255,255,.06);
  font-size: .82rem;
}
.wd-svc.is-fail { color: #fecaca; }
.wd-svc code { color: inherit; }
.diagram-node.is-watchdog-offline { outline: 2px solid #dc2626; }

html:has(body.yc-app) {
  height: 100%;
  overflow: hidden;
}
body.yc-app,
body.yc-app.home-body,
body.yc-app.is-intern,
body.yc-app.is-settings,
body.yc-app.is-demo,
body.yc-app.is-kaart {
  height: 100dvh !important;
  max-height: 100dvh;
  min-height: 0;
  overflow: hidden !important;
  display: flex;
  flex-direction: column;
}
body.yc-app .yc-top {
  position: relative;
  flex: 0 0 auto;
  z-index: 50;
}
body.yc-app .home-fit,
body.yc-app.is-intern .home-fit,
body.yc-app.is-settings .home-fit,
body.yc-app.is-demo .home-fit,
body.yc-app.is-kaart .home-fit {
  flex: 1 1 auto;
  min-height: 0;
  height: auto !important;
  overflow: hidden;
  padding-bottom: 8px;
}
body.yc-app.nav-bottom .home-fit {
  padding-bottom: calc(var(--bp-nav-h) + env(safe-area-inset-bottom, 0px) + 8px);
}
body.yc-app .home-shell,
body.yc-app .intern-shell {
  height: 100% !important;
  min-height: 0;
  overflow: hidden;
}
body.yc-app .home-grid {
  min-height: 0;
}
body.yc-app .intern-main {
  overflow: auto;
  padding-bottom: 24px;
}
body.yc-app.is-settings .settings-shell {
  height: 100%;
  min-height: 0;
  padding-bottom: 16px;
}
body.yc-app.is-settings .settings-split {
  min-height: 0;
  flex: 1;
}
.yc-logout button {
  border: 0;
  border-radius: 999px;
  padding: 8px 14px;
  background: #eef2f7;
  color: #0f172a;
  font-weight: 700;
  cursor: pointer;
  font: inherit;
}
.yc-logout button:hover { background: #dbe4f0; }

.phys-card__mark {
  height: 26px;
  width: auto;
  max-width: 118px;
  flex: 0 0 auto;
  padding: 5px 8px;
  border-radius: 8px;
  background: #fff;
  object-fit: contain;
  box-shadow: 0 0 0 1px rgba(15, 23, 42, .08);
}
.host-hero__title { display: flex; align-items: center; gap: 10px; margin: 0 0 8px; }
.pane-title {
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 0 0 8px;
}
.pane-title h2 { margin: 0; }
.info-i {
  width: 22px;
  height: 22px;
  flex: 0 0 auto;
  border-radius: 999px;
  border: 1px solid var(--yc-border, rgba(148,163,184,.28));
  background: var(--yc-pill-bg, rgba(255,255,255,.08));
  color: var(--yc-text, inherit);
  font: italic 700 0.82rem/1 Georgia, "Times New Roman", serif;
  cursor: pointer;
  padding: 0;
}
.info-i:hover { border-color: var(--yc-accent, #3b82f6); }
.int-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(210px, 1fr));
  gap: 8px;
  margin-top: 10px;
}
.int-card[hidden] { display: none !important; }
.int-add-wrap { position: relative; }
.int-card--add {
  justify-content: center;
  width: 100%;
  min-height: 56px;
  font-size: 1.6rem;
  font-weight: 700;
  cursor: pointer;
  color: inherit;
}
.int-picker {
  position: absolute;
  z-index: 8;
  left: 0;
  right: auto;
  top: calc(100% + 6px);
  min-width: 220px;
  display: grid;
  gap: 4px;
  padding: 8px;
  border-radius: 14px;
  background: var(--yc-surface, #fff);
  border: 1px solid var(--yc-border, #e2e8f0);
  box-shadow: 0 10px 28px rgba(15, 23, 42, .18);
}
.int-picker[hidden] { display: none !important; }
.int-pick {
  display: flex;
  gap: 8px;
  align-items: center;
  width: 100%;
  border: 0;
  background: transparent;
  color: inherit;
  padding: 8px;
  border-radius: 10px;
  cursor: pointer;
  font: inherit;
  text-align: left;
}
.int-pick img {
  width: 24px; height: 24px; border-radius: 6px; background: #fff; object-fit: contain;
}
.int-pick:hover { background: var(--yc-pill-bg, rgba(15,23,42,.06)); }
.int-card {
  display: flex;
  gap: 8px;
  align-items: center;
  margin: 0;
  padding: 8px 10px;
  border-radius: 14px;
  border: 1px solid var(--yc-border, rgba(148,163,184,.25));
  background: var(--yc-pill-bg, rgba(255,255,255,.06));
}
.int-card.is-locked { opacity: .78; cursor: pointer; }
.int-logo {
  width: 32px;
  height: 32px;
  flex: 0 0 auto;
  border-radius: 8px;
  background: #fff;
  object-fit: contain;
  box-shadow: 0 0 0 1px rgba(15, 23, 42, .08);
}
.int-copy { flex: 1 1 auto; min-width: 0; }
.int-copy strong { display: block; font-size: .92rem; line-height: 1.2; }
.int-copy span { display: block; font-size: .72rem; opacity: .7; margin-top: 2px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.int-ico-form { margin: 0; display: flex; }
.int-ico {
  width: 22px;
  height: 22px;
  flex: 0 0 auto;
  display: grid;
  place-items: center;
  border-radius: 999px;
  border: 1px solid var(--yc-border, rgba(148,163,184,.28));
  background: var(--yc-pill-bg, rgba(255,255,255,.08));
  color: inherit;
  cursor: pointer;
  padding: 0;
  text-decoration: none;
  line-height: 1;
  font: 700 1rem/1 inherit;
}
.int-ico svg { width: 12px; height: 12px; display: block; }
.int-ico--plus { font-size: 1.05rem; }
.help-actions { display: flex; gap: 10px; align-items: center; flex-wrap: wrap; }
.help-actions .int-ico svg { width: 16px; height: 16px; }
.spot-status {
  margin: 0 0 12px;
  padding: 10px 12px;
  border-radius: 12px;
  border: 1px solid var(--yc-border, rgba(148,163,184,.25));
  background: rgba(15, 23, 42, .35);
}
.spot-status p { margin: 0 0 4px; font-size: .9rem; }
.spot-status p:last-child { margin: 0; opacity: .75; font-size: .8rem; }
.spot-status.is-on { border-color: rgba(52, 211, 153, .45); }
a.help-setup { display: inline-block; text-decoration: none; text-align: center; }
.int-card input { accent-color: #7c5cff; margin: 0; flex: 0 0 auto; }
.help-setup {
  margin-top: 8px;
  border: 0;
  border-radius: 12px;
  padding: 10px 14px;
  background: var(--bp-primary, #2563eb);
  color: #fff;
  font: inherit;
  font-weight: 700;
  cursor: pointer;
}
.role-tabs { display: flex; gap: 8px; margin: 0 0 14px; }
.role-tab {
  border: 1px solid var(--yc-border); background: var(--yc-pill-bg);
  color: inherit; border-radius: 999px; padding: 6px 12px; cursor: pointer; font: inherit;
}
.role-tab.on { background: var(--bp-primary); color: #fff; border-color: transparent; }
.role-split { display: grid; grid-template-columns: 180px minmax(0, 1fr); gap: 14px; margin: 12px 0; }
.role-list { display: grid; gap: 6px; align-content: start; }
.role-pill {
  display: flex; gap: 8px; align-items: center; width: 100%;
  border: 1px solid var(--yc-border); background: var(--yc-pill-bg);
  color: inherit; border-radius: 10px; padding: 8px 10px; cursor: pointer; font: inherit; text-align: left;
}
.role-pill.on { outline: 2px solid var(--bp-primary); }
.role-pill i, .role-picks i {
  width: 10px; height: 10px; border-radius: 999px; display: inline-block; flex: 0 0 auto;
}
.int-checks { display: grid; grid-template-columns: repeat(auto-fill, minmax(140px, 1fr)); gap: 6px; margin: 8px 0 12px; }
.int-check { display: flex; gap: 6px; align-items: center; font-size: .88rem; }
.role-picks { display: flex; flex-wrap: wrap; gap: 8px; }
.role-picks label { display: flex; gap: 6px; align-items: center; font-size: .82rem; }
.flow-list { list-style: none; padding: 0; display: grid; gap: 8px; }
.flow-list li { display: flex; gap: 8px; align-items: center; flex-wrap: wrap; }
.wx-hits { display: grid; gap: 6px; margin: 8px 0; }
.wx-hit {
  text-align: left; border: 1px solid var(--yc-border); background: var(--yc-pill-bg);
  color: inherit; border-radius: 10px; padding: 8px 10px; cursor: pointer; font: inherit;
}
.wx-hit em { opacity: .65; font-style: normal; font-size: .8rem; }
.timer-list, .timer-row { display: grid; gap: 6px; }
.timer-row {
  grid-template-columns: 1fr auto auto; align-items: center;
  padding: 6px 8px; border-radius: 10px; background: var(--yc-pill-bg, rgba(255,255,255,.06));
  font-size: .85rem;
}
.timer-add { display: flex; gap: 6px; flex-wrap: wrap; margin-top: 8px; }
.timer-add input { min-width: 0; flex: 1 1 80px; border-radius: 10px; padding: 8px; font: inherit;
  border: 1px solid var(--yc-border); background: var(--yc-pill-bg); color: inherit; }
.timer-add button { border: 0; border-radius: 10px; padding: 8px 12px; background: var(--bp-primary); color: #fff; font: inherit; cursor: pointer; }
.timer-x { border: 0; background: transparent; color: inherit; cursor: pointer; opacity: .6; }
.help-modal {
  position: fixed;
  inset: 0;
  z-index: 80;
  display: grid;
  place-items: center;
  padding: 16px;
}
.help-modal[hidden] { display: none !important; }
.help-modal__backdrop {
  position: absolute;
  inset: 0;
  border: 0;
  background: rgba(8, 12, 24, .55);
  cursor: pointer;
}
.help-modal__card {
  position: relative;
  z-index: 1;
  width: min(560px, 100%);
  max-height: min(82vh, 720px);
  overflow: auto;
  padding: 16px 18px 18px;
  border-radius: 18px;
  background: var(--yc-surface, #151c2e);
  color: var(--yc-text, #e8eefc);
  border: 1px solid var(--yc-border, rgba(255,255,255,.16));
  box-shadow: var(--yc-shadow, 0 16px 40px rgba(0,0,0,.45));
}
.help-modal__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 10px;
}
.help-modal__head h3 { margin: 0; font-size: 1.05rem; }
.help-modal__x {
  border: 0;
  background: transparent;
  color: inherit;
  font-size: 1.1rem;
  cursor: pointer;
  opacity: .7;
}
.help-modal__body p { margin: 0 0 10px; line-height: 1.45; font-size: .92rem; }
.help-links { margin: 0 0 12px; padding-left: 1.1rem; }
.help-links a { color: var(--yc-hello, #93c5fd); }
.help-copy {
  display: flex;
  gap: 8px;
  align-items: flex-start;
  margin: 0 0 8px;
}
.help-copy code {
  flex: 1 1 auto;
  font-size: .72rem;
  word-break: break-all;
  padding: 8px;
  border-radius: 10px;
  background: var(--yc-pill-bg, rgba(255,255,255,.08));
}
.link-widget .hint { margin: 0 0 10px; }
.wd-hero {
  display: flex;
  gap: 16px;
  align-items: center;
}
.wd-hero__mark {
  width: 56px; height: 56px; border-radius: 16px; flex: 0 0 auto;
  display: grid; place-items: center; font-weight: 800;
  background: linear-gradient(160deg, #6d28d9, #2563eb); color: #fff;
}
.wd-install-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
  margin: 12px 0;
}
.wd-os-card h2 { margin: 0 0 6px; }
.wd-snippet {
  margin: 10px 0;
  padding: 12px 14px;
  border-radius: 12px;
  overflow: auto;
  font: 12px/1.45 ui-monospace, Consolas, monospace;
  background: #070b14;
  color: #d6e4ff;
  border: 1px solid rgba(167,139,250,.28);
}
.wd-os__tabs { display: flex; gap: 8px; margin: 10px 0; }
.wd-os__tab, .wd-copy {
  border: 1px solid rgba(167,139,250,.35);
  background: rgba(255,255,255,.08);
  color: inherit;
  border-radius: 999px;
  padding: 8px 14px;
  font-weight: 700;
  cursor: pointer;
  font: inherit;
}
.wd-os__tab.on, .wd-copy { background: #6d28d9; border-color: transparent; color: #fff; }
.widgets-grid.home-grid:not(.is-free) .widget {
  display: flex;
  flex-direction: column;
  border-radius: 22px;
}
@media (max-width: 800px) {
  .wd-install-grid { grid-template-columns: 1fr; }
}
.st-paused::before { background: #64d2ff; }
.intern-shell.netos-app {
  display: grid !important;
  grid-template-columns: 232px minmax(0, 1fr) !important;
  grid-template-rows: minmax(0, 1fr) !important;
  width: 100%;
  height: 100%;
  max-width: none !important;
  margin: 0 !important;
}
.netos-side {
  min-height: 0;
  overflow: auto;
  padding: 22px 16px;
  display: flex;
  flex-direction: column;
  background: var(--yc-surface);
  border-right: 1px solid var(--yc-border);
}
.netos-brand {
  display: flex; align-items: center; gap: 9px;
  padding: 4px 10px 26px; font-weight: 700; font-size: 14.5px;
}
.netos-dot {
  width: 8px; height: 8px; border-radius: 50%;
  background: var(--yc-accent);
  box-shadow: 0 0 10px 2px color-mix(in srgb, var(--yc-accent) 35%, transparent);
}
.netos-navg { margin-bottom: 22px; }
.netos-navg p {
  margin: 0 0 8px; padding: 0 10px;
  font-size: 10.5px; font-weight: 700; letter-spacing: .1em; text-transform: uppercase;
  color: var(--yc-muted); font-family: ui-monospace, Consolas, monospace;
}
.netos-navg a {
  display: flex; align-items: center; gap: 11px;
  padding: 9px 10px; border-radius: 9px;
  color: var(--yc-muted); text-decoration: none; font-size: 13.5px;
}
.netos-navg a:hover { background: var(--yc-pill-bg); color: var(--yc-text); }
.netos-navg a.on {
  background: color-mix(in srgb, var(--yc-accent) 16%, transparent);
  color: var(--yc-accent); font-weight: 700;
}
.netos-ni { width: 16px; text-align: center; opacity: .85; font-size: 13px; }
.netos-nb {
  margin-left: auto; font-size: 10px; font-family: ui-monospace, Consolas, monospace;
  padding: 1px 6px; border-radius: 100px; background: var(--yc-pill-bg); color: var(--yc-muted);
}
.netos-navg a.on .netos-nb {
  background: color-mix(in srgb, var(--yc-accent) 22%, transparent); color: var(--yc-accent);
}
.netos-foot {
  margin-top: auto; padding: 14px 10px 0; border-top: 1px solid var(--yc-border);
  display: flex; align-items: center; gap: 10px;
}
.netos-av {
  width: 28px; height: 28px; border-radius: 8px;
  display: grid; place-items: center; flex: 0 0 auto;
  background: var(--yc-pill-bg); color: var(--yc-accent);
  font-size: 11px; font-weight: 700; font-family: ui-monospace, Consolas, monospace;
}
.netos-who { font-size: 12.5px; line-height: 1.25; }
.netos-who small { display: block; color: var(--yc-muted); font-size: 11px; }
.netos-stage {
  min-width: 0; min-height: 0;
  display: flex; flex-direction: column; overflow: hidden;
}
.netos-bar {
  flex: 0 0 auto;
  display: flex; align-items: center; justify-content: space-between; gap: 14px;
  padding: 18px 28px;
  border-bottom: 1px solid var(--yc-border);
  background: color-mix(in srgb, var(--yc-surface) 86%, transparent);
  backdrop-filter: blur(14px);
}
.netos-bar h1 { margin: 0; font-size: 18px; font-weight: 700; letter-spacing: -0.02em; }
.netos-bar__right { display: flex; align-items: center; gap: 14px; flex-wrap: wrap; }
.netos-live {
  display: inline-flex; align-items: center; gap: 6px;
  font-size: 11.5px; font-weight: 700; font-family: ui-monospace, Consolas, monospace;
  padding: 5px 11px; border-radius: 100px;
  background: var(--yc-pill-bg); color: var(--yc-muted);
}
.netos-live i { width: 6px; height: 6px; border-radius: 50%; background: #94a3b8; }
.netos-live.is-on { color: #16a34a; background: rgba(22, 163, 74, .14); }
.netos-live.is-on i { background: #22c55e; }
.netos-live.is-off { color: #dc2626; background: rgba(220, 38, 38, .12); }
.netos-live.is-off i { background: #ef4444; }
.netos-btn {
  display: inline-flex; align-items: center; justify-content: center;
  padding: 9px 16px; border-radius: 9px; border: 1px solid var(--yc-border);
  background: var(--yc-pill-bg); color: var(--yc-text); font: inherit; font-weight: 700;
  font-size: 13px; text-decoration: none; cursor: pointer;
}
.netos-btn--pri { background: var(--yc-text); color: var(--yc-surface); border-color: transparent; }
html[data-theme="dark"] .netos-btn--pri { background: #f2f5f8; color: #090c11; }
.netos-body {
  flex: 1; min-height: 0; overflow: auto;
  padding: 24px 28px 40px;
  display: flex; flex-direction: column; gap: 22px;
  width: 100%; box-sizing: border-box;
}
.netos-stats {
  display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 14px; width: 100%;
}
.netos-stats--how { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.netos-stat {
  background: var(--yc-surface); border: 1px solid var(--yc-border); border-radius: 14px;
  padding: 18px 20px;
}
.netos-stat p { margin: 0 0 10px; font-size: 12px; color: var(--yc-muted); }
.netos-stat strong { display: block; font-size: 26px; font-weight: 700; letter-spacing: -0.04em; }
.netos-stat--sm { font-size: 15px !important; font-weight: 650 !important; letter-spacing: 0 !important; line-height: 1.35; }
.netos-stat span { display: block; margin-top: 6px; font-size: 11px; font-family: ui-monospace, Consolas, monospace; color: var(--yc-muted); }
.netos-stat .up { color: #16a34a; }
.netos-stat .down { color: #dc2626; }
.netos-panels {
  display: grid; grid-template-columns: 1.5fr 1fr; gap: 18px; align-items: start; width: 100%;
}
.netos-panel {
  background: var(--yc-surface); border: 1px solid var(--yc-border); border-radius: 16px; overflow: hidden; width: 100%;
}
.netos-panel header {
  display: flex; align-items: center; justify-content: space-between; gap: 10px;
  padding: 16px 20px; border-bottom: 1px solid var(--yc-border);
}
.netos-panel header h3 { margin: 0; font-size: 15px; font-weight: 700; }
.netos-panel header h3 a { color: inherit; text-decoration: none; }
.netos-ol { margin: 0; padding: 4px 20px 16px; color: var(--yc-text); font-size: 14px; line-height: 1.55; }
.netos-ol li { margin: 0 0 8px; }
.netos-panel .hint { color: var(--yc-muted); }
.netos-panel header span { font-size: 11.5px; color: var(--yc-muted); font-family: ui-monospace, Consolas, monospace; }
.netos-table-wrap { overflow: auto; width: 100%; }
.netos-table { width: 100%; border-collapse: collapse; font-size: 13px; }
.netos-table th {
  text-align: left; font-weight: 500; color: var(--yc-muted); font-size: 10.5px;
  text-transform: uppercase; letter-spacing: .05em;
  padding: 14px 20px 10px; border-bottom: 1px solid var(--yc-border);
}
.netos-table td { padding: 12px 20px; border-bottom: 1px solid var(--yc-border); vertical-align: middle; }
.netos-table tr:last-child td { border-bottom: 0; }
.netos-table .mono { font-family: ui-monospace, Consolas, monospace; font-size: 12px; color: var(--yc-muted); }
.netos-dev { display: flex; align-items: center; gap: 10px; text-decoration: none; color: inherit; }
.netos-dev small { display: block; color: var(--yc-muted); font-size: 11px; font-family: ui-monospace, Consolas, monospace; }
.netos-ico {
  width: 28px; height: 28px; border-radius: 7px; flex: 0 0 auto;
  display: grid; place-items: center; font-size: 10px; font-weight: 800;
  background: var(--yc-pill-bg); color: var(--yc-accent);
}
.netos-pill {
  display: inline-block; font-family: ui-monospace, Consolas, monospace;
  font-size: 10.5px; padding: 3px 9px; border-radius: 100px;
  background: var(--yc-pill-bg); color: var(--yc-muted);
}
.netos-pill.ok { background: rgba(22, 163, 74, .14); color: #16a34a; }
.netos-pill.run { background: color-mix(in srgb, var(--yc-accent) 16%, transparent); color: var(--yc-accent); }
.netos-pill.wait { background: var(--yc-pill-bg); color: var(--yc-muted); }
.netos-term {
  margin: 0; height: 320px; overflow: auto;
  padding: 14px 18px; font: 12px/1.5 ui-monospace, Consolas, monospace;
  background: color-mix(in srgb, var(--yc-text) 6%, var(--yc-surface));
  color: var(--yc-muted); white-space: pre-wrap;
}
.netos-term__line { padding: 3px 0; }
.netos-term--static { height: auto; max-height: min(48vh, 480px); }
.netos-lib {
  display: flex; gap: 28px; padding: 18px 20px; align-items: flex-start; width: 100%; box-sizing: border-box;
}
.netos-lib--pad { padding-top: 8px; }
.netos-up { width: 320px; flex: 0 0 320px; }
.netos-drop {
  border: 1.5px dashed var(--yc-border); border-radius: 12px; padding: 20px 16px; text-align: center;
}
.netos-drop p { margin: 0; font-size: 13px; color: var(--yc-muted); }
.netos-drop small { display: block; margin-top: 5px; font-size: 11px; color: var(--yc-muted); font-family: ui-monospace, Consolas, monospace; }
.netos-or {
  display: flex; align-items: center; gap: 10px; margin: 16px 0;
  font-size: 10.5px; color: var(--yc-muted); text-transform: uppercase; letter-spacing: .06em;
  font-family: ui-monospace, Consolas, monospace;
}
.netos-or::before, .netos-or::after { content: ""; flex: 1; height: 1px; background: var(--yc-border); }
.netos-up__hint { margin: 8px 0 0; font-size: .75rem; color: var(--yc-muted); }
.netos-url__row { display: flex; gap: 8px; }
.netos-url__row--gap { margin-top: 10px; }
.netos-url input {
  flex: 1; min-width: 0; padding: 9px 12px; border-radius: 8px;
  border: 1px solid var(--yc-border); background: var(--yc-pill-bg); color: var(--yc-text);
  font: 12.5px ui-monospace, Consolas, monospace;
}
.netos-images { flex: 1; min-width: 0; display: flex; flex-direction: column; }
.netos-images--pad { padding: 8px 20px 16px; }
a.netos-image {
  display: flex; align-items: center; justify-content: space-between; gap: 12px;
  padding: 10px 0; border-bottom: 1px solid var(--yc-border);
  text-decoration: none; color: inherit;
}
a.netos-image:last-child { border-bottom: 0; }
a.netos-image small { display: block; margin-top: 2px; color: var(--yc-muted); font-size: 11px; font-family: ui-monospace, Consolas, monospace; }
a.netos-image em {
  font-style: normal; font-size: 10.5px; font-weight: 700; font-family: ui-monospace, Consolas, monospace;
  padding: 3px 8px; border-radius: 6px; background: var(--yc-pill-bg); color: var(--yc-muted);
}
a.netos-image.on { color: var(--yc-accent); }
a.netos-image em.ok { background: rgba(22, 163, 74, .14); color: #16a34a; }
a.netos-image em.run { background: color-mix(in srgb, var(--yc-accent) 16%, transparent); color: var(--yc-accent); }
@media (max-width: 900px) {
  .intern-shell.netos-app { grid-template-columns: minmax(0, 1fr) !important; }
  .netos-side { display: none; }
}
@media (max-width: 1050px) {
  .netos-panels { grid-template-columns: 1fr; }
}
body.is-board .intern-shell {
  grid-template-rows: minmax(0, 1fr);
}
.intern-main--board {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  height: 100%;
  min-height: 0;
  gap: 10px;
  padding: 12px 16px 16px !important;
}
.intern-main--board .yc-hello { padding-left: 4px; padding-right: 4px; }
.board {
  display: flex; gap: 14px; align-items: stretch;
  flex: 1 1 auto; min-height: 0; width: 100%;
  overflow: hidden;
}
.board-col {
  flex: 1 1 0;
  min-width: 0;
  display: flex; flex-direction: column; gap: 10px;
  background: var(--yc-surface, #111); border: 1px solid var(--yc-border, #243044);
  border-radius: 18px; padding: 12px;
}
.board-col--dont { border-top: 3px solid #64748b; }
.board-col--todo { border-top: 3px solid #f59e0b; }
.board-col--progress { border-top: 3px solid #3b82f6; }
.board-col--done { border-top: 3px solid #22c55e; }
.board-col__head { display: flex; align-items: center; justify-content: space-between; gap: 8px; }
.board-col__head h2 { margin: 0; font-size: 1rem; }
.board-col__head span {
  font-size: .75rem; font-weight: 700; color: var(--yc-muted, #94a3b8);
  background: color-mix(in srgb, var(--yc-text, #fff) 8%, transparent);
  border-radius: 999px; padding: 2px 8px;
}
.board-col__list {
  flex: 1; display: flex; flex-direction: column; gap: 8px;
  min-height: 0; overflow: auto; border-radius: 12px;
}
.board-col__list.is-over { outline: 2px dashed var(--yc-accent, #3b82f6); }
.board-card {
  background: color-mix(in srgb, var(--yc-text, #fff) 6%, var(--yc-surface, #111));
  border-radius: 12px; padding: 10px 12px; cursor: grab;
}
.board-card.is-drag { opacity: .45; }
.board-card strong { display: block; font-size: .92rem; }
.board-card p { margin: 6px 0 0; font-size: .8rem; color: var(--yc-muted, #94a3b8); line-height: 1.4; }
.board-add {
  border: 0; background: transparent; color: var(--yc-accent, #3b82f6);
  font: inherit; font-weight: 700; text-align: left; cursor: pointer; padding: 4px 2px;
}
@media (max-width: 900px) {
  .board { overflow-x: auto; }
  .board-col { flex: 0 0 min(86vw, 280px); }
}
@media (max-width: 760px) {
  .netos-stats, .netos-stats--how { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .netos-lib { flex-direction: column; }
  .netos-up { width: 100%; flex: 1 1 auto; }
  .netos-bar { padding: 14px 16px; }
  .netos-body { padding: 16px; }
}