/* ─────────────────────────────────────────────────
   Sci-fi — Dark command deck, amber text, colored panels
   ───────────────────────────────────────────────── */

:root[data-ui-theme="lcars"] {
    --bg: #000000;
    --bg-accent: rgba(255, 153, 0, 0.06);
    --text: #ff9900;
    --sidebar-bg: #000000;
    --sidebar-strong: #1a1a2e;
    --border: rgba(153, 153, 204, 0.16);
    --panel-border: rgba(204, 153, 102, 0.5);
    --panel-bg: #000000;
    --panel-elevated: #0a0a14;
    --editor-surface: #000000;
    --muted: #cc9966;
    --input-border: rgba(153, 153, 204, 0.3);
    --button-bg: #cc6699;
    --button-text: #000000;
    --link-text: #ff9900;
    --active-bg: #f4c468;
    --active-text: #000000;
    --placeholder: #886644;
    --modal-bg: #0a0a14;
    --modal-muted: #cc9966;
    --backdrop: rgba(0, 0, 0, 0.85);
    --shadow-soft: none;
    --shadow-panel: none;
    --focus-ring: 0 0 0 3px rgba(255, 153, 0, 0.3);
    --accent-red: #cc6699;
    --accent-blue: #9999cc;
    --accent-yellow: #f4c468;
    --font-ui: "Rajdhani", "Helvetica Neue", Arial, sans-serif;
    --font-display: "Rajdhani", "Helvetica Neue", Arial, sans-serif;
    --font-body: "Rajdhani", "Helvetica Neue", Arial, sans-serif;
    --font-mono: "JetBrains Mono", "SFMono-Regular", Consolas, monospace;
    --ui-letter-spacing: 0.04em;
    --radius-panel: 0;
    --radius-card: 0;
    --radius-input: 6px;
    --radius-note: 0;
    --radius-button: 999px;
    --radius-icon: 999px;
    --radius-editor: 0;
    --radius-status: 0;
    --label-letter-spacing: 0.18em;
    --label-transform: uppercase;
    --button-letter-spacing: 0.1em;
    --button-transform: uppercase;
    --button-weight: 700;
    --title-letter-spacing: -0.01em;
    --title-transform: uppercase;
    --title-max-width: none;
    --display-letter-spacing: -0.02em;
    --display-transform: uppercase;
    --display-max-width: 11ch;
    --editor-font-size: 1.02rem;
    --editor-line-height: 1.78;
}

/* ── Background ── */
:root[data-ui-theme="lcars"] body {
    background: #000000;
}

/* ── Sidebar ── */
:root[data-ui-theme="lcars"] .sidebar {
    border-right: 3px solid #9999cc;
    background: #000000;
    box-shadow: none;
    gap: 12px;
}

/* ── Title ── */
:root[data-ui-theme="lcars"] .title-row h1 {
    color: #ff9900;
    font-size: 2.4rem;
    font-weight: 600;
    line-height: 0.9;
}

:root[data-ui-theme="lcars"] .sidebar-tagline {
    color: #9999cc;
}

:root[data-ui-theme="lcars"] .sidebar-section-label {
    color: #9999cc;
}

/* ── Icon buttons: colored pills ── */
:root[data-ui-theme="lcars"] .icon-button {
    background: #cc6699;
    border-color: transparent;
    color: #000000;
}

:root[data-ui-theme="lcars"] .icon-button:hover {
    background: #dd77aa;
    color: #000000;
    border-color: transparent;
}

/* ── Auth block: colored panel ── */
:root[data-ui-theme="lcars"] .auth {
    border: none;
    border-left: 14px solid #9999cc;
    border-radius: 0;
    background: #11111e;
    padding: 14px 14px 14px 18px;
    box-shadow: none;
}

:root[data-ui-theme="lcars"] .auth-connected {
    color: #ff9900;
}

:root[data-ui-theme="lcars"] .auth-repo {
    color: #cc9966;
}

:root[data-ui-theme="lcars"] #auth-status,
:root[data-ui-theme="lcars"] #repo-status {
    color: #cc9966;
}

/* ── Action buttons ── */
:root[data-ui-theme="lcars"] .sidebar .auth-controls button {
    background: #cc6699;
    color: #000000;
    border: none;
}

