a.button{display:inline-block;padding:10px 14px;border:1px solid #b4c7c9;border-radius:6px;text-decoration:none;color:#163e45;background:white}.login{max-width:520px;margin:45px auto}.login form{display:grid;gap:18px}.login input{width:100%;box-sizing:border-box}#navigation{display:flex;gap:8px;overflow:auto;padding:14px 30px}#page{background:white;padding:24px;border:1px solid #cadadb;border-radius:12px}#page .steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:14px}#page .steps article{border:1px solid #c6d8d8;border-radius:8px;padding:18px}#page table{width:100%;border-collapse:collapse}#page td,#page th{padding:10px;border-bottom:1px solid #dde7e6;text-align:left;vertical-align:top}.table-scroll{overflow:auto}textarea{width:100%;min-height:150px;box-sizing:border-box;padding:12px;font:14px monospace}pre{white-space:pre-wrap;overflow-wrap:anywhere;background:#f3f6f6;padding:16px}.warning{background:#fff4d7;padding:14px;border-radius:6px}.error{color:#a42520}.good{color:#087368}.hint{color:#50656a;font-size:14px}.field-grid{display:grid;gap:14px}#fields label{display:grid;gap:5px;margin:10px 0}#fields input,#fields select{max-width:100%;padding:9px}dialog{max-width:620px;width:calc(100% - 60px)}header button{margin-left:12px}#page h2{margin-top:0}.count{font-size:26px;font-weight:700}#message{min-height:20px}@media(max-width:600px){main{padding:12px}#page{padding:14px}header{display:block}#navigation{padding:12px}header button{margin-top:12px}.toolbar{align-items:stretch}.toolbar label{width:100%}}

/* 1.5 kirjautumissivun tuotenimi (Dicverbum StarCura) */
header .brandline{display:block;font-size:12px;letter-spacing:.16em;text-transform:uppercase;opacity:.85}header .brandhead h1{margin:4px 0 2px}header .tagline{margin:0;font-size:14px;opacity:.85}

/* 2.0 kaksivaiheinen tunnistus */
.mfa{display:grid;gap:.75rem;max-width:34rem}
.mfa-qr{display:block;width:200px;height:200px;background:#fff;padding:4px;border:1px solid #d0d7de;border-radius:6px}
.mfa code,.mfa-codes code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:1rem;letter-spacing:.04em}
.mfa-uri{display:block;word-break:break-all;font-size:.8rem}
.mfa-codes{columns:2;gap:2rem;padding-left:1.2rem;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}
.link-button{background:none;border:0;padding:0;color:inherit;text-decoration:underline;cursor:pointer;justify-self:start}
.shelter-help pre{white-space:pre-wrap;overflow-wrap:anywhere;font-size:13px;padding:10px;margin:4px 0 10px}.shelter-help p{margin:6px 0}

/* 3.5.5 (UAT TT-15, K-14): puhelimella taulukot kortteina, välilehdet rivittyvät, painikkeiden väli (K-20) */
@media(max-width:600px){#navigation{flex-wrap:wrap;overflow:visible}
#page table.rj-cards,#page table.rj-cards tbody,#page table.rj-cards tr,#page table.rj-cards td{display:block;width:auto}
#page table.rj-cards thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
#page table.rj-cards tr{border:1px solid #dde7e6;border-radius:8px;margin:0 0 10px;padding:4px 0}
#page table.rj-cards td{border-bottom:0;padding:6px 10px}
#page table.rj-cards td[data-label]:not([data-label=""])::before{content:attr(data-label);display:block;font-size:13px;color:#50656a;font-weight:600}}
.account-actions{display:flex;flex-wrap:wrap;gap:10px;margin:8px 0}
.my-balance{font-weight:600}
/* 3.5.7 (UAT L-11): varakoodit tasalevyisenä ruudukkona – koodi ei katkea kesken (myös 390 px) */
.mfa-codes{columns:auto;display:grid;grid-template-columns:repeat(auto-fill,minmax(22ch,1fr));gap:.4rem 1.5rem;list-style:none;padding:0;margin:.8rem 0}
.mfa-codes li{white-space:nowrap;font-variant-numeric:tabular-nums;padding:.35rem .6rem;background:#f3f6f5;border:1px solid #d7e2df;border-radius:6px;font-size:1rem;letter-spacing:.04em}
.mfa-codes li code{white-space:nowrap}
/* 3.5.7 (UAT L-09): kaksivaiheisen tunnistuksen virhe koodikentän alla */
.mfa-err:empty{display:none}.mfa-err{color:#a33226;margin:.4rem 0 0}

/* 3.5.13: rekisteröity tavaramerkki Dicverbum® */
.tm,sup.tm{font-size:.6em;vertical-align:super;line-height:0;text-decoration:none;font-weight:inherit}
