/* =========================================================================
   Shiva Mobile — thème commun
   Palette héritée de Shiva TB (App.xaml) et pastilles reprises à l'identique
   de MainWindow.xaml : un utilisateur de Shiva TB ne réapprend rien.
   ========================================================================= */
:root{
  --ink:#011E41;            /* bleu Electrolux primaire */
  --azure:#1565C0;          /* secondaire / liens */
  --azure-soft:#E3EDF9;
  --paper:#FFFFFF;
  --ground:#EEF2F8;         /* neutre biaisé bleu, jamais un gris pur */
  --line:#DCE3EC;
  --text:#12233B;
  --text-2:#5B6B80;
  --text-3:#8494A8;
  --shadow:0 1px 2px rgba(1,30,65,.06), 0 8px 24px rgba(1,30,65,.08);

  --er-bg:#E6EEFA;  --er-fg:#27497F;
  --kr-bg:#E6F2E9;  --kr-fg:#2D6A41;
  --ope-bg:#D9F0EE; --ope-fg:#00695C;
  --exc-bg:#FBEFCF; --exc-fg:#876213;
  --spot-bg:#EDE4DE;--spot-fg:#5D4037;
  --spec-bg:#FBE9E7;--spec-fg:#A8341F;
  --ens-bg:#EAEAEA; --ens-fg:#555555;
  --new-bg:#E4F4EA; --new-fg:#1E8E4E;
  --stop-bg:#FCE7E9;--stop-fg:#C02B2B;
  --eol-bg:#E4E6EA; --eol-fg:#37404A;
  --pdf:#B3261E;
}
@media (prefers-color-scheme: dark){
  :root{
    --ink:#0A1A2E; --azure:#6BA8E8; --azure-soft:#16304C;
    --paper:#111B27; --ground:#0A121C; --line:#22303F;
    --text:#E6EDF5; --text-2:#A2B1C4; --text-3:#74849A;
    --shadow:0 1px 2px rgba(0,0,0,.4), 0 8px 24px rgba(0,0,0,.45);
    --er-bg:#1B2E4A;  --er-fg:#9CBCE8;
    --kr-bg:#1B3325;  --kr-fg:#8FCBA5;
    --ope-bg:#123833; --ope-fg:#7ED3C6;
    --exc-bg:#3A2F14; --exc-fg:#E3C173;
    --spot-bg:#332720;--spot-fg:#C9A695;
    --spec-bg:#3A211C;--spec-fg:#E89C89;
    --ens-bg:#232C36; --ens-fg:#9FADBC;
    --new-bg:#14311F; --new-fg:#77CE9A;
    --stop-bg:#3A1C20;--stop-fg:#EE9096;
    --eol-bg:#242A31; --eol-fg:#A7B3C0;
  }
}

*{box-sizing:border-box}
html,body{height:100%}
body{
  margin:0;background:var(--ground);color:var(--text);
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI Variable Text","Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
  -webkit-font-smoothing:antialiased;line-height:1.45;
  overscroll-behavior-y:none;
}
.num,.mono{font-variant-numeric:tabular-nums}
.mono{font-family:ui-monospace,"SF Mono","Cascadia Mono",Consolas,monospace}

/* ------------------------------------------------------------- pastilles */
.p{font-size:10.5px;font-weight:650;padding:2px 7px;border-radius:5px;white-space:nowrap}
.p.er{background:var(--er-bg);color:var(--er-fg)}
.p.kr{background:var(--kr-bg);color:var(--kr-fg)}
.p.ope{background:var(--ope-bg);color:var(--ope-fg)}
.p.exc{background:var(--exc-bg);color:var(--exc-fg)}
.p.spot{background:var(--spot-bg);color:var(--spot-fg)}
.p.spec{background:var(--spec-bg);color:var(--spec-fg)}
.p.ens{background:var(--ens-bg);color:var(--ens-fg);font-weight:600}
.p.new{background:var(--new-bg);color:var(--new-fg)}
.p.stop{background:var(--stop-bg);color:var(--stop-fg)}
.p.eol{background:var(--eol-bg);color:var(--eol-fg)}

/* --------------------------------------------------- écrans pleine page */
.plein{
  min-height:100dvh;display:flex;flex-direction:column;
  padding:0 28px calc(28px + env(safe-area-inset-bottom));
}
.marque{
  margin:56px auto 0;width:78px;height:78px;border-radius:22px;
  background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.18);
  display:grid;place-items:center;
}
.marque span{font-size:40px;font-weight:300;letter-spacing:-.03em;color:#fff;line-height:1}

@media (prefers-reduced-motion:reduce){
  *{transition-duration:.01ms !important;animation-duration:.01ms !important}
}