/* Badgeuse Axio - polices système uniquement (aucun appel à un service externe) */
:root{
  color-scheme:light;
  /* Identité Axio : marine du logotype, dégradé orange → violet du symbole */
  --bg:#f6f4f0; --surface:#ffffff; --surface-2:#faf8f5; --line:#e3dfd8; --line-2:#eeebe5;
  --ink:#16223a; --ink-2:#3b4660; --muted:#6c7285;
  --accent:#5b2d86; --accent-ink:#ffffff; --accent-soft:#f1eaf7;
  --orange:#e2792e; --grad:linear-gradient(90deg,#f7b23b,#e2792e 50%,#6a2c91);
  --c-stripe:#6a2c91; --c-ika:#e2792e; --c-rev:#1d7fa8; --c-mt:#2f9e75; --grid:#e8e4de;
  --band-1:#16223a; --band-2:#2f2657; --band-ink:#f4f1fa; --band-muted:#c3bcd9;
  --ok:#1c7a56; --ok-soft:#e2f4ea; --ok-line:#bfe3cf;
  --warn:#9a620f; --warn-soft:#fdf1dc; --warn-line:#efd39e;
  --bad:#a23b4a; --bad-soft:#fcecee; --bad-line:#eccad0;
  --off:#5e7079; --off-soft:#eaeff1;
  --shadow:0 1px 2px rgba(15,50,60,.05),0 6px 18px rgba(15,50,60,.05);
  --display:"Segoe UI Variable Display","Segoe UI",system-ui,-apple-system,"Helvetica Neue",Arial,sans-serif;
  --body:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
  --mono:ui-monospace,"SF Mono","Cascadia Mono",Consolas,"Roboto Mono",monospace;
}
/* thème sombre : réglage de l'ordinateur (sauf si « Clair » est choisi dans Mon compte), ou forcé par « Sombre » */
@media (prefers-color-scheme: dark){
  :root:not([data-theme="light"]){
    color-scheme:dark;
    --bg:#0f1320; --surface:#171c2c; --surface-2:#1c2233; --line:#2b3248; --line-2:#232a3d;
    --ink:#e8e9f1; --ink-2:#bfc3d4; --muted:#9097ad;
    --accent:#c29be6; --accent-ink:#1d1030; --accent-soft:#2a2140;
    --orange:#f0a04f;
    --c-stripe:#b58ae0; --c-ika:#f0a04f; --c-rev:#5fb8dd; --c-mt:#5cc596; --grid:#262d42;
    --band-1:#131a2e; --band-2:#2c2350; --band-ink:#f4f1fa; --band-muted:#b3aacd;
    --ok:#5cc596; --ok-soft:#12302a; --ok-line:#1f4a3c;
    --warn:#e4ad55; --warn-soft:#33270f; --warn-line:#4d3a15;
    --bad:#ec8b98; --bad-soft:#361b20; --bad-line:#55262e;
    --off:#9aaeb5; --off-soft:#1d2d34;
    --shadow:0 1px 2px rgba(0,0,0,.3);
  }
}
:root[data-theme="dark"]{
  color-scheme:dark;
  --bg:#0f1320; --surface:#171c2c; --surface-2:#1c2233; --line:#2b3248; --line-2:#232a3d;
  --ink:#e8e9f1; --ink-2:#bfc3d4; --muted:#9097ad;
  --accent:#c29be6; --accent-ink:#1d1030; --accent-soft:#2a2140;
  --orange:#f0a04f;
  --c-stripe:#b58ae0; --c-ika:#f0a04f; --c-rev:#5fb8dd; --c-mt:#5cc596; --grid:#262d42;
  --band-1:#131a2e; --band-2:#2c2350; --band-ink:#f4f1fa; --band-muted:#b3aacd;
  --ok:#5cc596; --ok-soft:#12302a; --ok-line:#1f4a3c;
  --warn:#e4ad55; --warn-soft:#33270f; --warn-line:#4d3a15;
  --bad:#ec8b98; --bad-soft:#361b20; --bad-line:#55262e;
  --off:#9aaeb5; --off-soft:#1d2d34;
  --shadow:0 1px 2px rgba(0,0,0,.3);
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--body);font-size:15px;line-height:1.5}
[hidden]{display:none!important}
h1,h2,h3,h4,p{margin:0}
h1,h2,h3{text-wrap:balance}
button,input,select{font:inherit;color:inherit}
img{max-width:100%}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
:focus-visible{outline:3px solid var(--accent);outline-offset:2px;border-radius:6px}
.wrap{max-width:1120px;margin:0 auto;display:grid;grid-template-columns:minmax(0,1fr);gap:20px}
#app{display:grid;grid-template-columns:minmax(0,1fr);gap:20px;min-width:0}

