/* ============================================================================
   BRAND LAYER for the signed-in / demo apps (vertical dashboards, portal, admin, POS screens): "Ink + Signal" with Fibonacci proportions.
   Sibling of content/css/pms-brand-ink.css (public pages) and the inline block in content/pos.html. Re-skin and re-proportion only: no
   markup, id, JS or behaviour change; functional colours (danger, warning, success, status chips) are never touched.
   Fibonacci steps: 8 / 13 / 21 / 34 / 55 spacing, 55px top bar, 13px radius. Remove the <link> to revert.
   ============================================================================ */
:root { --pms-fib-strip:linear-gradient(90deg,#0e6b4b 0 5%,#0f172a 5% 10%,#22b673 10% 20%,#eef3ee 20% 35%,#84cc16 35% 60%,#0e6b4b 60% 100%); --pms-lime:#84cc16; }

/* Rail + bars: ink, not forest green. */
.sidebar { background:#0b1220; }
.demo-banner { background:linear-gradient(90deg,#0b1220 0%,#0f172a 100%) !important; position:relative; }
.demo-banner::after { content:''; position:absolute; left:0; right:0; top:0; height:3px; background:var(--pms-fib-strip); pointer-events:none; }
.topbar { min-height:55px; }

/* Primary actions: ink with a lime signal underline (same as the public pages). */
:is(.btn-primary, .pms-ai-fab, .pms-pos-btn) {
  background:linear-gradient(135deg,#0f172a 0%,#1e293b 100%) !important; color:#fff !important;
  box-shadow:0 8px 21px rgba(15,23,42,.24), inset 0 -3px 0 var(--pms-lime) !important; }

/* Tiles and grids on a Fibonacci rhythm: 13px between stat tiles, 21px between panels; tiles carry the strip on their top edge. */
:is(.kpi-grid, .ai-insights) { gap:clamp(8px, 1.1vw, 13px); }
.kpi-card { border-radius:13px; position:relative; }
.kpi-card::before { content:''; position:absolute; left:21px; right:21px; top:0; height:3px; border-radius:0 0 3px 3px; background:var(--pms-fib-strip); pointer-events:none; }
.panel { border-radius:13px; }

@media (forced-colors:active) { .demo-banner::after, .kpi-card::before { display:none; } }