/** Plato (Set) — karanlik endustriyel, buyuk dokunma alani, plato gece */
html[data-ui="plato"] {
  --color-bg-start: #0a0e14;
  --color-bg-end: #121820;
  --color-surface: #1a222d;
  --color-surface-muted: #232d3b;
  --color-border: #3d4f66;
  --color-text: #e8edf4;
  --color-text-muted: #9aabb8;
  --color-primary: #f0b429;
  --color-accent: #4ade80;
  --color-nav-active-bg: #2a3544;
  --color-nav-active-text: #f0b429;
  --color-msg-ok-bg: #1a3d2a;
  --color-msg-ok-text: #86efac;
  --color-msg-err-bg: #3d1a1a;
  --color-msg-err-text: #fca5a5;
  --ui-body-pad-bottom: 100px;
  --ui-touch-min: 48px;
  --ui-shadow-card: 0 4px 0 rgba(0, 0, 0, 0.4);
  --ui-radius-lg: 12px;
}

html[data-ui="plato"] body {
  background: linear-gradient(180deg, var(--color-bg-start), var(--color-bg-end));
}

html[data-ui="plato"] .top {
  background: var(--color-surface);
  border: 2px solid var(--color-border);
}

html[data-ui="plato"] .chips a {
  background: var(--color-surface-muted);
  border-color: var(--color-border);
  color: var(--color-text);
  padding: 10px 14px;
  font-size: 13px;
  font-weight: 700;
}

html[data-ui="plato"] .chips a.active {
  background: var(--color-primary);
  color: #0a0e14;
  border-color: var(--color-primary);
}

html[data-ui="plato"] .hero {
  border: 2px solid var(--color-border);
  background: var(--color-surface);
}

html[data-ui="plato"] .hero h1 {
  font-size: 28px;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  color: var(--color-primary);
}

html[data-ui="plato"] .btn {
  min-height: 48px;
  font-size: 14px;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 0.03em;
  border-radius: 8px;
  border: 2px solid transparent;
}

html[data-ui="plato"] .btn.secondary,
html[data-ui="plato"] .btn.alt {
  background: var(--color-surface-muted);
  border-color: var(--color-border);
  color: var(--color-text);
}

html[data-ui="plato"] input,
html[data-ui="plato"] select,
html[data-ui="plato"] textarea {
  background: var(--color-surface-muted);
  border: 2px solid var(--color-border);
  color: var(--color-text);
  min-height: 44px;
  font-size: 14px;
}

html[data-ui="plato"] .card {
  border: 2px solid var(--color-border);
  box-shadow: var(--ui-shadow-card);
}

html[data-ui="plato"] .ui-crew-cards {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--ui-space-sm);
}

html[data-ui="plato"] .crew-card-item {
  border: 2px solid var(--color-border);
  background: var(--color-surface-muted);
  padding: var(--ui-space-lg);
  min-height: 72px;
}

html[data-ui="plato"] .crew-card-item strong { font-size: 16px; }

html[data-ui="plato"] .ui-crew-table { display: none; }

html[data-ui="plato"] .dock {
  width: calc(100vw - 12px);
  max-width: none;
  left: 6px;
  transform: none;
  grid-template-columns: repeat(5, 1fr);
  gap: 6px;
  padding: 10px;
  background: var(--color-surface);
  border: 2px solid var(--color-border);
  border-radius: 12px;
  bottom: 6px;
}

html[data-ui="plato"] .dock a {
  min-height: 52px;
  font-size: 11px;
  font-weight: 800;
  color: var(--color-text);
}

html[data-ui="plato"] .dock a.active {
  background: var(--color-primary);
  color: #0a0e14;
}

html[data-ui="plato"] .dock a i { font-size: 20px; margin-bottom: 4px; }

html[data-ui="plato"] .on {
  background: #1a3d2a;
  border-color: #4ade80;
  color: #86efac;
}

html[data-ui="plato"] table th {
  background: var(--color-surface-muted);
  color: var(--color-primary);
  text-transform: uppercase;
  font-size: 11px;
  letter-spacing: 0.05em;
}