/* Etapp 1b: det som behövs för inloggning, återställningskod och kontoinställningar.
   Återanvänder färger och former från låsskärmen och demon av återställningskoden. */
.security-card{width:min(100%,480px)}
#gateBody>p:not(.security-footnote){color:#806c68;line-height:1.55}
.security-card .gate-who{display:inline-block;margin-top:6px;font:bold 14px Arial,sans-serif;color:#542e36}
.security-card .gate-hint{font:13px/1.5 Arial,sans-serif;color:#806d68;text-align:left;margin:-6px 0 12px}
.gate-links{display:flex;flex-wrap:wrap;justify-content:center;gap:2px 14px;margin-top:10px}
.linkbtn{border:0;background:none;color:#9b3f27;font:14px Arial,sans-serif;text-decoration:underline;padding:6px;cursor:pointer}
.check{display:flex;gap:10px;align-items:flex-start;text-align:left;font:14px/1.45 Arial,sans-serif;color:#4a171b;margin:14px 0}
.check input{width:20px!important;height:20px;margin-top:1px;flex:none;accent-color:#df8b85}
.codebox{margin:18px 0 8px;padding:18px 10px;border:2px dashed #df8b85;border-radius:18px;background:#fff;font:bold 22px/1.3 "Courier New",monospace;letter-spacing:.06em;color:#4a171b;word-spacing:.2em;text-align:center}
.codebox small{display:block;word-spacing:normal;font:12px Arial,sans-serif;letter-spacing:0;color:#806d68;margin-top:6px}
.save-options{display:grid;gap:8px;margin:16px 0 6px}
.save-options .btn{margin-top:0}
.tips{text-align:left;background:#fdf0ec;border-radius:16px;padding:14px 16px;margin:16px 0;font:14px/1.55 Arial,sans-serif;color:#5b3030}
.tips strong{color:#4a171b}
.tips ul{margin:6px 0 10px;padding-left:18px}
.last4-input{text-align:center;font:bold 22px "Courier New",monospace!important;text-transform:uppercase;letter-spacing:.2em}
.btn:disabled{opacity:.45;cursor:not-allowed}
.smallbtn:disabled{opacity:.45;cursor:not-allowed}
/* Bara på sidan Integritet, så att journalens övriga sidor ser exakt ut som originalet */
#page-privacy .btn.secondary+.btn.secondary,#page-privacy .field+.btn{margin-top:10px}
#page-privacy .btn.secondary{margin-bottom:6px}
.code-reminder{border-color:#df8b85;margin:0 0 16px}
.entry.device h3,.entry.locked h3{font-size:18px}
.entry.locked .field{margin:10px 0 0}
.entry-actions small{font:12px Arial,sans-serif;color:#806d68;align-self:center}
#keycard{display:none}
@media print{
  body{background:#fff!important}
  body>*:not(#keycard){display:none!important}
  #keycard{display:block!important;font-family:Georgia,serif;color:#321d1d;padding:30px;border:2px solid #df8b85;border-radius:20px;max-width:560px;margin:40px auto}
  #keycard img{width:110px}
  #keycard .code{font:bold 26px "Courier New",monospace;letter-spacing:.06em;margin:16px 0;color:#4a171b}
}
@media(max-width:520px){.codebox{font-size:18px}.security-card h1{font-size:25px}}
.check-note{display:block;margin-top:3px;font:12px/1.45 Arial,sans-serif;color:#806d68}
.gate-lang .linkbtn[aria-pressed="true"]{text-decoration:none;font-weight:bold;cursor:default}