/* SEEDOO SaaS identity: presentation only. */
:root{--red:#0066ff;--red-dark:#0046ce;--pb-red:#0066ff;--pb-red-dark:#0046ce;--accent:#00bfe9;--seedoo-violet:#7a3cff;--focus:0 0 0 3px #0066ff33;--radius:16px}
[data-theme=dark]{--app-bg:#040b19;--surface:#0b162a;--surface-2:#101e35;--panel:#0b162a;--soft:#101e35;--ink:#e8efff;--text:#dce6fa;--text-strong:#f4f7ff;--muted:#9aaecf;--muted-theme:#9aaecf;--border:#203352;--line:#203352;--hover:#11233e}
.main,[data-theme=dark] .main{background:radial-gradient(ellipse at 100% 0,#0066ff12,transparent 45%),var(--app-bg)}
.side,[data-theme=dark] .side{background:radial-gradient(ellipse at 0 0,#0066ff20,transparent 45%),linear-gradient(180deg,#061126,#030a17);border-color:#1b3050}
.side-brand{padding:8px 0 20px;border-bottom:1px solid #1c3050}
.side-brand .side-logo{width:190px;height:60px;object-fit:contain}
.side-brand>span{color:#8ca5cf;letter-spacing:.24em;margin-top:8px}
.nav-label{color:#7d96bf}.nav button{color:#c6d6ef}.nav button:hover{background:#11294b;box-shadow:none}.nav button.active{background:linear-gradient(110deg,#0057e7,#0066ff);box-shadow:0 6px 22px #0066ff30;border-color:#3587ff}
.nav button.active .nav-icon{color:#a7ecff}.side-account{border-color:#203352}.side-account small{color:#8da4c8}
button{box-shadow:0 6px 16px #0066ff24}button:hover{box-shadow:0 8px 22px #0066ff30}
.avatar{background:linear-gradient(135deg,#7a3cff,#0066ff 65%,#00bfe9);box-shadow:0 6px 18px #0066ff26}
.eyebrow,.drawer-head small{color:#398aff}.breadcrumb{color:var(--muted)}.breadcrumb span{color:#6c82a7}
.card:before,.offsite-panel:before{background:linear-gradient(180deg,#7a3cff,#0066ff,#00d2ff)}
.chart-track i,.capacity-track i{background:linear-gradient(90deg,#7a3cff,#0066ff 55%,#00d2ff)}
.chart-track,.capacity-track{background:var(--surface-2)}
.card,.panel,.chart-card,.data-table{border-color:var(--border)}
.table th{color:var(--muted)}.table td{border-color:var(--border)}
.open-instance,.server-limits button{background:linear-gradient(120deg,#0066ff,#0049cb);color:#fff}.open-instance:hover{background:#0055df}
.quick-actions,[data-theme=dark] .quick-actions{background:linear-gradient(120deg,#0b1d3c,#07132b);border-color:#244573}
.quick-actions button,[data-theme=dark] .quick-actions button{background:#122d53;border-color:#2c5085;color:#e8f2ff}
.audit-stat.active{border-color:#0066ff;background:#0066ff18;color:var(--text)}
.summary-strip.billing-summary>div:after{background:#0066ff12}
.status-hero{background:linear-gradient(120deg,#0066ff10,#00d2ff09),var(--surface)}
.sidebar-collapsed .side-brand:before{content:"∞";background:linear-gradient(135deg,#7a3cff,#0066ff,#00d2ff);color:#fff}
.sidebar-collapsed .side-logo{display:none}
.login{background:radial-gradient(ellipse at 15% 15%,#0066ff30,transparent 45%),radial-gradient(ellipse at 90% 90%,#7a3cff22,transparent 40%),#020a19;color:#f4f7ff}
.login form{position:relative;overflow:hidden;background:linear-gradient(150deg,#0e1d36,#071225);border:1px solid #25416a;border-top:1px solid #3879ce;border-radius:24px;box-shadow:0 35px 90px #0007;padding:38px}
.login form:before{content:"";position:absolute;inset:0 0 auto;height:3px;background:linear-gradient(90deg,#7a3cff,#0066ff,#00d2ff)}
.login .login-logo{width:280px;height:98px;margin:0 auto 20px}.login .brand{color:#f4f7ff;font-size:21px}.login .muted{color:#9aaecf}.login .field{color:#cad8ef;font-size:13px}.login input,[data-theme=dark] .login input{background:#050f22;border:1px solid #294263;color:#f4f7ff;border-radius:10px;height:46px}.login input:focus{outline:2px solid #0066ff;outline-offset:2px}.login form>button{background:linear-gradient(110deg,#0066ff,#004cdb);border:1px solid #3181ff;border-radius:11px}
button.danger,.overview-actions .danger{background:#b42335;color:white}
@media(max-width:620px){.login{padding:18px}.login form{padding:28px 24px}.login .login-logo{max-width:100%;height:85px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}

.quick-actions>div span{color:#70cfff}.nav button{box-shadow:none}.nav button.active{box-shadow:0 6px 22px #0066ff30}

.desktop-download{display:inline-flex;align-items:center;justify-content:center;margin-inline-start:8px;min-height:32px;padding:6px 12px;border:1px solid #2e83ff;border-radius:9px;color:#e8f5ff;background:linear-gradient(110deg,#005ce6,#0047c2);text-decoration:none;font-size:12px;font-weight:700;white-space:nowrap}.desktop-download:hover{background:#0066ff;box-shadow:0 6px 20px #0066ff30}