:root[data-ui-theme="lcars"] .sidebar .auth-controls button:hover {
    background: #dd77aa;
}

:root[data-ui-theme="lcars"] button.text-link,
:root[data-ui-theme="lcars"] .sidebar .auth-controls button.text-link {
    color: #cc9966;
    background: transparent;
}

:root[data-ui-theme="lcars"] button.text-link:hover {
    color: #ff9900;
}

/* ── Search input ── */
:root[data-ui-theme="lcars"] .sidebar input,
:root[data-ui-theme="lcars"] .sidebar select {
    background: #0a0a14;
    border: 1px solid rgba(153, 153, 204, 0.25);
    color: #ff9900;
    border-radius: 6px;
}

:root[data-ui-theme="lcars"] .sidebar input::placeholder {
    color: #886644;
}

/* ── Note count badge ── */
:root[data-ui-theme="lcars"] .sidebar-count {
    background: #cc6699;
    color: #000000;
    border-radius: 999px;
}

/* ── Note list items: SQUARE blocks ── */
:root[data-ui-theme="lcars"] #notes li {
    border: none;
    border-left: 10px solid #cc6699;
    border-radius: 0;
    background: #11111e;
    color: #ff9900;
    padding: 12px 12px 12px 16px;
    box-shadow: none;
}

:root[data-ui-theme="lcars"] #notes li:hover {
    border-color: #dd77aa;
    background: #16162a;
}

:root[data-ui-theme="lcars"] #notes li.active {
    border-left-color: #f4c468;
    background: #f4c468;
    color: #000000;
    box-shadow: none;
}

:root[data-ui-theme="lcars"] #notes li.active .note-link {
    color: #000000;
}

:root[data-ui-theme="lcars"] .note-link {
    color: #ff9900;
    font-family: var(--font-display);
    font-weight: 600;
}

:root[data-ui-theme="lcars"] .note-delete,
:root[data-ui-theme="lcars"] .note-pin {
    border-color: rgba(153, 153, 204, 0.25);
    color: #cc9966;
    border-radius: 999px;
}

:root[data-ui-theme="lcars"] .note-delete:hover,
:root[data-ui-theme="lcars"] .note-pin:hover {
    background: rgba(153, 153, 204, 0.12);
    color: #ff9900;
}

:root[data-ui-theme="lcars"] .note-pin.pinned svg {
    fill: #f4c468;
}

:root[data-ui-theme="lcars"] #notes li.active .note-delete,
:root[data-ui-theme="lcars"] #notes li.active .note-pin {
    border-color: rgba(0, 0, 0, 0.2);
    color: #000000;
}

:root[data-ui-theme="lcars"] .notes-empty {
    border: none;
    border-left: 10px solid #9999cc;
    border-radius: 0;
    background: #11111e;
    color: #cc9966;
    padding-left: 16px;
}

:root[data-ui-theme="lcars"] .notes-empty strong {
    color: #ff9900;
}

/* ── Editor ── */
:root[data-ui-theme="lcars"] .editor-body {
    border: 2px solid #9999cc;
    border-radius: 0;
    background: #000000;
    color: #ff9900;
    box-shadow: none;
    caret-color: #f4c468;
}

:root[data-ui-theme="lcars"] .editor-body:empty::before {
    color: #886644;
}

/* ── Status bar ── */
:root[data-ui-theme="lcars"] .status-bar {
    border: none;
    border-top: 3px solid #cc6699;
    border-radius: 0;
    background: #0a0a14;
    color: #cc9966;
    box-shadow: none;
}

:root[data-ui-theme="lcars"] .status-font {
    color: #cc9966;
}

/* ── Welcome splash ── */
:root[data-ui-theme="lcars"] .welcome-hero {
    border: 2px solid #9999cc;
    border-radius: 0;
    background: #000000;
    box-shadow: none;
}

:root[data-ui-theme="lcars"] .welcome-hero h2 {
    color: #ff9900;
}

:root[data-ui-theme="lcars"] .welcome-lead {
    color: #cc9966;
}

