/* Teebox — style « Minimal » (test du skill minimal).
   S'active avec <html data-style="min">. Tout est rangé sous ce sélecteur : le style Teebox d'origine reste intact.
   Règles : noir #0C0C09 pour l'action, indigo #312C85 pour les liens, fond #F4F4F1, filets 1px, aucune ombre, aucun dégradé,
   Inter pour les titres, Open Sans pour le texte, Inconsolata pour les chiffres. Espacements 4/8/12/16/24/32. */

:root[data-style="min"]{
  --mn-primary:#0C0C09; --mn-secondary:#312C85; --mn-success:#16A34A; --mn-warning:#D97706; --mn-danger:#DC2626;
  --mn-surface:#F4F4F1; --mn-text:#0C0C09; --mn-on-primary:#F4F4F1; --mn-hair:#D9D9D3; --mn-hair-strong:#0C0C09;
  --mn-r:8px; --mn-r-sm:4px;
  --bg:var(--mn-surface); --fg:var(--mn-text); --muted:#5C5C55; --line:var(--mn-hair); --soft:#EAEAE5; --mint:#EAEAE5; --card:#FAFAF8;
  --g:var(--mn-secondary); --g2:var(--mn-secondary); --flag:var(--mn-primary); --flag-bg:#EAEAE5; --ink:var(--mn-primary); --red:var(--mn-danger);
  --amber:#8A4B00; --amber-bg:#F6EBDC; --ok-bg:#E3F1E7; --ok-fg:#0E5A2B; --danger-bg:#FBE9E9; --danger-line:var(--mn-danger);
  --glass:rgba(244,244,241,.96); --shadow:transparent; --ring:var(--mn-primary);
  --font:"Open Sans",ui-sans-serif,system-ui,-apple-system,sans-serif; --display:"Inter",ui-sans-serif,system-ui,sans-serif; --mono:"Inconsolata",ui-monospace,monospace;
}
@media (prefers-color-scheme:dark){:root[data-style="min"]:not([data-theme="light"]){
  --mn-primary:#F4F4F1; --mn-text:#F4F4F1; --mn-on-primary:#0C0C09; --mn-surface:#0C0C09; --mn-hair:#2A2A26; --mn-hair-strong:#F4F4F1;
  --muted:#A3A39B; --soft:#1A1A17; --mint:#1A1A17; --card:#131310; --g:#A9A4F5; --g2:#A9A4F5; --flag-bg:#1A1A17;
  --amber:#F0B45A; --amber-bg:#2A2010; --ok-bg:#0F2A18; --ok-fg:#7BD69A; --danger-bg:#2E1212; --glass:rgba(12,12,9,.96);
  color-scheme:dark}}
:root[data-style="min"][data-theme="dark"]{
  --mn-primary:#F4F4F1; --mn-text:#F4F4F1; --mn-on-primary:#0C0C09; --mn-surface:#0C0C09; --mn-hair:#2A2A26; --mn-hair-strong:#F4F4F1;
  --muted:#A3A39B; --soft:#1A1A17; --mint:#1A1A17; --card:#131310; --g:#A9A4F5; --g2:#A9A4F5; --flag-bg:#1A1A17;
  --amber:#F0B45A; --amber-bg:#2A2010; --ok-bg:#0F2A18; --ok-fg:#7BD69A; --danger-bg:#2E1212; --glass:rgba(12,12,9,.96);
  color-scheme:dark}

/* ---------- base : la typographie fait la hiérarchie, pas les effets ---------- */
[data-style="min"] h1,[data-style="min"] h2,[data-style="min"] h3,[data-style="min"] h4,[data-style="min"] h5,[data-style="min"] .wordmark{font-family:var(--display);letter-spacing:-.025em}
[data-style="min"] h1{font-weight:800}
[data-style="min"] h2,[data-style="min"] h3{font-weight:700}
[data-style="min"] :focus-visible{outline:2px solid var(--mn-secondary);outline-offset:2px;border-radius:var(--mn-r-sm)}
[data-style="min"] .wordmark{color:var(--fg);font-weight:800}
[data-style="min"] .link{color:var(--g);font-weight:600}
[data-style="min"] .link:hover{text-decoration:underline;text-underline-offset:3px}
[data-style="min"] *{box-shadow:none}

