/* CLAUDE-SERVER-02 — MinuOS brand on top of Tabler: navy side menu, teal accents, calm greys. */
:root, [data-bs-theme=light] {
  --minuos-navy: #09213C;
  --minuos-navy-2: #102947;
  --minuos-teal: #01879A;
  --tblr-primary: #01879A;
  --tblr-primary-rgb: 1, 135, 154;
  --tblr-primary-fg: #fff;
  --tblr-link-color: #01788A;
  --tblr-link-color-rgb: 1, 120, 138;
  --tblr-link-hover-color: #015E6C;
  --tblr-font-sans-serif: "Segoe UI Variable Text", "Segoe UI", -apple-system, BlinkMacSystemFont, Roboto, "Helvetica Neue", sans-serif;
  --tblr-body-bg: #F4F6FA;
}
.btn-primary { --tblr-btn-bg: #01879A; --tblr-btn-border-color: #01879A; --tblr-btn-hover-bg: #016F80; --tblr-btn-hover-border-color: #016F80; --tblr-btn-active-bg: #015E6C; --tblr-btn-color: #fff; --tblr-btn-hover-color: #fff; }
.btn-dark { --tblr-btn-bg: var(--minuos-navy); --tblr-btn-border-color: var(--minuos-navy); }
.form-control:focus, .form-select:focus { border-color: #60D7D0; box-shadow: 0 0 0 .25rem rgba(1, 135, 154, .18); }
.page-item.active .page-link { background: var(--minuos-teal); border-color: var(--minuos-teal); }

/* brand — the app's own logo files (wwwroot/img, copied from MinuOS.App/Assets) */
.minuos-brand { display: inline-flex; align-items: center; gap: 9px; text-decoration: none !important; color: inherit; }
.minuos-brand-mark { height: 34px; width: auto; }
.minuos-brand-word { height: 22px; width: auto; }
.minuos-brand.on-dark { flex-direction: column; align-items: flex-start; gap: 6px; padding: 6px 4px 2px; }
.minuos-brand.on-dark .minuos-brand-word { height: 28px; }
.minuos-signin-logo { width: 150px; height: auto; }
.minuos-tag { font-size: .7rem; font-weight: 600; text-transform: uppercase; letter-spacing: .08em; padding: 2px 8px; border-radius: 999px; background: rgba(1, 135, 154, .14); color: #01788A; }

/* back office: side menu */
.minuos-side.navbar-vertical { background: linear-gradient(180deg, var(--minuos-navy) 0%, #061629 100%) !important; border-right: 0; }
.minuos-side .minuos-tag { background: rgba(139, 232, 232, .14); color: #8BE8E8; }
.minuos-side .nav-link { border-radius: 8px; margin: 1px 10px; padding-left: 12px !important; color: rgba(255, 255, 255, .72); }
.minuos-side .nav-link:hover { background: rgba(255, 255, 255, .06); color: #fff; }
.minuos-side .nav-item.active .nav-link { background: rgba(1, 135, 154, .22); color: #fff; box-shadow: inset 3px 0 0 #00CEC1; }
@media (min-width: 992px) { .minuos-side .navbar-collapse { display: flex !important; flex-direction: column; } }
.minuos-side-foot { color: rgba(255, 255, 255, .38); font-size: .75rem; }
.minuos-top { background: #fff; border-bottom: 1px solid var(--tblr-border-color); }
.minuos-search { width: 420px; max-width: 50vw; }

/* number cards */
.minuos-kpi .subheader { font-size: .68rem; }
.minuos-kpi .h1 { font-size: 1.9rem; font-weight: 700; margin: 0; }
.minuos-kpi .kpi-icon { width: 40px; height: 40px; border-radius: 10px; display: inline-flex; align-items: center; justify-content: center; }
.minuos-spark { width: 100%; height: 38px; display: block; margin-top: 10px; }

/* charts */
.minuos-chart { width: 100%; height: auto; display: block; }
.minuos-chart .grid { stroke: var(--tblr-border-color); stroke-width: 1; }
.minuos-chart .axis { fill: var(--tblr-secondary); font-size: 11px; }
.legend { display: inline-block; width: 10px; height: 10px; border-radius: 3px; }

/* tables */
.table-vcenter td .text-reset:hover { color: var(--tblr-link-color) !important; }
.card-table tr td:first-child, .card-table tr th:first-child { padding-left: 1.25rem; }
.minuos-mono { font-family: Consolas, "Cascadia Mono", ui-monospace, monospace; font-size: .8rem; }

/* My account */
.minuos-portal-top { background: #fff; border-bottom: 1px solid var(--tblr-border-color); }
.minuos-hero { background: linear-gradient(120deg, var(--minuos-navy) 0%, var(--minuos-navy-2) 60%, #01566A 100%); color: #fff; border: 0; overflow: hidden; position: relative; }
.minuos-hero::after { content: ""; position: absolute; right: -60px; top: -60px; width: 240px; height: 240px; border-radius: 50%; background: radial-gradient(circle, rgba(0, 206, 193, .35), transparent 70%); }
.minuos-hero .text-secondary { color: rgba(255, 255, 255, .7) !important; }
.minuos-ring { --p: 50; width: 92px; height: 92px; border-radius: 50%; background: conic-gradient(#00CEC1 calc(var(--p) * 1%), rgba(255, 255, 255, .14) 0); display: grid; place-items: center; flex: none; }
.minuos-ring > div { width: 74px; height: 74px; border-radius: 50%; background: var(--minuos-navy); display: grid; place-items: center; text-align: center; line-height: 1.05; }
.minuos-ring b { font-size: 1.35rem; display: block; } .minuos-ring small { font-size: .65rem; color: rgba(255, 255, 255, .7); }
.minuos-device { width: 44px; height: 44px; border-radius: 12px; display: inline-flex; align-items: center; justify-content: center; background: rgba(1, 135, 154, .1); color: #01788A; flex: none; }
.minuos-device.off { background: var(--tblr-gray-100, #F1F5F9); color: var(--tblr-secondary); }

/* sign in */
.minuos-signin { background: radial-gradient(1200px 600px at 50% -10%, rgba(1, 135, 154, .12), transparent 60%), #F4F6FA; }
.minuos-code { letter-spacing: .5em; text-align: center; font-size: 1.5rem; font-weight: 600; }