:root[data-ui-theme="lcars"] .welcome-badge {
    background: rgba(204, 102, 153, 0.2);
    border: 1px solid rgba(204, 102, 153, 0.4);
    border-radius: 999px;
    color: #cc6699;
}

:root[data-ui-theme="lcars"] .welcome-card {
    border: none;
    border-left: 8px solid #cc6699;
    border-radius: 0;
    background: #11111e;
    box-shadow: none;
}

:root[data-ui-theme="lcars"] .welcome-card h3 {
    color: #ff9900;
}

:root[data-ui-theme="lcars"] .welcome-card p {
    color: #cc9966;
}

:root[data-ui-theme="lcars"] .welcome-footer {
    border: none;
    border-left: 8px solid #f4c468;
    border-radius: 0;
    background: #11111e;
    box-shadow: none;
    color: #cc9966;
}

/* ── Theme panel ── */
:root[data-ui-theme="lcars"] .theme-panel {
    border: 2px solid #9999cc;
    border-radius: 0;
    background: #0a0a14;
    box-shadow: none;
}

:root[data-ui-theme="lcars"] .theme-select {
    color: #ff9900;
    border-radius: 0;
}

/* ── Modal ── */
:root[data-ui-theme="lcars"] .modal-card {
    border: 2px solid #9999cc;
    border-radius: 0;
    background: #0a0a14;
    box-shadow: 0 0 80px rgba(0, 0, 0, 0.6);
}

:root[data-ui-theme="lcars"] .modal-card h2 {
    color: #ff9900;
}

:root[data-ui-theme="lcars"] .modal-card p {
    color: #cc9966;
}

:root[data-ui-theme="lcars"] .modal-card label {
    color: #9999cc;
}

:root[data-ui-theme="lcars"] .modal-close {
    background: #cc6699;
    border: none;
    border-radius: 999px;
    color: #000000;
}

:root[data-ui-theme="lcars"] .modal-close:hover {
    background: #dd77aa;
}

:root[data-ui-theme="lcars"] .modal-card input,
:root[data-ui-theme="lcars"] .modal-card select,
:root[data-ui-theme="lcars"] .modal-card progress {
    background: #000000;
    border: 1px solid rgba(153, 153, 204, 0.3);
    border-radius: 6px;
    color: #ff9900;
}

:root[data-ui-theme="lcars"] .modal-actions button,
:root[data-ui-theme="lcars"] #repo-create {
    background: #f4c468;
    color: #000000;
    border: none;
}

:root[data-ui-theme="lcars"] .repo-options {
    background: #0a0a14;
    border: 1px solid rgba(153, 153, 204, 0.25);
    border-radius: 0;
}

:root[data-ui-theme="lcars"] .repo-option:hover,
:root[data-ui-theme="lcars"] .repo-option.active,
:root[data-ui-theme="lcars"] .repo-option[aria-selected="true"] {
    background: rgba(153, 153, 204, 0.1);
}

:root[data-ui-theme="lcars"] .repo-option-name {
    color: #ff9900;
}

:root[data-ui-theme="lcars"] .repo-option-meta {
    color: #886644;
}

/* ── Toasts ── */
:root[data-ui-theme="lcars"] .toast {
    border: 1px solid rgba(153, 153, 204, 0.25);
    border-radius: 0;
    background: #0a0a14;
    color: #ff9900;
}

:root[data-ui-theme="lcars"] .toast-title {
    color: #9999cc;
}

:root[data-ui-theme="lcars"] .toast-message {
    color: #cc9966;
}

:root[data-ui-theme="lcars"] .toast.info {
    border-left: 4px solid #9999cc;
}

:root[data-ui-theme="lcars"] .toast.success {
    border-left: 4px solid #f4c468;
}

:root[data-ui-theme="lcars"] .toast.error {
    border-left: 4px solid #cc6699;
}

:root[data-ui-theme="lcars"] .toast-action {
    background: #f4c468;
    color: #000000;
}

/* ── Progress ── */
:root[data-ui-theme="lcars"] progress {
    accent-color: #f4c468;
}

/* ── Import progress ── */
:root[data-ui-theme="lcars"] .import-progress {
    border-color: rgba(153, 153, 204, 0.2);
    background: #0a0a14;
    color: #cc9966;
}