/* style.css — projets.clinilac.com v1.3
   Ossature recolorée sur la palette HF Graphisme officielle.
   Thème sombre · largeur max 1800px · titres Champagne / corps Afacad. */

@font-face{ font-family:'Champagne'; src:url('/static/fonts/Champagne.woff2') format('woff2');
            font-weight:400; font-display:swap; }

:root{
  --brand-soft:#B2EBC9; --brand-primary:#4C9A84; --brand-neutral:#A7A194;
  --brand-cream:#F6F3E7; --brand-accent:#DAC78F;
  --bg:#12160f; --panel:#1a1f17; --panel2:#232a1f; --line:#333c2c;
  --txt:#eef1e7; --mut:var(--brand-neutral); --acc:var(--brand-primary);
  --ok:var(--brand-soft); --red:#e07a6a;
  --c-projet:var(--brand-primary); --c-perso:var(--brand-accent); --c-delegue:#c08552;
  --r-lg:14px; --r-sm:9px;
}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--txt);
     font:15px/1.55 'Afacad',-apple-system,Segoe UI,Roboto,sans-serif}
h1,h2,.logo{font-family:'Champagne','Afacad',serif}
.wrap{max-width:1800px;margin:0 auto;padding:0 24px}

header{background:var(--panel);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:10}
header .wrap{display:flex;align-items:center;gap:20px;height:56px}
.logo{font-weight:700;color:var(--acc);font-size:18px}
nav a{color:var(--mut);text-decoration:none;margin-right:4px;padding:6px 10px;border-radius:var(--r-sm)}
nav a:hover{color:var(--txt);background:var(--panel2)}
.spacer{flex:1}
.bell{position:relative;color:var(--mut);text-decoration:none;font-size:19px}
.bell .dot{position:absolute;top:-4px;right:-6px;background:var(--red);color:#fff;
     font-size:11px;border-radius:10px;padding:0 5px}

main{padding:26px 0 60px}
h1{font-size:23px;margin:0 0 18px}
h2{font-size:14px;color:var(--brand-accent);text-transform:uppercase;letter-spacing:.06em;margin:26px 0 12px}

.card{background:linear-gradient(180deg,var(--panel),#181d15);border:1px solid var(--line);
      border-radius:var(--r-lg);padding:18px;margin-bottom:16px}
.btn{background:var(--acc);color:#0e130d;border:0;border-radius:var(--r-sm);padding:9px 15px;
     cursor:pointer;text-decoration:none;display:inline-block;font:inherit;font-weight:600}
.btn:hover{filter:brightness(1.08)}
.btn.ghost{background:var(--panel2);color:var(--txt);border:1px solid var(--line);font-weight:500}
.btn.danger{background:transparent;color:var(--red);border:1px solid var(--red)}
input,select,textarea{background:var(--panel2);border:1px solid var(--line);color:var(--txt);
     border-radius:var(--r-sm);padding:9px 11px;width:100%;font:inherit}
textarea{min-height:80px;resize:vertical}
label{display:block;color:var(--mut);font-size:13px;margin:12px 0 5px}

table{width:100%;border-collapse:collapse}
td,th{padding:9px 8px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}
th{color:var(--mut);font-weight:600;font-size:13px}
.pill{font-size:12px;padding:2px 9px;border-radius:20px;background:var(--panel2);color:var(--brand-cream)}
.tag-projet{border-left:3px solid var(--c-projet)}
.tag-perso{border-left:3px solid var(--c-perso)}
.tag-delegue{border-left:3px solid var(--c-delegue)}
.retard{color:var(--red)}
.muted{color:var(--mut)}
.flash{background:var(--panel2);border:1px solid var(--acc);padding:10px 14px;border-radius:var(--r-sm);margin-bottom:14px}
.grid{display:grid;gap:16px}
.bar{height:8px;background:var(--panel2);border-radius:6px;overflow:hidden}
.bar>i{display:block;height:100%;background:var(--brand-soft)}
.evt{padding:7px 0;border-bottom:1px solid var(--line);font-size:14px}
.evt .meta{color:var(--mut);font-size:12px}
.msg{background:var(--panel2);border-radius:var(--r-sm);padding:8px 11px;margin-bottom:8px}
.msg .meta{color:var(--mut);font-size:12px;margin-bottom:2px}
code{font-family:'JetBrains Mono',monospace;background:var(--panel2);padding:1px 5px;border-radius:5px}
a.link{color:var(--acc);text-decoration:none}