/* Theme 2026 — Auth-CSS seitenspezifisch (reset_password_request/_check_email/_reset)
   Gemeinsames Fundament (Tokens, bg, Chrome, Stage, Hero, Card, .under, Media) → auth-base.css */

  .badge-key.ok{background:color-mix(in srgb, var(--success) 12%, var(--panel-2)); border-color:color-mix(in srgb, var(--success) 45%, var(--border-strong));}
  .badge-key.ok svg{color:var(--success);}

  .card-head{margin-bottom:24px;}
  .card-head .kicker{display:inline-block; font-size:11px; font-weight:600; letter-spacing:1.4px; text-transform:uppercase; color:var(--text-mute); margin-bottom:12px;}
  .card-head h1{margin:0 0 8px; font-size:21px; font-weight:700; letter-spacing:-.3px;}
  .card-head p{margin:0; color:var(--text-dim); font-size:13px; line-height:1.55;}
  .card-head p b{color:var(--text); font-weight:600;}
  .notice{display:flex; gap:10px; margin-top:16px; padding:11px 13px; border-radius:var(--radius);
    background:color-mix(in srgb, var(--panel-2) 65%, transparent); border:1px solid var(--border);
    font-size:12px; line-height:1.5; color:var(--text-dim);}
  .notice svg{width:15px; height:15px; color:var(--text-mute); flex-shrink:0; margin-top:1px;}
  .notice b{color:var(--text); font-weight:600;}

  .field-label{display:block; font-size:11px; font-weight:600; letter-spacing:.6px; text-transform:uppercase; color:var(--text-mute); margin:0 0 8px;}
  .field{display:flex; align-items:center; gap:10px; background:var(--panel-2); border:1px solid var(--border-strong); border-radius:var(--radius);
    padding:11px 13px; margin-bottom:22px; transition:border-color .13s, box-shadow .13s, background .13s;}
  .field:focus-within{border-color:var(--text-dim); background:var(--bg-2); box-shadow:0 0 0 3px color-mix(in srgb, var(--text) 8%, transparent);}
  .field > svg{width:17px; height:17px; color:var(--text-mute); flex-shrink:0;}
  .field input{flex:1; min-width:0; background:none; border:none; outline:none; color:var(--text); font-size:14px; font-family:inherit;}
  .field input::placeholder{color:var(--text-mute);}

  .btn-primary{width:100%; padding:12px 16px; border:none; border-radius:var(--radius); background:var(--text); color:#12151a;
    font-weight:600; font-size:14px; font-family:inherit; cursor:pointer; transition:background .13s, transform .05s;
    display:inline-flex; align-items:center; justify-content:center; gap:9px;}
  .btn-primary:hover{background:#fff;}
  .btn-primary:active{transform:translateY(1px);}
  .btn-primary svg{width:16px; height:16px;}

  .divider{height:1px; background:var(--border); margin:24px 0 16px;}
  .back{display:flex; align-items:center; justify-content:center; gap:8px; text-align:center; font-size:12.5px;
    color:var(--text-dim); text-decoration:none;}
  .back:hover{color:var(--text);}
  .back svg{width:15px; height:15px;}

  .hidden{display:none;}