/* Optional persona language. Removing data-design restores the existing cascade. */
html[data-design="personas"] {
  --bg:#f8f5ed; --panel:#fffdf7; --panel2:#f0ece2;
  --ink:#202638; --ink2:#4b5263; --ink3:#606675;
  --line:#d9d3c8; --line2:#aaa69d;
  --acc:#d8c5f4; --acc-ink:#302444; --acc-soft:#eee5fa; --acc-text:#563c80;
  --ok:#28573b; --ok-soft:#e1f2df; --err:#923725; --err-soft:#ffe6df;
  --warn:#74551b; --warn-soft:#fff0cc;
  --persona-edge:#424653; --persona-lilac:#eee5fa; --persona-sage:#e1f2df;
  --persona-coral:#ffe6df; --persona-blue:#e1edff; --persona-shadow:0 3px 0 var(--persona-edge);
}
html[data-design="personas"][data-theme="dark"] {
  --bg:#1c1e27; --panel:#252833; --panel2:#303340;
  --ink:#f8f5ed; --ink2:#ddd9d2; --ink3:#bbb8c2;
  --line:#454653; --line2:#6b6d7a;
  --acc:#c9b0ee; --acc-ink:#302444; --acc-soft:#3d334e; --acc-text:#dfc8ff;
  --ok:#afd5b6; --ok-soft:#283f32; --err:#ffb5a2; --err-soft:#4b302e;
  --warn:#edcf8a; --warn-soft:#433b2b;
  --persona-edge:#777484; --persona-lilac:#3d334e; --persona-sage:#283f32;
  --persona-coral:#4b302e; --persona-blue:#293b52;
}
html[data-design="personas"] .top {background:var(--panel);border-bottom-color:var(--persona-edge)}
html[data-design="personas"] .ctxbar {background:var(--panel);border-bottom-color:var(--line)}
html[data-design="personas"] .side {background:var(--panel);border-right-color:var(--persona-edge)}
html[data-design="personas"] .side .bcard {border-radius:18px;border-color:var(--line)}
html[data-design="personas"] .side .navigation-group {border:1px solid var(--line)}
html[data-design="personas"] .danone-group-head,
html[data-design="personas"] .side .navigation-group>.bhead {background:var(--persona-lilac)}
html[data-design="personas"] .bini {background:var(--panel);border-color:var(--persona-edge);color:var(--ink)}
html[data-design="personas"] .sitem {border:1px solid transparent;border-radius:14px}
html[data-design="personas"] .sitem.on {background:var(--persona-lilac);color:var(--ink);border-color:var(--persona-edge);box-shadow:0 2px 0 var(--persona-edge)}
html[data-design="personas"] .sitem.on .sitem-copy small {color:var(--ink2);opacity:1}
html[data-design="personas"] .sitem.sitem-orders {background:var(--persona-blue);color:var(--ink);border-color:var(--persona-edge);box-shadow:0 2px 0 var(--persona-edge)}
html[data-design="personas"] .sitem.sitem-orders .ic,
html[data-design="personas"] .sitem.sitem-orders .sitem-copy small {color:var(--ink);opacity:1}
html[data-design="personas"] .sitem.sitem-orders .badge {background:var(--panel)!important;color:var(--ink)!important}
html[data-design="personas"] .section-page-controls {background:var(--panel)}
html[data-design="personas"] .h1 {font-size:clamp(28px,3.1vw,42px);font-weight:800;line-height:1.12;letter-spacing:-.045em;overflow-wrap:anywhere}
html[data-design="personas"] .eyebrow {font-size:10px;letter-spacing:.14em;color:var(--ink2)}
html[data-design="personas"] .page>div:has(>.h1) {border-bottom:1px solid var(--line);padding-bottom:18px}
html[data-design="personas"] .page>div:has(>div>.h1) {padding:20px 24px;background:var(--persona-lilac);border:1px solid var(--persona-edge);border-radius:24px 42px 24px 24px}
html[data-design="personas"] .representative-entry-intro {background:var(--persona-lilac);color:var(--ink);border:1px solid var(--persona-edge);box-shadow:var(--persona-shadow);border-radius:28px 56px 28px 28px}
html[data-design="personas"] .representative-entry-intro p,
html[data-design="personas"] .representative-entry-intro .eyebrow,
html[data-design="personas"] .representative-entry-route {color:var(--ink2)}
html[data-design="personas"] .representative-entry-route .is-current {color:var(--ink)}
html[data-design="personas"] .representative-entry-route .is-current b {background:var(--persona-sage);border-color:var(--persona-edge);color:var(--ink)}
html[data-design="personas"] .representative-selection h2,
html[data-design="personas"] .store-entry-choice h2 {font-size:clamp(23px,2.3vw,30px);font-weight:800;letter-spacing:-.04em;line-height:1.2}
html[data-design="personas"] .representative-area {border-color:var(--persona-edge);box-shadow:var(--persona-shadow);border-radius:24px 42px 24px 24px}
html[data-design="personas"] .representative-entry .store-entry-card {border:1px solid var(--persona-edge);background:var(--rep-soft,var(--panel));box-shadow:var(--persona-shadow);color:#202638;border-radius:20px;min-width:0}
html[data-design="personas"] .representative-entry .store-entry-card small {color:#4b5263}
html[data-design="personas"] .store-entry-card>span {overflow-wrap:anywhere}
html[data-design="personas"] .store-entry-card>.ic:last-child {display:grid;place-items:center;width:28px;height:28px;background:#fff8e9;border:1px solid #424653;border-radius:50%;color:#202638;font-size:17px}
html[data-design="personas"] .card {border-color:var(--persona-edge);border-radius:20px;box-shadow:var(--persona-shadow)}
html[data-design="personas"] .pcard .img {background:#fff;border-bottom:1px solid var(--line)}
html[data-design="personas"] .pcard .meta {font-size:10px;letter-spacing:.08em}
html[data-design="personas"] .pcard .nm {font-weight:750}
html[data-design="personas"] .kpis>div:nth-child(4n+1) {background:var(--persona-blue)}
html[data-design="personas"] .kpis>div:nth-child(4n+2) {background:var(--persona-sage)}
html[data-design="personas"] .kpis>div:nth-child(4n+3) {background:var(--persona-lilac)}
html[data-design="personas"] .kpis>div:nth-child(4n) {background:var(--persona-coral)}
html[data-design="personas"] .tbl th {background:var(--persona-sage);color:var(--ink);font-size:10px;letter-spacing:.1em}
html[data-design="personas"] .tbl tr.click:hover td {background:var(--persona-lilac)}
html[data-design="personas"] .btn {border-radius:14px}
html[data-design="personas"] .btn.pri {border:1px solid var(--persona-edge);box-shadow:0 2px 0 var(--persona-edge)}
html[data-design="personas"] .chip {border-color:var(--line2)}
html[data-design="personas"] .chip.on {background:var(--persona-lilac);color:var(--ink);border-color:var(--persona-edge)}
html[data-design="personas"] .seg {border-radius:16px}
html[data-design="personas"] .seg button {border-radius:12px}
html[data-design="personas"] .input {background:var(--panel);border-radius:14px}
html[data-design="personas"] .overview-command {background:var(--persona-lilac)}
html[data-design="personas"] .overview-stat {background:var(--persona-sage);border-color:var(--persona-edge);border-radius:16px}
html[data-design="personas"] .store-profile {border-radius:16px;border-color:var(--line2)}
/* Separate comparison control stays outside the app and its delegated events. */
.persona-review {position:fixed;z-index:45;right:16px;bottom:calc(12px + env(safe-area-inset-bottom));display:flex;align-items:center;gap:12px;padding:6px 6px 6px 14px;border:1px solid #424653;border-radius:18px;background:#fff8e9;color:#202638;box-shadow:0 3px 0 #424653;font:600 12px/1.3 Figtree,system-ui,sans-serif;max-width:calc(100vw - 24px)}
.persona-review button {min-height:44px;border:1px solid #424653;border-radius:12px;padding:8px 12px;background:#eee5fa;color:#202638;font-weight:750}
.persona-review button:focus-visible {outline:3px solid #563c80;outline-offset:3px}
html[data-design-review="true"] .page {padding-bottom:110px}
@media(max-width:600px) {
  html[data-design="personas"] .h1 {font-size:28px}
  html[data-design="personas"] .page>div:has(>div>.h1) {padding:18px 16px;border-radius:20px 32px 20px 20px}
  html[data-design="personas"] .representative-entry-intro {border-radius:24px 36px 24px 24px;flex-direction:column;gap:18px}
  html[data-design="personas"] .representative-entry-intro>div:first-child {position:relative;z-index:1}
  html[data-design="personas"] .representative-entry-art {position:static;align-self:flex-end;grid-template-columns:repeat(4,42px);gap:8px;transform:none;opacity:1}
  html[data-design="personas"] .representative-entry-art .rep-avatar {width:42px;height:42px}
  html[data-design="personas"] .representative-entry-intro p {max-width:100%}
  html[data-design="personas"] .sitem {min-height:46px}
  .persona-review {right:12px;gap:8px;font-size:11px}
}
@media print {.persona-review {display:none}}