/* Arata.Shua 20261016: Teal pastel dan tipografi MarComm menjadi dasar seluruh workspace. */
:root {
  --font-display: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-mono: var(--font-display); --radius: 6px; color-scheme: dark;
  --bg: #173e43; --panel: #204b50; --panel2: #29585d;
  --line: #3f6c70; --line-soft: #345f64; --line-strong: #719b9c;
  --text: #e1f4f1; --text-bright: #f4fffc; --muted: #b4d3d0; --muted-dim: #9bbfbc;
  --cyan: #a3e6dc; --blue: #a3e6dc; --yellow: #f3d494; --red: #ffb1a6; --green: #a3e6cc;
  --primary: #a3e6dc; --primary-hover: #c0f2e9; --ink: #163e42;
  --mc-hover: #2c5b60; --mc-progress-bg: #305f63; --mc-progress-text: #bceee6;
  --mc-progress-solid: #a3e6dc; --mc-on-solid: #163e42; --mc-ring: #a3e6dc33;
}
:root[data-theme="light"] {
  color-scheme: light;
  --bg: #edf8f7; --panel: #ffffff; --panel2: #e2f3f0;
  --line: #c6dfdb; --line-soft: #dcece9; --line-strong: #86b5b0;
  --text: #264c50; --text-bright: #173d42; --muted: #527276; --muted-dim: #5e7e80;
  --cyan: #176d70; --blue: #176d70; --yellow: #896015; --red: #b63a42; --green: #18705b;
  --success-bg: #ddf4e9; --success-line: #abd6c4; --warning-bg: #fff3d9; --warning-line: #e6cb8b;
  --error-bg: #fff0ed; --error-line: #e8b6af; --error-bright: #9b2432;
  --primary: #9dded4; --primary-hover: #85d2c7; --ink: #173d42;
  --mc-scheme: light; --mc-hover: #e5f4f1; --mc-progress-bg: #d1efe8; --mc-progress-text: #176469;
  --mc-progress-solid: #217a7d; --mc-on-solid: #ffffff;
  --mc-ring: #278e8526; --mc-shadow: #234c5018; --mc-backdrop: #193e4a54;
}
body, button, input, select, textarea { font-family: var(--font-display); }
.sidebar { background: var(--panel2); }
.topbar, .workspace { background: var(--bg); }
.nav-item { margin: 2px 9px; padding: 8px 10px; min-height: 36px; border: 0; border-radius: 6px; font: 12px/1.5 var(--font-display); letter-spacing: 0; text-transform: none; color: var(--muted); }
.nav-item:hover { background: var(--mc-hover); color: var(--text-bright); }
.nav-item.active { background: var(--mc-progress-bg); color: var(--cyan); font-weight: 600; }
.nav-item.active::before { display: none; }
.brand-copy strong, .brand-copy span { font-size: 12px; letter-spacing: .025em; }
.nav-label, .workspace-label { letter-spacing: .05em; }
:is(.panel, .metrics, .drawer-panel, .action-dialog, .dialog-actions, .session-row) { background: var(--panel); }
:is(.data-table th, .service-icon, .daily-production-status) { background: var(--panel2); }
.button:not(.primary, .yellow, .danger) { background: var(--panel); }
.button:not(.primary, .yellow, .danger):hover { background: var(--panel2); border-color: var(--cyan); }
.overview-filter.active, .metric.active { background: var(--mc-progress-bg); border-color: var(--line-strong); }
.channel-badge.connected { background: var(--success-bg); }
.session-row { border-color: var(--line); }
.session-row:hover { background: var(--panel2); border-color: var(--line-strong); }
:is(.slide-count, .card-score, .rank-badge) { background: var(--panel); color: var(--text); }
:is(.scrim, .sidebar-backdrop), .action-dialog::backdrop { background: var(--mc-backdrop); }
.theme-toggle { display: inline-flex; align-items: center; justify-content: center; gap: 6px; flex-shrink: 0; min-height: 32px; padding: 5px 9px; border: 1px solid var(--line-strong); border-radius: 6px; color: var(--text); background: var(--panel); font: 12px/1.5 var(--font-display); cursor: pointer; }
.theme-toggle:hover { background: var(--panel2); border-color: var(--cyan); }
.theme-toggle:focus-visible { outline: 2px solid var(--cyan); outline-offset: 2px; }
button, select, summary, [role="button"], [data-action], [data-mc-action], [data-settings-action] { cursor: pointer; }
:is(button, .button, .mc-button):disabled { cursor: not-allowed; opacity: .5; }
.button, .mc-button { font-weight: 600; letter-spacing: 0; transition: background .12s, border-color .12s, box-shadow .12s; }
.button.primary, .mc-button.primary { border-color: var(--primary); box-shadow: 0 1px 2px #173d4214; }
:is(.button, .mc-button, .icon-button):active:not(:disabled) { transform: translateY(1px); }
:is(.mc-task-link, .session-title):hover { color: var(--cyan); text-decoration: underline; text-underline-offset: 3px; }
.mc-publish-step { margin-top: 16px; padding: 14px; background: var(--mc-progress-bg); border: 1px solid var(--line-strong); border-radius: 6px; }
.mc-publish-step p { margin: 6px 0 12px; color: var(--muted); }
.mc-publish-step .mc-reference { display: block; margin-top: 10px; }
@media (max-width: 600px) { .theme-toggle { width: 32px; padding: 5px; } .theme-toggle span { display: none; } }

.slide-provenance { margin: 8px 14px; color: var(--muted); font-size: 12px; }