/* StackCommand V0.2.2
   Light theme / DavronSystem-style override
   Loaded AFTER v021.css
*/

:root{
    --ds-bg:#f4f7fb;
    --ds-bg-soft:#eef3f9;
    --ds-panel:#ffffff;
    --ds-panel-2:#f9fbfe;
    --ds-border:#d8e2ef;
    --ds-border-2:#c7d5e6;
    --ds-text:#18324b;
    --ds-text-2:#304b66;
    --ds-muted:#6f8297;
    --ds-muted-2:#8d9db0;
    --ds-blue:#1d5fbf;
    --ds-blue-2:#2b74db;
    --ds-blue-soft:#edf4ff;
    --ds-green:#1ea26a;
    --ds-green-soft:#e9f8f1;
    --ds-amber:#c98a12;
    --ds-amber-soft:#fff6df;
    --ds-red:#c94a5e;
    --ds-red-soft:#fff0f2;
    --ds-shadow:0 12px 28px rgba(31,59,93,.08);
}

html,
body{
    background:var(--ds-bg) !important;
    color:var(--ds-text) !important;
}

body{
    background:
        radial-gradient(circle at top right, rgba(43,116,219,.07), transparent 28%),
        linear-gradient(180deg, #f8fbff 0%, #f4f7fb 100%) !important;
}

a{
    color:var(--ds-blue);
}

.sc-shell{
    background:transparent;
}

.sc-sidebar{
    background:#ffffff !important;
    border-right:1px solid var(--ds-border) !important;
    box-shadow:2px 0 18px rgba(31,59,93,.04);
}

.sc-brand-copy strong,
.sc-environment strong,
.sc-user-copy strong,
.sc-page-head h1,
.sc-worker-head h1,
.sc-section-head h2,
.sc-command-main h2,
.sc-login-card h2,
.sc-worker-card-top strong,
.sc-server-title strong,
.sc-baseline-head strong,
.sc-console-header strong,
.sc-detail-grid strong,
.sc-side-details strong,
.sc-settings-list strong{
    color:var(--ds-text) !important;
}

.sc-brand-copy span,
.sc-environment span,
.sc-user-copy span,
.sc-page-head p,
.sc-worker-head p,
.sc-section-head p,
.sc-command-main p,
.sc-detail-grid span,
.sc-side-details span,
.sc-settings-list span,
.sc-worker-copy span,
.sc-worker-card-middle p,
.sc-card-note,
.sc-empty p,
.sc-login-subtitle,
.sc-login-copy p,
.sc-login-capabilities small{
    color:var(--ds-muted) !important;
}

.sc-logo{
    background:linear-gradient(145deg, #2b74db, #1d5fbf) !important;
    box-shadow:0 10px 22px rgba(29,95,191,.18) !important;
    color:#fff !important;
}

.sc-environment{
    background:var(--ds-blue-soft) !important;
    border:1px solid #d7e7ff !important;
}

.sc-live-dot{
    background:var(--ds-green) !important;
    box-shadow:0 0 0 4px rgba(30,162,106,.12) !important;
}

.sc-nav-label{
    color:#8294a8 !important;
}

.sc-nav a{
    color:var(--ds-text-2) !important;
}

.sc-nav a:hover{
    background:#f3f7fc !important;
    color:var(--ds-blue) !important;
}

.sc-nav a.active{
    color:var(--ds-blue) !important;
    background:linear-gradient(90deg, #edf4ff, #f7fbff) !important;
    box-shadow:inset 3px 0 0 var(--ds-blue) !important;
}

.sc-nav-icon{
    color:#6a84a3 !important;
}

.sc-nav a.active .sc-nav-icon{
    color:var(--ds-blue) !important;
}

.sc-safety-card{
    background:#f8fbff !important;
    border:1px solid #dce8f6 !important;
}

.sc-safety-title{
    color:var(--ds-text-2) !important;
}

.sc-safety-card p{
    color:var(--ds-muted) !important;
}

.sc-user{
    border-top:1px solid var(--ds-border) !important;
}

.sc-avatar{
    background:#eaf1fa !important;
    color:var(--ds-blue) !important;
}

.sc-signout{
    color:#6f8297 !important;
}

.sc-signout:hover{
    color:var(--ds-blue) !important;
}

.sc-main{
    background:transparent !important;
}

.sc-topbar{
    background:rgba(255,255,255,.92) !important;
    border-bottom:1px solid var(--ds-border) !important;
    box-shadow:0 4px 14px rgba(31,59,93,.04);
}

.sc-breadcrumb{
    color:#7e90a4 !important;
}

.sc-breadcrumb strong{
    color:var(--ds-text-2) !important;
}

.sc-mode-pill{
    background:var(--ds-green-soft) !important;
    border:1px solid #cfeedd !important;
    color:var(--ds-green) !important;
}

.sc-top-action{
    background:#ffffff !important;
    border:1px solid var(--ds-border-2) !important;
    color:var(--ds-blue) !important;
}

.sc-top-action:hover{
    background:#f3f8ff !important;
    border-color:#b9d0ee !important;
}

.sc-mobile-nav{
    background:#ffffff !important;
    border-bottom:1px solid var(--ds-border) !important;
}

.sc-mobile-nav a{
    color:var(--ds-muted) !important;
}

.sc-mobile-nav a.active{
    color:var(--ds-blue) !important;
}

.sc-mobile-nav a.active:after{
    background:var(--ds-blue) !important;
}

.sc-content{
    background:transparent !important;
}

.sc-kicker{
    color:var(--ds-blue) !important;
}

.sc-head-badge{
    background:#ffffff !important;
    border:1px solid var(--ds-border) !important;
    color:var(--ds-muted) !important;
}

.sc-btn{
    border-radius:8px !important;
}

.sc-btn-primary{
    background:linear-gradient(180deg, #2b74db, #1d5fbf) !important;
    color:#fff !important;
    box-shadow:0 8px 18px rgba(29,95,191,.12) !important;
}

.sc-btn-primary:hover{
    background:linear-gradient(180deg, #3680ea, #2369cd) !important;
}

.sc-btn-secondary{
    background:#ffffff !important;
    border:1px solid var(--ds-border-2) !important;
    color:var(--ds-text-2) !important;
}

.sc-btn-secondary:hover{
    background:#f7fbff !important;
    border-color:#bcd0e8 !important;
}

.sc-btn-danger{
    background:var(--ds-red-soft) !important;
    border:1px solid #f2cbd2 !important;
    color:var(--ds-red) !important;
}

.sc-command-banner,
.sc-metric,
.sc-surface,
.sc-console,
.sc-login-card{
    background:var(--ds-panel) !important;
    border:1px solid var(--ds-border) !important;
    box-shadow:var(--ds-shadow) !important;
}

.sc-command-banner{
    background:
        linear-gradient(180deg, #ffffff 0%, #f8fbff 100%) !important;
}

.sc-command-icon{
    background:#eff5fd !important;
    border:1px solid #dbe7f4 !important;
    color:var(--ds-blue) !important;
}

.sc-command-state{
    border-left:1px solid var(--ds-border) !important;
}

.sc-state-item small{
    color:#7c8fa4 !important;
}

.sc-state-item strong{
    color:var(--ds-text) !important;
}

.sc-metric{
    background:linear-gradient(180deg, #ffffff 0%, #fbfdff 100%) !important;
}

.sc-metric-icon{
    background:var(--ds-blue-soft) !important;
    color:var(--ds-blue) !important;
}

.sc-metric-icon.amber{
    background:var(--ds-amber-soft) !important;
    color:var(--ds-amber) !important;
}

.sc-metric-icon.green{
    background:var(--ds-green-soft) !important;
    color:var(--ds-green) !important;
}

.sc-metric-icon.violet{
    background:#f2ecff !important;
    color:#7d60dd !important;
}

.sc-metric small{
    color:#8394a7 !important;
}

.sc-metric strong{
    color:var(--ds-text) !important;
}

.sc-metric span{
    color:var(--ds-muted) !important;
}

.sc-worker-list{
    border-top:1px solid var(--ds-border) !important;
}

.sc-worker-row{
    border-bottom:1px solid var(--ds-border) !important;
}

.sc-worker-row:hover{
    background:#f8fbfe !important;
}

.sc-worker-copy strong,
.sc-server-main strong{
    color:var(--ds-text) !important;
}

.sc-row-arrow{
    color:#8da0b5 !important;
}

.sc-status{
    border:1px solid transparent;
}

.sc-status.status-busy{
    background:#edf5ff !important;
    color:#2b74db !important;
    border-color:#d6e7fb !important;
}

.sc-status.status-action-needed{
    background:var(--ds-amber-soft) !important;
    color:var(--ds-amber) !important;
    border-color:#f2e1a9 !important;
}

.sc-status.status-complete{
    background:var(--ds-green-soft) !important;
    color:var(--ds-green) !important;
    border-color:#cdeedc !important;
}

.sc-status.status-error{
    background:var(--ds-red-soft) !important;
    color:var(--ds-red) !important;
    border-color:#f2ccd3 !important;
}

.sc-server-row,
.sc-server-card,
.sc-baseline-card,
.sc-worker-card{
    background:#ffffff !important;
    border:1px solid var(--ds-border) !important;
}

.sc-server-row{
    box-shadow:none !important;
}

.sc-worker-card:hover{
    background:#f9fbfe !important;
    border-color:#c9d8ea !important;
}

.sc-server-main span,
.sc-server-title span,
.sc-baseline-head span,
.sc-worker-id,
.sc-worker-card-foot,
.sc-worker-card-foot span{
    color:var(--ds-muted) !important;
}

.sc-guardrail{
    background:#f8fbff !important;
    border:1px solid #dce8f6 !important;
}

.sc-guardrail strong{
    color:var(--ds-text-2) !important;
}

.sc-guardrail span{
    color:var(--ds-muted) !important;
}

.sc-form label{
    color:var(--ds-text-2) !important;
}

.sc-form input,
.sc-form textarea,
.sc-form select{
    background:#ffffff !important;
    color:var(--ds-text) !important;
    border:1px solid var(--ds-border-2) !important;
}

.sc-form input:focus,
.sc-form textarea:focus,
.sc-form select:focus{
    border-color:#77a7e7 !important;
    box-shadow:0 0 0 3px rgba(43,116,219,.10) !important;
}

.sc-form small{
    color:var(--ds-muted) !important;
}

.sc-form-safety{
    background:#f5fbf7 !important;
    color:#5f8774 !important;
}

.sc-detail-grid{
    background:var(--ds-border) !important;
    border:1px solid var(--ds-border) !important;
}

.sc-detail-grid > div{
    background:#fbfdff !important;
}

.sc-console-detail,
.sc-policy,
.sc-tool-event{
    background:#f9fbfe !important;
    border:1px solid var(--ds-border) !important;
}

.sc-console-detail summary,
.sc-policy summary,
.sc-tool-event summary{
    color:var(--ds-blue) !important;
}

.sc-console-detail pre,
.sc-tool-event pre{
    border-top:1px solid var(--ds-border) !important;
    color:var(--ds-text-2) !important;
    background:#ffffff !important;
}

.sc-inline-error,
.sc-login-error{
    background:var(--ds-red-soft) !important;
    border:1px solid #efc6cf !important;
    color:var(--ds-red) !important;
}

.sc-worker-title-row h1{
    color:var(--ds-text) !important;
}

.sc-readonly-banner{
    background:#f8fbff !important;
    border:1px solid #dce8f6 !important;
    color:var(--ds-muted) !important;
}

.sc-readonly-banner strong{
    color:var(--ds-text-2) !important;
}

.sc-console{
    background:#ffffff !important;
}

.sc-console-tabs{
    background:#f7fafe !important;
    border-bottom:1px solid var(--ds-border) !important;
}

.sc-console-tabs > div{
    color:#7b8ea2 !important;
}

.sc-console-tabs > div.active{
    color:var(--ds-blue) !important;
}

.sc-console-tabs > div.active:after{
    background:var(--ds-blue) !important;
}

.sc-console-tabs span{
    background:#eaf1fb !important;
    color:#6b84a0 !important;
}

.sc-console-header{
    border-bottom:1px solid var(--ds-border) !important;
    background:#ffffff !important;
}

.sc-model-badge{
    background:#eef5ff !important;
    border:1px solid #d7e7fb !important;
    color:var(--ds-blue) !important;
}

.sc-message-meta{
    color:#7c91a8 !important;
}

.sc-message-bubble{
    background:#f8fbfe !important;
    border:1px solid var(--ds-border) !important;
    color:var(--ds-text-2) !important;
}

.sc-message.operator .sc-message-bubble{
    background:#edf5ff !important;
    border-color:#d3e3f8 !important;
    color:var(--ds-text) !important;
}

.sc-message.error .sc-message-bubble{
    background:var(--ds-red-soft) !important;
    border-color:#efc6cf !important;
    color:var(--ds-red) !important;
}

.sc-composer{
    background:#f9fbfe !important;
    border-top:1px solid var(--ds-border) !important;
}

.sc-composer textarea{
    background:#ffffff !important;
    color:var(--ds-text) !important;
    border:1px solid var(--ds-border-2) !important;
}

.sc-composer textarea:focus{
    border-color:#77a7e7 !important;
    box-shadow:0 0 0 3px rgba(43,116,219,.10) !important;
}

.sc-composer-bottom > span{
    color:var(--ds-muted) !important;
}

.sc-capability-list > div{
    background:#f8fbfe !important;
    color:var(--ds-text-2) !important;
    border:1px solid #e3ebf5;
}

.sc-capability-list .blocked{
    color:#8a96a5 !important;
}

.sc-timeline > div{
    color:var(--ds-text-2) !important;
}

.sc-timeline > div:not(:last-child):after{
    background:#d7e1ee !important;
}

.sc-timeline i{
    background:var(--ds-blue) !important;
    box-shadow:0 0 0 4px rgba(29,95,191,.10) !important;
}

.sc-timeline .locked i{
    background:#9aaaba !important;
    box-shadow:none !important;
}

.sc-settings-list > div{
    border-top:1px solid var(--ds-border) !important;
}

.sc-settings-list .good{
    color:var(--ds-green) !important;
}

.sc-settings-list .bad{
    color:var(--ds-red) !important;
}

.sc-inline-warning{
    background:#fff9ec !important;
    border:1px solid #f0e0b5 !important;
    color:#9a7b2b !important;
}

.sc-empty{
    background:#ffffff !important;
    border:1px dashed #cfdae8 !important;
}

.sc-empty-icon{
    color:var(--ds-blue) !important;
}

.sc-flash{
    background:#ffffff !important;
    border:1px solid var(--ds-border) !important;
    color:var(--ds-text-2) !important;
}

.sc-flash-success{
    background:#f3fbf6 !important;
    border-color:#d4eddf !important;
    color:#4f8a6f !important;
}

.sc-flash-error{
    background:#fff2f4 !important;
    border-color:#efd1d7 !important;
    color:#b85867 !important;
}

/* login */
.sc-login-body{
    background:linear-gradient(180deg, #f8fbff 0%, #eef3f9 100%) !important;
}

.sc-login-grid{
    background:transparent !important;
}

.sc-login-intro{
    background:
        radial-gradient(circle at top left, rgba(43,116,219,.10), transparent 28%),
        linear-gradient(180deg, #f7fbff 0%, #eef4fa 100%) !important;
    border-right:1px solid var(--ds-border) !important;
}

.sc-login-intro:after{
    border-color:rgba(43,116,219,.09) !important;
    box-shadow:
        0 0 0 90px rgba(43,116,219,.028),
        0 0 0 180px rgba(43,116,219,.018) !important;
}

.sc-login-brand span{
    color:var(--ds-muted) !important;
}

.sc-login-copy h1{
    color:var(--ds-text) !important;
}

.sc-login-capabilities > div{
    border-top:1px solid #d9e3ef !important;
}

.sc-login-capabilities span{
    color:#7d90a5 !important;
}

.sc-login-capabilities strong{
    color:var(--ds-text-2) !important;
}

.sc-login-panel{
    background:transparent !important;
}

.sc-login-card{
    background:#ffffff !important;
    border:1px solid var(--ds-border) !important;
}

.sc-login-status{
    border-top:1px solid var(--ds-border) !important;
    color:var(--ds-muted) !important;
}

.sc-login-status i{
    background:var(--ds-green) !important;
}

@media(max-width:820px){
    .sc-topbar{
        background:rgba(255,255,255,.95) !important;
    }
}