/* Portail rapports mdwa - charte reprise du template devis */
:root{
  --navy:#14243B;--navy-soft:#2A3D57;--line:#B9C0C9;--line-soft:#DDE1E6;
  --grey:#6B7683;--ink:#1B2430;--cream:#FFEFD3;--alert:#9B2C2C;--r:6px;
  --sans:"Source Sans 3","Segoe UI",Helvetica,Arial,sans-serif;
  --logo:"Montserrat Alternates",sans-serif;
}
*{box-sizing:border-box}
body{margin:0;background:#EEF0F3;font-family:var(--sans);color:var(--ink);font-size:15px;line-height:1.5;-webkit-font-smoothing:antialiased}
a{color:var(--navy)}
.topbar{background:var(--navy)}
.topbar .inner{max-width:1040px;margin:0 auto;padding:14px 24px;display:flex;align-items:center;justify-content:space-between}
.logo-word{font-family:var(--logo);font-size:28px;font-weight:600;line-height:1;color:var(--cream);text-decoration:none}
.out{color:#C9D1DC;font-size:13px;text-decoration:none}
.out:hover{color:#fff}
.card{max-width:440px;margin:56px auto;padding:36px 36px 30px;background:#fff;border-radius:var(--r);box-shadow:0 1px 14px rgba(20,36,59,.10)}
h1{font-size:26px;font-weight:400;margin:0 0 8px;letter-spacing:-.01em}
.muted{color:var(--grey)}
.small{font-size:13px}
label{display:block;font-size:13px;font-weight:600;margin:20px 0 6px}
input{width:100%;font:inherit;font-size:16px;padding:10px 12px;border:1px solid var(--line);border-radius:var(--r);color:var(--ink)}
input:focus{outline:2px solid var(--navy);outline-offset:0;border-color:var(--navy)}
#code{letter-spacing:.3em;font-size:22px;text-align:center}
button{margin-top:16px;width:100%;font:inherit;font-weight:600;padding:11px;border:0;border-radius:var(--r);background:var(--navy);color:var(--cream);cursor:pointer}
button:hover{background:var(--navy-soft)}
.err{color:var(--alert);background:#FBF1F1;border:1px solid #E7C2BA;border-radius:var(--r);padding:8px 12px;margin:14px 0 0;font-size:14px}
.clients{display:flex;flex-direction:column;gap:10px;margin-top:20px}
.client{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:14px 16px;border:1px solid var(--line);border-left:3px solid var(--navy);border-radius:var(--r);text-decoration:none;color:var(--ink);font-weight:600}
.client .go{font-weight:400;font-size:13px;border:1px solid var(--navy);border-radius:4px;padding:6px 10px;color:var(--navy);white-space:nowrap}
.client:hover .go{background:var(--navy);color:var(--cream)}
@media (max-width:520px){.card{margin:0;border-radius:0;box-shadow:none;padding:28px 16px}.topbar .inner{padding:12px 16px}}