/* shell : menu latéral marine + contenu */
.shell{display:grid;grid-template-columns:250px minmax(0,1fr);min-height:100vh;min-height:100dvh}
.side{background:#16223a;color:#dfe4f0;position:sticky;top:0;height:100vh;height:100dvh;display:flex;flex-direction:column;padding:20px 14px calc(16px + env(safe-area-inset-bottom,0px));overflow-y:auto}
.side-brand{display:flex;align-items:center;gap:11px;padding:0 8px 18px;border-bottom:1px solid rgba(255,255,255,.08)}
.side-brand b{font-family:var(--display);font-size:1.2rem;font-weight:800;letter-spacing:.04em;color:#fff;display:block;line-height:1.1}
.side-brand span{font-size:.7rem;letter-spacing:.14em;text-transform:uppercase;color:#f3a54a;font-weight:700}
.side-close{display:none;margin-left:auto;background:none;border:0;color:#fff;font-size:1.6rem;cursor:pointer}
#nav{flex:1;padding-top:6px}
.nav-group{font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;color:#8e9bb8;font-weight:700;padding:18px 10px 8px}
.nav-item{display:flex;align-items:center;gap:11px;width:100%;border:0;background:none;color:#dfe4f0;padding:10px;border-radius:9px;font-size:.93rem;cursor:pointer;text-align:left}
.nav-item svg{flex-shrink:0;color:#9fb0d6}
.nav-item:hover{background:rgba(255,255,255,.06)}
.nav-item[aria-current=page]{background:linear-gradient(90deg,rgba(226,121,46,.22),rgba(106,44,145,.28));color:#fff;font-weight:600}
.nav-item[aria-current=page] svg{color:#f3a54a}
a.nav-item{text-decoration:none}
.nav-ext{margin-left:auto;color:#8e9bb8;font-size:.85rem}
.nav-badge{margin-left:auto;background:#e2792e;color:#fff;border-radius:999px;font-size:.7rem;font-weight:700;padding:1px 7px}
.side-foot{border-top:1px solid rgba(255,255,255,.08);padding-top:14px;display:grid;gap:8px}
.side .me-chip{background:rgba(255,255,255,.06);border-color:transparent;color:#fff}
.side .me-chip .role{color:#f3a54a}
.side-actions{display:flex;justify-content:space-between;padding:0 6px}
.side-actions .link{color:#c3cbe0;font-size:.8rem}
.main{min-width:0;padding:22px 24px calc(40px + env(safe-area-inset-bottom,0px))}
.mobile-bar{display:none}
.page-head{display:flex;justify-content:space-between;align-items:flex-end;gap:14px;flex-wrap:wrap}
.page-head h1{font-family:var(--display);font-size:1.5rem;font-weight:700}
.page-head p{color:var(--muted);font-size:.875rem;margin-top:3px}
.page-head .grp{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
@media (max-width:900px){
  .shell{display:block}
  .side{position:fixed;inset:0 auto 0 0;width:min(290px,86vw);z-index:20;transform:translateX(-102%);transition:transform .2s;box-shadow:0 0 40px rgba(0,0,0,.35)}
  .shell.nav-open .side{transform:none}
  .side-close{display:block}
  .main{padding:0 16px calc(40px + env(safe-area-inset-bottom,0px))}
  .mobile-bar{display:flex;align-items:center;gap:12px;position:sticky;top:0;z-index:5;background:var(--bg);padding:calc(10px + env(safe-area-inset-top,0px)) 0 10px;margin-bottom:6px}
  .mobile-bar strong{font-family:var(--display);font-size:1.05rem}
}

/* chiffres */
.kpis{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.kpi{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:18px 20px;display:grid;gap:4px;align-content:start}
.kpi.total{background:linear-gradient(125deg,#16223a 55%,#3a2562);border:0;color:#fff}
.kpi .lbl{font-size:.8rem;color:var(--muted);font-weight:600;letter-spacing:.02em}
.kpi.total .lbl{color:#c3bcd9}
.kpi .big{font-family:var(--mono);font-size:1.75rem;font-weight:600;font-variant-numeric:tabular-nums;letter-spacing:-.02em;line-height:1.2}
.kpi small{font-size:.78rem;color:var(--muted)}
.kpi.total small{color:#c3bcd9}
.kpi .dot-lbl{display:inline-flex;align-items:center;gap:7px}
.kpi .dot-lbl::before{content:"";width:9px;height:9px;border-radius:3px;background:var(--c)}
.c-ika{--c:var(--c-ika)} .c-stripe{--c:var(--c-stripe)} .c-rev{--c:var(--c-rev)}
.kpis-4{grid-template-columns:repeat(4,minmax(0,1fr))}
.tiles-5{grid-template-columns:repeat(5,minmax(0,1fr))}
@media (max-width:1000px){ .kpis-4,.tiles-5{grid-template-columns:repeat(2,minmax(0,1fr))} }
.split{display:flex;gap:16px;flex-wrap:wrap;margin-top:6px;font-size:.82rem}
.split span{display:inline-flex;gap:6px;align-items:center}
.split b{font-family:var(--mono);font-weight:600}
.delta{font-size:.78rem;font-weight:700;border-radius:6px;padding:1px 6px;margin-left:6px}
.delta.up{background:var(--ok-soft);color:var(--ok)} .delta.down{background:var(--bad-soft);color:var(--bad)}
.kpi.total .delta.up{background:rgba(92,197,150,.2);color:#8fe0b8} .kpi.total .delta.down{background:rgba(236,139,152,.2);color:#f3b1ba}
.period-table{width:100%;border-collapse:collapse}
.period-table th,.period-table td{padding:13px 20px;border-bottom:1px solid var(--line-2);text-align:right;white-space:nowrap}
.period-table th:first-child,.period-table td:first-child{text-align:left}
.period-table td{font-family:var(--mono);font-variant-numeric:tabular-nums}
.period-table td:first-child{font-family:var(--body);font-weight:600}
.period-table tr.sum td{font-weight:700;color:var(--accent);background:var(--accent-soft)}
.chart-wrap{padding:14px 18px 8px;overflow-x:auto}
.chart-wrap svg{display:block;width:100%;min-width:560px;height:auto}
.legend{display:flex;gap:16px;flex-wrap:wrap;padding:0 20px 16px;font-size:.8rem;color:var(--muted)}
.legend span{display:inline-flex;align-items:center;gap:7px}
.legend span::before{content:"";width:10px;height:10px;border-radius:3px;background:var(--c)}
.src-list{display:grid;gap:10px;padding:16px 20px}
.src{display:flex;gap:12px;align-items:flex-start;justify-content:space-between;flex-wrap:wrap;font-size:.875rem}
.src strong{display:block}
.src small{color:var(--muted)}
.setup{padding:22px;display:grid;gap:12px;max-width:70ch}
.setup ol{margin:0;padding-left:20px;display:grid;gap:6px;font-size:.9rem;color:var(--ink-2)}
.setup code{font-family:var(--mono);background:var(--surface-2);border:1px solid var(--line);border-radius:6px;padding:1px 6px;font-size:.85em}
.filters{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.filters input[type=search],.filters input[type=date],.filters select,.inline-form input{min-height:40px;padding:8px 11px;border:1px solid var(--line);border-radius:9px;background:var(--surface);font-size:16px}
.filters input[type=search]{min-width:min(260px,100%)}
.sales td{cursor:pointer}
.sales tr:hover td{background:var(--surface-2)}
td.amt{text-align:right;font-family:var(--mono);font-variant-numeric:tabular-nums;font-weight:600}
th.amt{text-align:right}
.tag.ok{background:var(--ok-soft);color:var(--ok)}
.pager{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:12px 20px;flex-wrap:wrap;font-size:.85rem;color:var(--muted)}
.kv{display:grid;grid-template-columns:minmax(120px,auto) 1fr;gap:8px 16px;font-size:.9rem}
.kv dt{color:var(--muted)}
.kv dd{margin:0;overflow-wrap:anywhere}
.inline-form{display:flex;gap:8px;flex-wrap:wrap;align-items:flex-end;padding:16px 20px;border-top:1px solid var(--line-2)}
.inline-form label{display:grid;gap:4px;font-size:.8rem;color:var(--muted);font-weight:600}

/* tchat */
.chat{display:grid;grid-template-rows:minmax(0,1fr) auto;height:min(70vh,720px);min-height:420px}
.chat-list{overflow-y:auto;padding:18px 20px;display:flex;flex-direction:column;gap:12px}
.msg{max-width:min(620px,85%);display:grid;gap:3px}
.msg .who{font-size:.76rem;color:var(--muted)}
.msg .who b{color:var(--ink-2)}
.msg .bubble{background:var(--surface-2);border:1px solid var(--line);border-radius:14px 14px 14px 4px;padding:9px 13px;white-space:pre-wrap;overflow-wrap:anywhere;font-size:.92rem}
.msg.mine{align-self:flex-end;justify-items:end}
.msg.mine .bubble{background:var(--accent);border-color:var(--accent);color:var(--accent-ink);border-radius:14px 14px 4px 14px}
.chat-day{align-self:center;font-size:.74rem;color:var(--muted);background:var(--surface-2);border-radius:999px;padding:2px 10px}
.chat-form{display:flex;gap:10px;padding:12px 14px;border-top:1px solid var(--line-2)}
.chat-form textarea{flex:1;resize:none;min-height:44px;max-height:140px;padding:10px 12px;border:1px solid var(--line);border-radius:10px;background:var(--surface);font:inherit;font-size:16px;color:var(--ink)}
@media (max-width:720px){
  .kpis{grid-template-columns:1fr}
  .kv{grid-template-columns:1fr}
  .chat{height:calc(100dvh - 190px)}
}

/* brand + auth */
.brand{display:flex;align-items:center;gap:11px}
.brand img{width:34px;height:34px;flex-shrink:0}
.brand b{font-family:var(--display);font-size:1.25rem;font-weight:800;letter-spacing:.04em;color:var(--ink);line-height:1.1}
.brand span{display:block;color:var(--ink-2);font-size:.68rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase}
.auth-body{min-height:100vh;min-height:100dvh;display:grid;place-items:center;padding:24px 16px;background:radial-gradient(circle at 85% 0%,#4a2a70,var(--band-1) 65%)}
.auth-card{border-top:4px solid transparent;background-image:linear-gradient(var(--surface),var(--surface)),var(--grad);background-origin:border-box;background-clip:padding-box,border-box;width:100%;max-width:420px;background:var(--surface);border-radius:18px;padding:30px 28px;box-shadow:0 20px 50px rgba(0,0,0,.25);display:grid;gap:12px}
.auth-card h1{font-family:var(--display);font-size:1.45rem;font-weight:650;margin-top:10px}
.form label{font-size:.85rem;font-weight:600;color:var(--ink-2);margin-top:4px}
.form input:not([type=checkbox]),.form select{width:100%;min-height:44px;padding:10px 12px;border:1px solid var(--line);border-radius:10px;background:var(--surface);font-size:16px}
.form input:focus,.form select:focus{border-color:var(--accent);outline:none;box-shadow:0 0 0 3px var(--accent-soft)}
.form .check{display:flex;align-items:center;gap:9px;font-weight:500}
.form .check input{width:18px;height:18px}
.pw-row{display:flex;gap:8px}
.pw-row input{flex:1;font-family:var(--mono)}

/* top bar */
.topbar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding-top:18px}
.top-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.me-chip{display:flex;align-items:center;gap:9px;background:var(--surface);border:1px solid var(--line);border-radius:999px;padding:4px 12px 4px 4px;min-width:0}
.me-chip strong{font-size:.875rem;font-weight:600;display:block;max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.role{font-size:.72rem;letter-spacing:.06em;text-transform:uppercase;color:var(--accent);font-weight:600}

/* band */
.band{position:relative;overflow:hidden;background:linear-gradient(118deg,var(--band-1) 40%,var(--band-2));color:var(--band-ink);border-radius:18px;padding:26px 26px 28px;display:flex;flex-wrap:wrap;gap:22px;justify-content:space-between;align-items:center}
.band::after{content:"";position:absolute;left:0;right:0;bottom:0;height:4px;background:var(--grad)}
.eyebrow{font-size:.72rem;letter-spacing:.14em;font-weight:700;color:#f3a54a;text-transform:uppercase}
.band h1{font-family:var(--display);font-size:1.45rem;margin-top:6px;font-weight:650}
.band p{color:var(--band-muted);font-size:.875rem;margin-top:6px}
.clocks{display:flex;gap:26px;flex-wrap:wrap;align-items:flex-end}
.clock strong{display:block;font-family:var(--mono);font-size:2rem;font-weight:600;letter-spacing:-.03em;line-height:1.1;font-variant-numeric:tabular-nums}
.clock.small strong{font-size:1.35rem;opacity:.92}
.clock span{display:block;font-size:.75rem;color:var(--band-muted);margin-top:4px}

/* punch */
.punch{background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:24px;box-shadow:var(--shadow)}
.punch-top{display:flex;justify-content:space-between;align-items:flex-start;gap:14px}
.punch-top .lbl{font-size:.8rem;color:var(--muted)}
.punch-top h2{font-family:var(--display);font-size:1.2rem;font-weight:650;margin-top:3px}
.punch-top small{display:block;color:var(--muted);font-size:.78rem}
.status{display:inline-flex;align-items:center;gap:6px;white-space:nowrap;border-radius:999px;padding:5px 11px;font-size:.8rem;font-weight:600;background:var(--off-soft);color:var(--off);border:1px solid transparent}
.status::before{content:"";width:7px;height:7px;border-radius:50%;background:currentColor}
.status.working{background:var(--ok-soft);color:var(--ok);border-color:var(--ok-line)}
.status.break{background:var(--warn-soft);color:var(--warn);border-color:var(--warn-line)}
.status.incomplete{background:var(--bad-soft);color:var(--bad);border-color:var(--bad-line)}
.current{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:20px;padding-top:20px;border-top:1px solid var(--line-2)}
.current span{display:block;font-size:.8rem;color:var(--muted)}
.current strong{display:block;font-family:var(--mono);font-size:1.5rem;font-weight:600;margin-top:5px;font-variant-numeric:tabular-nums}
.current small{display:block;color:var(--muted);font-size:.75rem;margin-top:3px}
.photo-rule{display:flex;align-items:center;gap:11px;margin-top:20px;padding:12px 14px;background:var(--accent-soft);border-radius:12px;color:var(--ink-2)}
.photo-rule svg{flex-shrink:0;color:var(--accent)}
.photo-rule strong{display:block;font-size:.875rem;font-weight:600;color:var(--ink)}
.photo-rule small{display:block;font-size:.8rem}
.actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:20px}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid var(--line);background:var(--surface);border-radius:10px;padding:8px 15px;min-height:40px;font-weight:500;cursor:pointer;text-decoration:none;color:var(--ink);transition:background .15s,border-color .15s}
.btn:hover{background:var(--surface-2)}
.btn:disabled{opacity:.5;cursor:not-allowed}
.btn.big{min-height:50px;padding:12px 22px;font-size:.95rem;font-weight:600}
.btn.go{background:var(--ok);border-color:var(--ok);color:#fff}
.btn.go:hover{background:var(--ok);filter:brightness(.93)}
.btn.pause{background:var(--warn-soft);border-color:var(--warn-line);color:var(--warn)}
.btn.stop{color:var(--bad);border-color:var(--bad-line)}
.btn.stop:hover{background:var(--bad-soft)}
.btn.primary{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}
.btn.primary:hover{background:var(--accent);filter:brightness(.95)}
.link{background:none;border:0;padding:4px 2px;color:var(--accent);font-weight:500;cursor:pointer;display:inline-flex;align-items:center;gap:5px;font-size:.85rem}
.link:hover{text-decoration:underline}
.note{color:var(--muted);font-size:.82rem;line-height:1.6}
.punch .note{display:flex;gap:7px;margin-top:14px}
.punch .note svg{flex-shrink:0;margin-top:3px}
.fine{font-size:.76rem;color:var(--muted);line-height:1.55}
.err{color:var(--bad);background:var(--bad-soft);border:1px solid var(--bad-line);border-radius:10px;padding:11px 14px;font-size:.875rem}
.punch .err{margin-top:14px}
.err-bar{display:flex;gap:10px;align-items:center;justify-content:space-between;flex-wrap:wrap}
.saving{color:var(--accent);font-size:.82rem;margin-top:12px}

/* toolbar + tabs */
.toolbar{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px}
.toolbar .grp{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.toolbar label{font-size:.82rem;color:var(--muted);display:flex;align-items:center;gap:9px}
.toolbar input[type=date]{color:var(--ink);background:var(--surface);border:1px solid var(--line);border-radius:9px;padding:8px 11px;min-height:40px;font-size:16px}
.seg{display:inline-flex;background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:3px}
.seg button{border:0;background:none;padding:6px 12px;border-radius:7px;font-size:.82rem;cursor:pointer;color:var(--ink-2)}
.seg button[aria-pressed=true]{background:var(--accent);color:var(--accent-ink);font-weight:600}
.seg-lbl{font-size:.82rem;color:var(--muted)}
.tabs{display:flex;gap:4px;background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:4px;width:fit-content;max-width:100%;flex-wrap:wrap}
.tabs button{border:0;background:none;border-radius:9px;padding:9px 15px;font-size:.875rem;font-weight:500;cursor:pointer;color:var(--ink-2)}
.tabs button[aria-selected=true]{background:var(--band-2);color:#fff}

/* tiles + panels */
.tiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.tile{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:15px 17px}
.tile span{display:block;font-size:.8rem;color:var(--muted)}
.tile strong{display:block;font-family:var(--mono);font-size:1.4rem;font-weight:600;margin-top:5px;font-variant-numeric:tabular-nums}
.tile.ok strong{color:var(--ok)} .tile.warn strong{color:var(--warn)} .tile.acc strong{color:var(--accent)}
.panel{background:var(--surface);border:1px solid var(--line);border-radius:14px}
.panel-head{display:flex;justify-content:space-between;align-items:flex-end;gap:12px;flex-wrap:wrap;padding:17px 20px;border-bottom:1px solid var(--line-2)}
.panel-head h3{font-family:var(--display);font-size:1.02rem;font-weight:650}
.panel-head h3::first-letter{text-transform:uppercase}

/* shifts */
.shifts{padding:0 20px}
.shift{padding:16px 0;border-bottom:1px solid var(--line-2)}
.shift:last-child{border-bottom:0}
.shift-main{display:flex;align-items:center;gap:12px}
.ev-ico{width:34px;height:34px;border-radius:9px;display:grid;place-items:center;background:var(--ok-soft);color:var(--ok);flex-shrink:0}
.shift-main>div{flex:1;min-width:0}
.shift-main strong{font-size:.93rem;font-weight:600;overflow-wrap:anywhere}
.shift-main small{display:block;color:var(--muted);font-size:.8rem;margin-top:2px}
.shift-main b{font-family:var(--mono);font-size:1rem;font-weight:600;white-space:nowrap}
.shift-foot{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;margin-top:8px;padding-left:46px}
.review{font-size:.78rem;color:var(--warn);display:inline-flex;align-items:center;gap:5px}
.review.ok{color:var(--ok)} .review.bad{color:var(--bad)}
.empty{text-align:center;color:var(--muted);padding:34px 20px;font-size:.875rem;display:grid;justify-items:center;gap:8px}
.empty strong{color:var(--ink-2);font-weight:600}

/* live grid */
.live{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:12px;padding:16px 20px 20px}
.person{border:1px solid var(--line);border-radius:12px;overflow:hidden;background:var(--surface-2)}
.person-photo{aspect-ratio:4/3;max-width:100%;background:var(--off-soft);display:grid;place-items:center;position:relative;color:var(--off);font-family:var(--display);font-size:1.6rem;font-weight:650}
.person-photo img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0}
.person-photo .status{position:absolute;left:9px;bottom:9px}
.person.working .person-photo{background:var(--ok-soft);color:var(--ok)}
.person.break .person-photo{background:var(--warn-soft);color:var(--warn)}
.person.inactive{opacity:.6}
.person-info{padding:11px 13px 13px}
.person-info h4{font-size:.93rem;font-weight:600;overflow-wrap:anywhere}
.person-info small{display:block;font-size:.76rem;color:var(--muted)}
.person-info p{font-size:.82rem;color:var(--muted);margin-top:4px}
.person-info p strong{color:var(--ink);font-family:var(--mono);font-weight:600}

/* team */
.team{padding:0 20px 10px}
.member{border-bottom:1px solid var(--line-2)}
.member:last-child{border-bottom:0}
.member summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:12px;padding:14px 0}
.member summary::-webkit-details-marker{display:none}
.avatar{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;background:var(--accent-soft);color:var(--accent);font-weight:650;font-size:.8rem;flex-shrink:0}
.avatar.sm{width:28px;height:28px;border-radius:50%;font-size:.72rem}
.m-name{flex:1;min-width:0}
.m-name strong{display:block;font-size:.93rem;font-weight:600;overflow-wrap:anywhere}
.m-name small,.m-total small{display:block;font-size:.76rem;color:var(--muted)}
.m-total{text-align:right;min-width:92px}
.m-total b{font-family:var(--mono);font-weight:600}
.member summary::after{content:"+";color:var(--muted);font-size:1.2rem;width:14px;text-align:center}
.member[open] summary::after{content:"−"}
.member .shifts{background:var(--surface-2);border-radius:10px;margin-bottom:12px;padding:0 14px}
.prev-open{font-size:.82rem;color:var(--bad);padding:0 0 12px}

/* accounts */
.table-wrap{overflow-x:auto}
table{width:100%;border-collapse:collapse;font-size:.875rem}
th,td{text-align:left;padding:12px 20px;border-bottom:1px solid var(--line-2);white-space:nowrap}
th{font-size:.76rem;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);font-weight:600}
tr:last-child td{border-bottom:0}
td.num{font-family:var(--mono);font-variant-numeric:tabular-nums}
.tag{display:inline-block;border-radius:6px;padding:2px 8px;font-size:.76rem;font-weight:600;background:var(--off-soft);color:var(--off)}
.tag.admin{background:var(--accent-soft);color:var(--accent)}
.tag.off{background:var(--bad-soft);color:var(--bad)}
.tag.warn{background:var(--warn-soft);color:var(--warn)}

.foot-note{max-width:80ch}
.sync{font-size:.76rem;color:var(--muted);text-align:right}

/* dialogs */
dialog{border:1px solid var(--line);border-radius:18px;padding:0;background:var(--surface);color:var(--ink);width:min(520px,calc(100% - 24px));max-height:calc(100dvh - 24px)}
dialog::backdrop{background:rgba(8,24,30,.55)}
.dlg{padding:22px;display:grid;gap:14px;overflow-y:auto;max-height:calc(100dvh - 26px)}
.dlg-head{display:flex;justify-content:space-between;align-items:flex-start;gap:10px}
.dlg-head h3{font-family:var(--display);font-size:1.15rem;font-weight:650}
.dlg-head p{color:var(--muted);font-size:.85rem;margin-top:4px}
.x{border:0;background:none;cursor:pointer;color:var(--muted);font-size:1.4rem;line-height:1;padding:2px 6px}
.cam{aspect-ratio:4/3;max-width:100%;border-radius:14px;background:var(--band-1);color:var(--band-muted);display:grid;place-items:center;overflow:hidden;position:relative;text-align:center;font-size:.875rem}
.cam video,.cam img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0}
.cam video{transform:scaleX(-1)}
.cam.rear video{transform:none}
.cam .ph{position:relative;padding:20px}
.dlg-actions{display:flex;gap:10px;flex-wrap:wrap}
.dlg-actions .btn{flex:1}
.dlg-row{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap}
.timeline{list-style:none;margin:0;padding:0}
.timeline li{display:flex;gap:14px;padding-bottom:18px;position:relative}
.timeline li:not(:last-child)::before{content:"";position:absolute;left:5px;top:14px;bottom:0;width:2px;background:var(--line)}
.dot{width:12px;height:12px;border-radius:50%;margin-top:5px;flex-shrink:0;background:var(--accent)}
.dot.arrive,.dot.resume,.dot.approve{background:var(--ok)} .dot.pause{background:var(--warn)} .dot.depart,.dot.correct{background:var(--bad)}
.timeline strong{display:block;font-size:.92rem;font-weight:600}
.timeline time{display:block;font-size:.82rem;color:var(--muted);font-family:var(--mono)}
.timeline small{display:block;font-size:.76rem;color:var(--muted)}
.ev-photo{margin-top:8px;display:grid;gap:6px;justify-items:start}
.ev-photo img{border-radius:10px;max-width:220px;width:100%}
.approved{display:flex;gap:10px;align-items:flex-start;background:var(--ok-soft);border:1px solid var(--ok-line);color:var(--ok);border-radius:12px;padding:14px;font-size:.875rem}
.approved small{display:block;font-size:.76rem}
.detail-tiles{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.fix{display:grid;gap:8px;border:1px solid var(--line);border-radius:12px;padding:14px}
.fix label{font-size:.85rem;font-weight:600}
.fix-row{display:flex;gap:8px;flex-wrap:wrap}
.fix-row input{min-height:44px;padding:8px 10px;border:1px solid var(--line);border-radius:10px;background:var(--surface);font-size:16px}

.toast{position:fixed;left:50%;bottom:calc(20px + env(safe-area-inset-bottom,0px));transform:translateX(-50%);background:var(--ink);color:var(--bg);padding:10px 18px;border-radius:999px;font-size:.875rem;font-weight:500;box-shadow:0 6px 20px rgba(0,0,0,.2);z-index:10;max-width:calc(100% - 32px)}
.loading{padding:60px 0;text-align:center;color:var(--muted)}

@media (max-width:720px){
  .band{padding:20px}
  .clock strong{font-size:1.7rem}
  .current{grid-template-columns:1fr 1fr}
  .current>div:first-child{grid-column:1/-1}
  .actions{flex-direction:column}
  .actions .btn{width:100%}
  .tiles{grid-template-columns:1fr 1fr}
  .tiles .tile:nth-child(3){grid-column:1/-1}
  .tabs{width:100%}
  .tabs button{flex:1;padding:9px 8px;font-size:.82rem}
  .shift-foot{padding-left:0}
  .shifts,.team{padding:0 14px}
  .live{padding:14px}
  th,td{padding:10px 14px}
  .sync{text-align:left}
  .me-chip strong{max-width:120px}
}
@media (prefers-reduced-motion:reduce){*{transition:none!important}}

/* =====================================================================
   Téléphone (≤ 720 px) : dernier bloc de la feuille, il prend le pas sur le reste
   ===================================================================== */
@media (max-width:720px){
  .main{padding:0 12px calc(32px + env(safe-area-inset-bottom,0px))}
  .wrap,#app{gap:14px}
  .mobile-bar{gap:10px;padding:calc(8px + env(safe-area-inset-top,0px)) 0 8px;border-bottom:1px solid var(--line-2);margin-bottom:4px}
  .mobile-bar img{width:26px;height:26px}
  .mobile-bar .btn{min-height:38px;padding:6px 12px;order:-1}
  .mobile-bar strong{font-size:1rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

  /* en-tête de page : le titre est déjà dans la barre du haut */
  .page-head{gap:10px}
  .page-head h1{display:none}
  .page-head p{font-size:.8rem;margin:0}
  .page-head .grp{width:100%}
  .page-head .grp .btn{flex:1;min-height:40px;padding:8px 10px;font-size:.85rem}

  /* filtres */
  .filters{gap:8px}
  .filters .seg{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));width:100%}
  .filters .seg button{padding:9px 4px;font-size:.8rem}
  .filters input[type=search]{min-width:0;flex:1 1 100%}
  .filters select,.filters input[type=date]{flex:1 1 40%;min-width:0}
  .filters .btn{flex:1}

  /* cartes de chiffres : le total en premier, pleine largeur */
  .kpis,.kpis-4{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .kpi{padding:13px 14px;border-radius:14px}
  .kpi .lbl{font-size:.74rem}
  .kpi .big{font-size:1.2rem}
  .kpi small{font-size:.72rem;line-height:1.4}
  .kpi.total{grid-column:1/-1;order:-1;padding:16px 18px}
  .kpi.total .big{font-size:1.9rem}
  .tiles{gap:10px}
  .tiles-5{grid-template-columns:repeat(2,minmax(0,1fr))}
  .tiles-5 .tile:nth-child(3){grid-column:auto}
  .tiles-5 .tile:last-child{grid-column:1/-1}
  .tile{padding:12px 14px}
  .tile span{font-size:.74rem}
  .tile strong{font-size:1.15rem}

  /* tableaux affichés en fiches : une carte par ligne, intitulé devant chaque valeur */
  .table-wrap{overflow:visible}
  table.rt,table.rt tbody,table.rt tr{display:block;width:100%}
  table.rt thead{display:none}
  table.rt tr{padding:12px 14px;border-bottom:1px solid var(--line-2)}
  table.rt tr:last-child{border-bottom:0}
  /* (22/10/2026) intitulé à gauche, valeur alignée à droite sur une seule ligne, détail (small) en dessous à droite :
     avant, chaque morceau de la cellule était réparti sur la largeur (valeurs « au milieu », montants coupés en deux) */
  table.rt td{display:flex;flex-wrap:wrap;justify-content:flex-end;align-items:baseline;column-gap:8px;row-gap:1px;border:0;padding:4px 0;text-align:right;white-space:normal;overflow-wrap:normal}
  table.rt td::before{content:attr(data-label);flex-shrink:0;margin-right:auto;padding-right:8px;color:var(--muted);font:500 .8rem var(--body);text-align:left}
  table.rt td.amt,table.rt td.num{white-space:nowrap}
  table.rt td > small{flex-basis:100%;text-align:right;white-space:normal}
  table.rt td + td{border-top:1px dashed var(--line-2)}
  table.rt td:first-child{display:block;text-align:left;padding-bottom:6px;font-weight:600}
  table.rt td:first-child::before{display:none}
  table.rt td:not([data-label])::before{display:none}
  .period-table tr.sum{background:var(--accent-soft)}
  .period-table tr.sum td{background:none}
  .sales tr:hover td{background:none}
  .sales tr:active{background:var(--surface-2)}
  .pager{padding:12px 14px}
  .pager .grp{display:flex;gap:8px;width:100%}
  .pager .grp .btn{flex:1}

  /* graphique : 14 jours, sans défilement */
  .chart-wrap{padding:10px 6px 2px;overflow:visible}
  .chart-wrap svg{min-width:0}
  .legend{padding:0 14px 12px;gap:10px}
  .panel-head{padding:13px 14px}
  .src-list{padding:12px 14px}

  /* badgeuse : les boutons de pointage juste sous le nom */
  .band{padding:15px 16px 17px;gap:12px;border-radius:16px}
  .band h1{font-size:1.1rem}
  .band p{display:none}
  .clocks{width:100%;justify-content:space-between;gap:12px}
  .clock strong{font-size:1.5rem}
  .clock.small strong{font-size:1.1rem}
  .punch{padding:16px;display:flex;flex-direction:column;border-radius:16px}
  .punch-top{order:1}
  .punch .actions{order:2;margin-top:14px}
  .punch .err,.punch .saving{order:3}
  .punch .current{order:4;margin-top:16px;padding-top:14px}
  .punch .photo-rule{order:5;margin-top:14px}
  .punch .note{order:6}
  .current strong{font-size:1.2rem}
  .actions .btn.big{min-height:56px;font-size:1rem}
  .toolbar{gap:10px}
  .toolbar .grp{width:100%}
  .toolbar label{flex:1;justify-content:space-between}
  .live{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:12px}
  .person-photo{font-size:1.2rem}
  .person-photo .status{left:6px;bottom:6px;font-size:.68rem;padding:3px 8px}
  .person-info{padding:9px 10px 10px}
  .person-info h4{font-size:.85rem}
  /* ligne d'un collaborateur : initiales | nom (en entier) + statut dessous | heures */
  .member summary{display:grid;grid-template-columns:36px minmax(0,1fr) auto 14px;grid-template-areas:'av name total plus' 'av pill total plus';gap:4px 10px;align-items:center}
  .member summary .avatar{grid-area:av}
  .member summary .m-name{grid-area:name}
  .member summary .m-name strong{overflow-wrap:normal;word-break:normal}
  .member summary .status{grid-area:pill;justify-self:start;font-size:.72rem;padding:3px 9px}
  .member summary .m-total{grid-area:total;min-width:0;margin-left:0}
  .member summary::after{grid-area:plus}
  .foot-note{font-size:.76rem}

  /* fenêtres : panneau plein écran qui monte du bas */
  dialog{width:100%;max-width:100%;margin:auto 0 0;border-radius:18px 18px 0 0;max-height:92dvh}
  .dlg{max-height:92dvh;padding:18px 16px calc(18px + env(safe-area-inset-bottom,0px))}
  .dlg-actions{flex-direction:column}
  .detail-tiles{grid-template-columns:1fr 1fr}

  .inline-form{padding:14px}
  .inline-form label{flex:1 1 100%}
  .inline-form .btn{width:100%}
  .chat-form{padding:10px}
  .auth-card{padding:24px 20px}
}
/* ventes CB en cartes (téléphone) */
.sale-list{display:grid}
.sale-card{display:grid;gap:4px;width:100%;text-align:left;background:none;border:0;border-bottom:1px solid var(--line-2);padding:12px 14px;cursor:pointer;color:var(--ink)}
.sale-card:last-child{border-bottom:0}
.sale-card:active{background:var(--surface-2)}
.sc-top{display:flex;justify-content:space-between;align-items:baseline;gap:10px}
.sc-top strong{font-size:.95rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sc-top b{font-family:var(--mono);font-weight:600;font-variant-numeric:tabular-nums;white-space:nowrap}
.sc-mid{font-size:.8rem;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sc-bot{display:flex;justify-content:space-between;align-items:center;gap:10px}
.sc-bot small{font-size:.74rem;color:var(--muted)}
/* Résiliation CB : cartes d'agents cliquables */
.kpi-btn{font:inherit;color:inherit;text-align:left;cursor:pointer}
.kpi-btn:hover{border-color:var(--accent)}
.kpi-btn[aria-pressed=true]{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-soft)}
.kpi-warn .big{color:var(--warn)}
.kpi-unit{font-family:var(--body);font-size:.9rem;font-weight:500;color:inherit;opacity:.8}@media (min-width:721px){ .kpis-auto{grid-template-columns:repeat(auto-fit,minmax(135px,1fr))} .kpis-auto .kpi.total{grid-column:span 2} }
.kpi.total.kpi-btn{border:0}
.kpi.total.kpi-btn[aria-pressed=true]{box-shadow:none}
.kpi.total.kpi-btn:hover{filter:brightness(1.12)}
.kpi.total b{color:#f3a54a;font-weight:600}

/* bouton « Retour au CRM » (logo Call Center), responsables */
.crm-btn{display:flex;align-items:center;gap:12px;margin:14px 4px 4px;padding:8px 12px 8px 8px;background:#fff;border-radius:12px;text-decoration:none;color:#16223a;transition:transform .15s,box-shadow .15s}
.crm-btn:hover{box-shadow:0 0 0 3px rgba(243,165,74,.55);transform:translateY(-1px)}
.crm-btn img{width:70px;height:auto;flex-shrink:0}
.crm-btn strong{display:block;font-size:.88rem;font-weight:700}
.crm-btn small{display:block;font-size:.74rem;color:#6c7285}
.crm-mini{display:none}
@media (max-width:900px){
  .crm-mini{display:flex;align-items:center;justify-content:center;margin-left:auto;background:#fff;border:1px solid var(--line);border-radius:10px;padding:3px 6px;min-height:38px}
  .crm-mini[hidden]{display:none!important}
  .crm-mini img{width:44px;height:auto}
}
/* objectifs : barre de progression colorée (rouge → vert) */
.goal{display:block;height:7px;border-radius:999px;background:var(--line-2);overflow:hidden;margin-top:8px}
.goal i{display:block;height:100%;border-radius:999px;width:0;transition:width .4s}
.kpi.total .goal{background:rgba(255,255,255,.18)}
.goal-pct{font-weight:700}
.kpi.total .goal-pct{filter:brightness(1.6)}
.goal-note{margin-top:-4px}
@media (prefers-reduced-motion:reduce){.goal i{transition:none}}
/* suppression d'un compte */
.link-danger{color:var(--bad);justify-self:start}
.del-zone{display:grid;gap:10px;border:1px solid var(--bad-line);background:var(--bad-soft);border-radius:12px;padding:14px}
.del-zone p{font-size:.88rem;color:var(--ink)}
.del-zone label{font-size:.85rem;font-weight:600;color:var(--ink-2)}
/* statut « Départ pointé » : venu aujourd'hui, reparti */
.status.gone{background:var(--accent-soft);color:var(--accent);border-color:transparent}
.person.gone .person-photo{background:var(--accent-soft);color:var(--accent)}

/* source d'une vente : S = Stripe, R = Revolut */
.src-tag{display:inline-grid;place-items:center;width:22px;height:22px;border-radius:6px;font-size:.78rem;font-weight:800;color:#fff;vertical-align:middle}
.src-tag.s{background:var(--c-stripe)}
.src-tag.r{background:var(--c-rev)}
.sales select[data-asg]{min-width:150px}

/* état des postes du standard : rouge en ligne, vert disponible, noir déconnecté */
.pstate{display:inline-flex;align-items:center;gap:6px;font-size:.78rem;font-weight:700;white-space:nowrap}
.pstate i{display:inline-block;width:11px;height:11px;border-radius:3px;flex:none}
.pstate.busy{color:#c62828}.pstate.busy i{background:#d32f2f}
.pstate.free{color:#2e7d32}.pstate.free i{background:#43a047}
.pstate.off{color:var(--muted)}.pstate.off i{background:#1c1f26;box-shadow:0 0 0 1px #555 inset}
.pstate.stale{opacity:.55}
.pstate-sum{display:flex;flex-wrap:wrap;align-items:center;gap:10px 22px;margin:0 0 14px;padding:12px 16px;border-radius:12px;background:var(--surface);border:1px solid var(--line)}
.pstate-sum .pstate{font-size:.9rem}

/* SMS */
.sms-credit{display:flex;flex-direction:column;align-items:flex-end;padding:8px 14px;border-radius:12px;background:var(--surface);border:1px solid var(--line)}
.sms-credit span{font-size:.75rem;color:var(--muted)}.sms-credit strong{font-size:1.25rem}
.sms-credit.low{border-color:#d32f2f}.sms-credit.low strong{color:#c62828}
.sms-form{max-width:640px}.sms-form textarea{width:100%;resize:vertical}
.sms-confirm{margin-top:10px;padding:12px 14px;border-radius:10px;background:var(--surface-2);border:1px solid var(--line)}
.sms-text{max-width:420px;white-space:pre-wrap;word-break:break-word}

/* bouton d'installation de l'appli (menu) */
.install-btn{margin:10px 2px 6px;padding:11px 12px;border-radius:12px;border:1px solid rgba(255,255,255,.18);background:linear-gradient(90deg,#e2792e,#6a2c91);color:#fff;font:inherit;font-weight:700;font-size:.9rem;cursor:pointer;text-align:center}
.install-btn:hover{filter:brightness(1.08)}
.install-btn[hidden]{display:none}

/* ===== Dossiers résiliation ===== */
.dos-stats{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}
.dos-stat{display:flex;flex-direction:column;align-items:flex-start;gap:2px;text-align:left;background:var(--surface);border:1px solid var(--line);border-left:4px solid var(--line);border-radius:12px;padding:10px 14px;cursor:pointer;color:var(--ink);font:inherit;transition:border-color .15s,background .15s}
.dos-stat:hover{background:var(--surface-2)}
.dos-stat span{font-size:.78rem;color:var(--muted)}
.dos-stat strong{font-family:var(--mono);font-size:1.35rem;font-weight:600;font-variant-numeric:tabular-nums}
.dos-stat.warn{border-left-color:var(--warn)} .dos-stat.warn strong{color:var(--warn)}
.dos-stat.acc{border-left-color:var(--accent)} .dos-stat.acc strong{color:var(--accent)}
.dos-stat.ok{border-left-color:var(--ok)} .dos-stat.ok strong{color:var(--ok)}
.dos-stat.bad{border-left-color:var(--bad)}
.dos-stat.off{border-left-color:var(--off)}
.dos-stat[aria-pressed="true"]{background:var(--accent-soft);border-color:var(--accent)}
.dos-box{display:flex;align-items:center;gap:14px;padding:12px 16px;flex-wrap:wrap}
.dos-box-ic{font-size:1.4rem;line-height:1}
.dos-box-txt{flex:1;min-width:220px;display:grid;gap:2px}
.dos-box-txt .note{line-height:1.45}
.dos-box-sub{font-size:.76rem}
.dos-btn-warn{border-color:var(--warn-line);background:var(--warn-soft);color:var(--warn)}
.dos-table td{vertical-align:top;padding-top:12px;padding-bottom:12px}
.dos-date{display:block;font-family:var(--mono);font-size:.86rem;white-space:nowrap}
.dos-ref{display:flex;align-items:center;gap:6px;margin-top:3px;font-family:var(--mono);font-size:.74rem;color:var(--muted);white-space:nowrap}
.dos-src{display:inline-block;border-radius:5px;padding:1px 6px;font-family:var(--body);font-size:.7rem;font-weight:600;background:var(--accent-soft);color:var(--accent);margin-right:6px}
.dos-client{display:block}
.dos-mail{display:block;max-width:240px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.dos-orgs{display:flex;flex-wrap:wrap;gap:4px}
.dos-org{display:inline-block;border:1px solid var(--line);border-radius:999px;padding:1px 9px;font-size:.8rem;background:var(--surface-2);white-space:nowrap}
.dos-table td.amt small{display:block;font-family:var(--body);font-weight:400}
.dos-remb{color:var(--bad);font-size:.78rem}
.dos-envoi{font-size:.85rem;white-space:nowrap}
.dos-mono{font-family:var(--mono);font-size:.82rem}
dialog:has(.dos-fiche){width:min(760px,calc(100% - 24px))}
.dos-fiche{display:grid;gap:14px}
.dos-head{align-items:center}
.dos-head h3{font-size:1.3rem}
.dos-head p{display:flex;align-items:center;gap:0;margin-top:4px}
.dos-head-r{margin-left:auto;display:flex;flex-direction:column;align-items:flex-end;gap:5px}
.dos-amt{font-family:var(--mono);font-size:1.25rem;font-variant-numeric:tabular-nums}
.dos-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.dos-card{background:var(--surface-2);border:1px solid var(--line-2);border-radius:12px;padding:12px 14px}
.dos-card h4{font-size:.72rem;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);font-weight:650;margin-bottom:8px}
.dos-card dl{display:grid;gap:7px;font-size:.88rem}
.dos-card dl>div{display:grid;grid-template-columns:96px 1fr;gap:8px}
.dos-card dt{color:var(--muted)}
.dos-card dd{margin:0;overflow-wrap:anywhere}
.dos-card a{color:var(--ink)}
.dos-docs{display:flex;flex-wrap:wrap;gap:8px}
.dos-doc{display:inline-flex;align-items:center;gap:7px;border:1px solid var(--line);border-radius:10px;padding:7px 12px;font-size:.86rem;font-weight:500;color:var(--ink);text-decoration:none;background:var(--surface)}
.dos-doc:hover{border-color:var(--accent);color:var(--accent)}
.dos-h{font-family:var(--display);font-size:1rem;font-weight:650;margin-top:4px;display:flex;align-items:center;gap:8px}
.dos-contrat{border:1px solid var(--line);border-left:4px solid var(--warn);border-radius:12px;padding:12px 14px;display:grid;gap:7px}
.dos-contrat.is-sent{border-left-color:var(--accent)}
.dos-contrat.is-ok{border-left-color:var(--ok)}
.dos-contrat.is-off{border-left-color:var(--off);opacity:.8}
.dos-c-head{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.dos-c-head strong{font-size:1rem}
.dos-chips{display:flex;flex-wrap:wrap;gap:4px}
.dos-chip{border-radius:6px;padding:1px 7px;font-size:.74rem;background:var(--off-soft);color:var(--off)}
.dos-c-line{font-size:.86rem;margin:0}
.dos-c-line .note{margin-right:6px}
.dos-warn{color:var(--warn);font-weight:600}
.dos-bad{color:var(--bad)}
.dos-lrar{display:flex;gap:10px;align-items:flex-start;background:var(--surface-2);border-radius:10px;padding:8px 10px;font-size:.88rem}
.dos-lrar small{display:block}
.dos-lrar-form{display:grid;grid-template-columns:1fr auto auto;gap:8px}
.dos-lrar-form input{min-width:0}
.dos-c-hint{margin:0;font-size:.76rem}
.dos-rb{display:grid;gap:10px;font-size:.88rem}
.dos-refund summary{cursor:pointer}
@media (max-width:1000px){ .dos-stats{grid-template-columns:repeat(3,minmax(0,1fr))} }
@media (max-width:640px){
  .dos-stats{grid-template-columns:repeat(2,minmax(0,1fr))}
  .dos-cards{grid-template-columns:1fr}
  .dos-lrar-form{grid-template-columns:1fr 1fr}
  .dos-lrar-form input[name=numero]{grid-column:1/-1}
}
/* ---------- Messagerie : BAL AXIO (violet) / BAL CALL CENTER (orange) ---------- */
.g-axio{--mg:#5b2d86;--mg-soft:#f1eaf7;--mg-line:#dccbec;--mg-ink:#fff}
.g-callcenter{--mg:#c45f17;--mg-soft:#fdeedf;--mg-line:#f3cfae;--mg-ink:#fff}
@media (prefers-color-scheme: dark){
  :root:not([data-theme="light"]) .g-axio{--mg:#c29be6;--mg-soft:#2a2140;--mg-line:#45366a;--mg-ink:#1d1030}
  :root:not([data-theme="light"]) .g-callcenter{--mg:#f0a04f;--mg-soft:#36260f;--mg-line:#5a3d18;--mg-ink:#2b1700}
}
:root[data-theme="dark"] .g-axio{--mg:#c29be6;--mg-soft:#2a2140;--mg-line:#45366a;--mg-ink:#1d1030}
:root[data-theme="dark"] .g-callcenter{--mg:#f0a04f;--mg-soft:#36260f;--mg-line:#5a3d18;--mg-ink:#2b1700}
body.wide .wrap{max-width:none}
body.wide .main{padding-bottom:14px}
.mail{display:grid;grid-template-columns:236px minmax(300px,400px) minmax(0,1fr);height:calc(100dvh - 40px);min-height:480px;background:var(--surface);border:1px solid var(--line);border-top:4px solid var(--mg);border-radius:16px;overflow:hidden}
.mail>*{min-width:0;min-height:0}
.mail-boxes{background:var(--surface-2);border-right:1px solid var(--line);overflow-y:auto;padding:12px 10px;display:flex;flex-direction:column;gap:3px}
.mail-new{width:100%;margin-bottom:8px;background:var(--mg);border-color:var(--mg);color:var(--mg-ink)}
.mail-new:hover{background:var(--mg)}
.mg-head{display:flex;justify-content:space-between;align-items:center;gap:8px;margin:12px 0 3px;padding:6px 10px;border-radius:8px;background:var(--mg-soft);color:var(--mg);font-size:.74rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.mg-head b{background:var(--mg);color:var(--mg-ink);border-radius:999px;padding:0 7px;font-size:.72rem;letter-spacing:0}
.mb-acc{display:flex;align-items:center;gap:8px;width:100%;border:0;background:none;padding:8px 10px;border-radius:9px;cursor:pointer;text-align:left;font-size:.88rem;color:var(--ink);border-left:3px solid transparent}
.mb-acc:hover{background:var(--surface)}
.mb-acc.on{background:var(--surface);border-left-color:var(--mg);font-weight:650;box-shadow:var(--shadow)}
.mb-add{color:var(--muted);font-size:.84rem}
.mb-dot{width:8px;height:8px;border-radius:50%;background:var(--ok);flex-shrink:0}
.mb-dot.bad{background:var(--bad)} .mb-dot.wait{background:var(--line)}
.mb-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mb-n{background:var(--mg);color:var(--mg-ink);border-radius:999px;padding:0 7px;font-size:.72rem}
.mf-list{display:flex;flex-direction:column;gap:1px;margin:2px 0 6px 12px;padding-left:6px;border-left:2px solid var(--mg-line)}
.mf{display:flex;align-items:center;gap:7px;border:0;background:none;padding:6px 8px;border-radius:7px;cursor:pointer;text-align:left;font-size:.84rem;color:var(--ink-2);width:100%}
.mf:hover{background:var(--surface)}
.mf.on{background:var(--mg-soft);color:var(--mg);font-weight:650}
.mf.drop{outline:2px dashed var(--mg);background:var(--mg-soft)}
.mf.d1{padding-left:20px} .mf.d2{padding-left:32px} .mf.d3,.mf.d4{padding-left:44px}
.mf-ic{font-size:.85rem;width:1.2em;text-align:center}
.mf-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mf b{font-size:.74rem;color:var(--mg)}
.mf-add{color:var(--muted);font-size:.8rem}
.mf-note{margin:4px 0;font-size:.8rem}
.mail-manage{margin-top:auto;padding-top:14px;justify-content:flex-start}
.mail-list{display:flex;flex-direction:column;border-right:1px solid var(--line)}
.mail-ctx{display:flex;align-items:center;gap:8px;padding:10px 14px;background:var(--mg);color:var(--mg-ink);font-size:.86rem;min-height:44px}
.mail-ctx .ctx-grp{font-weight:800;font-size:.72rem;letter-spacing:.08em;background:rgba(255,255,255,.18);padding:2px 8px;border-radius:6px;white-space:nowrap}
.mail-ctx .ctx-acc{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;opacity:.92}
.mail-ctx strong{white-space:nowrap}
.ctx-sep{opacity:.6}
.mail-tools{display:flex;gap:8px;padding:10px 12px;border-bottom:1px solid var(--line);flex-wrap:wrap;align-items:center}
.mail-tools input[type=search]{flex:1 1 180px;min-width:0;min-height:38px;padding:7px 11px;border:1px solid var(--line);border-radius:9px;background:var(--surface);font-size:.9rem}
.ml-refresh{margin-left:auto;border:0;background:rgba(255,255,255,.18);color:inherit;border-radius:8px;min-width:32px;height:30px;font-size:1.05rem;cursor:pointer}.ml-refresh:hover{background:rgba(255,255,255,.3)}
.ml-rows{flex:1;overflow-y:auto}
.mail-tools .seg button[aria-pressed=true]{background:var(--mg);color:var(--mg-ink)}
.ml-write{display:none;min-height:36px;padding:4px 12px;background:var(--mg);border-color:var(--mg);color:var(--mg-ink)}
.ml-rows>.err-bar,.ml-rows>.loading{margin:12px}
.ml-bulk{position:sticky;top:0;z-index:2;display:flex;gap:6px;align-items:center;flex-wrap:wrap;padding:8px 12px;background:var(--mg-soft);border-bottom:1px solid var(--mg-line);font-size:.84rem}
.ml-bulk .btn{min-height:32px;padding:3px 10px;font-size:.82rem}
.ml-bulk select{min-height:32px;border:1px solid var(--line);border-radius:8px;background:var(--surface);padding:2px 6px;font-size:.82rem;max-width:170px}
.mrow{display:flex;gap:10px;align-items:flex-start;padding:10px 12px 10px 10px;border-bottom:1px solid var(--line-2);cursor:pointer;border-left:3px solid transparent}
.mrow:hover{background:var(--surface-2)}
.mrow.on{background:var(--mg-soft);border-left-color:var(--mg)}
.mrow.sel{background:var(--mg-soft)}
.mrow-ck{margin-top:4px;width:16px;height:16px;accent-color:var(--mg);flex-shrink:0}
.mrow-main{flex:1;min-width:0}
.mrow-top{display:flex;justify-content:space-between;gap:8px;align-items:baseline}
.mrow-from{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.9rem;color:var(--ink-2)}
.mrow-top time{font-size:.76rem;color:var(--muted);white-space:nowrap;font-variant-numeric:tabular-nums}
.mrow-sub{display:flex;gap:5px;font-size:.84rem;color:var(--muted)}
.mrow-sub span:not(.mrow-ans):not(.mrow-att){overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mrow.unseen .mrow-from{font-weight:700;color:var(--ink)}
.mrow.unseen .mrow-sub{color:var(--ink);font-weight:600}
.mrow.unseen{box-shadow:inset 3px 0 0 var(--mg)}
.mrow-ans{color:var(--ok)}
.mrow-star{border:0;background:none;cursor:pointer;font-size:1.05rem;color:var(--line);padding:0 2px;line-height:1.2}
.mrow-star:hover{color:var(--muted)}
.mrow-star.on{color:#e3a008}
.ml-pager{padding:12px}
.ml-count{text-align:center;padding:12px}
.mail-read{overflow-y:auto;padding:16px 20px 28px;display:flex;flex-direction:column;gap:12px}
.mail-none,.mail-welcome{margin:auto}
.mail-welcome .dlg-actions{justify-content:center}
.mw-axio{border-color:#5b2d86;color:#5b2d86} .mw-cc{border-color:#c45f17;color:#c45f17}
@media (prefers-color-scheme: dark){ :root:not([data-theme="light"]) .mw-axio{border-color:#c29be6;color:#c29be6} :root:not([data-theme="light"]) .mw-cc{border-color:#f0a04f;color:#f0a04f} }
:root[data-theme="dark"] .mw-axio{border-color:#c29be6;color:#c29be6} :root[data-theme="dark"] .mw-cc{border-color:#f0a04f;color:#f0a04f}
.mr-bar{display:flex;gap:6px;flex-wrap:wrap;align-items:center}
.mr-bar .btn{min-height:36px;padding:5px 12px;font-size:.85rem}
.mr-bar .btn.primary{background:var(--mg);border-color:var(--mg);color:var(--mg-ink)}
.mr-bar select{min-height:36px;border:1px solid var(--line);border-radius:10px;background:var(--surface);padding:4px 8px;font-size:.85rem;max-width:180px}
.mr-subj{font-family:var(--display);font-size:1.25rem;font-weight:650;overflow-wrap:anywhere}
.mr-meta{display:flex;gap:12px;align-items:flex-start;padding-bottom:12px;border-bottom:1px solid var(--line-2)}
.mr-meta .avatar{background:var(--mg-soft);color:var(--mg)}
.mr-who{flex:1;min-width:0;font-size:.9rem;overflow-wrap:anywhere}
.mr-mail{color:var(--muted);font-size:.84rem}
.mr-to{font-size:.8rem;color:var(--muted)}
.mr-in{color:var(--mg);font-weight:650}
.mr-meta time{font-size:.78rem;color:var(--muted);text-align:right;max-width:150px}
.mr-atts{display:flex;gap:8px;flex-wrap:wrap}
.mr-att{display:inline-flex;gap:6px;align-items:center;border:1px solid var(--line);border-radius:9px;padding:6px 10px;font-size:.84rem;color:var(--ink);text-decoration:none;background:var(--surface-2);max-width:100%}
.mr-att span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mr-att small{color:var(--muted)}
.mr-att:hover{border-color:var(--mg)}
.mr-img{font-size:.84rem;background:var(--warn-soft);border:1px solid var(--warn-line);color:var(--warn);border-radius:10px;padding:8px 12px}
.mr-frame{width:100%;height:240px;border:0;border-radius:8px;background:#fff;flex-shrink:0}
.mr-text{white-space:pre-wrap;overflow-wrap:anywhere;font-size:.92rem;line-height:1.55}
.mr-text a,.mr-att{word-break:break-all}
.mail-back{display:none;border:0;background:none;color:inherit;font-size:.9rem;font-weight:600;cursor:pointer;padding:2px 4px}
.mail-ctx .mail-back{font-size:1.4rem;line-height:1;padding:0 6px 0 0}
.mb-list{color:var(--mg);align-self:flex-start}
/* deux colonnes : la lecture remplace la liste */
@media (max-width:1320px){
  .mail{grid-template-columns:226px minmax(0,1fr)}
  .mail[data-pane=read] .mail-list{display:none}
  .mail:not([data-pane=read]) .mail-read{display:none}
  .mb-list{display:inline-flex}
}
/* téléphone : une colonne à la fois */
@media (max-width:900px){
  .mail{grid-template-columns:minmax(0,1fr);height:calc(100dvh - 74px - env(safe-area-inset-top,0px));border-radius:12px}
  .mail:not([data-pane=boxes]) .mail-boxes{display:none}
  .mail[data-pane=boxes] .mail-list,.mail[data-pane=boxes] .mail-read{display:none}
  .mail-boxes{border-right:0}
  .mb-boxes{display:inline-flex}
  .ml-write{display:inline-flex;margin-left:auto}
  .mail-read{padding:12px 12px 24px}
  .mr-meta time{display:none}
  .mrow{padding:12px 10px}
}
/* fenêtre d'envoi */
dialog.mail-dlg{width:min(780px,calc(100% - 24px))}
.mail-dlg textarea,.ma-form textarea{width:100%;padding:10px 12px;border:1px solid var(--line);border-radius:10px;background:var(--surface);font:inherit;font-size:15px;color:var(--ink);resize:vertical}
.mail-dlg textarea:focus,.ma-form textarea:focus{border-color:var(--accent);outline:none;box-shadow:0 0 0 3px var(--accent-soft)}
.mc-from{display:grid;grid-template-columns:auto 1fr;gap:4px 10px;align-items:center;background:var(--mg-soft);border:1px solid var(--mg-line);border-left:5px solid var(--mg);border-radius:12px;padding:10px 12px}
.mc-from label{grid-column:1/-1;margin:0;color:var(--mg)}
.mc-from select{grid-column:1/-1}
.mc-tag{grid-column:1/-1;justify-self:start;background:var(--mg);color:var(--mg-ink);border-radius:6px;padding:2px 9px;font-size:.72rem;font-weight:800;letter-spacing:.08em}
.mc-cc{justify-self:start}
.mc-atts{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.mc-att{display:inline-flex;gap:6px;align-items:center;border:1px solid var(--line);border-radius:9px;padding:4px 4px 4px 10px;font-size:.84rem;background:var(--surface-2)}
.mc-att small{color:var(--muted)}
.mc-att .x{font-size:1.1rem}
.mc-file{min-height:36px;font-size:.85rem;margin:0}
.mail-dlg .btn.primary{background:var(--mg,var(--accent));border-color:var(--mg,var(--accent))}
/* gestion des boîtes */
.ma-list{display:grid;gap:6px}
.ma-list .mg-head{margin:4px 0 0}
.ma-list .mg-head span:last-child{font-weight:600;letter-spacing:0;text-transform:none;font-size:.78rem}
.ma-item{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:8px 4px;border-bottom:1px solid var(--line-2)}
.ma-item small{display:block;color:var(--muted);font-size:.8rem;overflow-wrap:anywhere}
.ma-bad{color:var(--bad);font-weight:600}
.ma-grp{border:0;padding:0;margin:0;display:grid;grid-template-columns:1fr 1fr;gap:8px}
.ma-grp legend{font-size:.85rem;font-weight:600;color:var(--ink-2);margin-bottom:6px;padding:0}
.ma-g{display:flex!important;gap:9px;align-items:center;border:2px solid var(--line);border-radius:12px;padding:10px 12px;cursor:pointer;margin:0!important}
.ma-g:has(input:checked){border-color:var(--mg);background:var(--mg-soft)}
.form .ma-g input{accent-color:var(--mg);width:18px;height:18px;min-height:0;padding:0;flex:none;margin:0}
.ma-g b{display:block;color:var(--mg);font-size:.85rem}
.ma-g small{display:block;color:var(--muted);font-weight:500;font-size:.76rem}
.ma-adv summary{cursor:pointer;font-size:.85rem;font-weight:600;color:var(--ink-2);padding:4px 0}
.ma-adv[open]{display:grid;gap:6px}
.ma-row{display:grid;grid-template-columns:1fr 100px;gap:8px}
.ma-row>div{display:grid;gap:4px}
.ma-test{list-style:none;margin:0;padding:10px 12px;border-radius:10px;background:var(--surface-2);border:1px solid var(--line);display:grid;gap:4px;font-size:.85rem}
.ma-test .ok{color:var(--ok)} .ma-test .bad{color:var(--bad)}
@media (max-width:520px){ .ma-grp{grid-template-columns:1fr} }
.dos-rouge{font-size:.86rem}
.dos-rouge summary{cursor:pointer;color:var(--muted);font-weight:600;padding:2px 0}
.dos-rouge[open] summary{margin-bottom:8px;color:var(--ink)}
.dos-rouge .dos-lrar-form{grid-template-columns:1fr auto auto}
.dos-rouge .dos-lrar-form select{min-width:0}
.dos-rouge .dos-lrar-form input[name=commande]:not([hidden]){grid-column:1/-1}
.dos-rouge .dos-pj{grid-column:1/-1;display:flex;flex-wrap:wrap;align-items:center;gap:8px}

.dos-impaye{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px;padding:12px 14px;border-radius:12px;background:var(--warn-soft);border:1px solid var(--warn-line)}
.dos-impaye b{color:var(--warn)}
.dos-paiement{flex-basis:100%;border-top:1px solid var(--warn-line);padding-top:8px}
.dos-paiement summary{cursor:pointer}
.dos-pay-form{display:grid;grid-template-columns:auto 1fr;gap:8px;margin-top:8px}
.dos-pay-form .dos-pay-ok,.dos-pay-form>div{grid-column:1/-1}
@media (max-width:640px){.dos-pay-form{grid-template-columns:1fr}}
.lien-list{display:grid;gap:8px}
.lien-item{border:1px solid var(--line);border-radius:12px;padding:10px 12px;display:grid;grid-template-columns:1fr auto;gap:8px 12px;align-items:center;background:var(--surface)}
.lien-item.on{border-color:var(--accent)}
.lien-org{display:flex;align-items:center;gap:12px;min-width:0}
.lien-org img{width:56px;height:34px;object-fit:contain;flex:none}
.lien-mono{width:56px;height:34px;flex:none;display:flex;align-items:center;justify-content:center;border-radius:8px;background:var(--accent-soft);color:var(--accent);font-weight:700}
.lien-org b{display:block}
.lien-url{display:block;font-size:.76rem;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:46ch}
.lien-act{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}
.lien-sms{grid-column:1/-1;display:grid;gap:8px}
.lien-sms textarea{width:100%;font:inherit;padding:8px 10px;border:1px solid var(--line);border-radius:10px;background:var(--surface);color:var(--ink)}
@media (max-width:640px){.lien-item{grid-template-columns:1fr}.lien-act{justify-content:flex-start}}.dos-stats{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}
.dos-declare{background:var(--surface);border:1px solid var(--warn-line);border-radius:10px;padding:10px 12px}
.dos-lrel{display:grid;gap:8px;padding:10px 12px;border:1px solid var(--accent);border-radius:10px;background:var(--accent-soft);margin:2px 0 8px}
.dos-lrel-off{margin:0 0 6px}
.lien-panel{padding:16px 18px}
.lien-q{display:block;width:100%;box-sizing:border-box;font:inherit;font-size:1.05rem;padding:12px 14px;border:1px solid var(--line);border-radius:12px;background:var(--surface);color:var(--ink)}
.lien-q:focus{outline:2px solid var(--accent);outline-offset:1px}
.lien-res{margin-top:12px}
.lien-head{margin:0 0 10px}
.lien-foot{margin:14px 0 0}
.lien-mono{width:46px;height:46px;border-radius:12px;font-size:.95rem}.dos-ta{display:flex;gap:6px;flex-wrap:wrap;margin-top:6px}
.dos-ta select{min-width:0;flex:1}
.ta-desc{max-width:260px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ta-desc small{white-space:nowrap}

/* Ventes CB · TA : colonne Bitrix et transactions Bitrix sans paiement */
.ta-b24{min-width:8rem}
.ta-b24 .tag{margin-top:2px}
.ta-orph{padding:.7rem 1rem;margin-bottom:1rem}
.ta-orph summary{cursor:pointer;list-style:revert}
.ta-orph .table-wrap{margin-top:.6rem}

/* fiche dossier : journal de la page de paiement */
.dos-journal{margin:0 0 12px;padding:8px 12px;border:1px solid var(--line, #e5e1da);border-radius:10px}
.dos-journal summary{cursor:pointer}
.dos-journal ul{margin:8px 0 0;padding-left:18px}
.dos-journal li{margin:4px 0}

.dos-annulee{margin:4px 0 0}

/* Utilisateurs : départements */
.dept-form{display:grid;gap:8px;margin-top:14px;padding:14px 18px 18px;border-top:1px solid var(--line)}
.dept-form h4{margin:0}
.dept-pages{border:1px solid var(--line);border-radius:10px;padding:8px 12px;display:grid;gap:4px}
.dept-pages legend{font-weight:700;padding:0 4px}

/* Appels : tableau compact */
.calls-t th,.calls-t td{padding:8px 10px}
.calls-t th{white-space:nowrap}
.calls-t td.num{white-space:nowrap}
.calls-t .pstate{font-size:.78rem}

/* Appels : cartes par TA (affichage « Cartes ») */
.calls-kpis{margin-bottom:16px}
.calls-kpis .kpi-unit{font-size:.9rem;color:var(--muted)}
.calls-warn{color:#c62828}
.ta-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:14px;padding:16px 18px}
.ta-card{all:unset;box-sizing:border-box;cursor:pointer;display:grid;gap:12px;padding:16px;border-radius:16px;background:var(--surface);border:1px solid var(--line);transition:transform .12s ease,box-shadow .12s ease,border-color .12s ease}
.ta-card:hover{transform:translateY(-2px);box-shadow:0 8px 22px rgba(22,34,58,.10);border-color:var(--accent-soft)}
.ta-card:focus-visible{outline:3px solid var(--accent);outline-offset:2px}
.ta-card.on{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}
.ta-card.idle{opacity:.55}
.ta-card.idle:hover{opacity:.85}
.ta-top{display:flex;align-items:center;gap:10px}
.ta-who{display:grid;min-width:0;flex:1}
.ta-who b{font-size:1rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ta-who small{color:var(--muted);font-size:.76rem}
.ta-top .pstate{align-self:flex-start}
.ta-nums{display:flex;justify-content:space-between;gap:8px}
.ta-nums>span{display:grid;text-align:center;flex:1;padding:8px 4px;border-radius:12px;background:var(--surface-2)}
.ta-nums b{font-family:var(--mono);font-size:1.15rem;font-variant-numeric:tabular-nums}
.ta-nums small{font-size:.7rem;color:var(--muted);text-transform:uppercase;letter-spacing:.04em}
.ta-bar{display:block;height:8px;border-radius:99px;background:var(--surface-2);overflow:hidden}
.ta-bar i{display:block;height:100%;width:0;border-radius:99px;background:linear-gradient(90deg,var(--accent),#b07ad9);transition:width .5s ease}
.ta-foot{color:var(--muted);font-size:.78rem}
/* pastilles d'initiales colorées (une couleur par personne) */
.avatar.av-0{background:#efe6fa;color:#5b2d86}.avatar.av-1{background:#e2f4ea;color:#1c7a56}.avatar.av-2{background:#fdf1dc;color:#9a620f}
.avatar.av-3{background:#e3eefc;color:#1f5fa8}.avatar.av-4{background:#fde8ec;color:#b23a54}.avatar.av-5{background:#e6f6f7;color:#16727a}
@media (prefers-color-scheme: dark){ :root:not([data-theme="light"]) .ta-card:hover{box-shadow:0 8px 22px rgba(0,0,0,.35)} }
@media (max-width:560px){ .ta-cards{padding:12px;grid-template-columns:1fr} }
.ta-nums b{white-space:nowrap}

/* ---------- Accueil ---------- */
.home-hero{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap;padding:26px 28px;margin-bottom:18px;border-radius:20px;color:#fff;
  background:radial-gradient(120% 140% at 100% 0%,#7b45b0 0%,#3a2562 45%,#16223a 100%);box-shadow:0 10px 30px rgba(58,37,98,.25)}
.home-hero .eyebrow{color:#d9c8ef;font-weight:600;letter-spacing:.02em;margin:0 0 4px}.home-hero .eyebrow::first-letter{text-transform:uppercase}
.home-hero h1{font-size:clamp(1.6rem,3.2vw,2.3rem);margin:0;color:#fff}
.home-hero p{margin:6px 0 0;color:#e7defa}
.home-hero .clocks{display:flex;gap:18px}
.home-hero .clock strong{color:#fff}.home-hero .clock span{color:#d9c8ef}
.home-tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:14px;margin-bottom:18px}
.home-tile{all:unset;box-sizing:border-box;cursor:pointer;display:grid;gap:2px;padding:16px 18px;border-radius:16px;background:var(--surface);border:1px solid var(--line);transition:transform .12s ease,box-shadow .12s ease}
.home-tile:hover{transform:translateY(-2px);box-shadow:0 8px 22px rgba(22,34,58,.10)}
.home-tile:focus-visible{outline:3px solid var(--accent);outline-offset:2px}
.ht-i{font-size:1.4rem}.ht-l{font-size:.8rem;color:var(--muted);font-weight:600}
.home-tile b{font-family:var(--mono);font-size:1.6rem;font-variant-numeric:tabular-nums}
.home-tile small{color:var(--muted);font-size:.78rem}
.home-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:18px;margin-bottom:18px}
.home-card{background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:18px 20px;display:grid;gap:14px;align-content:start}
.home-card-h{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap}
.home-card-h h3{margin:0;font-size:1.05rem;display:flex;align-items:center;gap:8px}
.home-day-nums{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.home-day-nums>div{background:var(--surface-2);border-radius:12px;padding:10px 12px;display:grid;gap:2px}
.home-day-nums small{color:var(--muted);font-size:.75rem}.home-day-nums b{font-family:var(--mono);font-size:1.1rem}
.home-actions{display:flex;gap:8px;flex-wrap:wrap}
.home-msgs{display:grid;gap:10px}
.home-msg{display:flex;gap:10px;align-items:flex-start;padding:10px 12px;border-radius:12px;background:var(--surface-2)}
.home-msg.new{background:var(--accent-soft);box-shadow:inset 3px 0 0 var(--accent)}
.home-msg p{margin:2px 0 0;white-space:pre-wrap;word-break:break-word}
.home-msg small{color:var(--muted)}
.home-chat>.btn{justify-self:start}
.home-links{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:10px}
.home-link{all:unset;box-sizing:border-box;cursor:pointer;display:flex;align-items:center;gap:10px;padding:12px 14px;border-radius:12px;background:var(--surface-2);border:1px solid transparent;font-weight:600;color:var(--ink-2)}
.home-link:hover{border-color:var(--accent);color:var(--accent)}
.home-link:focus-visible{outline:3px solid var(--accent);outline-offset:2px}
@media (max-width:820px){ .home-grid{grid-template-columns:1fr} .home-hero{padding:20px} .home-day-nums{grid-template-columns:1fr 1fr 1fr} }

/* ---------- Tchat : bulle d'alerte ---------- */
.chat-pop{position:fixed;right:20px;bottom:20px;z-index:60;display:flex;gap:12px;align-items:flex-start;max-width:min(380px,calc(100vw - 32px));padding:14px 16px;border-radius:16px;
  background:var(--surface);border:1px solid var(--accent);box-shadow:0 14px 40px rgba(22,34,58,.25)}
.chat-pop[hidden]{display:none}
.chat-pop.show{animation:pop-in .35s cubic-bezier(.2,1.4,.4,1)}
.chat-pop p{margin:4px 0 10px;white-space:pre-wrap;word-break:break-word}
.chat-pop small{color:var(--muted)}
@keyframes pop-in{from{transform:translateY(20px) scale(.96);opacity:0}to{transform:none;opacity:1}}
@media (prefers-reduced-motion:reduce){ .chat-pop.show{animation:none} .home-tile,.home-tile:hover{transition:none;transform:none} }
@media (max-width:560px){ .chat-pop{right:16px;left:16px;bottom:16px;max-width:none} }
/* badge du tchat dans le menu : petite pulsation quand il y a du nouveau */
.nav-item[data-view="chat"] .nav-badge{animation:pulse 1.8s ease-in-out infinite}
@keyframes pulse{0%,100%{box-shadow:0 0 0 0 rgba(198,40,40,.45)}50%{box-shadow:0 0 0 6px rgba(198,40,40,0)}}
@media (prefers-reduced-motion:reduce){ .nav-item[data-view="chat"] .nav-badge{animation:none} }

/* Tchat : messages des responsables (importants) */
.boss-tag{display:inline-block;font-size:.7rem;font-weight:700;color:#9a3412;background:#ffedd5;border-radius:99px;padding:1px 8px;margin:0 2px;vertical-align:1px}
.msg.boss .bubble{border-color:#fb923c;box-shadow:inset 3px 0 0 #f97316}
.home-msg.boss{box-shadow:inset 3px 0 0 #f97316}
.chat-pop.boss{border:2px solid #f97316;box-shadow:0 14px 40px rgba(249,115,22,.30)}
.chat-pop.boss .boss-tag{display:block;width:max-content;margin:0 0 4px}
@media (prefers-color-scheme: dark){ :root:not([data-theme="light"]) .boss-tag{background:#4a2a12;color:#fdba74} }

/* ---------- Tchat : nouvelle mise en page ---------- */
.chat{grid-template-rows:auto minmax(0,1fr) auto auto;height:calc(100vh - 240px);min-height:460px;max-height:none}
.chat-list{padding:16px 22px 22px;gap:0;background:linear-gradient(180deg,var(--surface) 0%,var(--surface-2) 100%)}
.msg{display:grid;grid-template-columns:34px minmax(0,1fr);gap:0 10px;max-width:min(720px,88%);position:relative;margin-top:14px;align-items:start}
.msg.cont{margin-top:3px}
.msg.mine{align-self:flex-end;grid-template-columns:minmax(0,1fr);justify-items:end}
.msg .avatar{width:34px;height:34px;border-radius:50%;font-size:.72rem}
.msg .avatar.ghost{visibility:hidden;height:0}
.msg-body{display:grid;gap:3px;min-width:0}
.msg.mine .msg-body{justify-items:end}
.msg .who{font-size:.76rem;color:var(--muted)}
.msg .bubble{border-radius:4px 16px 16px 16px;padding:9px 14px;box-shadow:0 1px 2px rgba(22,34,58,.06);background:var(--surface);line-height:1.45}
.msg.cont .bubble{border-radius:16px}
.msg.mine .bubble{border-radius:16px 4px 16px 16px;background:linear-gradient(135deg,var(--accent),#7b45b0);border:0;color:#fff}
.msg.mine.cont .bubble{border-radius:16px}
.msg .bubble a{color:inherit;text-decoration:underline;word-break:break-all}
.msg-meta{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin-top:2px}
.msg.mine .msg-meta{justify-content:flex-end}
.react{all:unset;box-sizing:border-box;cursor:pointer;font-size:.8rem;line-height:1.2;padding:3px 9px;border-radius:99px;background:var(--surface);border:1px solid var(--line);transition:transform .1s}
.react:hover{transform:scale(1.06)}
.react.mine{border-color:var(--accent);background:var(--accent-soft);color:var(--accent);font-weight:700}
.react:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.msg-seen{font-size:.72rem;color:var(--muted);cursor:help}
.msg-seen.all{color:var(--ok);font-weight:600}
.msg-tools{position:absolute;top:-16px;right:6px;display:none;gap:1px;padding:3px;border-radius:99px;background:var(--surface);border:1px solid var(--line);box-shadow:0 6px 18px rgba(22,34,58,.14);z-index:3}
.msg.mine .msg-tools{right:auto;left:6px}
.msg:hover .msg-tools,.msg:focus-within .msg-tools,.msg.tools-on .msg-tools{display:flex}
.msg-tools button{all:unset;box-sizing:border-box;cursor:pointer;font-size:1rem;width:30px;height:30px;display:grid;place-items:center;border-radius:50%;transition:transform .1s,background .1s}
.msg-tools button:hover{background:var(--surface-2);transform:scale(1.2)}
.msg-tools button:focus-visible{outline:2px solid var(--accent)}
.msg.pinned .bubble{box-shadow:0 0 0 2px #fbbf24}
.msg.flash .bubble{animation:flash-msg 1.6s ease}
@keyframes flash-msg{0%,60%{box-shadow:0 0 0 4px #fbbf24}100%{box-shadow:none}}
.chat-day{margin:18px 0 4px;font-weight:600}
.chat-new{display:flex;align-items:center;gap:10px;margin:16px 0 0;color:#c62828;font-size:.74rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em}
.chat-new::before,.chat-new::after{content:"";flex:1;height:1px;background:#ef9a9a}
.chat-pins{display:grid;gap:8px;padding:10px 18px;border-bottom:1px solid var(--line-2);background:#fffbeb}
.chat-pin{display:flex;gap:10px;align-items:flex-start}
.chat-pin>div{flex:1;min-width:0}
.chat-pin p{margin:0;font-weight:600;white-space:pre-wrap;overflow-wrap:anywhere}
.chat-pin small{color:var(--muted);font-size:.74rem}
.pin-i{font-size:1.1rem}
.chat-form{align-items:flex-end}
.chat-form textarea{border-radius:22px;padding:11px 16px;min-height:46px;max-height:160px;line-height:1.4}
.chat-send{border-radius:22px;min-height:46px;padding:0 20px}
.chat-hint{margin:0;padding:0 18px 10px;font-size:.72rem;color:var(--muted)}
/* accueil : messages épinglés « À retenir » */
.home-pins{display:grid;gap:10px;margin-bottom:18px}
.home-pin{display:flex;gap:12px;align-items:flex-start;padding:14px 18px;border-radius:16px;background:#fffbeb;border:1px solid #fde68a}
.home-pin>div{flex:1;min-width:0}
.home-pin p{margin:0;font-weight:600;white-space:pre-wrap;overflow-wrap:anywhere}
.home-pin small{color:var(--muted)}
@media (prefers-color-scheme: dark){ :root:not([data-theme="light"]) .chat-pins,:root:not([data-theme="light"]) .home-pin{background:#2b2410;border-color:#5b4a14} }
@media (max-width:820px){ .chat{height:calc(100vh - 200px)} .chat-list{padding:12px} .msg{max-width:96%} .chat-hint{display:none} }
@media (prefers-reduced-motion:reduce){ .msg.flash .bubble{animation:none} .react,.msg-tools button{transition:none} }

/* ---------- Ventes CB · TA : cartes ---------- */
.sale-rank{gap:8px}
.rank{width:26px;text-align:center;font-size:1.35rem;flex:none}
.rank-n{display:inline-grid;place-items:center;width:24px;height:24px;border-radius:50%;background:var(--surface-2);color:var(--muted);font-size:.78rem;font-weight:700}
.sale-amt{font-family:var(--mono);font-size:1.5rem;font-weight:600;font-variant-numeric:tabular-nums}
.goal-ok{font-size:.72rem;font-weight:700;color:var(--ok);background:var(--ok-soft);border-radius:99px;padding:2px 8px;white-space:nowrap}
.sale-rank .goal{margin-top:0}
.tsale-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:14px;padding:16px 18px}
.tsale-card{display:grid;gap:8px;align-content:start;padding:14px 16px;border-radius:16px;background:var(--surface);border:1px solid var(--line);box-shadow:0 1px 2px rgba(22,34,58,.05)}
.tsale-card.todo{border-color:var(--warn-line);background:linear-gradient(180deg,var(--warn-soft),var(--surface) 60%)}
.tsale-card.ecart{box-shadow:inset 3px 0 0 #f97316}
.sale-top{display:flex;align-items:center;gap:8px}
.sale-top .sale-amt{margin-left:auto;font-size:1.2rem}
.sale-client{display:grid}
.sale-client b{font-size:1rem}
.sale-client small{color:var(--muted);font-size:.78rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sale-desc{font-size:.84rem;color:var(--ink-2)}
.sale-b24{font-size:.8rem;display:flex;flex-wrap:wrap;gap:4px 6px;align-items:center}
.sale-asg{display:flex;align-items:center;gap:8px;padding-top:8px;border-top:1px dashed var(--line);flex-wrap:wrap}
.sale-asg select{flex:1;min-width:0}
.sale-asg .avatar{width:28px;height:28px;border-radius:50%;font-size:.68rem}
.sale-asg .btn.go{flex:1}
/* TA : carte « Mon cumul » */
.my-sales{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:14px;margin-bottom:16px}
.my-sales-main{display:grid;gap:4px;padding:22px 24px;border-radius:18px;color:#fff;background:radial-gradient(120% 140% at 100% 0%,#7b45b0 0%,#3a2562 50%,#16223a 100%)}
.my-sales-main .lbl{color:#d9c8ef;font-weight:600;font-size:.85rem}
.my-sales-main .big{font-family:var(--mono);font-size:2.4rem;font-weight:600}
.my-sales-main small{color:#d9c8ef}
.my-sales-main .goal{background:rgba(255,255,255,.18);height:10px}
.my-goal{margin:6px 0 0;font-weight:600}
@media (max-width:820px){ .my-sales{grid-template-columns:1fr} .tsale-cards{padding:12px;grid-template-columns:1fr} }

.kpi.total.kpi-btn[aria-pressed=true]{box-shadow:0 0 0 3px var(--accent-soft)}
.kpi.total.kpi-btn:hover{filter:brightness(1.12)}
.my-sales-main.kpi-btn{cursor:pointer}
.kpi.total small b{color:#fff}
.ta-foot b{color:var(--ink-2)}

/* ---------- Dossiers résiliation : cartes ---------- */
.dos-stats{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}
.dos-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:14px;padding:16px 18px}
.dos-card{all:unset;box-sizing:border-box;cursor:pointer;display:grid;gap:10px;align-content:start;padding:14px 16px;border-radius:16px;background:var(--surface);border:1px solid var(--line);border-left:5px solid var(--line);transition:transform .12s ease,box-shadow .12s ease}
.dos-card:hover{transform:translateY(-2px);box-shadow:0 8px 22px rgba(22,34,58,.10)}
.dos-card:focus-visible{outline:3px solid var(--accent);outline-offset:2px}
.dos-card.etat-a_envoyer{border-left-color:var(--warn)}
.dos-card.etat-envoye{border-left-color:var(--accent)}
.dos-card.etat-distribue{border-left-color:var(--ok)}
.dos-card.etat-paiement_a_valider,.dos-card.etat-attente_acte{border-left-color:var(--bad)}
.dos-card.etat-attente_paiement{border-left-color:#94a3b8}
.dos-card.etat-rembourse,.dos-card.etat-annulee,.dos-card.etat-ecarte{border-left-color:#cbd5e1;opacity:.7}
.dc-top{display:flex;align-items:center;gap:8px}
.dc-amt{margin-left:auto;font-family:var(--mono);font-size:1.1rem;font-variant-numeric:tabular-nums}
.dc-client{display:grid}
.dc-client b{font-size:1.02rem}
.dc-client small{color:var(--muted);font-size:.78rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.dc-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;position:relative}
.dc-step{display:grid;justify-items:center;text-align:center;gap:2px;padding:8px 4px;border-radius:12px;background:var(--surface-2);color:var(--muted)}
.dc-step i{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;border:2px solid var(--line);font-style:normal;font-size:.75rem;font-weight:800;background:var(--surface)}
.dc-step b{font-size:.78rem}
.dc-step small{font-size:.7rem}
.dc-step.ok{background:var(--ok-soft);color:var(--ok)}
.dc-step.ok i{background:var(--ok);border-color:var(--ok);color:#fff}
.dc-step.part{background:var(--warn-soft);color:var(--warn)}
.dc-step.part i{border-color:var(--warn);color:var(--warn)}
.dc-foot{font-size:.76rem;color:var(--muted);display:flex;flex-wrap:wrap;align-items:center;gap:4px}
@media (max-width:820px){ .dos-cards{padding:12px;grid-template-columns:1fr} }
@media (prefers-reduced-motion:reduce){ .dos-card,.dos-card:hover{transition:none;transform:none} }

/* notes explicatives : toute la largeur (moins de lignes) */
.foot-note{max-width:none}
.panel>.foot-note{margin:0;padding:4px 18px 16px}

/* ---------- Badgeuse : compteurs et cartes compactes ---------- */
.bkpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px}
.bkpi{padding:14px 16px}
.bkpi .big{font-size:1.6rem}
.bkpi.ok .big{color:var(--ok)}.bkpi.warn .big{color:var(--warn)}.bkpi.acc .big{color:var(--accent)}.bkpi.bad .big{color:var(--bad)}
.bcards{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px;padding:16px 18px 18px}
.bcard{display:grid;gap:10px;align-content:start;padding:14px 16px;border-radius:16px;background:var(--surface);border:1px solid var(--line);border-left:5px solid var(--line)}
.bcard.working{border-left-color:var(--ok)}
.bcard.break{border-left-color:var(--warn);background:linear-gradient(180deg,var(--warn-soft),var(--surface) 70%)}
.bcard.incomplete{border-left-color:var(--bad)}
.bcard.gone{border-left-color:var(--accent)}
.bcard.off{opacity:.62}
.bcard.inactive{opacity:.45}
.bc-top{display:flex;align-items:center;gap:10px}
.bc-av{position:relative;flex:none;width:52px;height:52px;border-radius:50%;display:grid;place-items:center;font-weight:700;overflow:hidden}
.bc-av img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.bc-av.ph{box-shadow:0 0 0 3px var(--ok-line)}
.bc-who{display:grid;min-width:0;flex:1}
.bc-who b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.bc-who small{color:var(--muted);font-size:.76rem}
.bc-top .status{font-size:.72rem;padding:3px 9px}
.bc-nums{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}
.bc-nums>div{display:grid;gap:1px;padding:7px 8px;border-radius:10px;background:var(--surface-2)}
.bc-nums small{font-size:.7rem;color:var(--muted)}
.bc-nums b{font-family:var(--mono);font-size:.95rem;font-variant-numeric:tabular-nums}
.bc-line{margin:0;font-size:.84rem;color:var(--muted)}
.bc-line b{color:var(--ink);font-family:var(--mono)}
.bc-warn{margin:0;font-size:.78rem;color:var(--bad);font-weight:600}
.bc-link{justify-self:start;font-size:.82rem}
@media (max-width:560px){ .bcards{padding:12px;grid-template-columns:1fr} .bkpis{grid-template-columns:repeat(2,1fr)} }

/* ---------- Chiffre d'affaires : objectif du mois, période, courbes ---------- */
.ca-hero{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:14px;margin-bottom:16px}
.ca-hero-main{display:grid;gap:6px;align-content:start;padding:22px 24px;border-radius:20px;color:#fff;background:radial-gradient(120% 140% at 100% 0%,#7b45b0 0%,#3a2562 50%,#16223a 100%);box-shadow:0 10px 30px rgba(58,37,98,.22)}
.ca-hero-main .lbl{color:#d9c8ef;font-weight:600;font-size:.88rem}
.ca-hero-main .big{font-family:var(--mono);font-size:clamp(2rem,4vw,2.8rem);font-weight:600;line-height:1.1}
.ca-goal{height:12px;background:rgba(255,255,255,.18);margin-top:6px}
.ca-goal-txt{color:#e7defa;font-size:.92rem}
.ca-goal-txt b{color:#fff;font-size:1.05rem}
.ca-obj-btn{justify-self:start;margin-top:6px;background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.3);color:#fff}
.ca-obj-btn:hover{background:rgba(255,255,255,.22)}
.ca-hero-side{display:grid;gap:10px}
.ca-hero-side>div{display:grid;gap:2px;padding:14px 16px;border-radius:16px;background:var(--surface);border:1px solid var(--line)}
.ca-hero-side small{color:var(--muted);font-weight:600;font-size:.8rem}
.ca-hero-side b{font-family:var(--mono);font-size:1.35rem;font-variant-numeric:tabular-nums}
.ca-up{color:var(--ok)}.ca-down{color:var(--bad)}
.legend .lg-cur::before,.legend .lg-prev::before,.legend .lg-obj::before{content:"";display:inline-block;width:18px;height:0;margin-right:6px;vertical-align:middle;border-top:3px solid var(--accent)}
.legend .lg-prev::before{border-top:2px dashed var(--muted)}
.legend .lg-obj::before{border-top:2px dotted var(--ok)}
.chart-wrap circle[data-tip],.chart-wrap rect[data-tip]{cursor:pointer}
@media (max-width:820px){ .ca-hero{grid-template-columns:1fr} }

/* Appels : répartition AXIO / autres clients du standard */
.ta-split{display:flex;flex-wrap:wrap;gap:6px}
.ta-split>span{font-size:.72rem;font-weight:600;border-radius:99px;padding:2px 9px}
.sp-axio{background:var(--ok-soft);color:var(--ok)}
.sp-autres{background:var(--warn-soft);color:var(--warn)}
.sp-direct{background:var(--surface-2);color:var(--muted)}

/* Appels (onglet d'un département) : répartition du temps AXIO / autres clients / direct */
.rep{padding-bottom:16px}
.rep-bar{display:flex;height:18px;margin:4px 20px 12px;border-radius:99px;overflow:hidden;background:var(--surface-2)}
.rep-bar i{display:block;height:100%;width:0;transition:width .5s ease}
.rb-axio{background:var(--ok)}.rb-autres{background:#f59e0b}.rb-direct{background:#94a3b8}
.rep-legend{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px;padding:0 20px}
.rep-item{display:grid;gap:2px;padding:10px 12px;border-radius:12px;background:var(--surface-2);border-left:4px solid var(--line)}
.rep-item.axio{border-left-color:var(--ok)}.rep-item.autres{border-left-color:#f59e0b}.rep-item.direct{border-left-color:#94a3b8}
.rep-item span{font-size:.82rem;color:var(--muted)}
.rep-item strong{color:var(--ink)}

/* Ikacom : contrôle des minutes payées */
.ika-ctrl-kpis{padding:0 18px 14px}
.kpi.ika-bad{border-color:var(--bad);background:var(--bad-soft)}.kpi.ika-bad .big{color:var(--bad)}
.kpi.ika-ok .big{color:var(--ok)}
.ika-row-bad td{background:var(--bad-soft)}
.ika-neg{color:var(--bad)}.ika-pos{color:var(--ok)}
.rep-warn{margin:0 20px 10px;padding:8px 12px;border-radius:10px;background:var(--warn-soft);color:var(--warn)}

/* Accueil : carte « Guide TA Résiliation » */
.home-guide{display:flex;align-items:center;gap:14px;margin:0 0 16px;padding:14px 18px;border-radius:16px;background:var(--surface);border:1px solid var(--line);border-left:5px solid var(--accent);color:inherit;text-decoration:none;transition:transform .12s ease,box-shadow .12s ease}
.home-guide:hover{transform:translateY(-2px);box-shadow:0 8px 22px rgba(22,34,58,.10)}
.home-guide:focus-visible{outline:3px solid var(--accent);outline-offset:2px}
.home-guide .hg-i{font-size:1.8rem;line-height:1}
.home-guide .hg-t{display:grid;gap:2px;flex:1;min-width:0}
.home-guide .hg-t small{color:var(--muted)}
.home-guide .hg-go{font-weight:700;color:var(--accent);white-space:nowrap}

/* Présences & absences : grille du mois (une case par jour ouvré) */
.month-nav button[disabled]{color:var(--ink);font-weight:700;cursor:default;text-transform:capitalize;min-width:9.5em}
.pres-wrap{overflow-x:auto}
.pres-grid{border-collapse:separate;border-spacing:2px;font-size:.8rem;min-width:100%}
.pres-grid th{font-weight:600;color:var(--muted);text-align:center;padding:2px;white-space:nowrap}
.pres-grid thead th small{display:block;font-weight:400;font-size:.68rem;text-transform:uppercase}
.pres-grid th.today{color:var(--accent)}
.pres-grid .pres-who{text-align:left;position:sticky;left:0;background:var(--surface);z-index:1;padding-right:10px;min-width:140px}
.pres-grid .pres-who b{display:block;color:var(--ink)} .pres-grid .pres-who small{color:var(--muted);font-weight:400}
.pres-grid td{padding:0;text-align:center}
.pres-grid td.num{padding:0 8px;white-space:nowrap;font-variant-numeric:tabular-nums}
.pres-dep th{text-align:left !important;padding:10px 4px 4px !important;color:var(--accent) !important;text-transform:uppercase;letter-spacing:.06em;font-size:.72rem}
.pc{all:unset;box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;min-width:30px;height:28px;padding:0 3px;border-radius:7px;font:600 .74rem/1 var(--mono);cursor:pointer;background:var(--surface-2);color:var(--muted);border:1px solid var(--line-2)}
.pc:focus-visible{outline:2px solid var(--accent);outline-offset:1px}
.pc.today{box-shadow:0 0 0 2px var(--accent)}
.pc.s-present{background:var(--ok-soft);color:var(--ok);border-color:var(--ok-line)}
.pc.s-retard{background:var(--warn-soft);color:var(--warn);border-color:var(--warn-line)}
.pc.s-absence{background:var(--accent-soft);color:var(--accent);border-color:transparent}
.pc.s-nj,.pc.s-nonarrive{background:var(--bad-soft);color:var(--bad);border-color:var(--bad-line)}
.pc.s-futur,.pc.s-vide,.pc.s-attendu{background:transparent}
.pres-legend{display:flex;flex-wrap:wrap;align-items:center;gap:6px 8px;margin-top:12px;font-size:.78rem;color:var(--muted)}
.pres-legend .pc{cursor:default;min-width:26px;height:22px}
.pres-hor-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:8px;margin-top:12px}
.pres-hor-row{display:flex;align-items:center;gap:8px}
.pres-hor-row span{flex:1;min-width:0}
.pres-reg{display:flex;flex-wrap:wrap;align-items:end;gap:12px;margin-top:14px;padding-top:12px;border-top:1px solid var(--line-2)}
.pres-reg label{display:grid;gap:4px;font-size:.82rem;color:var(--muted)}
.pres-detail{display:flex;gap:12px;align-items:center;margin:4px 0 12px}
.pres-detail .pc{min-width:44px;height:38px;font-size:.9rem;cursor:default}
.pres-form{display:grid;gap:10px;margin-top:12px;padding-top:12px;border-top:1px solid var(--line-2)}
.pres-form h4{margin:0}
.pres-form label{display:grid;gap:4px;font-size:.85rem;color:var(--muted)}
.pres-form input,.pres-form select,.prim-form input,.prim-form select{font:inherit;padding:8px 10px;border:1px solid var(--line);border-radius:9px;background:var(--surface);color:var(--ink)}
.pres-dates{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.pres-abs-cur{margin:0;padding:10px 12px;border-radius:10px;background:var(--accent-soft)}

/* Primes */
.prim-tab .prim-row{cursor:pointer}
.prim-tab .prim-row:hover,.prim-tab .prim-row.on{background:var(--accent-soft)}
.prim-det > td{background:var(--surface-2);padding:12px !important}
.prime-ok{color:var(--ok)}
.prim-h{margin:14px 0 6px}
.prim-man{margin:0;padding-left:18px;display:grid;gap:4px}
.prim-form{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:10px;align-items:end;margin-top:10px}
.prim-form label{display:grid;gap:4px;font-size:.85rem;color:var(--muted)}
.prim-form .wide{grid-column:1/-1}
.pres-grid th,.pres-grid th small{text-transform:none;letter-spacing:0}
.pres-grid thead th small{text-transform:uppercase}

/* Présences saisies (oubli de pointer), heures en menu, clôture des primes */
.pc.man{border-style:dashed;border-color:var(--ok)}
.pres-hor-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;padding:6px 10px;border-radius:10px;background:var(--surface-2)}
.pres-hor-row select,.pres-reg select{font:inherit;padding:6px 8px;border:1px solid var(--line);border-radius:8px;background:var(--surface);color:var(--ink)}
.prim-clos{display:flex;align-items:center;gap:12px;margin:0 0 14px;padding:12px 16px;border-radius:14px;background:var(--ok-soft);border:1px solid var(--ok-line)}
.prim-clos.open{background:var(--warn-soft);border-color:var(--warn-line)}
.prim-clos > span{font-size:1.4rem}
.prim-clos > div{flex:1;min-width:0}
.prim-ecart{color:var(--warn);font-weight:600}

/* Alerte « pas encore arrivé » (responsables) */
.home-arr{display:flex;align-items:flex-start;gap:14px;margin:0 0 16px;padding:14px 18px;border-radius:16px;background:var(--bad-soft);border:1px solid var(--bad-line)}
.home-arr .ha-i{font-size:1.6rem;line-height:1}
.home-arr > div{flex:1;min-width:0}
.home-arr b{color:var(--bad)}
.home-arr ul{margin:4px 0 0;padding-left:18px}
.arr-pop .arr-pop-i{font-size:1.6rem;line-height:1}
.arr-pop p{margin:4px 0 0}

/* Mon planning (collaborateurs) et demandes d'absence */
.pl-start{margin:-4px 0 14px}
.pl-cal{width:100%;border-collapse:separate;border-spacing:6px;table-layout:fixed}
.pl-cal th{font-size:.75rem;color:var(--muted);font-weight:600;text-align:left;padding:0 4px}
.pl-day{vertical-align:top;height:74px;padding:8px;border-radius:12px;background:var(--surface-2);border:1px solid var(--line-2);font-size:.78rem}
.pl-day b{display:block;font-family:var(--mono);font-size:.95rem;margin-bottom:3px;color:var(--ink)}
.pl-day span{display:block;line-height:1.3}
.pl-day.s-present{background:var(--ok-soft);border-color:var(--ok-line);color:var(--ok)}
.pl-day.s-retard{background:var(--warn-soft);border-color:var(--warn-line);color:var(--warn)}
.pl-day.s-absence{background:var(--accent-soft);border-color:transparent;color:var(--accent)}
.pl-day.s-nj,.pl-day.s-nonarrive{background:var(--bad-soft);border-color:var(--bad-line);color:var(--bad)}
.pl-day.today{box-shadow:0 0 0 2px var(--accent)}
.pl-day.pl-dem{border-style:dashed;border-color:var(--warn)}
.pl-att{display:block;margin-top:4px;color:var(--warn);font-weight:600}
.pl-out{background:transparent}
@media (max-width:720px){ .pl-cal{border-spacing:3px} .pl-day{height:auto;min-height:56px;padding:5px;font-size:.68rem} }
.dem-list{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.dem-list li{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:12px;background:var(--surface-2);border:1px solid var(--line-2)}
.dem-list li > div{flex:1;min-width:0}
.dem-panel{border-left:4px solid var(--warn)}
.home-dem{background:var(--warn-soft);border-color:var(--warn-line)}
.home-dem b{color:var(--warn)}

/* Rapport mensuel Ikacom */
.ika-rapport{display:grid;gap:10px;margin:0 0 14px;padding:12px 14px;border-radius:12px;background:var(--accent-soft)}
.ika-rapport .grp{flex-wrap:wrap;gap:8px}
.ika-rapport select,.ika-rapport input{font:inherit;padding:6px 8px;border:1px solid var(--line);border-radius:8px;background:var(--surface);color:var(--ink)}
.ika-rapport-auto{display:flex;flex-wrap:wrap;align-items:end;gap:8px}
.ika-rapport-auto label{display:grid;gap:4px;font-size:.82rem;color:var(--muted);flex:1;min-width:240px}

/* Paiement Revolut retrouvé automatiquement (fiche dossier) */
.rv-found{flex-basis:100%;display:grid;gap:8px;margin-top:8px;padding:10px 12px;border-radius:10px;background:var(--ok-soft);border:1px solid var(--ok-line)}
.rv-cand{display:flex;align-items:center;gap:10px;justify-content:space-between;padding:8px 10px;border-radius:8px;background:var(--surface)}
.rv-cand > div{flex:1;min-width:0}
.rv-why{display:flex;flex-wrap:wrap;gap:4px;margin-top:4px}
.rv-check{margin:6px 0 0;font-size:.85rem}
.rv-check.ok{color:var(--ok)}
.rv-check.bad{color:var(--bad);font-weight:600}

/* Taux de transformation par TA */
.tx-pct{display:grid;gap:3px;min-width:90px}
.tx-bar{display:block;height:6px;border-radius:4px;background:var(--line-2);overflow:hidden}
.tx-bar i{display:block;height:100%;background:var(--accent);border-radius:4px}
.tx-tab tr.tx-idle td{opacity:.55}
.tx-tab tr.tx-tot td{border-top:2px solid var(--line);background:var(--surface-2)}
.tx-funnel{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.tx-funnel > div{flex:1;min-width:150px;display:grid;gap:2px;padding:12px 14px;border-radius:12px;background:var(--surface-2);border:1px solid var(--line-2)}
.tx-funnel > div span{font-size:.8rem;color:var(--muted)}
.tx-funnel > div b{font:700 1.6rem/1.1 var(--mono)}
.tx-funnel > div small{color:var(--muted)}
.tx-funnel > div.ok{background:var(--ok-soft);border-color:var(--ok-line)}
.tx-funnel > i{font-style:normal;color:var(--muted);font-size:1.2rem}
.tx-sum{margin:12px 0 0}

/* Lot d'envoi du jour (outil AXIO-Recommandes) */
.lot-actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin:4px 0 8px}
.lot-etapes{margin:6px 0 10px;padding-left:20px}
.lot-list{margin:0;padding-left:22px;display:grid;gap:6px}
.lot-list li{padding:6px 8px;border-radius:8px;background:var(--surface-2)}
.lot-bad li{background:var(--warn-soft)}
.lot-mark{color:var(--accent);font-weight:600}

/* Modification de l'adresse du destinataire */
.dos-adr-form{display:grid;gap:8px;margin:6px 0 10px;padding:10px 12px;border-radius:10px;background:var(--accent-soft)}
.dos-adr-form textarea{font:inherit;width:100%;padding:8px 10px;border:1px solid var(--line);border-radius:8px;background:var(--surface);color:var(--ink);resize:vertical}

/* Ne pas envoyer */
.lot-list li{display:flex;align-items:flex-start;gap:10px;justify-content:space-between}
.lot-li{flex:1;min-width:0}
.lot-npe{white-space:nowrap;color:var(--bad)}
.dos-npe{color:var(--bad);font-weight:600}

/* Adresse du client vérifiée (site) */
.adr-v.ok{color:var(--ok)}
.adr-v.warn{color:var(--warn);font-weight:600}

/* Rappel du lot d'envoi et alertes courriers (Accueil) */
.home-env{display:grid;gap:10px;margin:0 0 16px;padding:14px 18px;border-radius:16px;background:var(--accent-soft);border:1px solid var(--line)}
.home-env .he-main{display:flex;align-items:center;gap:14px}
.home-env .he-main > div{flex:1;min-width:0}
.home-env .he-warn{color:var(--warn);font-weight:600}
.he-alertes{display:flex;flex-wrap:wrap;gap:8px}
.he-al{all:unset;cursor:pointer;padding:6px 12px;border-radius:999px;background:var(--bad-soft);color:var(--bad);border:1px solid var(--bad-line);font-size:.86rem}
.he-al:hover,.he-al:focus-visible{outline:2px solid var(--bad);outline-offset:1px}

/* Rentabilité */
.renta-tab .renta-row{cursor:pointer}
.renta-tab .renta-row:hover,.renta-tab .renta-row.on{background:var(--accent-soft)}
.renta-neg{color:var(--bad)}
.renta-bar{display:block;height:5px;margin-top:4px;border-radius:3px;background:var(--line-2);overflow:hidden;min-width:70px}
.renta-bar i{display:block;height:100%;background:var(--ok);border-radius:3px}
.renta-bar i.neg{background:var(--bad)}
.kpi.total small.up{color:#8fe0b8}
.kpi.total small.down{color:#f3b1ba}

/* Journal des actions */
.jrn-tab td{vertical-align:top}
.jrn-d{font-size:12px;color:var(--muted,#64748b);line-height:1.6}
.jrn-kv{display:inline-block;margin-right:10px;white-space:nowrap}
.jrn-kv i{font-style:normal;opacity:.75}
.jrn-list{list-style:none;margin:10px 0 0;padding:0;display:grid;gap:8px}
.jrn-list li{border-left:3px solid var(--line,#e2e8f0);padding-left:10px;font-size:13px}

/* Départ anticipé, horaires (arrivée + fin) */
.pc.tot{box-shadow:inset 0 -3px 0 var(--bad,#dc2626)}
.pres-hor-row .grp{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}
.pl-day small.calls-warn{display:block}

/* Challenges, options des primes */
.chal{padding:12px 0;border-top:1px solid var(--line,#e2e8f0)}
.chal:first-of-type{border-top:0}
.chal-head{display:flex;justify-content:space-between;gap:10px;align-items:flex-start}
.chal-rank{list-style:none;margin:10px 0 0;padding:0;display:grid;gap:6px}
.chal-rank li{display:grid;grid-template-columns:34px minmax(0,1fr) auto auto;gap:8px;align-items:center;padding:6px 10px;border-radius:10px;background:var(--surface-2)}
.chal-rank li.me{outline:2px solid var(--accent,#2563eb)}
.chal-rank li.win{background:color-mix(in srgb,var(--ok,#16a34a) 14%,var(--surface-2))}
.chal-new{margin-top:12px}
.prim-form label.chk{display:flex;gap:8px;align-items:center}
.chal-rank li.note{display:block}

/* Sauvegarde & restauration */
.btn.danger{background:#b91c1c;border-color:#b91c1c;color:#fff}
.btn.danger:hover{background:#991b1b}
.bk-actions{white-space:nowrap;text-align:right}
.bk-upload{display:flex;flex-wrap:wrap;gap:10px;align-items:flex-end;justify-content:space-between;margin-top:14px;padding-top:12px;border-top:1px solid var(--line,#e2e8f0)}
.bk-upload label{display:grid;gap:6px}
.bk-rest{border:2px solid #b91c1c}
.rt tr.on td{background:var(--surface-2)}

/* Sécurité des connexions */
.tag.bad{background:#fee2e2;color:#b91c1c}

/* Liens Bitrix des dossiers */
.dos-b24{display:flex;flex-wrap:wrap;gap:4px 12px;align-items:center;margin:6px 0 0;font-size:.85rem}
.dos-b24-l{font-weight:700;color:var(--muted);text-transform:uppercase;font-size:.7rem;letter-spacing:.04em}
.dos-b24-mini{display:inline-block;margin-top:2px;font-size:.72rem;color:var(--accent,#2563eb);text-decoration:none}
.dos-b24-mini:hover{text-decoration:underline}
.dos-card-w{position:relative;display:flex;min-width:0}
.dos-card-w>.dos-card{flex:1;width:100%;min-width:0}
.dos-b24-card{position:absolute;right:12px;bottom:10px;z-index:1;font-size:.72rem;padding:2px 8px;border-radius:999px;background:var(--surface);border:1px solid var(--line-2,#e2e8f0);color:var(--accent,#2563eb);text-decoration:none}
.dos-b24-card:hover{text-decoration:underline}

/* Logo AXIO cliquable (accueil), bouton CRM réduit au logo */
.side-home{display:flex;align-items:center;gap:11px;flex:1;min-width:0;color:inherit;text-decoration:none;border-radius:10px}
.side-home:hover b{color:#f3a54a}
.side-home:focus-visible{outline:2px solid #f3a54a;outline-offset:3px}
.mobile-bar .side-home{flex:0 0 auto;display:inline-flex}
.crm-btn{justify-content:center;padding:8px}
.crm-btn img{width:96px}

/* Mon compte : bloc du menu cliquable, avatars, fenêtre « Mon compte » */
button.me-chip{all:unset;box-sizing:border-box;display:flex;align-items:center;gap:9px;width:100%;border-radius:999px;padding:6px 12px 6px 6px;cursor:pointer;background:rgba(255,255,255,.06);color:#fff;transition:background .15s,box-shadow .15s}
button.me-chip:hover{background:rgba(255,255,255,.12)}
button.me-chip:focus-visible{box-shadow:0 0 0 2px #f3a54a}
.me-chip .me-txt{flex:1;min-width:0;display:block}
.me-chip .me-txt strong{display:block;font-size:.875rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:none}
.me-chip .role{display:block;font-size:.7rem;letter-spacing:.06em;text-transform:uppercase;font-weight:700;color:#f3a54a}
.me-chev{font-size:1.3rem;color:#c3cbe0;line-height:1}
.avatar.av-img{padding:0;overflow:hidden;background:none}
.avatar.av-img svg,.avatar.av-img img{width:100%;height:100%;display:block;object-fit:cover}
.avatar.lg{width:64px;height:64px;border-radius:50%;font-size:1.2rem}
.cpt-id{display:flex;align-items:center;gap:14px;margin:4px 0 14px}
.cpt-id b{font-size:1.1rem;display:block}
.cpt-id small{color:var(--muted)}
.cpt-sec{border-top:1px solid var(--line);padding:14px 0}
.cpt-sec h4{font-size:.8rem;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin-bottom:10px}
.cpt-avs{display:grid;grid-template-columns:repeat(auto-fill,minmax(46px,1fr));gap:8px;margin-bottom:10px}
.cpt-av{all:unset;box-sizing:border-box;cursor:pointer;aspect-ratio:1;border-radius:50%;overflow:hidden;display:grid;place-items:center;border:2px solid transparent;transition:transform .12s}
.cpt-av:hover{transform:scale(1.08)}
.cpt-av:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.cpt-av.on{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-soft)}
.cpt-av svg,.cpt-av img{width:100%;height:100%;display:block;object-fit:cover}
.cpt-av .avatar{width:100%;height:100%;border-radius:50%}
.cpt-photo{cursor:pointer}
.cpt-row{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:8px}
.cpt-row input[type=date]{font:inherit;padding:6px 8px;border:1px solid var(--line);border-radius:8px;background:var(--surface);color:var(--ink)}
.cpt-actions{flex-wrap:wrap;gap:8px}
.home-anniv{display:flex;align-items:center;gap:12px;padding:12px 16px;margin-bottom:14px;border-radius:14px;background:var(--warn-soft);border:1px solid var(--warn-line)}
.home-anniv .ha-p{display:inline-flex;align-items:center;gap:6px;margin-right:16px}
:root[data-theme="dark"] .ta-card:hover{box-shadow:0 8px 22px rgba(0,0,0,.35)}
:root[data-theme="dark"] .boss-tag{background:#4a2a12;color:#fdba74}
:root[data-theme="dark"] .chat-pins,:root[data-theme="dark"] .home-pin{background:#2b2410;border-color:#5b4a14}

/* Responsable de plusieurs départements */
.u-extra-l{display:block;font-weight:600;font-size:.875rem;margin-top:6px}
.u-extra{display:flex;flex-wrap:wrap;gap:6px 16px;margin:6px 0}

/* Page SMS : envoi en deux colonnes, aperçu téléphone, modèles en cartes, historique */
.sms-layout{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(260px,.85fr);gap:22px;align-items:start}
.sms-layout .sms-form{max-width:none}
.sms-side{display:grid;gap:14px}
.sms-phone{border:1px solid var(--line);border-radius:26px;background:var(--surface-2);padding:10px;box-shadow:var(--shadow)}
.sms-phone-top{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;column-gap:10px;align-items:center;padding:6px 8px 10px;border-bottom:1px solid var(--line)}
.sms-phone-av{grid-row:1/3;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:var(--accent);color:var(--accent-ink);font-weight:700}
.sms-phone-top b{font-size:.9rem;line-height:1.2}
.sms-phone-top small{color:var(--muted);font-size:.74rem}
.sms-phone-body{min-height:120px;padding:14px 6px 8px;display:flex;align-items:flex-start}
.sms-bubble{max-width:88%;background:var(--surface);border:1px solid var(--line);border-radius:18px 18px 18px 4px;padding:9px 12px;font-size:.88rem;white-space:pre-wrap;word-break:break-word}
.sms-bubble.vide{color:var(--muted);font-style:italic}
.sms-tpls-h{display:flex;justify-content:space-between;align-items:baseline}
.sms-tpls{display:grid;gap:8px;max-height:320px;overflow:auto;padding-right:2px}
.sms-tpl{all:unset;box-sizing:border-box;cursor:pointer;display:grid;gap:2px;padding:9px 12px;border:1px solid var(--line);border-radius:12px;background:var(--surface);transition:border-color .15s,box-shadow .15s}
.sms-tpl:hover{border-color:var(--accent)}
.sms-tpl:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.sms-tpl.on{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-soft)}
.sms-tpl[disabled]{opacity:.5;cursor:default}
.sms-tpl b{font-size:.86rem}
.sms-tpl small{color:var(--muted);font-size:.78rem;line-height:1.35}
.sms-tpl-src{font-size:.68rem;text-transform:uppercase;letter-spacing:.05em;color:var(--accent)}
.sms-hist td:last-child{white-space:nowrap}
.sms-hist tr.sms-ko td{background:var(--bad-soft)}
/* un statut d'erreur long (panne SMSFactor…) passe à la ligne au lieu d'écraser la colonne du message */
.sms-hist .tag{white-space:normal;max-width:240px;line-height:1.35}
.sms-hist .sms-text{min-width:260px}
#mQ{flex:1;min-width:220px}
@media (max-width:860px){ .sms-layout{grid-template-columns:1fr} .sms-side{order:-1} .sms-tpls{max-height:220px} }

/* Messagerie : boîtes partagées */
.mb-share{font-size:.8rem;margin-left:4px;opacity:.8}
.mail-share-note{padding:10px 12px;color:var(--muted)}
.ma-share{border:1px solid var(--line);border-radius:12px;padding:10px 12px;margin-top:10px}
.ma-share legend{font-weight:600;font-size:.875rem;padding:0 4px}

/* Tchat : messages privés */
.chat-dms{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;margin:8px 0 12px}
.chat-dms-l{font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--muted)}
.chat-dms .tabs{margin:0}
.chat-dm-tab{display:inline-flex;align-items:center;gap:6px}
#chatDmNew{font:inherit;padding:6px 10px;border:1px dashed var(--accent);border-radius:999px;background:var(--surface);color:var(--accent);cursor:pointer}
.avatar.xs{width:20px;height:20px;border-radius:50%;font-size:.6rem}
.boss-tag.dm-tag{background:var(--accent-soft);color:var(--accent)}

/* Appels : AXIO / autres clients (décrochés et manqués) */
.rep-rows{display:grid;gap:8px;margin:4px 0 12px}
.rep-row{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:8px 12px;border-radius:12px;background:var(--surface-2)}
.rep-row>b{flex:1 1 220px;font-size:.9rem}
.rep-row.warn{background:var(--bad-soft)}
.rep-chip{padding:3px 10px;border-radius:999px;font-size:.82rem;border:1px solid var(--line)}
.rep-chip.axio{background:var(--ok-soft);color:var(--ok);border-color:var(--ok-line)}
.rep-chip.autres{background:var(--warn-soft);color:var(--warn);border-color:var(--warn-line)}
.rep-chip.direct{background:var(--surface);color:var(--muted)}
.rep-h{font-size:.8rem;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);margin:6px 0 8px}
.rep-chip.wait{background:var(--surface);color:var(--muted);border-style:dashed}

/* Cartes des TA uniformes : même hauteur, poste et département sur deux lignes fixes, bas de carte aligné */
.ta-cards{align-items:stretch}
.ta-card{grid-template-rows:auto auto auto 1fr auto;align-content:stretch}
.ta-who small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ta-who .ta-dept{font-size:.72rem}
.ta-top{min-height:44px}
.ta-foot{min-height:2.9em;align-self:start}
.ta-split{flex-wrap:nowrap;overflow:hidden;align-self:end}
.ta-split>span{white-space:nowrap}

/* Cartes des ventes uniformes : ligne d'e-mail toujours réservée, même hauteur, affectation alignée en bas */
.tsale-cards{align-items:stretch}
.tsale-card{grid-template-rows:auto auto auto 1fr auto}
.sale-desc{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sale-b24{align-self:start}
.sale-b24{min-height:26px}
.home-grid.sans-pointage{grid-template-columns:1fr}

/* Pointages du CRM Call Center */
.pc.cc{border-style:dashed;border-color:#f0a04f}
.pcc-cle{display:grid;gap:6px;padding:12px;border:2px solid var(--warn-line);border-radius:12px;background:var(--warn-soft);margin:10px 0}
.pcc-cle code{font-family:var(--mono);font-size:.9rem;word-break:break-all;user-select:all;background:var(--surface);padding:6px 8px;border-radius:8px}
.pcc-doc pre{white-space:pre-wrap;font-family:var(--mono);font-size:.78rem;background:var(--surface-2);border:1px solid var(--line);border-radius:10px;padding:10px;margin:8px 0;user-select:all}
.pcc-recus{list-style:none;padding:0;margin:0;display:grid;gap:4px;font-size:.84rem}
.pcc-refus li{color:var(--bad)}

/* Pointage reçu du CRM Call Center : pastille orange dans le coin (visible aussi sur le jour en cours) */
.pc.cc{position:relative;border-style:solid}
.pc.cc::after{content:'';position:absolute;top:2px;right:2px;width:8px;height:8px;border-radius:50%;background:#f0a04f;box-shadow:0 0 0 1.5px var(--surface)}
.review.crm,.bc-crm{color:#c2410c}
.home-msg.mine{margin-left:40px;background:var(--surface);border:1px dashed var(--line)}
.blk-pad{padding-bottom:16px}.blk-pad>:not(.panel-head){margin-left:20px;margin-right:20px}.blk-pad>.panel-head+*{margin-top:14px}@media (max-width:600px){.blk-pad>:not(.panel-head){margin-left:14px;margin-right:14px}}
/* suivi des paiements en attente (fiche dossier) et carte d'accueil « paiements en attente » */
.suivi-box{display:grid;gap:8px;margin:10px 0;padding:12px;border:1px solid var(--line);border-radius:12px;background:var(--surface)}
.suivi-box label{display:grid;gap:4px;font-size:.9rem}
.suivi-types{display:flex;flex-wrap:wrap;gap:6px}
.suivi-t{display:flex !important;align-items:center;gap:6px;padding:6px 10px;border:1px solid var(--line);border-radius:999px;cursor:pointer}
.suivi-hist{list-style:none;margin:4px 0 0;padding:0;display:grid;gap:6px;font-size:.88rem}
.suivi-hist li{padding:6px 8px;border-left:3px solid var(--line);background:var(--surface-2);border-radius:6px}
.att-card{margin-bottom:16px}
.att-body{padding:6px 20px 16px}
.att-h{margin:12px 0 6px;font-size:.92rem}
.att-h.bad{color:var(--bad)}
.att-list{list-style:none;margin:0;padding:0;display:grid;gap:6px}
.att-row{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;padding:8px 10px;border:1px solid var(--line-2);border-radius:10px;background:var(--surface-2)}
.att-row.att-due{border-color:var(--bad);box-shadow:inset 3px 0 0 var(--bad)}
@media (max-width:600px){.att-body{padding:6px 14px 14px}}
.sms-trop{color:var(--warn);font-weight:600}

/* Rentabilité : script Google Ads à copier */
.code-box{width:100%;font:12px/1.45 ui-monospace,Consolas,monospace;padding:10px;border:1px solid var(--line);border-radius:8px;background:var(--surface-2);color:inherit;resize:vertical;white-space:pre;overflow:auto;margin:8px 0}

/* SMS : détail sous le total (clients / services, renvois) */
.tile small{display:block;font-size:.75rem;color:var(--muted);margin-top:3px}

/* Rentabilité : coûts en rouge, marges positives en vert, Google Ads par jour */
.renta-cout{color:var(--bad)}
.renta-pos{color:var(--ok)}
.renta-gj td.renta-gj-bar{width:45%}
.renta-gj .renta-bar{display:block;width:100%}

/* Rentabilité : tableaux resserrés, la page tient en largeur */
.renta-compact{width:100%}
.renta-compact th{font-size:.66rem;white-space:normal;line-height:1.25;padding:8px 6px;vertical-align:bottom}
.renta-compact td{font-size:.8rem;padding:8px 6px;white-space:nowrap}
.renta-compact td:first-child{white-space:normal}
.renta-compact td small{display:block;font-size:.68rem;color:var(--muted);font-weight:400}
.renta-compact .renta-bar{min-width:0}

/* Dossier : courrier de remplacement gratuit */
.dos-rempl{color:var(--ink,inherit)}
.dos-rempl-tete{background:var(--ok-soft);border:1px solid var(--ok-line);border-radius:10px;padding:10px 12px;margin:10px 0}
.dos-rempl-form{display:grid;gap:8px;margin:8px 0;padding:10px 12px;border:1px dashed var(--line);border-radius:10px}
.dos-rempl-form label{display:grid;gap:3px;font-size:.85rem}

/* Appels 08 : sous-titre Media Technologies */
.ika-sous{margin:18px 0 8px;font-size:1rem}

/* légende des graphiques */
.leg-dot{display:inline-block;width:10px;height:10px;border-radius:3px;margin:0 4px 0 10px;vertical-align:-1px}

/* Appels 08 : contrôle Ikacom en clair (verdict + calcul) */
.ika-verdict{margin:12px 0;padding:12px 14px;border-radius:10px;border:1px solid var(--ok-line);background:var(--ok-soft);line-height:1.45}
.ika-verdict.bad{border-color:var(--bad-line);background:var(--bad-soft)}
.ika-calc{display:flex;flex-wrap:wrap;align-items:stretch;gap:8px;margin:0 0 14px}
.ika-calc > div{flex:1 1 140px;border:1px solid var(--line);border-radius:10px;padding:10px 12px;background:var(--surface)}
.ika-calc > div span{display:block;font-size:.78rem;color:var(--muted)}
.ika-calc > div b{display:block;font-family:var(--mono);font-size:1.35rem;margin-top:4px}
.ika-calc > div small{display:block;font-size:.75rem;color:var(--muted)}
.ika-calc > div.ok b{color:var(--ok)} .ika-calc > div.bad b{color:var(--bad)}
.ika-calc > i{align-self:center;font-style:normal;font-size:1.3rem;color:var(--muted)}
/* Chiffre d'affaires : 5 sources (Ikacom, Media Technologies, Stripe, Revolut, total) */
.c-mt{--c:var(--c-mt)}
.kpis-5{grid-template-columns:repeat(5,minmax(0,1fr))}
@media (max-width:1100px){.kpis-5{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:700px){.kpis-5{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}}

/* tuiles de période : libellés sur une seule ligne, alignés */
.ca-src .kpi .lbl{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

/* Envois La Poste */
.elp-row{cursor:pointer}
.elp-row:hover td{background:var(--surface-2)}
.elp-bad td{background:var(--bad-soft)}

.elp-tab td:nth-child(2),.elp-tab td:nth-child(4){white-space:normal}
.elp-tab td:nth-child(4) small{display:block}
.elp-preuves{white-space:nowrap}
.elp-p{display:inline-block;margin-right:6px;padding:2px 7px;border-radius:999px;font-size:.72rem;background:var(--surface-2);color:var(--muted);border:1px solid var(--line)}
.elp-p.on{background:var(--ok-soft);color:var(--ok);border-color:var(--ok-line);font-weight:600}
/* envoi automatique des courriers (28/10/2026) */
.eauto{border-left:4px solid var(--line)}
.eauto-on{border-left-color:var(--ok)}
.eauto-simulation{border-left-color:var(--warn)}
.eauto .panel-head{flex-wrap:wrap;gap:8px}
.eauto > .note{margin:0 0 10px;line-height:1.5}
.eauto .kpis{margin-bottom:10px}
.eauto-l{border:1px solid var(--line);border-radius:10px;padding:8px 12px;margin-top:8px;background:var(--surface)}
.eauto-l summary{cursor:pointer;font-weight:600}
.eauto-l.bad{border-color:var(--bad-line);background:var(--bad-soft)}
.eauto-l ul{list-style:none;margin:8px 0 0;padding:0;display:grid;gap:4px}
.eauto-l li{padding:5px 8px;border-radius:7px;cursor:pointer;min-width:0;overflow-wrap:anywhere}
.eauto-l li:hover{background:var(--accent-soft)}
.eauto-l li small{display:block;color:var(--muted)}
@media (max-width:640px){.eauto .seg{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));width:100%}.eauto .seg button{padding:9px 4px}}

/* (22/10/2026) fond uni de secours sous les dégradés à texte blanc : certains téléphones (Samsung One UI 9) ne dessinent pas
   le dégradé, le texte blanc devenait illisible sur fond clair. La couleur est peinte sous le dégradé, invisible ailleurs. */
.home-hero,.my-sales-main,.ca-hero-main{background-color:#2a2148}
.kpi.total,.band{background-color:#1d2442}
.auth-body{background-color:#1d2442}
.msg.mine .bubble{background-color:#6a3a9e}
.install-btn{background-color:#a2524f}
/* tchat : @mentions et suggestions (22/10/2026) */
.mention{font-weight:700;color:var(--accent);background:var(--accent-soft);border-radius:4px;padding:0 3px}
.msg.mine .mention{color:#fff;background:rgba(255,255,255,.22)}
.mention.moi{background:#fde68a;color:#7a3410}
.msg.cite-moi .bubble{box-shadow:0 0 0 2px #f59e0b}
.chat-mention{display:flex;flex-wrap:wrap;gap:6px;padding:8px 22px 0}
.chat-mention[hidden]{display:none}
.chat-mention button{font:inherit;font-size:.86rem;font-weight:600;border:1px solid var(--line);background:var(--surface);color:var(--accent);border-radius:999px;padding:4px 10px;cursor:pointer}
.chat-mention button small{color:var(--muted);font-weight:400}
.chat-mention button:hover,.chat-mention button:focus-visible{background:var(--accent-soft);outline:none}
/* tchat sur téléphone (22/10/2026) : sans dégradés (rayures sur Samsung One UI 9), onglets sur une ligne qui défile,
   conversation à la hauteur de l'écran, bouton d'envoi rond, plus de barre grise à côté de la zone d'écriture */
@media (max-width:820px){
  .chat-list{background:var(--surface)}
  .msg.mine .bubble{background-image:none;background-color:#6a3a9e}
  .home-hero,.my-sales-main,.ca-hero-main,.kpi.total,.band{background-image:none}
  .page-head:has(+ #chatTabs){margin-bottom:6px}
  .page-head:has(+ #chatTabs) > div:first-child{display:none}   /* le titre est déjà dans la barre du haut */
  .page-head:has(+ #chatTabs) .grp{flex-wrap:nowrap;width:100%}
  .page-head:has(+ #chatTabs) .btn{padding:6px 10px;font-size:.8rem}
  #chatTabs .tabs{flex-wrap:nowrap;overflow-x:auto;width:100%;scrollbar-width:none;-webkit-overflow-scrolling:touch}
  #chatTabs .tabs::-webkit-scrollbar{display:none}
  #chatTabs .tabs button{flex:0 0 auto;padding:8px 12px}
  .chat-dms{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;margin:6px 0 8px;gap:8px}
  .chat-dms::-webkit-scrollbar{display:none}
  .chat-dms-l{display:none}
  .chat-dms select{flex:0 0 auto;max-width:150px}
  .chat{height:calc(100dvh - 250px);min-height:340px}
  .chat-pins{max-height:78px;overflow-y:auto;padding:8px 12px}
  .chat-pin p{font-size:.85rem}
  .chat-list{padding:10px 10px 14px}
  .msg{max-width:94%;grid-template-columns:28px minmax(0,1fr);gap:0 8px}
  .msg .avatar{width:28px;height:28px;font-size:.66rem}
  .msg .bubble{font-size:.95rem;padding:8px 12px}
  .chat-form{gap:8px;padding:8px 10px}
  .chat-form textarea{min-height:44px;padding:10px 14px;scrollbar-width:none;overflow-y:auto}
  .chat-form textarea::-webkit-scrollbar{display:none}
  .chat-send{flex:0 0 46px;width:46px;height:46px;min-height:46px;padding:0;border-radius:50%;font-size:0;display:grid;place-items:center}
  .chat-send::after{content:"";width:22px;height:22px;margin-left:3px;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M3 20.5 21.5 12 3 3.5l.01 6.6L15.5 12 3.01 13.9z'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M3 20.5 21.5 12 3 3.5l.01 6.6L15.5 12 3.01 13.9z'/%3E%3C/svg%3E") center/contain no-repeat}
  .chat-mention{padding:6px 10px 0}
}
/* revue téléphone (22/10/2026) : bouton Menu sur une ligne, sélecteurs de période sans bouton orphelin,
   dates côte à côte, lien de résiliation coupé proprement, tuiles impaires en pleine largeur, flèches de mois plus grandes */
@media (max-width:820px){
  .mobile-bar .btn{white-space:nowrap;flex-shrink:0}
  .filters .seg:has(> button:nth-child(4):last-child){grid-template-columns:repeat(4,minmax(0,1fr))}
  .filters .seg:has(> button:nth-child(2):last-child){grid-template-columns:repeat(2,minmax(0,1fr))}
  .filters input[type=date]{flex:1 1 38%;min-width:0}
  .lien-url{max-width:100%}
  .tiles > :last-child:nth-child(odd),.kpis > :last-child:nth-child(odd),.dos-stats > :last-child:nth-child(odd){grid-column:1/-1}
  .month-nav button[data-pmonth],.month-nav button[data-plmonth],.month-nav button[data-prmonth]{min-width:40px;min-height:40px;font-size:1.1rem}
  .react{padding:6px 11px}
  button.link{min-height:32px}
}@media (max-width:820px){
  .dem-list > li{flex-wrap:wrap}
  .dem-list > li > div{flex:1 1 calc(100% - 50px);min-width:0}
  .dem-list > li > .grp{flex-basis:100%;justify-content:flex-end}
}
@media (max-width:820px){ .lien-org > div{min-width:0;flex:1 1 auto} }   /* lien de résiliation coupé dans la carte */

/* tchat : images jointes (22/10/2026) */
.chat-attach{display:grid;place-items:center;flex:0 0 42px;height:46px;border-radius:50%;cursor:pointer;font-size:1.25rem;color:var(--muted)}
.chat-attach:hover{background:var(--surface-2)}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.chat-img-prev{display:flex;align-items:center;gap:10px;padding:8px 14px 0}
.chat-img-prev[hidden]{display:none}
.chat-img-prev img{height:56px;max-width:90px;object-fit:cover;border-radius:8px;border:1px solid var(--line)}
.chat-img-a{display:block;margin:2px 0 4px}
.chat-img{display:block;width:min(260px,62vw);height:auto;max-height:320px;border-radius:10px;object-fit:cover;background:var(--surface-2)}
.chat-img-del{display:block;font-size:.8rem;font-style:italic;opacity:.75;margin-bottom:2px}
@media (max-width:820px){ .chat-attach{flex-basis:36px;font-size:1.15rem} }
/* tchat : réponse à un message (22/10/2026) */
.msg-quote{all:unset;box-sizing:border-box;display:block;cursor:pointer;margin:0 0 6px;padding:5px 9px;border-left:3px solid var(--accent);border-radius:6px;background:var(--surface-2);font-size:.8rem;line-height:1.35;max-width:100%}
.msg-quote b{display:block;font-size:.76rem;color:var(--accent)}
.msg-quote span{display:block;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.msg.mine .msg-quote{background:rgba(255,255,255,.16);border-left-color:#fff}
.msg.mine .msg-quote b,.msg.mine .msg-quote span{color:#fff}
.msg.mine .msg-quote span{opacity:.85}
.chat-reply-bar{display:flex;align-items:center;gap:10px;margin:8px 14px 0;padding:6px 10px;border-left:3px solid var(--accent);border-radius:8px;background:var(--accent-soft)}
.chat-reply-bar[hidden]{display:none}
.chat-reply-bar > div{flex:1;min-width:0;font-size:.82rem}
.chat-reply-bar b{display:block;color:var(--accent);font-size:.78rem}
.chat-reply-bar span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--ink-2)}
.crb-i{font-size:1.1rem}
@media (max-width:820px){ .chat-reply-bar{margin:6px 10px 0} }
/* (22/10/2026) téléphone Samsung One UI 9 : affichage brouillé au défilement (lignes en double, carrés).
   Le menu fermé restait dessiné juste à gauche de l'écran avec une grande ombre (bande grise au bord gauche) :
   il est maintenant masqué tant qu'il est fermé. Plus d'effet de soulèvement des cartes sur écran tactile. */
@media (max-width:820px){
  .side{visibility:hidden;box-shadow:none;transition:transform .2s,visibility 0s linear .2s}
  .shell.nav-open .side{visibility:visible;box-shadow:0 0 40px rgba(0,0,0,.35);transition:transform .2s}
}
@media (hover:none){
  .dos-card:hover,.home-tile:hover,.ta-card:hover,.home-guide:hover{transform:none;box-shadow:none}
  .dos-card,.home-tile,.ta-card,.home-guide{transition:none}
}
/* tickets à gratter des TA (27/10/2026) */
.home-tk .home-card-h{flex-wrap:wrap;gap:6px}
.tk-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:10px;margin:6px 0 10px}
.tk{position:relative;min-height:96px;border-radius:14px;border:2px dashed var(--line);background:var(--surface);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:10px 8px;text-align:center;overflow:hidden;user-select:none;-webkit-user-select:none}
.tk small{color:var(--muted);font-size:.74rem}
.tk b{font-size:1.15rem}
.tk-or{border-color:#c9a227;background:#fff8e1}
.tk-ouvert{border-style:solid}
.tk-annule{opacity:.55}
.tk-annule b{text-decoration:line-through}
.tk canvas{position:absolute;inset:0;width:100%;height:100%;border-radius:12px;cursor:grab;touch-action:none}
.tk-regle{margin:0}
.tk-confetti{position:fixed;z-index:9999;pointer-events:none;font-size:20px;animation:tk-vol 1.1s ease-out forwards}
@keyframes tk-vol{to{transform:translate(var(--dx),var(--dy)) rotate(260deg);opacity:0}}
:root[data-theme="dark"] .tk-or{background:#3a3112}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]) .tk-or{background:#3a3112}}

/* ticket « Dans le mille » (27/10/2026) : petits tickets sur l'accueil, grand ticket à gratter par-dessus la page */
button.tk{font:inherit;color:inherit;cursor:pointer}
.tk-cache{background:#16223a;color:#dfe4f0;border:2px solid #2f4268}
.tk-cache.tk-or{background:#2a2108;border-color:#c9a227}
.tk-cache small{color:rgba(223,228,240,.7)}
.tk-cache:hover,.tk-cache:focus-visible{transform:translateY(-2px);box-shadow:0 6px 16px rgba(22,34,58,.3)}
.tk-mini{width:30px;height:30px;display:block;animation:tk-vise 1.8s ease-in-out infinite}
.tk-mini svg{width:100%;height:100%}
@keyframes tk-vise{50%{transform:translate(3px,-3px)}}
.tk-parcours{display:grid;grid-template-columns:repeat(12,1fr);gap:4px;margin:4px 0 8px}
.tk-parcours span{aspect-ratio:1;border-radius:50%;background:var(--line);display:flex;align-items:center;justify-content:center;font-size:.62rem;font-weight:700;color:var(--muted)}
.tk-parcours span.fait{background:#e2792e;background-image:linear-gradient(135deg,#f7b23b,#e2792e 55%,#6a2c91);color:#fff}
.tk-parcours span.palier{box-shadow:0 0 0 2px #f7b23b}
.tkm{position:fixed;inset:0;z-index:2000;background:rgba(8,13,26,.82);display:flex;align-items:center;justify-content:center;
  padding:max(16px,env(safe-area-inset-top,0px)) max(16px,env(safe-area-inset-right,0px)) max(16px,env(safe-area-inset-bottom,0px)) max(16px,env(safe-area-inset-left,0px))}
.tkm-boite{display:flex;flex-direction:column;align-items:center;gap:14px;width:min(340px,100%)}
.tkm-fermer{min-width:160px}
.tkx{position:relative;width:100%;aspect-ratio:3/4.1;border-radius:22px;background:#16223a;color:#dfe4f0;overflow:hidden;box-shadow:0 18px 40px rgba(0,0,0,.45);
  user-select:none;-webkit-user-select:none;touch-action:none}
.tkx.or{background:#2a2108}
.tkx-tete{position:absolute;inset:0 0 auto 0;height:62%;display:flex;align-items:center;justify-content:center;padding:14px}
.tkx-pied{position:absolute;inset:62% 0 0 0;border-top:2px dashed rgba(223,228,240,.2);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:10px 18px;text-align:center}
.tkx-pied b{font-size:1.02rem}
.tkx-pied small{color:rgba(223,228,240,.68);font-size:.8rem}
.tkx-marque{position:absolute;top:12px;left:16px;font-weight:800;font-size:.72rem;letter-spacing:.14em;color:#f7b23b}
.tkx-rang{position:absolute;top:12px;right:16px;font-size:.78rem;color:rgba(223,228,240,.72)}
.tkx-cible{position:relative;width:62%;aspect-ratio:1}
.tkx-cible svg{width:100%;height:100%;overflow:visible}
.tkx-gain{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center}
.tkx-montant{font-weight:800;font-size:2.15rem;line-height:1;color:#fff;transform:scale(0);transition:transform .45s cubic-bezier(.2,1.6,.4,1);font-variant-numeric:tabular-nums}
.tkx-mot{font-weight:700;font-size:.78rem;letter-spacing:.12em;text-transform:uppercase;color:#f7b23b;opacity:0;transition:opacity .3s .25s;margin-top:6px}
.tkx.revele .tkx-montant{transform:scale(1)}
.tkx.revele .tkx-mot{opacity:1}
.tkx-anneau{transform-origin:50% 50%}
.tkx.revele .tkx-anneau{animation:tkx-pulse 1.2s ease-out 1}
@keyframes tkx-pulse{25%{transform:scale(1.12)}}
.tkx-rayons{opacity:0;transform-origin:50% 50%;fill:rgba(247,178,59,.18)}
.tkx.or.revele .tkx-rayons{opacity:.9;animation:tkx-tourne 6s linear infinite}
@keyframes tkx-tourne{to{transform:rotate(360deg)}}
.tkx-couche{position:absolute;inset:0;width:100%;height:100%;z-index:2;cursor:none}
.tkx-astuce{position:absolute;z-index:4;left:0;right:0;bottom:41%;text-align:center;font-weight:700;color:#16223a;pointer-events:none;animation:tkx-clin 1.6s ease-in-out infinite}
@keyframes tkx-clin{50%{opacity:.35}}
.tkx-fleche{position:absolute;z-index:5;width:46px;height:46px;pointer-events:none;transform:translate(-8px,-38px);filter:drop-shadow(0 3px 4px rgba(0,0,0,.35))}
.tkx-fleche svg,.tkx-vol svg{width:100%;height:100%;display:block}
.tkx-fleche.cachee{opacity:0}
.tkx-vol{position:absolute;z-index:6;width:64px;height:64px;pointer-events:none;offset-rotate:auto 45deg}
.tkx-etincelle{position:absolute;z-index:4;width:6px;height:6px;border-radius:50%;pointer-events:none;background:#f7b23b;animation:tkx-etin .6s ease-out forwards}
@keyframes tkx-etin{to{transform:translate(var(--x),var(--y)) scale(0);opacity:0}}
.tkx-pluie{position:fixed;z-index:2100;width:22px;height:22px;pointer-events:none;animation:tkx-tombe var(--d) cubic-bezier(.3,.6,.6,1) forwards}
@keyframes tkx-tombe{from{transform:translate(0,0) rotate(var(--r0))}to{transform:translate(var(--x),var(--y)) rotate(var(--r1));opacity:0}}
.tkx-impact{position:absolute;z-index:4;left:50%;top:31%;width:10px;height:10px;margin:-5px;border-radius:50%;border:3px solid #f7b23b;pointer-events:none;animation:tkx-onde .7s ease-out forwards}
@keyframes tkx-onde{to{transform:scale(14);opacity:0}}
@media (prefers-reduced-motion: reduce){.tk-mini,.tkx-astuce,.tkx.or.revele .tkx-rayons,.tkx.revele .tkx-anneau{animation:none}}

/* (28/10/2026) Mes primes : ventes du jour et remboursements */
.prim-jour{cursor:pointer}
.prim-jour:hover td,.prim-jour.on td{background:var(--accent-soft)}
.pj-chev{display:inline-block;width:1em;color:var(--accent);font-size:.85em}
.pj-mini{display:inline-block;margin-left:6px;padding:1px 7px;border-radius:999px;background:var(--bad-soft);color:var(--bad);border:1px solid var(--bad-line);font-size:.78em;font-weight:600}
.prim-jour-det>td{padding:0 0 14px!important;background:var(--surface)}
.pj{margin:4px 10px 0;padding:14px;border:1px solid var(--line);border-radius:14px;background:var(--surface-2);display:grid;gap:12px}
.pj-head{display:flex;flex-wrap:wrap;gap:8px}
.pj-chip{padding:4px 11px;border-radius:999px;background:var(--surface);border:1px solid var(--line);font-size:.86em;font-weight:600;color:var(--ink-2)}
.pj-chip.bad{background:var(--bad-soft);border-color:var(--bad-line);color:var(--bad)}
.pj-list{display:grid;gap:6px}
.pj-v{display:flex;align-items:center;gap:12px;padding:9px 12px;border-radius:10px;background:var(--surface);border:1px solid var(--line-2);border-left:4px solid var(--ok)}
.pj-h{font-family:var(--mono);font-size:.84em;color:var(--muted);min-width:3.2em}
.pj-c{flex:1;min-width:0;font-weight:600;color:var(--ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pj-m{font-family:var(--mono);color:var(--ink);white-space:nowrap}
.pj-v.remb{background:var(--bad-soft);border-color:var(--bad-line);border-left-color:var(--bad)}
.pj-v.remb .pj-c,.pj-v.remb .pj-m{text-decoration:line-through;color:var(--muted)}
.pj-tag{padding:2px 9px;border-radius:999px;background:var(--bad);color:#fff;font-size:.76em;font-weight:700;white-space:nowrap}
.pj-impact{display:grid;gap:3px;padding:11px 14px;border-radius:12px;background:var(--ok-soft);border:1px solid var(--ok-line);color:var(--ink-2);font-size:.92em}
.pj-impact>b{color:var(--ok)}
.pj-impact.bad{background:var(--warn-soft);border-color:var(--warn-line)}
.pj-impact.bad>b{color:var(--warn)}
@media (max-width:560px){.pj{margin:4px 0 0;padding:10px}.pj-v{flex-wrap:wrap;gap:6px 10px}.pj-tag{order:5}}
/* (28/10/2026) Ventes CB · TA : export Excel et absences */
.tx-body{display:grid;gap:12px;padding:4px 2px 2px}
.tx-row{display:flex;gap:12px;align-items:center;flex-wrap:wrap}
.tx-lbl{min-width:84px;font-size:.85em;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.04em}
.tx-chips{display:flex;gap:6px;flex-wrap:wrap;flex:1;min-width:0}
.tx-chip{padding:6px 12px;border-radius:999px;border:1px solid var(--line);background:var(--surface);color:var(--ink-2);font:inherit;font-size:.9em;cursor:pointer}
.tx-chip:hover{border-color:var(--accent)}
.tx-chip[aria-pressed="true"]{background:var(--accent);border-color:var(--accent);color:var(--accent-ink);font-weight:600}
.tx-go{display:flex;gap:12px;align-items:center;flex-wrap:wrap;padding-top:6px;border-top:1px solid var(--line-2)}
.ta-abs{margin-left:auto;padding:2px 9px;border-radius:999px;background:var(--warn-soft);border:1px solid var(--warn-line);color:var(--warn);font-size:.75em;font-weight:800;letter-spacing:.05em}
.ta-rempl{margin:12px 2px 2px;font-size:.92em}
.ta-rempl summary{cursor:pointer;color:var(--ink-2);font-weight:600}
.ta-rempl .tx-chips{margin-top:8px}
.sale-rank .ta-top:has(.ta-abs){flex-wrap:wrap;row-gap:6px}
.sale-rank .ta-top:has(.ta-abs) .ta-who{min-width:0;flex:1 1 auto}
.ta-abs{flex-shrink:0;white-space:nowrap}