/* ---------- boutons : un seul plein (noir), le reste en filet ---------- */
[data-style="min"] .btn{background:var(--mn-primary);color:var(--mn-on-primary);border:1px solid var(--mn-primary);border-radius:var(--mn-r);font-family:var(--display);font-weight:600;letter-spacing:-.005em;box-shadow:none;transition:background .15s,color .15s,border-color .15s,opacity .15s}
[data-style="min"] .btn:hover{box-shadow:none;opacity:.86}
[data-style="min"] .btn:active{transform:none;opacity:.72}
[data-style="min"] .btn.soft,[data-style="min"] .btn.ghost{background:transparent;color:var(--fg);border:1px solid var(--mn-hair-strong)}
[data-style="min"] .btn.soft:hover,[data-style="min"] .btn.ghost:hover{background:var(--soft);opacity:1}
[data-style="min"] .btn.dark{background:var(--mn-secondary);border-color:var(--mn-secondary);color:#fff}
[data-style="min"] .btn[disabled]{opacity:.4}

/* ---------- champs : un filet, qui noircit au focus ---------- */
[data-style="min"] .field,[data-style="min"] .search{border:1px solid var(--line);border-radius:var(--mn-r);background:var(--card);color:var(--muted)}
[data-style="min"] .field:focus-within,[data-style="min"] .search:focus-within{border-color:var(--mn-hair-strong);box-shadow:none;color:var(--fg)}
[data-style="min"] .lbl{color:var(--muted);font-weight:600;font-size:12px}
[data-style="min"] .otp input{border:1px solid var(--line)!important;border-radius:var(--mn-r)!important;font-family:var(--mono);box-shadow:none!important}
[data-style="min"] .otp input:focus{border-color:var(--mn-hair-strong)!important}
[data-style="min"] .secret,[data-style="min"] code,[data-style="min"] .price,[data-style="min"] .rank,[data-style="min"] .countdown b{font-family:var(--mono)}

/* ---------- chips, pastilles, onglets ---------- */
[data-style="min"] .chip{border:1px solid var(--line);border-radius:999px;background:transparent;font-weight:600}
[data-style="min"] .chip:hover{border-color:var(--mn-hair-strong)}
[data-style="min"] .chip.on{background:var(--mn-primary);border-color:var(--mn-primary);color:var(--mn-on-primary)}
[data-style="min"] .pill{border-radius:var(--mn-r-sm);font-weight:600}
[data-style="min"] .pill.promo{background:var(--mn-primary);color:var(--mn-on-primary)}
[data-style="min"] .seg{background:transparent;border:1px solid var(--line);border-radius:var(--mn-r);padding:3px}
[data-style="min"] .seg button{border-radius:var(--mn-r-sm);color:var(--muted)}
[data-style="min"] .seg button.on{background:var(--mn-primary);color:var(--mn-on-primary);box-shadow:none}
[data-style="min"] .ptabs button.on{color:var(--fg);box-shadow:inset 0 -2px 0 var(--mn-hair-strong)}

/* ---------- blocs : filet 1px, pas d'ombre, pas de fond coloré ---------- */
[data-style="min"] .card,[data-style="min"] .widget,[data-style="min"] .mycard,[data-style="min"] .kpi,[data-style="min"] .rg-box,
[data-style="min"] .wl-card,[data-style="min"] .gr,[data-style="min"] .req,[data-style="min"] .acc,[data-style="min"] .hero-card,[data-style="min"] .map-card,[data-style="min"] .next-w{
  border:1px solid var(--line);border-radius:var(--mn-r);background:var(--card);box-shadow:none}
[data-style="min"] .demo{border:1px dashed var(--line);border-radius:var(--mn-r);background:transparent}
[data-style="min"] .hero-card{background:var(--mn-primary);color:var(--mn-on-primary);border-color:var(--mn-primary)}
[data-style="min"] .kpi.warn{border-color:var(--mn-warning)}
[data-style="min"] .next-w:hover,[data-style="min"] a.kpi:hover,[data-style="min"] .gr:hover{transform:none;box-shadow:none;border-color:var(--mn-hair-strong)}
[data-style="min"] .widget h5{font-family:var(--font);font-size:11.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
[data-style="min"] .card.danger{border-color:var(--mn-danger)}

/* ---------- navigation ---------- */
[data-style="min"] .side{border-right:1px solid var(--line);background:var(--bg)}
[data-style="min"] .nav-a{border-radius:var(--mn-r);color:var(--muted)}
[data-style="min"] .nav-a:hover{background:var(--soft);color:var(--fg)}
[data-style="min"] .nav-a.on{color:var(--fg);font-weight:700;background:transparent}
[data-style="min"] .nav-a.on svg{color:var(--fg)}
[data-style="min"] .topbar{border-bottom:1px solid var(--line);background:var(--glass)}
[data-style="min"] .bottombar{border-top:1px solid var(--line);background:var(--glass)}

/* ---------- fil : stories, publications ---------- */
[data-style="min"] .story .ring{background:var(--mn-primary);padding:2px}
[data-style="min"] .story.seen .ring{background:var(--line)}
[data-style="min"] .story .ring>div{border:2px solid var(--bg)}
[data-style="min"] .composer{border:1px solid var(--line);border-radius:var(--mn-r);background:var(--card)}
[data-style="min"] .composer:hover{border-color:var(--mn-hair-strong);box-shadow:none}
[data-style="min"] .composer .cam{background:transparent;color:var(--fg);border:1px solid var(--line)}
[data-style="min"] .post{border-bottom:1px solid var(--line)}
[data-style="min"] .media{border-radius:var(--mn-r-sm)}
[data-style="min"] .media .date{background:var(--mn-surface);color:var(--mn-text);border-radius:var(--mn-r-sm);box-shadow:none}
[data-style="min"] .media .tag{border-radius:var(--mn-r-sm)}
[data-style="min"] .textcard{background:var(--mn-primary)!important;color:var(--mn-on-primary);font-family:var(--display);font-weight:700}
[data-style="min"] .mini .mi-art,[data-style="min"] .tile,[data-style="min"] .tr-row .th{border-radius:var(--mn-r-sm)}
[data-style="min"] .mini .price{color:var(--fg)}
[data-style="min"] .icon-btn.liked{color:var(--mn-danger)}

/* ---------- feuilles, toast, menus ---------- */
[data-style="min"] .sheet-panel{border-top:1px solid var(--line);border-radius:var(--mn-r) var(--mn-r) 0 0}
[data-style="min"] .pmenu{border:1px solid var(--line);border-radius:var(--mn-r)}
[data-style="min"] #toast{background:var(--mn-primary);color:var(--mn-on-primary);border-radius:var(--mn-r)}
[data-style="min"] #topbar-load{background:var(--mn-primary)}

/* ---------- connexion façon JUNNA, version minimale ---------- */
[data-style="min"] .ag-carte{border:1px solid var(--line);border-radius:12px;box-shadow:none}
[data-style="min"] .ag-panneau{background:var(--mn-primary);box-shadow:none}
[data-style="min"] .ag-panneau::after{display:none}
[data-style="min"] .ag-panneau>svg{opacity:.12;filter:grayscale(1)}
[data-style="min"] .ag-panneau .ag-texte{color:var(--mn-on-primary)}
[data-style="min"] .ag-texte button{background:transparent;color:var(--mn-on-primary);border:1px solid var(--mn-on-primary);border-radius:var(--mn-r);box-shadow:none}
[data-style="min"] .separateur::before,[data-style="min"] .separateur::after{background:var(--line)}
[data-style="min"] .lien{color:var(--g);font-weight:600}

/* ---------- réglages, messages ---------- */
[data-style="min"] .rg h4{font-size:11.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
[data-style="min"] .rg-ic{border-radius:var(--mn-r-sm)}
[data-style="min"] .switch-in:checked{background:var(--mn-primary)}
[data-style="min"] .bubble{border-radius:var(--mn-r)}
[data-style="min"] .bubble.me{background:var(--mn-primary);color:var(--mn-on-primary)}

/* ---------- carte : marqueurs ---------- */
[data-style="min"] .mk{box-shadow:none!important}
[data-style="min"] .mk.on{background:var(--mn-primary)!important;color:var(--mn-on-primary)!important}