/* ACTIZ — charte MAVOIX : noir + or, Playfair Display */
:root{
  --noir:#0e0e0f; --noir-2:#17171a; --carte:#1e1e22;
  --or:#c9a24b; --or-clair:#e6cd8a; --or-fonce:#a8842f;
  --texte:#f4f1ea; --texte-doux:#b9b4a8; --bord:#2c2c31;
  --ok:#3fae6f; --alerte:#d8894a; --danger:#cf5b5b;
  --ombre:0 10px 30px rgba(0,0,0,.35);
  --radius:14px;
}
*{box-sizing:border-box}
html,body{margin:0;padding:0}
body{
  background:radial-gradient(1200px 600px at 50% -10%, #1b1b1f 0%, var(--noir) 60%);
  color:var(--texte); font-family:'Inter',system-ui,-apple-system,Segoe UI,Roboto,sans-serif;
  min-height:100vh;
}
h1,h2,h3,.serif{font-family:'Playfair Display',Georgia,serif;font-weight:700;letter-spacing:.3px}
a{color:var(--or-clair)}
.hidden{display:none !important}

/* Monogramme M */
.mono{
  width:42px;height:42px;border-radius:11px;flex:0 0 auto;
  display:grid;place-items:center;
  background:linear-gradient(145deg,var(--or) 0%,var(--or-fonce) 100%);
  color:#171310;font-family:'Playfair Display',serif;font-weight:700;font-size:24px;
  box-shadow:0 4px 14px rgba(201,162,75,.35);
}

/* Barre du haut */
.topbar{
  display:flex;align-items:center;gap:14px;
  padding:14px 22px;border-bottom:1px solid var(--bord);
  background:rgba(14,14,15,.7);backdrop-filter:blur(8px);
  position:sticky;top:0;z-index:5;
}
.brand{display:flex;align-items:center;gap:12px}
.brand .titre{font-size:22px;line-height:1}
.brand .sous{font-size:12px;color:var(--texte-doux);letter-spacing:2px;text-transform:uppercase}
.topbar .spacer{flex:1}
.who{font-size:13px;color:var(--texte-doux);text-align:right}

/* Conteneur (large : tablette / ordinateur) */
.wrap{max-width:1040px;margin:0 auto;padding:26px 22px 80px}
.row{display:flex;gap:18px;flex-wrap:wrap}
.between{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap}

/* Cartes */
.card{
  background:linear-gradient(180deg,var(--carte) 0%,#191a1e 100%);
  border:1px solid var(--bord);border-radius:var(--radius);
  padding:22px;box-shadow:var(--ombre);
}
.card h2{margin:0 0 4px;font-size:24px}
.card .lead{color:var(--texte-doux);margin:0 0 18px;font-size:14px}

/* Champs */
label{display:block;font-size:13px;color:var(--texte-doux);margin:14px 0 6px}
input,select,textarea{
  width:100%;padding:12px 14px;border-radius:10px;
  background:#121216;border:1px solid var(--bord);color:var(--texte);
  font-size:15px;font-family:inherit;
}
input:focus,select:focus,textarea:focus{outline:none;border-color:var(--or)}
.two{display:grid;grid-template-columns:1fr 1fr;gap:16px}
@media(max-width:620px){.two{grid-template-columns:1fr}}

/* Boutons */
.btn{
  display:inline-flex;align-items:center;gap:8px;justify-content:center;
  padding:12px 20px;border-radius:11px;border:1px solid transparent;
  font-size:15px;font-weight:600;cursor:pointer;font-family:inherit;
}
.btn.or{background:linear-gradient(145deg,var(--or) 0%,var(--or-fonce) 100%);color:#171310}
.btn.or:hover{filter:brightness(1.06)}
.btn.ghost{background:transparent;border-color:var(--bord);color:var(--texte)}
.btn.ghost:hover{border-color:var(--or)}
.btn:disabled{opacity:.5;cursor:not-allowed}

/* Choix source (import / modèle) */
.choix{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:6px}
@media(max-width:620px){.choix{grid-template-columns:1fr}}
.opt{
  border:1.5px solid var(--bord);border-radius:12px;padding:16px;cursor:pointer;
  background:#141418;transition:.15s;
}
.opt:hover{border-color:var(--or-fonce)}
.opt.sel{border-color:var(--or);background:#1a1710}
.opt .t{font-weight:600;margin-bottom:4px}
.opt .d{font-size:12.5px;color:var(--texte-doux)}

/* Tableau de bord */
.doc{
  display:flex;align-items:center;gap:14px;padding:14px 16px;
  border:1px solid var(--bord);border-radius:12px;background:#141418;margin-top:10px;
}
.doc .meta{flex:1;min-width:0}
.doc .t{font-weight:600}
.doc .s{font-size:12.5px;color:var(--texte-doux)}
.badge{font-size:11.5px;padding:4px 10px;border-radius:20px;border:1px solid var(--bord);text-transform:uppercase;letter-spacing:.5px}
.badge.brouillon{color:var(--texte-doux)}
.badge.envoye{color:var(--or-clair);border-color:var(--or-fonce)}
.badge.signe{color:var(--ok);border-color:#2c6b47}
.badge.refuse{color:var(--danger);border-color:#6b2c2c}
.badge.expire{color:var(--alerte);border-color:#6b532c}

/* Divers */
.note{font-size:12.5px;color:var(--texte-doux);border-left:2px solid var(--or-fonce);padding:8px 12px;background:#141418;border-radius:0 8px 8px 0;margin-top:14px}
.verity{display:inline-flex;align-items:center;gap:6px;color:var(--or-clair);font-size:13px}
.toast{
  position:fixed;bottom:22px;left:50%;transform:translateX(-50%);
  background:#15150f;border:1px solid var(--or-fonce);color:var(--texte);
  padding:12px 18px;border-radius:12px;box-shadow:var(--ombre);z-index:20;font-size:14px;
}
.legal{margin-top:26px;font-size:11.5px;color:#7d786d;text-align:center;line-height:1.6}
.empty{text-align:center;color:var(--texte-doux);padding:30px 10px}