.auth-shell{width:min(560px,calc(100% - 28px));margin:48px auto 72px}.auth-brand{text-align:center;margin-bottom:20px}.auth-brand .brandline{display:flex;justify-content:center;align-items:center;gap:8px}.auth-card{background:var(--surface);border:1px solid var(--line);border-radius:22px;box-shadow:var(--shadow);padding:24px}.auth-card h1{margin:0 0 6px;font-size:1.55rem;letter-spacing:-.03em}.auth-card p{color:var(--muted);line-height:1.5}.auth-field{display:block;margin-top:14px;font-size:.76rem;font-weight:800;color:#555b56}.auth-field input{width:100%;margin-top:6px;padding:11px 12px;border:1px solid var(--line);border-radius:10px;background:#fff;font:inherit;color:var(--ink)}.auth-field input:focus{outline:0;border-color:#9ab5a5;box-shadow:0 0 0 3px rgba(47,93,80,.08)}.auth-actions{display:flex;gap:9px;align-items:center;margin-top:18px}.auth-button{display:inline-flex;align-items:center;justify-content:center;padding:10px 13px;border:1px solid var(--accent);border-radius:10px;background:var(--accent);color:#fff;font:inherit;font-size:.82rem;font-weight:800;text-decoration:none;cursor:pointer}.auth-button.secondary{background:#fff;color:var(--accent);border-color:var(--line)}.auth-links{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-top:16px;font-size:.78rem}.auth-links a{color:var(--accent);font-weight:750}.auth-error,.auth-success,.auth-note{margin:0 0 14px;padding:11px 12px;border-radius:11px;font-size:.8rem;line-height:1.4}.auth-error{background:#fff0ed;border:1px solid #edc9c3;color:#8b3c35}.auth-success{background:#eef7f1;border:1px solid #c7ddcf;color:#2f5d50}.auth-note{background:#f8f5ee;border:1px solid var(--line);color:#666b64}.account-grid{display:grid;gap:16px}.account-card{background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:20px;box-shadow:var(--shadow)}.account-card h2{margin-top:0}.status-ok{color:var(--accent);font-weight:800}.status-warn{color:#9a6a28;font-weight:800}.danger-text{color:var(--danger)}@media(max-width:520px){.auth-actions{flex-direction:column;align-items:stretch}.auth-button{width:100%}}

/* NordicPass v2.6 profile cover ---------------------------------------- */
.account-shell{width:min(760px,calc(100% - 28px))}
.account-card-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}
.account-card-heading h2{margin-bottom:0}
.single-slot-badge{flex:none;font-size:.68rem;font-weight:850;color:var(--accent);background:var(--accent-soft);border-radius:999px;padding:6px 8px}
.account-help{margin:8px 0 16px;color:var(--muted);font-size:.82rem;line-height:1.5}
.cover-preview{overflow:hidden;border:1px solid var(--line);border-radius:16px;background:var(--surface-2);aspect-ratio:16/6;display:flex;align-items:center;justify-content:center}
.cover-preview img{width:100%;height:100%;display:block;object-fit:cover}
.cover-preview-empty{min-height:150px;color:var(--muted);font-size:.8rem;font-weight:750;background:linear-gradient(135deg,var(--surface-2),#e7eee9)}
.cover-upload-form{margin-top:16px}.cover-upload-form .auth-field{margin-top:0}.cover-upload-form input[type=file]{padding:9px;background:#fff}
.upload-note{margin:7px 0 0!important;font-size:.72rem!important;color:var(--muted)!important}
.cover-remove-form{margin-top:10px}.text-danger-button{border:0;background:transparent;color:var(--danger);padding:3px 0;font:inherit;font-size:.76rem;font-weight:800;cursor:pointer;text-decoration:underline;text-underline-offset:3px}
@media(max-width:520px){.account-card-heading{align-items:center}.single-slot-badge{font-size:.64rem}.cover-preview{aspect-ratio:16/8}}

/* Cover focal-point editor: drag the preview, or use the two range controls. */
.cover-preview[data-cover-preview]{cursor:grab;touch-action:none;user-select:none}
.cover-preview[data-cover-preview].is-dragging{cursor:grabbing}
.cover-preview[data-cover-preview] img{pointer-events:none}