/* SuperSDM premium control-room skin.
   Deliberately keeps the existing DOM and interaction model intact. */
:root {
    --premium-ink: #e7f0f4;
    --premium-muted: #8fa7b4;
    --premium-dim: #637b89;
    --premium-line: rgba(148, 183, 198, .17);
    --premium-line-strong: rgba(99, 199, 224, .44);
    --premium-panel: #101b24;
    --premium-panel-raised: #152631;
    --premium-panel-inset: #0c151d;
    --premium-cyan: #63d5e7;
    --premium-cyan-strong: #2aaec7;
    --premium-amber: #e7b86a;
    --premium-green: #7dd3a6;
}

body:not(.docker-builder-page):not(.docker-builder-embed) {
    color: var(--premium-ink) !important;
    background: #09131b !important;
    background-image:
        radial-gradient(900px 520px at 86% -20%, rgba(50, 145, 170, .16), transparent 62%),
        radial-gradient(720px 520px at -14% 10%, rgba(38, 85, 116, .17), transparent 62%),
        linear-gradient(145deg, #09131b 0%, #0b1721 50%, #0a1118 100%) !important;
    font-family: Inter, "Segoe UI", system-ui, sans-serif !important;
    letter-spacing: .005em;
}

body:not(.docker-builder-page):not(.docker-builder-embed) .navbar {
    height: 58px !important;
    padding: 0 18px !important;
    background: rgba(10, 21, 29, .94) !important;
    border-bottom: 1px solid var(--premium-line) !important;
    box-shadow: 0 10px 32px rgba(0, 0, 0, .24) !important;
    backdrop-filter: blur(18px);
}

body:not(.docker-builder-page):not(.docker-builder-embed) .navbar-brand {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    margin-right: 18px !important;
    color: #f0f7f8 !important;
    font-size: 13px !important;
    font-weight: 750 !important;
    letter-spacing: .08em;
    text-transform: uppercase;
    white-space: nowrap;
}

body:not(.docker-builder-page):not(.docker-builder-embed) .navbar-brand .fa-atom {
    color: var(--premium-cyan) !important;
    filter: drop-shadow(0 0 9px rgba(99, 213, 231, .42));
}

body:not(.docker-builder-page):not(.docker-builder-embed) .navbar-brand .badge {
    padding: 3px 6px !important;
    border: 1px solid rgba(99, 213, 231, .48);
    border-radius: 4px !important;
    background: rgba(99, 213, 231, .12) !important;
    color: var(--premium-cyan) !important;
    font-size: 9px !important;
    letter-spacing: .12em;
}

body:not(.docker-builder-page):not(.docker-builder-embed) .navbar .btn,
body:not(.docker-builder-page):not(.docker-builder-embed) .ws-theme-inline,
body:not(.docker-builder-page):not(.docker-builder-embed) #ws-theme-select-workspace,
body:not(.docker-builder-page):not(.docker-builder-embed) #ws-locale-select-workspace {
    color: #b7cbd3 !important;
    background: transparent !important;
    border-color: transparent !important;
    border-radius: 6px !important;
}

body:not(.docker-builder-page):not(.docker-builder-embed) .navbar .btn {
    min-height: 34px !important;
    padding-inline: 9px !important;
    font-size: 11px !important;
    font-weight: 650 !important;
    letter-spacing: .025em;
}

body:not(.docker-builder-page):not(.docker-builder-embed) .navbar .btn:hover,
body:not(.docker-builder-page):not(.docker-builder-embed) .navbar .btn:focus-visible {
    color: #f4fbfc !important;
    background: rgba(116, 180, 197, .13) !important;
    border-color: rgba(116, 180, 197, .25) !important;
    box-shadow: none !important;
    transform: none !important;
}

