:root{
  --paper:#E6E7E4; --surface:#FCFCFB; --surface-2:#F1F1EE;
  --ink:#1B1F24; --ink-2:#5A6069; --ink-3:#8A9099;
  --rule:#CDCFCA; --rule-strong:#A9ACA6;
  --today:#FFF3D6; --accent:#E5A100; --danger:#C4432B;
  --namew:158px; --laneh:50px;
}
*{box-sizing:border-box}
body{margin:0;background:var(--paper);color:var(--ink);font-family:"Inter",system-ui,-apple-system,sans-serif;font-size:14px;-webkit-font-smoothing:antialiased}
button{font-family:inherit}
:focus-visible{outline:2px solid var(--accent);outline-offset:1px}
.mono{font-family:"JetBrains Mono",ui-monospace,monospace}
.spacer{flex:1}
.hidden{display:none!important}

/* ---------- barres ---------- */
.topbar{display:flex;align-items:center;gap:10px 18px;padding:11px 18px;background:var(--ink);color:#F2F3F1;border-bottom:3px solid var(--accent);flex-wrap:wrap}
.brand{font-family:"Barlow Condensed",sans-serif;font-weight:700;font-size:21px;letter-spacing:.14em;text-transform:uppercase;line-height:1;flex:none}
.brand span{color:var(--accent)}
.tabs{display:flex;border:1px solid #4A535C;border-radius:2px;overflow:hidden;flex:none}
.tabs button{font-family:"Barlow Condensed",sans-serif;font-weight:600;letter-spacing:.12em;text-transform:uppercase;font-size:12px;padding:7px 18px;background:transparent;color:#98A0A8;border:0;cursor:pointer;white-space:nowrap}
.tabs button.active{background:var(--accent);color:#1B1F24}
.ghostbtn{background:transparent;border:1px solid #4A535C;color:#B4BBC2;border-radius:2px;padding:6px 12px;cursor:pointer;font-family:"Barlow Condensed",sans-serif;text-transform:uppercase;letter-spacing:.1em;font-size:11px;flex:none;white-space:nowrap}
.moi{display:flex;align-items:center;gap:7px;flex:none}
.moi .ini{width:26px;height:26px;border-radius:50%;display:grid;place-items:center;font-family:"Barlow Condensed",sans-serif;font-weight:700;font-size:11px;color:#fff}
.moi .nm{font-size:13px;color:#D6DADD}

.toolbar{display:flex;align-items:center;gap:12px;padding:9px 18px;background:var(--surface);border-bottom:1px solid var(--rule);flex-wrap:wrap}
.nav{display:flex;gap:6px}
.nav button{height:28px;min-width:28px;padding:0 9px;border:1px solid var(--rule-strong);background:#fff;border-radius:2px;cursor:pointer;font-size:13px;color:var(--ink-2)}
.period{font-family:"Barlow Condensed",sans-serif;font-weight:600;font-size:19px;letter-spacing:.05em;text-transform:uppercase;min-width:240px}
.period small{display:block;font-family:"JetBrains Mono",monospace;font-size:10.5px;font-weight:400;letter-spacing:.02em;color:var(--ink-3);text-transform:none}
.legend{display:flex;gap:11px;flex-wrap:wrap}
.legend .it{display:flex;align-items:center;gap:5px;font-size:11px;color:var(--ink-2)}
.sw{width:11px;height:11px;border-radius:2px;flex:none}
.hint{font-size:11px;color:var(--ink-3)}
.wrap{padding:14px 18px 40px}
.panelbox{background:var(--surface);border:1px solid var(--rule-strong);border-radius:3px;overflow:auto}

/* ---------- grille semaine ---------- */
.dayhead{display:grid;background:var(--surface-2);border-bottom:1px solid var(--rule-strong)}
.dayhead>div{border-right:1px solid var(--rule);padding:7px 10px;display:flex;align-items:baseline;gap:7px}
.dayhead>div:last-child{border-right:0}
.dayhead .dw{font-family:"Barlow Condensed",sans-serif;text-transform:uppercase;letter-spacing:.12em;font-size:13px;font-weight:600;color:var(--ink-2)}
.dayhead .dn{font-family:"JetBrains Mono",monospace;font-size:15px;font-weight:700}
.dayhead .we{background:#E9EAE7}
.dayhead .today{background:var(--today);box-shadow:inset 0 -3px 0 var(--accent)}
.dayhead .lab{font-family:"Barlow Condensed",sans-serif;text-transform:uppercase;letter-spacing:.12em;font-size:11px;color:var(--ink-3)}

.tblock{display:grid;border-bottom:1px solid var(--rule-strong)}
.tname{display:flex;align-items:flex-start;gap:8px;padding:8px 10px;border-right:1px solid var(--rule-strong);background:var(--surface)}
.tname .tag{width:5px;height:21px;border-radius:2px;flex:none;margin-top:1px}
.tname .nm{font-family:"Barlow Condensed",sans-serif;font-size:19px;font-weight:600;padding:0 4px;border-radius:2px;cursor:text;line-height:1.15}
.tname .nm:hover{background:#EFEFEC;box-shadow:inset 0 0 0 1px var(--rule-strong)}
.tname .nm:focus{background:#fff;box-shadow:inset 0 0 0 2px var(--accent);outline:0}
.tname .addm2{margin-left:auto;border:1px solid var(--rule-strong);background:#fff;color:var(--ink-2);border-radius:2px;cursor:pointer;font-size:13px;width:23px;height:23px;line-height:1;padding:0;opacity:0}
.tname .addm2:hover{background:var(--ink);color:#fff;border-color:var(--ink)}
.tblock:hover .addm2{opacity:1}

.lanes{position:relative;min-height:calc(var(--lanes) * var(--laneh) + 4px)}
.bg{display:grid;height:100%;position:absolute;inset:0}
.bg>div{border-right:1px solid var(--rule);cursor:pointer;position:relative}
.bg>div:last-child{border-right:0}
.bg .we{background:#F3F3F0}
.bg .today{background:var(--today)}
.bg>div:hover{background:#EAEAE6}
.bg>div:hover::after{content:"＋";position:absolute;left:0;right:0;bottom:6px;text-align:center;color:var(--ink-3);font-size:15px;pointer-events:none}
.ov{position:absolute;inset:0;display:grid;grid-auto-rows:var(--laneh);pointer-events:none;padding:2px 0}

.m{pointer-events:auto;margin:2px 3px;border-radius:2px;color:#fff;cursor:pointer;padding:4px 8px;display:flex;flex-direction:column;gap:2px;overflow:hidden;border-left:3px solid rgba(0,0,0,.32);position:relative;height:calc(var(--laneh) - 4px)}
.m:hover{filter:brightness(1.09)}
.m .code{font-family:"JetBrains Mono",monospace;font-size:12.5px;font-weight:700;display:flex;align-items:baseline;gap:6px;white-space:nowrap}
.m .code em{font-style:normal;font-weight:400;font-size:11px;opacity:.9;overflow:hidden;text-overflow:ellipsis;font-family:"Inter",sans-serif}
.m .crew{font-family:"Barlow Condensed",sans-serif;font-size:12.5px;letter-spacing:.03em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.m.off{background:#B9BCB6!important;color:#33383E;border-left-color:#8A9099}
.m .cont{position:absolute;top:0;bottom:0;display:flex;align-items:center;font-size:11px;opacity:.75}
.m .cont.l{left:2px} .m .cont.r{right:3px}
.m.contl{border-left-style:dashed;padding-left:12px}
.m.contr{padding-right:12px}
.m .nd{position:absolute;top:0;right:0;border-style:solid;border-width:0 9px 9px 0;border-color:transparent #FFD84D transparent transparent}

/* ---------- équipes ---------- */
.crews{margin-top:16px;background:var(--surface);border:1px solid var(--rule-strong);border-radius:3px;overflow:hidden}
.crewshead{display:flex;align-items:center;gap:8px 10px;padding:8px 12px;background:var(--surface-2);border-bottom:1px solid var(--rule-strong);flex-wrap:wrap}
.crewshead .lab{font-family:"Barlow Condensed",sans-serif;text-transform:uppercase;letter-spacing:.13em;font-size:13px;font-weight:600;flex:none}
.crewshead .sub{font-family:"JetBrains Mono",monospace;font-size:10.5px;color:var(--ink-3)}
.crewshead button{border:1px solid var(--rule-strong);background:#fff;border-radius:2px;cursor:pointer;color:var(--ink-2);font-family:"Barlow Condensed",sans-serif;text-transform:uppercase;letter-spacing:.08em;font-size:11.5px;font-weight:600;height:26px;padding:0 10px;flex:none;white-space:nowrap;line-height:1}
.crewshead button:hover{background:var(--ink);color:#fff;border-color:var(--ink)}
.crewgrid{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(132px,1fr);grid-template-rows:auto auto auto auto;overflow-x:auto}
.cg{border-right:1px solid var(--rule);padding:6px 10px}
.cg.r1{background:var(--surface-2);border-bottom:1px solid var(--rule);padding:0}
.cg.r1 .bar{height:5px;background:var(--c)}
.cg.r1 .n{display:block;padding:5px 10px 6px;font-family:"Barlow Condensed",sans-serif;text-transform:uppercase;letter-spacing:.11em;font-size:12.5px;font-weight:600}
.cg.r4{border-top:1px solid var(--rule);display:flex;align-items:center;gap:3px;padding:14px 10px 8px}
.mem{display:flex;align-items:center;gap:7px;font-size:13px}
.mem .dot{width:9px;height:9px;border-radius:50%;background:var(--c);flex:none}
.mem .nm{padding:1px 4px;border-radius:2px;cursor:text}
.mem .nm:hover{background:#EFEFEC;box-shadow:inset 0 0 0 1px var(--rule-strong)}
.mem .nm:focus{background:#fff;box-shadow:inset 0 0 0 2px var(--accent);outline:0}
.mem.vide .nm{color:var(--ink-3);font-style:italic}
.mem.int .dot{background:transparent;box-shadow:inset 0 0 0 2px var(--c)}
.mem.int .nm{font-style:italic}
.mem .tagint{font-family:"Barlow Condensed",sans-serif;font-size:9px;font-weight:700;letter-spacing:.08em;color:var(--ink-3);border:1px solid var(--rule-strong);border-radius:2px;padding:0 3px}
.dday{width:13px;height:13px;border-radius:2px;box-shadow:inset 0 0 0 1px var(--rule-strong);position:relative}
.dday.on{background:var(--c);box-shadow:none}
.dday i{position:absolute;top:-13px;left:1px;font-family:"Barlow Condensed",sans-serif;font-size:9px;color:var(--ink-3);font-style:normal}
.dlab{font-family:"Barlow Condensed",sans-serif;text-transform:uppercase;letter-spacing:.1em;font-size:9.5px;color:var(--ink-3);margin-right:3px}

/* ---------- notes ---------- */
.memo{margin-top:16px;background:var(--surface);border:1px solid var(--rule-strong);border-left:4px solid #FFD84D;border-radius:3px}
.memohead{display:flex;align-items:center;gap:10px;padding:8px 12px;border-bottom:1px solid var(--rule)}
.memohead .lab{font-family:"Barlow Condensed",sans-serif;text-transform:uppercase;letter-spacing:.13em;font-size:13px;font-weight:600}
.memohead .sub{font-family:"JetBrains Mono",monospace;font-size:10.5px;color:var(--ink-3)}
.memolist{display:flex;flex-wrap:wrap;gap:9px;padding:12px}
.pin{background:#FFF6CC;border:1px solid #EBD98A;border-radius:2px;padding:9px 11px;width:250px;position:relative;font-size:12.5px;line-height:1.45}
.pin .by{display:block;margin-top:6px;font-family:"JetBrains Mono",monospace;font-size:9.5px;color:#8A7A3A}
.pin .x{position:absolute;top:4px;right:5px;border:0;background:transparent;cursor:pointer;color:#A8974E;font-size:14px;line-height:1;opacity:0}
.pin:hover .x{opacity:1}
.pin.vide{background:transparent;border:1px dashed var(--rule-strong);color:var(--ink-3);display:grid;place-items:center;font-style:italic}
.memoadd{display:flex;gap:8px;padding:0 12px 12px}
.memoadd input{flex:1;border:1px solid var(--rule-strong);border-radius:2px;padding:9px 10px;font-family:inherit;font-size:13px;background:#fff}
.memoadd button{border:0;background:var(--ink);color:#fff;border-radius:2px;padding:0 16px;cursor:pointer;font-family:"Barlow Condensed",sans-serif;text-transform:uppercase;letter-spacing:.1em;font-size:11.5px;font-weight:600}

/* ---------- calendrier mois ---------- */
.cal{display:grid;grid-template-columns:repeat(7,1fr)}
.calhead{display:grid;grid-template-columns:repeat(7,1fr);background:var(--surface-2);border-bottom:1px solid var(--rule-strong)}
.calhead div{padding:7px 10px;border-right:1px solid var(--rule);font-family:"Barlow Condensed",sans-serif;text-transform:uppercase;letter-spacing:.12em;font-size:12px;font-weight:600;color:var(--ink-2)}
.calhead div:last-child{border-right:0}
.calhead .we{background:#E9EAE7;color:var(--ink-3)}
.cell{min-height:112px;border-right:1px solid var(--rule);border-bottom:1px solid var(--rule);padding:5px 6px 8px;cursor:pointer;position:relative}
.cell:nth-child(7n){border-right:0}
.cell.we{background:#F3F3F0}
.cell.out{background:#EDEDEA}
.cell.out .daynum{color:#B8BAB5}
.cell.today{background:var(--today)}
.cell:hover{background:#EAEAE6}
.cell:hover::after{content:"＋";position:absolute;right:7px;bottom:5px;color:var(--ink-3);font-size:14px;pointer-events:none}
.daynum{font-family:"JetBrains Mono",monospace;font-size:13px;font-weight:700;display:block;margin-bottom:4px}
.cell.today .daynum{color:#8A6400}
.mk{display:flex;align-items:center;gap:5px;margin-bottom:3px;border-radius:2px;padding:1px 2px}
.mk .ini{font-family:"Barlow Condensed",sans-serif;font-weight:700;font-size:10.5px;letter-spacing:.06em;color:#fff;border-radius:2px;padding:1px 4px;flex:none}
.mk .tx{font-size:11.5px;color:var(--ink-2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

/* ---------- année ---------- */
.ycal{display:grid;grid-template-columns:repeat(6,1fr);grid-template-rows:repeat(2,1fr);gap:8px;padding:10px;height:calc(100vh - 118px)}
.ymo{border:1px solid var(--rule);border-radius:3px;overflow:hidden;background:var(--surface);display:flex;flex-direction:column;min-height:0}
.ymo h4{margin:0;padding:4px 8px;background:var(--surface-2);border-bottom:1px solid var(--rule);font-family:"Barlow Condensed",sans-serif;text-transform:uppercase;letter-spacing:.1em;font-size:11px;font-weight:600;flex:none}
.ygrid{display:grid;grid-template-columns:repeat(7,1fr);gap:2px;padding:5px;flex:1;min-height:0}
.ydh{font-family:"Barlow Condensed",sans-serif;font-size:10px;font-weight:600;text-align:center;color:var(--ink-3);letter-spacing:.05em}
.yd{display:grid;place-items:center;font-family:"JetBrains Mono",monospace;font-size:11px;font-weight:600;color:var(--ink-2);border-radius:2px;position:relative;cursor:pointer;min-height:0}
.yd:hover{background:#E4E5E1}
.yd.out{visibility:hidden}
.yd.we{color:#9AA0A6}
.yd.has{color:#fff;font-weight:700}
.yd.has:hover{filter:brightness(1.12)}
.yd.today{box-shadow:inset 0 0 0 2px var(--accent);z-index:1}
/* fond coloré : disque plein (1 tech) ou camembert (plusieurs) */
.yd .disc{position:absolute;inset:1px;border-radius:50%}
.yd .pie{position:absolute;inset:1px;width:calc(100% - 2px);height:calc(100% - 2px);border-radius:50%}
.yd .num{position:relative;z-index:2;font-size:12px;font-weight:700}
.yd.has .num{text-shadow:0 1px 3px rgba(0,0,0,.7)}

/* ---------- panneaux latéraux ---------- */
.panel{position:fixed;top:0;right:0;bottom:0;width:352px;background:var(--surface);border-left:1px solid var(--rule-strong);box-shadow:-14px 0 40px rgba(20,25,30,.16);z-index:50;display:none;flex-direction:column}
.panel.open{display:flex}
.panel header{padding:13px 16px;background:var(--ink);color:#F2F3F1}
.panel .eyebrow{font-family:"Barlow Condensed",sans-serif;text-transform:uppercase;letter-spacing:.14em;font-size:10px;color:var(--accent)}
.panel h3{margin:3px 0 0;font-family:"Barlow Condensed",sans-serif;font-size:20px;font-weight:600}
.panel .body{padding:14px 16px;overflow:auto;flex:1}
.fld{margin-bottom:14px}
.fld>label{display:block;font-family:"Barlow Condensed",sans-serif;text-transform:uppercase;letter-spacing:.12em;font-size:10.5px;color:var(--ink-3);margin-bottom:5px}
.row2{display:grid;grid-template-columns:1fr 1fr;gap:9px}
select,input,textarea{width:100%;border:1px solid var(--rule-strong);border-radius:2px;padding:8px 9px;font-family:inherit;font-size:13px;background:#fff;color:var(--ink)}
textarea{resize:vertical;min-height:54px}
.tp{border:1px solid var(--rule-strong);border-left:4px solid var(--c);border-radius:2px;margin-bottom:7px;overflow:hidden}
.tphead{width:100%;display:flex;align-items:center;gap:8px;background:var(--surface-2);border:0;border-bottom:1px solid var(--rule);padding:6px 9px;cursor:pointer;font-family:"Barlow Condensed",sans-serif;text-transform:uppercase;letter-spacing:.1em;font-size:12px;font-weight:600;color:var(--ink)}
.tphead:hover{background:#E4E5E1}
.tphead .st{margin-left:auto;font-family:"JetBrains Mono",monospace;font-size:9.5px;color:var(--ink-3);text-transform:none;letter-spacing:0}
.tpmem{display:flex;gap:6px;padding:7px 9px;flex-wrap:wrap}
.tpmem label{display:flex;align-items:center;gap:4px;border:1px solid var(--rule-strong);border-radius:2px;padding:4px 8px;cursor:pointer;font-size:12px;background:#fff}
.tpmem label.sel{background:var(--c);color:#fff;border-color:var(--c)}
.tpmem label.busy{border-color:var(--danger)}
.tpmem label.int{font-style:italic}
.tpmem input{display:none}
.tpmem .w{font-size:9px;color:var(--danger);font-weight:700}
.tpmem label.sel .w{color:#fff}
.panel footer{padding:11px 16px;border-top:1px solid var(--rule);display:flex;gap:8px;background:var(--surface-2)}
.btn{border:0;border-radius:2px;padding:9px 13px;cursor:pointer;font-family:"Barlow Condensed",sans-serif;text-transform:uppercase;letter-spacing:.1em;font-size:12px;font-weight:600}
.btn.primary{background:var(--ink);color:#fff;flex:1}
.btn.ghost{background:transparent;color:var(--ink-2);border:1px solid var(--rule-strong)}
.btn.danger{background:transparent;color:var(--danger);border:1px solid var(--danger)}
.teamacts{display:flex;gap:6px;margin-top:8px}
.teamacts button{flex:1;border:1px solid var(--rule-strong);background:#fff;border-radius:2px;padding:7px 6px;cursor:pointer;font-family:"Barlow Condensed",sans-serif;text-transform:uppercase;letter-spacing:.08em;font-size:11px;font-weight:600;color:var(--ink-2)}
.teamacts button:hover{border-color:var(--ink);color:var(--ink)}

/* repères */
.mkline{display:flex;align-items:flex-start;gap:8px;padding:9px 0;border-bottom:1px solid var(--rule)}
.mkline .ini{font-family:"Barlow Condensed",sans-serif;font-weight:700;font-size:11px;letter-spacing:.06em;color:#fff;border-radius:2px;padding:2px 6px;flex:none;margin-top:1px}
.mkline .tx{flex:1;font-size:13px;line-height:1.4;padding:2px 5px;border-radius:2px;cursor:text}
.mkline .tx:hover{background:#EFEFEC;box-shadow:inset 0 0 0 1px var(--rule-strong)}
.mkline .tx:focus{background:#fff;box-shadow:inset 0 0 0 2px var(--accent);outline:0}
.mkline .rm{border:1px solid var(--rule-strong);background:#fff;color:var(--danger);border-radius:2px;width:23px;height:23px;cursor:pointer;font-size:13px;line-height:1;flex:none}
.mkline .rm:hover{background:var(--danger);color:#fff}
.mkempty{font-size:12.5px;color:var(--ink-3);font-style:italic;padding:8px 0 12px}
.techpick{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:9px}
.techpick label{display:flex;align-items:center;gap:5px;border:1px solid var(--rule-strong);background:#fff;border-radius:2px;padding:5px 9px;cursor:pointer;font-size:12.5px}
.techpick label.sel{background:var(--c);color:#fff;border-color:var(--c)}
.techpick input{display:none}

/* gestion effectif */
.eline{border:1px solid var(--rule-strong);border-left:4px solid var(--c);border-radius:2px;padding:9px;margin-bottom:9px}
.eline .top{display:flex;align-items:center;gap:8px;margin-bottom:7px}
.eline .en{flex:1;font-family:"Barlow Condensed",sans-serif;text-transform:uppercase;letter-spacing:.1em;font-size:13px;font-weight:600;padding:2px 5px;border-radius:2px;cursor:text}
.eline .en:hover{background:#EFEFEC;box-shadow:inset 0 0 0 1px var(--rule-strong)}
.eline .en:focus{background:#fff;box-shadow:inset 0 0 0 2px var(--accent);outline:0}
.eline .rm{border:1px solid var(--rule-strong);background:#fff;color:var(--danger);border-radius:2px;width:24px;height:24px;cursor:pointer;font-size:14px;line-height:1;flex:none}
.eline .rm:hover{background:var(--danger);color:#fff}
.eline .ml{display:flex;flex-direction:column;gap:5px}
.eline .mrow{display:flex;align-items:center;gap:6px}
.eline .mrow .nm{flex:1;font-size:13px;padding:4px 6px;border:1px solid transparent;border-radius:2px;cursor:text}
.eline .mrow .nm:hover{background:#EFEFEC;border-color:var(--rule-strong)}
.eline .mrow .nm:focus{background:#fff;border-color:var(--accent);outline:0}
.eline .mrow.int .nm{font-style:italic}
.eline .ti{border:1px solid var(--rule-strong);background:#fff;color:var(--ink-3);border-radius:2px;height:24px;padding:0 6px;cursor:pointer;font-family:"Barlow Condensed",sans-serif;font-size:10px;font-weight:700;letter-spacing:.08em;flex:none}
.eline .ti.on{background:var(--ink);color:#fff;border-color:var(--ink)}
.eline .addm{border:1px dashed var(--rule-strong);background:transparent;color:var(--ink-3);border-radius:2px;padding:4px;cursor:pointer;font-size:11px;width:100%;margin-top:5px}
.eline .addm:hover{border-color:var(--ink);color:var(--ink)}
.addteam{width:100%;border:1px dashed var(--rule-strong);background:transparent;color:var(--ink-2);border-radius:2px;padding:9px;cursor:pointer;font-family:"Barlow Condensed",sans-serif;text-transform:uppercase;letter-spacing:.1em;font-size:12px;font-weight:600;margin-top:4px}
.addteam:hover{border-color:var(--ink);color:var(--ink)}
.addtech{display:flex;align-items:center;gap:8px;padding:8px 12px;background:var(--surface-2);cursor:pointer;color:var(--ink-3);font-family:"Barlow Condensed",sans-serif;text-transform:uppercase;letter-spacing:.1em;font-size:12px;font-weight:600}
.addtech:hover{background:#E4E5E1;color:var(--ink)}
.addtech input{border:1px solid var(--rule-strong);border-radius:2px;padding:5px 8px;font-family:"Inter",sans-serif;font-size:13px;letter-spacing:0;text-transform:none;width:190px}

/* ---------- écran de connexion ---------- */
#login{position:fixed;inset:0;z-index:100;background:linear-gradient(160deg,#1B1F24,#0E1116);display:none;align-items:center;justify-content:center;padding:20px}
#login.open{display:flex}
.loginbox{background:var(--surface);border-radius:6px;padding:26px 24px 22px;width:340px;max-width:100%;box-shadow:0 20px 60px rgba(0,0,0,.4);position:relative}
.loginbrand{font-family:"Barlow Condensed",sans-serif;font-weight:700;font-size:22px;letter-spacing:.14em;text-transform:uppercase;text-align:center}
.loginbrand span{color:var(--accent)}
.loginsub{text-align:center;color:var(--ink-2);font-size:14px;margin:6px 0 18px}
.whos{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.who{display:flex;flex-direction:column;align-items:center;gap:6px;border:1px solid var(--rule-strong);border-top:3px solid var(--c);background:#fff;border-radius:4px;padding:14px 8px;cursor:pointer;position:relative}
.who:hover{background:#F6F6F3}
.who .ini{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:var(--c);color:#fff;font-family:"Barlow Condensed",sans-serif;font-weight:700;font-size:14px}
.who .nm{font-family:"Barlow Condensed",sans-serif;font-size:17px;font-weight:600}
.who .neuf{font-family:"JetBrains Mono",monospace;font-size:8.5px;color:var(--accent);text-transform:uppercase;letter-spacing:.05em}
.retour{position:absolute;top:12px;left:12px;border:0;background:transparent;color:var(--ink-3);cursor:pointer;font-family:"Barlow Condensed",sans-serif;text-transform:uppercase;letter-spacing:.08em;font-size:11px}
.qui{display:flex;align-items:center;justify-content:center;gap:9px;margin-bottom:4px}
.qui .ini{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:var(--c);color:#fff;font-family:"Barlow Condensed",sans-serif;font-weight:700;font-size:13px}
.qui .nm{font-family:"Barlow Condensed",sans-serif;font-size:19px;font-weight:600}
.dots{display:flex;justify-content:center;gap:11px;margin:14px 0}
.dot{width:14px;height:14px;border-radius:50%;box-shadow:inset 0 0 0 2px var(--rule-strong)}
.dot.on{background:var(--ink);box-shadow:none}
.err{text-align:center;color:var(--danger);font-size:12.5px;min-height:16px;margin-bottom:6px}
.pad{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}
.pad button{border:1px solid var(--rule-strong);background:#fff;border-radius:4px;padding:15px 0;font-size:20px;font-family:"JetBrains Mono",monospace;cursor:pointer;color:var(--ink)}
.pad button:hover{background:var(--surface-2)}
.pad button:active{background:var(--accent);color:#fff}
.pad .del{font-size:16px;color:var(--ink-2)}
.pad .vide{border:0;background:transparent;cursor:default}
.hintlogin{font-size:11.5px;color:var(--ink-3);text-align:center;margin:14px 0 0;line-height:1.4}
.souvenir{display:flex;align-items:center;gap:7px;justify-content:center;margin-top:14px;font-size:12.5px;color:var(--ink-2);cursor:pointer}

/* ---------- toast ---------- */
#toast{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);background:var(--ink);color:#fff;padding:10px 18px;border-radius:4px;font-size:13px;z-index:120;opacity:0;transition:opacity .2s;pointer-events:none}
#toast.show{opacity:1}
#toast.err{background:var(--danger)}

@media (max-width:860px){
  .moi .nm{display:none}
  .tabs{order:5;width:100%}
  .tabs button{flex:1;padding:9px 6px}
  .period{min-width:0;flex:1}
  .legend{display:none}
  .hint{display:none}
  .panel{width:100%}
  .ycal{grid-template-columns:repeat(2,1fr);grid-template-rows:none;height:auto}
  .cell{min-height:86px}
}
@media (max-width:560px){ .ycal{grid-template-columns:1fr} }
@media (prefers-reduced-motion:reduce){*{transition:none!important}}