/* [clgc_saldo]: egen, liten fil så att sidan inte behöver köpformulärets CSS. */
.clgc-saldo{--ink:#241e14;--muted:#5d5444;--accent:#9b1c1c;--accent-d:#7c1414;--green:#2f6122;--field:#fffaf0;--soft:#efe5d0;max-width:30em;font:400 16px/1.55 var(--fb,"Open Sans",system-ui,-apple-system,"Segoe UI",Arial,sans-serif);color:var(--ink)}
.clgc-saldo,.clgc-saldo *{box-sizing:border-box}
.clgc-saldo label{display:block;margin:0 0 6px;font-weight:600}
.clgc-saldo .in{display:block;width:100%;max-width:none;min-height:48px;margin:0;padding:11px 14px;font-size:16px;line-height:1.4;font-family:inherit;color:var(--ink);background:var(--field);border:1.5px solid var(--ink);border-radius:5px;box-shadow:none;letter-spacing:.06em;text-transform:uppercase}
.clgc-saldo .in::placeholder{text-transform:none;letter-spacing:0}
.clgc-saldo .in[aria-invalid=true]{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}
.clgc-saldo .hint{margin:6px 0 14px;font-size:14px;color:var(--muted)}
.clgc-saldo .btn{display:block;width:100%;min-height:52px;margin:0;padding:10px 16px;border:0;border-radius:5px;background:var(--accent);color:#fffaf0;font-size:17px;line-height:1.2;font-weight:700;font-family:inherit;text-transform:none;letter-spacing:0;cursor:pointer}
.clgc-saldo .btn:hover{background:var(--accent-d);color:#fffaf0}
.clgc-saldo .btn[disabled]{opacity:.7;cursor:progress}
.clgc-saldo .in:focus-visible,.clgc-saldo .btn:focus-visible,.clgc-saldo .res:focus-visible{outline:3px solid var(--green);outline-offset:3px}
.clgc-saldo .res{margin-top:16px}
.clgc-saldo .res:empty{display:none}
.clgc-saldo .res p{margin:0;font-weight:600}
.clgc-saldo .res.bad p{color:var(--accent-d)}
.clgc-saldo dl{display:grid;grid-template-columns:auto 1fr;gap:6px 18px;margin:0;padding:14px 16px;background:var(--soft);border-radius:6px}
.clgc-saldo dt{color:var(--muted)}
.clgc-saldo dd{margin:0;font-weight:700}
@media (forced-colors:active){.clgc-saldo .btn{border:2px solid ButtonText}}
/* Theme hardening: gutter on full-width templates. */
.clgc-saldo{box-sizing:border-box;max-width:1160px;margin-inline:auto;padding-inline:16px}
@media (min-width:900px){.clgc-saldo{padding-inline:24px}}