body:not(.docker-builder-page):not(.docker-builder-embed) .navbar .btn i { color: var(--premium-cyan) !important; }
body:not(.docker-builder-page):not(.docker-builder-embed) .navbar .ws-fast-run-btn {
    min-height: 38px !important;
    padding-inline: 13px !important;
    color: #08151b !important;
    background: linear-gradient(135deg, #b5edf1, #62cad7) !important;
    border: 0 !important;
    border-radius: 6px !important;
    box-shadow: 0 7px 20px rgba(61, 183, 202, .22) !important;
    font-weight: 800 !important;
}
body:not(.docker-builder-page):not(.docker-builder-embed) .navbar .ws-fast-run-btn i { color: #0b4653 !important; }

body:not(.docker-builder-page):not(.docker-builder-embed) .main-container,
body:not(.docker-builder-page):not(.docker-builder-embed) #main-layout {
    top: 58px !important;
    bottom: 58px !important;
    background: transparent !important;
}

body:not(.docker-builder-page):not(.docker-builder-embed) .sidebar {
    width: 282px;
    background: rgba(12, 23, 31, .88) !important;
    border-right: 1px solid var(--premium-line) !important;
    box-shadow: 14px 0 40px rgba(0, 0, 0, .16);
}
body:not(.docker-builder-page):not(.docker-builder-embed) .file-tree,
body:not(.docker-builder-page):not(.docker-builder-embed) .sidebar .file-tree,
body:not(.docker-builder-page):not(.docker-builder-embed) .sidebar .sidebar-content {
    background: #0d1a23 !important;
    color: var(--premium-muted) !important;
}
body:not(.docker-builder-page):not(.docker-builder-embed) .sidebar-header {
    height: 50px;
    padding: 0 16px !important;
    color: #c8dbe2 !important;
    border-bottom: 1px solid var(--premium-line) !important;
    font-size: 10px !important;
    letter-spacing: .17em;
    background: #0d1a23 !important;
    background-image: none !important;
}
body:not(.docker-builder-page):not(.docker-builder-embed) .sidebar-header button,
body:not(.docker-builder-page):not(.docker-builder-embed) .task-tool-btn {
    color: var(--premium-muted) !important;
    border: 1px solid transparent !important;
    border-radius: 5px !important;
}
body:not(.docker-builder-page):not(.docker-builder-embed) .sidebar-header button:hover,
body:not(.docker-builder-page):not(.docker-builder-embed) .task-tool-btn:hover {
    color: var(--premium-cyan) !important;
    background: rgba(99, 213, 231, .1) !important;
}
body:not(.docker-builder-page):not(.docker-builder-embed) .tree-item {
    height: 34px;
    padding: 0 16px !important;
    color: #9eb5c0 !important;
    border-left: 2px solid transparent !important;
    font-size: 12px !important;
}
body:not(.docker-builder-page):not(.docker-builder-embed) .tree-item:hover { background: rgba(111, 174, 192, .1) !important; color: #e3f2f5 !important; }
body:not(.docker-builder-page):not(.docker-builder-embed) .tree-item.active,
body:not(.docker-builder-page):not(.docker-builder-embed) .tree-item.selected {
    color: #e9fbfd !important;
    background: rgba(75, 173, 193, .14) !important;
    border-left-color: var(--premium-cyan) !important;
}

body:not(.docker-builder-page):not(.docker-builder-embed) .editor-area {
    background: #0b151d !important;
}
body:not(.docker-builder-page):not(.docker-builder-embed) .tabs-header {
    height: 42px;
    background: rgba(16, 29, 38, .9) !important;
    border-bottom: 1px solid var(--premium-line) !important;
}
body:not(.docker-builder-page):not(.docker-builder-embed) .pane-header-tabs {
    background: #10202a !important;
    background-image: none !important;
    border-bottom: 1px solid var(--premium-line) !important;
}
body:not(.docker-builder-page):not(.docker-builder-embed) .tab-item {
    min-width: 148px;
    color: #718894 !important;
    background: transparent !important;
    border-right: 1px solid var(--premium-line) !important;
    font-size: 11px;
}
body:not(.docker-builder-page):not(.docker-builder-embed) .tab-item.active {
    color: #e9f8fa !important;
    background: rgba(94, 176, 196, .1) !important;
    border-top: 2px solid var(--premium-cyan) !important;
}
body:not(.docker-builder-page):not(.docker-builder-embed) .content-body,
body:not(.docker-builder-page):not(.docker-builder-embed) .editor-pane {
    background: #0b151d !important;
}
body:not(.docker-builder-page):not(.docker-builder-embed) .pane-content,
body:not(.docker-builder-page):not(.docker-builder-embed) .view-container,
body:not(.docker-builder-page):not(.docker-builder-embed) #dashboard-view,
body:not(.docker-builder-page):not(.docker-builder-embed) #preview-container-0,
body:not(.docker-builder-page):not(.docker-builder-embed) .monaco-editor,
body:not(.docker-builder-page):not(.docker-builder-embed) .grid-container {
    background: #0b151d !important;
    color: var(--premium-muted) !important;
}
body:not(.docker-builder-page):not(.docker-builder-embed) .grid-container {
    background-image:
        linear-gradient(rgba(126, 184, 199, .04) 1px, transparent 1px),
        linear-gradient(90deg, rgba(126, 184, 199, .04) 1px, transparent 1px) !important;
    background-size: 32px 32px !important;
}
body:not(.docker-builder-page):not(.docker-builder-embed) .breadcrumb-nav {
    min-height: 42px;
    padding: 0 16px !important;
    display: flex;
    align-items: center;
    background: #101f29 !important;
    border-bottom: 1px solid var(--premium-line) !important;
    color: var(--premium-muted) !important;
    background-image: none !important;
}
body:not(.docker-builder-page):not(.docker-builder-embed) #breadcrumb {
    background: #101f29 !important;
    background-image: none !important;
}
body:not(.docker-builder-page):not(.docker-builder-embed) .editor-tab {
    background: #10202a !important;
    color: #c4d9df !important;
    border-color: var(--premium-line) !important;
}
body:not(.docker-builder-page):not(.docker-builder-embed) .dashboard-watermark { color: #47616c !important; }
body:not(.docker-builder-page):not(.docker-builder-embed) .editor-pane.active-pane {
    box-shadow: inset 0 0 0 1px rgba(99, 213, 231, .2) !important;
}
body:not(.docker-builder-page):not(.docker-builder-embed) .dashboard-view {
    background:
        linear-gradient(rgba(126, 184, 199, .04) 1px, transparent 1px),
        linear-gradient(90deg, rgba(126, 184, 199, .04) 1px, transparent 1px),
        #0b151d !important;
    background-size: 32px 32px !important;
}
body:not(.docker-builder-page):not(.docker-builder-embed) .dashboard-view .grid-item,
body:not(.docker-builder-page):not(.docker-builder-embed) .dashboard-view .empty-state {
    color: var(--premium-muted) !important;
}

body:not(.docker-builder-page):not(.docker-builder-embed) #terminal-panel {
    background: #0b151d !important;
    border-top: 1px solid var(--premium-line) !important;
    box-shadow: 0 -12px 30px rgba(0, 0, 0, .16);
}
body:not(.docker-builder-page):not(.docker-builder-embed) .terminal-header {
    height: 38px;
    padding: 0 16px !important;
    background: #101f29 !important;
    color: #b8d2da !important;
    border-bottom: 1px solid var(--premium-line) !important;
    font-size: 10px !important;
    letter-spacing: .12em;
    text-transform: uppercase;
}
body:not(.docker-builder-page):not(.docker-builder-embed) .terminal-body { background: #09131b !important; }
body:not(.docker-builder-page):not(.docker-builder-embed) .status-bar {
    height: 34px !important;
    padding: 0 14px !important;
    color: #a9c0c9 !important;
    background: #0d1c25 !important;
    border-top: 1px solid var(--premium-line) !important;
    font-size: 10px !important;
    letter-spacing: .035em;
}
body:not(.docker-builder-page):not(.docker-builder-embed) .status-bar .text-success,
body:not(.docker-builder-page):not(.docker-builder-embed) .status-bar .text-info { color: var(--premium-green) !important; }
body:not(.docker-builder-page):not(.docker-builder-embed) .status-bar .progress { background: #1b303b !important; }

@media (max-width: 1240px) {
    body:not(.docker-builder-page):not(.docker-builder-embed) .navbar { height: 52px !important; }
    body:not(.docker-builder-page):not(.docker-builder-embed) .main-container,
    body:not(.docker-builder-page):not(.docker-builder-embed) #main-layout { top: 52px !important; }
    body:not(.docker-builder-page):not(.docker-builder-embed) #ws-navbar-content { top: 60px !important; background: #10202a !important; border-color: var(--premium-line-strong) !important; }
}
@media (max-width: 700px) {
    body:not(.docker-builder-page):not(.docker-builder-embed) .sidebar { width: min(76vw, 282px); }
    body:not(.docker-builder-page):not(.docker-builder-embed) .status-bar { font-size: 9px !important; }
}

@media (prefers-reduced-motion: reduce) {
    body:not(.docker-builder-page):not(.docker-builder-embed) * { transition-duration: .01ms !important; animation-duration: .01ms !important; }
}