/* Pages du compte ia-pharma.eu (agent PORTAIL, 24-10). Même barre et même bleu que les autres pages (#8194cb). */
:root {
  --bleu: #8194cb; --bleu-fonce: #5f73ad; --fond: #f8f9fa; --carte: #ffffff; --texte: #1f2937; --doux: #6b7280;
  --ligne: #e0e0e0; --erreur: #b42318; --ok: #1f7a4d; --avert: #fff4e5; --avert-texte: #8a4b00; --rayon: 12px;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
}
* { box-sizing: border-box; }
body { margin: 0; background: var(--fond); color: var(--texte); font-size: 15px; line-height: 1.5; }
main { max-width: 720px; margin: 32px auto; padding: 0 16px; }
main.etroit { max-width: 420px; }
main.large { max-width: 1100px; }
h1 { font-size: 22px; margin: 0 0 4px; font-weight: 600; }
h2 { font-size: 16px; margin: 0 0 12px; font-weight: 600; }
p.sous { color: var(--doux); margin: 0 0 24px; }
.carte { background: var(--carte); border: 1px solid var(--ligne); border-radius: var(--rayon); padding: 20px; margin-bottom: 16px; }
label { display: block; font-size: 13px; color: var(--doux); margin: 12px 0 4px; }
input, select, textarea { width: 100%; padding: 10px 12px; border: 1px solid #cfd4dc; border-radius: 8px; font: inherit; background: #fff; color: var(--texte); }
input:focus, select:focus, textarea:focus { outline: 2px solid var(--bleu); outline-offset: 1px; border-color: var(--bleu); }
input.code { font-size: 26px; letter-spacing: 8px; text-align: center; font-variant-numeric: tabular-nums; }
button { margin-top: 16px; padding: 10px 18px; border: 0; border-radius: 20px; background: var(--bleu); color: #fff; font: inherit; font-weight: 500; cursor: pointer; }
button:hover { background: var(--bleu-fonce); }
button.second { background: #e8e8e8; color: #444; }
button.second:hover { background: #dcdcdc; }
button:disabled { opacity: .6; cursor: default; }
.message { margin-top: 12px; font-size: 14px; min-height: 1.5em; }
.message.erreur { color: var(--erreur); }
.message.ok { color: var(--ok); }
.ligne { display: flex; gap: 12px; flex-wrap: wrap; }
.ligne > * { flex: 1 1 200px; }
.cache { display: none !important; }
.bandeau-support { background: var(--avert); color: var(--avert-texte); border-bottom: 1px solid #f3c58b; padding: 8px 16px; text-align: center; font-size: 13px; }
.bandeau-support button { margin: 0 0 0 12px; padding: 4px 12px; font-size: 12px; }
table { width: 100%; border-collapse: collapse; font-size: 13px; }
th, td { text-align: left; padding: 8px 6px; border-bottom: 1px solid var(--ligne); vertical-align: top; }
th { color: var(--doux); font-weight: 500; }
.tableau { overflow-x: auto; }
.pastilles span { display: inline-block; background: #eef0f7; color: #39477a; border-radius: 10px; padding: 1px 8px; margin: 1px 2px; font-size: 12px; }
.lien-copie { word-break: break-all; background: #f3f4f6; padding: 10px; border-radius: 8px; font-family: ui-monospace, Consolas, monospace; font-size: 13px; }
.pied { text-align: center; color: var(--doux); font-size: 12px; margin: 32px 0; }
.pied a { color: var(--doux); }
@media (max-width: 480px) { main { margin-top: 20px; } .carte { padding: 16px; } }