/* Le certificat de radioamateur et les services d'écoute : les quelques règles que ces pages ajoutent à celles du site
   (styles.css, auth.css). HAMPLUS_CERTIFICAT_V1 */

/* La case d'un fichier, dans la demande de compte et dans « Mes appareils ». */
.auth-panel input[type="file"] { width: 100%; border: 1px dashed rgba(130, 196, 235, .42); border-radius: .65rem; padding: .7rem .8rem; color: var(--ink); background: #04111c; font: inherit; font-size: .85rem; }
.auth-panel input[type="file"]::file-selector-button { margin-right: .9rem; border: 0; border-radius: .45rem; padding: .55rem .9rem; color: #04111c; background: var(--cyan); font: inherit; font-weight: 800; cursor: pointer; }
.certificat-pourquoi, .certificat-texte a, .certificat-ferme a { color: var(--cyan); font-weight: 700; }
.certificat-pourquoi { white-space: nowrap; }
.auth-panel .certificat-precision { color: #8fa9bb; font-size: .78rem; }

/* Dans la demande de compte : la case paraît quand un code d'activation HAM+ est inscrit. */
.certificat-champ { display: grid; gap: .7rem; padding: 1.1rem 1.2rem; border: 1px solid var(--line); border-left: 3px solid var(--cyan); border-radius: .8rem; background: rgba(12, 58, 83, .22); }
.certificat-champ[hidden] { display: none; }
.certificat-champ .auth-message:empty { display: none; }

/* Dans « Mes appareils » : la case du code et celle du certificat, côte à côte sur un grand écran. */
.certificat-duo { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1.2rem; align-items: start; }
@media (max-width: 900px) { .certificat-duo { grid-template-columns: 1fr; } }
.certificat-etat { margin: 0; padding: .8rem 1rem; border-left: 2px solid #7891a6; color: #c8dbe8; background: rgba(120, 145, 166, .1); font-size: .92rem; font-weight: 700; line-height: 1.55; }
.certificat-etat.is-requested { border-left-color: #ffcf85; color: #ffe2b4; background: rgba(132, 92, 21, .16); }
.certificat-etat.is-received { border-left-color: #5de5b0; color: #c9f5e2; background: rgba(93, 229, 176, .08); }

/* La page « Pourquoi demandons-nous votre certificat ? » : un texte à lire. */
.certificat-texte { gap: .9rem; }
.certificat-texte h2 { margin: 1.3rem 0 0; color: var(--ink); font-size: 1.22rem; line-height: 1.3; letter-spacing: 0; text-transform: none; }
.certificat-texte h2:first-child { margin-top: 0; }
.certificat-texte p, .certificat-texte li { margin: 0; color: #c8dbe8; font-size: .95rem; line-height: 1.7; }
.certificat-texte ul { margin: 0; padding-left: 1.3rem; display: grid; gap: .5rem; }
.certificat-texte .certificat-textes li { color: #a9c3d4; font-size: .84rem; line-height: 1.55; overflow-wrap: anywhere; }
.certificat-texte .certificat-avis { margin-top: .6rem; padding-top: 1rem; border-top: 1px solid var(--line); font-size: .84rem; }