/* Q Tax — aanvullingen op de Quicke-inlogstijl, gedeeld door inlogkaart en portaal. */

/* Merk onderaan de inlogpagina's */
.qt-login-foot{position:fixed;left:0;right:0;bottom:max(14px,env(safe-area-inset-bottom));z-index:1;display:flex;align-items:center;justify-content:center;gap:8px;
  font-size:.8rem;font-weight:500;letter-spacing:.01em;color:rgba(var(--qk-text-rgb),max(.45,calc(var(--qk-text-min) - .1)));pointer-events:none}
.qt-login-foot .qt-logo{width:18px;height:18px;border-radius:5px}
@media (max-height:640px){.qt-login-foot{position:static;margin-top:18px}}
.ql-card.qt-card-wide{max-width:460px}

/* Wachtwoordregels (live afgevinkt) */
.qt-rules{list-style:none;margin:2px 0 4px;padding:0;display:grid;gap:5px;font-size:.8rem;color:rgba(var(--qk-text-rgb),max(.55,var(--qk-text-min)))}
.qt-rules li{display:flex;align-items:center;gap:8px;transition:color .15s}
.qt-rules li::before{content:'';width:14px;height:14px;flex-shrink:0;border-radius:50%;border:1.5px solid rgba(var(--qk-ov-rgb),.28);transition:background .15s,border-color .15s}
.qt-rules li.ok{color:var(--qk-success)}
.qt-rules li.ok::before{border-color:transparent;background:var(--qk-success) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='3.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 12.5 4 4L18 8'/%3E%3C/svg%3E") center/11px no-repeat}
:root[data-theme="light"] .qt-rules li.ok{color:color-mix(in srgb,var(--qk-success) 80%,#000)}

/* Herstelcode (2FA-stap) */
.qt-recovery{margin-top:16px;font-size:.86rem}
.qt-recovery summary{cursor:pointer;color:rgba(var(--qk-text-rgb),max(.6,var(--qk-text-min)));list-style:none;display:inline-flex;align-items:center;gap:6px;border-radius:8px;padding:2px 4px;margin-left:-4px}
.qt-recovery summary::-webkit-details-marker{display:none}
.qt-recovery summary::before{content:'›';display:inline-block;transition:transform .2s;font-size:1.1em;line-height:1}
.qt-recovery[open] summary::before{transform:rotate(90deg)}
.qt-recovery summary:hover{color:var(--qk-text)}
.qt-recovery form{margin-top:12px}

/* Foutpagina (zelfde opbouw als de Quicke-foutpagina's) */
.qt-err{text-align:center}
.qt-err-code{font-size:4.2rem;line-height:1;font-weight:600;letter-spacing:-.04em;margin-bottom:14px;
  background:linear-gradient(135deg,var(--qk-accent),var(--qk-accent2));-webkit-background-clip:text;background-clip:text;color:transparent}
.qt-err h1{font-size:1.5rem;font-weight:600;line-height:1.25}
.qt-err p{margin-top:8px;font-size:.93rem;line-height:1.55;color:rgba(var(--qk-text-rgb),max(.62,var(--qk-text-min)))}
.qt-err .ql-btn{margin-top:22px}