/* Charte commune TDD (V2) — moderne et chaleureux. Chargée EN DERNIER dans chaque outil. */
:root{
  --tdd:#0077C0; --tdd2:#2B93D6; --navy:#0077C0; --blue:#0077C0; --blue-d:#00649F; --focus:#2B93D6;
  --paper:#F2F5F9; --bg:#F2F5F9; --card:#FFFFFF; --surface:#FFFFFF; --panel:#FFFFFF; --surface-2:#E9EEF4; --concrete:#E9EEF4;
  --ink:#14263A; --ink-2:#4B5E73; --ink-3:#8294A8; --muted:#6F8296; --line:#DCE3EB;
  --radius:16px; --signal:#0077C0; --signal-soft:#E1F0FA;
  --f-d:"Bricolage Grotesque","Arial Narrow",system-ui,sans-serif; --font-d:"Bricolage Grotesque","Arial Narrow",system-ui,sans-serif;
  --f-b:"DM Sans",system-ui,-apple-system,"Segoe UI",sans-serif; --font-b:"DM Sans",system-ui,-apple-system,"Segoe UI",sans-serif;
  --shadow-tdd:0 1px 2px rgba(20,38,58,.06),0 8px 24px rgba(20,38,58,.07);
}
html,body{font-family:var(--f-b)!important;background:var(--paper)!important;color:var(--ink)}
h1,h2,h3,.brand,.logo,.stitle,.section-t,.cta,.addbtn{font-family:var(--f-d)!important;letter-spacing:-.01em}
/* surfaces : coins arrondis, ombre douce */
.panel,.card,.tile,.pcard,.ccard,.step,.phase,.add,.task,.login-card,.modal,.kv,.pick,.rbox,.clientbox,.crow{
  border-radius:16px!important;box-shadow:var(--shadow-tdd)!important;border-color:transparent!important}
.modal{border-radius:22px!important}
.card:hover,.tile:hover,a.sc:hover{box-shadow:0 2px 4px rgba(20,38,58,.08),0 12px 28px rgba(20,38,58,.11)!important;transform:translateY(-2px)}
/* boutons et champs */
button,.btn,.btn-mini,.btn-lg,.cta,.addbtn,.ghost,.lnkbtn,.rm,.seg,.mbtn,.logout{border-radius:12px!important}
.chipbtn,.pill,.chip,.badge,.b-ok,.b-cee{border-radius:999px!important}
input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]),select,textarea{border-radius:12px!important;border-color:var(--line)!important}
.btn-primary,.cta,.addbtn{background:var(--tdd)!important;border-color:var(--tdd)!important;color:#fff!important}
.chipbtn.on,.pill.on,.seg.on{background:var(--ink)!important;color:#fff!important;border-color:var(--ink)!important}
a{color:var(--tdd)}
:focus-visible{outline:2px solid var(--tdd2);outline-offset:2px}
/* en-têtes propres, plus de bandeau sombre */
header,.app-header,.top{background:#fff!important;color:var(--ink)!important;border-bottom:1px solid var(--line)!important}
.app-nav a[aria-current],.app-nav a.active{background:#E1F0FA!important;color:var(--tdd)!important}
@media (prefers-reduced-motion:reduce){*{transition:none!important}}

/* menu commun collé en haut : les en-têtes collants des apps se placent juste dessous */
.app-header,header{top:var(--tdd-menu-h,0px)!important}
.top{top:calc(var(--tdd-menu-h,0px) + env(safe-area-inset-top,0px))!important}
.weekbar{top:calc(var(--tdd-menu-h,0px) + 0px)!important}
@media (min-width:1000px){.layout>aside{top:calc(var(--tdd-menu-h,0px) + 76px)!important}}