/* PRAESIUM Mobille Enterprise R2 — approved commercial visual layer
   Dark remains the primary presentation. Light mode uses the PRAESIUM teal/cyan/blue gradient family.
   This file is presentation-only: no network, storage or operational dependency. */

:root{
  --mb-sale-green:#42d96f;
  --mb-sale-teal:#16cdbd;
  --mb-sale-cyan:#32b8ff;
  --mb-sale-blue:#397df3;
  --mb-sale-amber:#ffad19;
  --mb-sale-orange:#ff7a18;
  --mb-sale-red:#ff495c;
}

/* Theme control */
.mb-theme-toggle{gap:7px;white-space:nowrap}
.mb-theme-toggle .mb-theme-dot{width:9px;height:9px;border-radius:50%;background:linear-gradient(135deg,#ffffff 0 48%,#07131e 52%);border:1px solid currentColor;opacity:.8}

/* Approved semantic KPI accents */
.mb-metric.mb-tone-positive strong{color:var(--mb-sale-green)}
.mb-metric.mb-tone-positive .mb-spark path:not(.area){stroke:var(--mb-sale-green)}
.mb-metric.mb-tone-positive .mb-spark .area{fill:rgba(66,217,111,.11)}
.mb-metric.mb-tone-positive:after{background:radial-gradient(circle,rgba(66,217,111,.13),transparent 65%)}

.mb-metric.mb-tone-info strong{color:var(--mb-sale-cyan)}
.mb-metric.mb-tone-info .mb-spark path:not(.area){stroke:var(--mb-sale-cyan)}
.mb-metric.mb-tone-info .mb-spark .area{fill:rgba(50,184,255,.11)}
.mb-metric.mb-tone-info:after{background:radial-gradient(circle,rgba(50,184,255,.13),transparent 65%)}

.mb-metric.mb-tone-attention strong{color:var(--mb-sale-amber)}
.mb-metric.mb-tone-attention .mb-spark path:not(.area){stroke:var(--mb-sale-amber)}
.mb-metric.mb-tone-attention .mb-spark .area{fill:rgba(255,173,25,.11)}
.mb-metric.mb-tone-attention:after{background:radial-gradient(circle,rgba(255,173,25,.14),transparent 65%)}

.mb-metric.mb-tone-risk strong{color:var(--mb-sale-red)}
.mb-metric.mb-tone-risk .mb-spark path:not(.area){stroke:var(--mb-sale-red)}
.mb-metric.mb-tone-risk .mb-spark .area{fill:rgba(255,73,92,.12)}
.mb-metric.mb-tone-risk:after{background:radial-gradient(circle,rgba(255,73,92,.15),transparent 65%)}

.mb-pulse.mb-tone-positive strong{color:var(--mb-sale-green)}
.mb-pulse.mb-tone-attention strong{color:var(--mb-sale-amber)}
.mb-pulse.mb-tone-info strong{color:var(--mb-sale-cyan)}
.mb-pulse.mb-tone-risk strong{color:var(--mb-sale-red)}

/* Approved health gauge: unhealthy -> healthy */
.mb-gauge-value{stroke:url(#mbHealthGradient)!important;filter:drop-shadow(0 5px 12px rgba(61,213,116,.28))}
.mb-health-status{display:inline-flex;align-items:center;justify-content:center;gap:6px;margin-top:8px;padding:7px 11px;border:1px solid rgba(66,217,111,.22);border-radius:10px;background:rgba(0,93,48,.42);color:#6df0a0;font-size:9px;font-weight:900;box-shadow:0 9px 26px rgba(18,167,85,.12)}
.mb-health-status:before{content:"▲";font-size:8px}
.mb-gauge-center{display:grid;place-items:center;z-index:2}

/* Sales-forward pulse mini accents */
.mb-pulse{position:relative;overflow:hidden}
.mb-pulse:after{content:"";position:absolute;left:11px;right:11px;bottom:7px;height:2px;border-radius:999px;background:linear-gradient(90deg,transparent,var(--mb-sale-cyan));opacity:.55}
.mb-pulse.mb-tone-positive:after{background:linear-gradient(90deg,transparent,var(--mb-sale-green))}
.mb-pulse.mb-tone-attention:after{background:linear-gradient(90deg,transparent,var(--mb-sale-amber))}
.mb-pulse.mb-tone-risk:after{background:linear-gradient(90deg,transparent,var(--mb-sale-red))}

/* Light mode — PRAESIUM standard gradient */
html[data-mb-theme="light"]{background:#f6f9fb}
body[data-mb-theme="light"].mobille-demo,
body[data-mb-theme="light"].mb-enterprise{
  --mb-bg:#f6f9fb;--mb-bg-2:#eef7fa;--mb-panel:rgba(255,255,255,.92);--mb-panel-strong:#ffffff;
  --mb-panel-soft:#f4fbfc;--mb-line:rgba(34,91,111,.13);--mb-line-strong:rgba(0,163,154,.34);
  --mb-ink:#0c1930;--mb-muted:#5d7081;--mb-faint:#7a8b98;--mb-teal:#05a99e;--mb-cyan:#268de8;
  --mb-violet:#7367db;--mb-ok:#25ad57;--mb-warn:#d98500;--mb-critical:#e53b4c;
  --mb-shadow:0 16px 50px rgba(32,64,79,.08);
  color:var(--mb-ink);
  background:
    radial-gradient(circle at 86% -8%,rgba(29,210,203,.19),transparent 30rem),
    radial-gradient(circle at 4% 8%,rgba(54,132,244,.09),transparent 28rem),
    linear-gradient(135deg,#fbfdfe 0%,#f4fbfc 42%,#edf8fb 72%,#f8fbfd 100%);
}
body[data-mb-theme="light"].mobille-demo:before{opacity:.16;background-image:linear-gradient(rgba(8,79,100,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(8,79,100,.04) 1px,transparent 1px)}
body[data-mb-theme="light"] .mb-topbar{background:rgba(255,255,255,.86);box-shadow:0 12px 36px rgba(42,79,93,.08)}
body[data-mb-theme="light"] .mb-brand{color:#102037}
body[data-mb-theme="light"] .mb-btn,
body[data-mb-theme="light"] .mb-chip,
body[data-mb-theme="light"] .mb-period,
body[data-mb-theme="light"] .mb-toggle,
body[data-mb-theme="light"] .mb-select{background:rgba(255,255,255,.94);color:#15243a;box-shadow:0 5px 16px rgba(24,67,83,.035)}
body[data-mb-theme="light"] .mb-btn:hover,
body[data-mb-theme="light"] .mb-chip:hover,
body[data-mb-theme="light"] .mb-period:hover,
body[data-mb-theme="light"] .mb-toggle:hover{background:#f1fbfc}
body[data-mb-theme="light"] .mb-btn.primary,
body[data-mb-theme="light"] .mb-period.active,
body[data-mb-theme="light"] .mb-toggle.active{background:linear-gradient(135deg,#16cdbd,#1a9ed7);border-color:#2fd9cc;color:white;box-shadow:0 8px 24px rgba(4,166,159,.18)}
body[data-mb-theme="light"] .mb-hero-main,
body[data-mb-theme="light"] .mb-hero-aside,
body[data-mb-theme="light"] .mb-panel,
body[data-mb-theme="light"] .mb-command-card{background:linear-gradient(145deg,rgba(255,255,255,.97),rgba(247,252,253,.96));box-shadow:var(--mb-shadow)}
body[data-mb-theme="light"] .mb-hero-main:after{background:radial-gradient(circle,rgba(35,211,205,.20),rgba(62,166,238,.06) 44%,transparent 68%)}
body[data-mb-theme="light"] .mb-hero-main:before{content:"";position:absolute;inset:auto -3% -30% 45%;height:70%;pointer-events:none;opacity:.5;background:repeating-radial-gradient(ellipse at center,rgba(22,205,189,.14) 0 1px,transparent 1px 9px);transform:rotate(-11deg)}
body[data-mb-theme="light"] .mb-title,
body[data-mb-theme="light"] .mb-panel-head h2,
body[data-mb-theme="light"] .mb-chart-head h3,
body[data-mb-theme="light"] .mb-command-card h3{color:#0b1931}
body[data-mb-theme="light"] .mb-badge{color:#087f78;background:rgba(18,183,173,.065);border-color:rgba(5,169,158,.18)}
body[data-mb-theme="light"] .mb-pulse,
body[data-mb-theme="light"] .mb-nav,
body[data-mb-theme="light"] .mb-metric,
body[data-mb-theme="light"] .mb-chart-card,
body[data-mb-theme="light"] .mb-alert,
body[data-mb-theme="light"] .mb-opportunity,
body[data-mb-theme="light"] .mb-timeline-item,
body[data-mb-theme="light"] .mb-safe-card,
body[data-mb-theme="light"] .mb-footer-note{background:rgba(255,255,255,.92);box-shadow:0 8px 28px rgba(42,79,93,.045)}
body[data-mb-theme="light"] .mb-nav button{color:#42596a}
body[data-mb-theme="light"] .mb-nav button span:first-child{background:#f0f6f8;color:#668292}
body[data-mb-theme="light"] .mb-nav button:hover{background:#eefbfa}
body[data-mb-theme="light"] .mb-nav button.active{background:linear-gradient(90deg,rgba(12,183,171,.11),rgba(46,145,238,.04));color:#0a5f5b;border-color:rgba(11,174,164,.26)}
body[data-mb-theme="light"] .mb-metric:hover{box-shadow:0 14px 28px rgba(40,83,98,.08)}
body[data-mb-theme="light"] .mb-gridline{stroke:rgba(56,104,119,.11)}
body[data-mb-theme="light"] .mb-point{fill:#fff}
body[data-mb-theme="light"] .mb-bar-value{color:#526d7b}
body[data-mb-theme="light"] .mb-rank-track{background:rgba(61,99,116,.10)}
body[data-mb-theme="light"] .mb-rank-value,
body[data-mb-theme="light"] .mb-axis-label{color:#5f7480;fill:#5f7480}
body[data-mb-theme="light"] .mb-tooltip{background:#ffffff;color:#15243a;box-shadow:0 12px 36px rgba(42,79,93,.14)}
body[data-mb-theme="light"] .mb-health-status{background:#e9f9ee;color:#168843;border-color:#bee9cb;box-shadow:none}
body[data-mb-theme="light"] .mb-gauge-track{stroke:rgba(67,101,116,.12)}
body[data-mb-theme="light"] .mb-empty{background:#fff;color:#657985}
body[data-mb-theme="light"] .mb-empty strong{color:#102037}

/* Enterprise light parity */
body[data-mb-theme="light"].mb-enterprise .mbe-title{color:#102037}
body[data-mb-theme="light"].mb-enterprise .mbe-sub{color:#627684}
body[data-mb-theme="light"].mb-enterprise .mbe-meta span{background:rgba(8,171,161,.06);color:#087b74;border-color:rgba(8,171,161,.17)}
body[data-mb-theme="light"].mb-enterprise .mbe-back{background:white;color:#2f5362;box-shadow:0 7px 20px rgba(42,79,93,.05)}
body[data-mb-theme="light"].mb-enterprise .mbe-card{background:linear-gradient(145deg,#ffffff,#f7fcfd);color:#173244;box-shadow:0 10px 30px rgba(34,73,88,.06)}
body[data-mb-theme="light"].mb-enterprise .mbe-card small{color:#687d88}
body[data-mb-theme="light"].mb-enterprise .mbe-card .mbe-score{background:#f7fbfc;color:#69818c}
body[data-mb-theme="light"].mb-enterprise .mbe-foot{background:#fff;color:#667d88;box-shadow:0 8px 26px rgba(34,73,88,.045)}
body[data-mb-theme="light"].mb-enterprise .mbe-foot strong{color:#294957}

@media(max-width:600px){
  .mb-theme-toggle{min-width:38px;padding:0 10px}
  .mb-actions .mb-btn.mb-theme-toggle{display:inline-flex}
  .mb-theme-toggle .mb-theme-label{display:none}
}