/* ═══════════════════════════════════════════════════════════════════════════
   Superclouds — brand tokens + console skin
   From the logo: orange wordmark #F26B0F · pink #E8336B · green #2DBE6C
   ═══════════════════════════════════════════════════════════════════════════ */

:root {
    --k-font-head: "Bricolage Grotesque", "Geist", system-ui, sans-serif;
    --k-font-body: "Geist", system-ui, -apple-system, "Segoe UI", sans-serif;

    --k-ink: #14161C;
    --k-text: #33363F;
    --k-muted: #646a78;
    --k-bg: #FFFFFF;
    --k-bg-alt: #F7F6F4;
    --k-surface: #FFFFFF;
    --k-border: #ECE8E3;

    --k-primary: #F26B0F;
    --k-primary-hover: #D95A04;
    --k-primary-ink: #FFFFFF;
    --k-primary-soft: rgba(242, 107, 15, .09);
    --k-accent: #E8336B;
    --k-accent-2: #2DBE6C;
    --k-navy: #14161C;

    --k-deep: #111318;
    --k-deep-2: #1C1F27;
    --k-on-deep: #F4F1EC;
    --k-on-deep-muted: #A9A49C;
    --k-deep-border: rgba(255, 255, 255, .09);

    --k-grad: linear-gradient(115deg, #2DBE6C 0%, #F26B0F 48%, #E8336B 100%);
    --k-grad-text: linear-gradient(100deg, #F26B0F 0%, #E8336B 70%);
    --k-grad-warm: linear-gradient(90deg, #F26B0F, #E8336B);
    --k-glow-1: rgba(242, 107, 15, .18);
    --k-glow-2: rgba(232, 51, 107, .14);

    --k-radius: 16px;
    --k-shadow: 0 1px 2px rgba(20, 22, 28, .05), 0 8px 28px rgba(20, 22, 28, .08);
}

.ks-wordmark { font-family: var(--k-font-head); font-weight: 800; color: #F26B0F; letter-spacing: -.01em; }
.ks-wordmark b { display: none; }
.ks-on-deep .ks-wordmark { color: #F26B0F; }


/* ═══════════════════════════════════════════════════════════════════════════
   CONSOLE SKIN (body.ks-console)
   ═══════════════════════════════════════════════════════════════════════════ */

body.ks-console { background: #F6F5FA; color: #2B2840; font-family: var(--k-font-body); }
:where(body.ks-console) .content { background: #F6F5FA; }

:where(body.ks-console) .sidebar,
:where(body.ks-console) .sidebar-content { background: #140F26 !important; }
:where(body.ks-console) .sidebar-brand { box-shadow: 0 1px 0 rgba(255,255,255,.07) !important; color: #fff !important; }
:where(body.ks-console) .sidebar-brand span { font-family: var(--k-font-head); font-weight: 800; letter-spacing: -.02em; color: #F26B0F; }
:where(body.ks-console) .sidebar-link,
:where(body.ks-console) .sidebar-link i,
:where(body.ks-console) .sidebar-link svg { color: #D9D4EA !important; stroke: currentColor; }
:where(body.ks-console) .sidebar-link:hover { background: rgba(255,255,255,.06) !important; color: #fff !important; }
:where(body.ks-console) .sidebar-item.active > .sidebar-link { background: transparent !important; color: #fff !important; }  /* every item carries .active in the markup */
:where(body.ks-console) .sidebar-dropdown .sidebar-link { color: #A49DBC !important; }
:where(body.ks-console) .sidebar-dropdown .sidebar-link:hover { color: #fff !important; box-shadow: inset 3px 0 0 #F26B0F; }
:where(body.ks-console) .nav-org_name-container { background: rgba(242,107,15,.14) !important; }
:where(body.ks-console) #nav-org_name-- { color: #FFB27A !important; }

:where(body.ks-console) .navbar-bg,
:where(body.ks-console) .footer-fixed { background: #FFFFFF !important; }

:where(body.ks-console) .card { border-radius: 14px !important; }
:where(body.ks-console) .form-control:focus,
:where(body.ks-console) .form-select:focus,
:where(body.ks-console) #super-search-bar:focus { border-color: #F26B0F !important; box-shadow: 0 0 0 3px rgba(242,107,15,.15) !important; }

:where(body.ks-console) .btn-primary { background: #F26B0F !important; box-shadow: 0 1px 4px rgba(242,107,15,.35) !important; }
:where(body.ks-console) .btn-primary:hover { background: #D95A04 !important; }
:where(body.ks-console) .btn-outline-dark:hover { color: #D95A04 !important; border-color: #F26B0F !important; }
:where(body.ks-console) a { color: #D95A04; }
:where(body.ks-console) .dropdown-item:hover { color: #D95A04 !important; }

/* Theme-picker trigger (picker injects a dark default) */
:where(body.ks-console) #cwo-theme-trigger { background: #FFFFFF !important; border-color: #E0DBD4 !important; color: #F26B0F !important; }
:where(body.ks-console) #cwo-theme-trigger:hover { border-color: #F26B0F !important; }

/* Organization name bar (filled from the backend by board.js) */
:where(body.ks-console) .ks-org-label { display: block; font-size: .68rem; letter-spacing: .04em; opacity: .7; color: inherit; margin-bottom: 2px; }

/* Superclouds console: rounder controls, display font on titles, flare under the brand */
:where(body.ks-console) .sidebar-brand { box-shadow: inset 0 -3px 0 0 transparent !important; position: relative; }
:where(body.ks-console) .sidebar-brand::after { content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 3px; background: linear-gradient(100deg, #2DBE6C, #F26B0F 45%, #E8336B); }
:where(body.ks-console) .card-title, :where(body.ks-console) .modal-title { font-family: var(--k-font-head); letter-spacing: -.01em; }
:where(body.ks-console) .btn-primary, :where(body.ks-console) .btn-outline-dark, :where(body.ks-console) #super-app-setup- { border-radius: 999px !important; }
:where(body.ks-console) .card { border-radius: 16px !important; }

/* Machines live view colours come from the active theme palette (js/brand-theme.js). */