/* écrans de connexion : mêmes couleurs, typographies et arrondis que l'application (préfixe mca-) */
body.mc-locked main{display:none}
#mc-auth{position:relative;min-height:100vh;display:grid;place-items:center;padding:clamp(16px,4vw,40px)}
#mc-auth.mca-over{position:fixed;inset:0;z-index:80;min-height:0;background:color-mix(in srgb,var(--acc) 18%,rgb(24 20 40/.55));backdrop-filter:blur(3px);overflow-y:auto}
#mc-auth[hidden]{display:none}
.mca-card{width:min(460px,100%);background:var(--panel);border-radius:28px;padding:clamp(22px,4vw,34px);display:flex;flex-direction:column;gap:14px;box-shadow:0 0 0 1px color-mix(in srgb,var(--line) 60%,transparent),0 30px 70px -30px rgb(20 15 45/.35)}
.mca-brand{font-family:var(--display);font-weight:700;font-size:22px;display:flex;align-items:center;gap:9px}
.mca-brand i{width:16px;height:16px;border-radius:50%;background:conic-gradient(var(--c0) 0 25%,var(--c1) 0 50%,var(--c2) 0 75%,var(--c3) 0)}
.mca-card h1{font-size:clamp(24px,4vw,30px);line-height:1.1;letter-spacing:-.03em}
.mca-card form{display:flex;flex-direction:column;gap:12px}
.mca-card label{display:flex;flex-direction:column;gap:6px;font-size:14px;color:var(--mute)}
.mca-card label input:not([type=checkbox]){font-size:16px}
.mca-card .mca-check{flex-direction:row;align-items:flex-start;gap:10px;color:var(--ink)}
.mca-card .mca-check input{margin-top:3px}
.mca-card button[type=submit]{width:100%;padding:12px 18px;font-size:16px}
.mca-mute{color:var(--mute);font-size:14px;margin:0}
.mca-err{color:var(--neg);font-size:14px;font-weight:600;margin:0}
.mca-note{margin:0;padding:10px 14px;border-radius:14px;background:color-mix(in srgb,var(--c3) 30%,var(--panel));font-size:14px}
.mca-links{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px}
.mca-link{background:none;color:var(--acc);padding:4px 0;font-weight:600;box-shadow:none}
.mca-steps{margin:0;padding-left:20px;display:flex;flex-direction:column;gap:6px;font-size:14.5px}
.mca-qr{width:200px;height:200px;align-self:center;border-radius:16px;background:#fff;padding:8px}
.mca-det summary{cursor:pointer;color:var(--acc);font-size:14px;font-weight:600}
.mca-det p{font-size:14px;margin:8px 0 0}
.mca-key{display:block;margin-top:8px;padding:10px 12px;border-radius:12px;background:var(--soft);font:14px ui-monospace,monospace;word-break:break-all;user-select:all}
.mca-foot{margin:6px 0 0;font-size:12.5px;color:var(--mute);text-align:center}
.mca-foot a{color:var(--mute)}
.mca-btn-danger{background:var(--neg)!important;color:#fff!important}
/* compte, dans l'en-tête de l'application */
#mca-acc{display:flex;align-items:center;gap:10px;margin-left:8px}
.mca-st{font-size:12.5px;color:var(--mute);white-space:nowrap}
.mca-st.bad{color:var(--neg);font-weight:600}
.mca-menu{position:relative}
.mca-menu summary{list-style:none;cursor:pointer;padding:6px 14px;border-radius:999px;background:color-mix(in srgb,var(--c4) 30%,var(--panel));font-size:14px;font-weight:600}
.mca-menu summary::-webkit-details-marker{display:none}
.mca-pop{position:absolute;right:0;top:calc(100% + 8px);z-index:30;width:min(280px,85vw);background:var(--panel);border-radius:18px;padding:10px;display:flex;flex-direction:column;gap:4px;box-shadow:0 0 0 1px var(--line),0 22px 48px -18px rgb(20 15 45/.3)}
.mca-pop .mca-mute{padding:4px 10px 8px;word-break:break-all}
.mca-item{background:none;color:var(--ink);text-align:left;border-radius:10px;padding:8px 10px;font-weight:600;box-shadow:none}
.mca-item:hover{background:var(--soft)}
.mca-danger{color:var(--neg)}
@media (max-width:620px){.mca-st{display:none}}
/* entrées sans mot de passe : clé d'accès (Touch ID, Face ID, empreinte) et Google */
.mca-alt{display:flex;flex-direction:column;gap:10px}
.mca-card .mca-alt-btn{display:flex;align-items:center;gap:12px;width:100%;padding:11px 16px;border-radius:16px;background:var(--panel);color:var(--ink);font-size:15.5px;font-weight:600;text-align:left;box-shadow:0 0 0 1.5px var(--line)}
.mca-card .mca-alt-btn:hover{background:var(--soft)}
.mca-alt-btn small{display:block;font-size:12.5px;font-weight:500;color:var(--mute)}
.mca-g{width:22px;height:22px;flex:none}
.mca-fp{width:22px;height:22px;flex:none;background:var(--acc);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round'%3E%3Cpath d='M12 11v3.5a6 6 0 0 1-1.2 3.6'/%3E%3Cpath d='M8.5 9.6A3.6 3.6 0 0 1 15.6 11v2.6c0 2-.5 3.9-1.5 5.6'/%3E%3Cpath d='M5.4 15.6c.4-1.2.6-2.4.6-3.6a6 6 0 0 1 10.8-3.6'/%3E%3Cpath d='M18.3 10.8c.1.4.1.8.1 1.2v1.3c0 2.3-.4 4.4-1.3 6.4'/%3E%3Cpath d='M3.6 9.3A9 9 0 0 1 19.9 7.5'/%3E%3Cpath d='M7.6 19.5c.8-1.2 1.3-2.7 1.4-4.2'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round'%3E%3Cpath d='M12 11v3.5a6 6 0 0 1-1.2 3.6'/%3E%3Cpath d='M8.5 9.6A3.6 3.6 0 0 1 15.6 11v2.6c0 2-.5 3.9-1.5 5.6'/%3E%3Cpath d='M5.4 15.6c.4-1.2.6-2.4.6-3.6a6 6 0 0 1 10.8-3.6'/%3E%3Cpath d='M18.3 10.8c.1.4.1.8.1 1.2v1.3c0 2.3-.4 4.4-1.3 6.4'/%3E%3Cpath d='M3.6 9.3A9 9 0 0 1 19.9 7.5'/%3E%3Cpath d='M7.6 19.5c.8-1.2 1.3-2.7 1.4-4.2'/%3E%3C/svg%3E") center/contain no-repeat}
.mca-small{font-size:12.5px}
.mca-small a{color:var(--mute)}
.mca-or{display:flex;align-items:center;gap:10px;margin:2px 0 0;font-size:13px;color:var(--mute)}
.mca-or::before,.mca-or::after{content:"";flex:1;height:1px;background:var(--line)}
.mca-card .mca-full{width:100%;padding:12px 18px;font-size:16px}
.mca-keys{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}
.mca-key-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 14px;border-radius:14px;background:var(--soft)}
.mca-key-row span{min-width:0;overflow-wrap:anywhere}
.mca-key-row small{display:block;color:var(--mute);font-size:12.5px}