/* IntygAvDoktorn: same account structure, certificate branding. */
.iad-patient-page .login-main{color:#183449;background:#fff}
.iad-patient-page .login-hero::before{background:radial-gradient(ellipse at 50% 30%,#dceff6 0%,#f1f8fb 48%,#fff 76%)}
.iad-patient-page .login-heading h1 span{color:#2b7d9f}
.iad-patient-page .login-eyebrow{color:#317e9f}
.iad-patient-page .login-access{border:1px solid #d7e7ef;background:#fff;box-shadow:0 12px 40px #18344908}
.iad-patient-page .patient-login__primary{background:#205d89}
.iad-patient-page .patient-login__primary:hover{background:#174c72}
.iad-patient-page .login-benefits li{background:#eef6fa}
.iad-patient-page .login-benefits li:nth-child(2){background:#e7f2f7}
.iad-patient-page .login-benefits li:nth-child(3){background:#eff5f7}
.iad-patient-page .login-benefits li:nth-child(4){background:#eaf3f8}
.iad-patient-page .login-support-item,.iad-patient-page .login-support-item:first-child{background:#f0f6f9}
.iad-patient-page .login-support a{color:#205d89}
.iad-patient-page .login-benefits h2{font-size:18px}
.iad-patient-page .login-heading{max-width:100%}
.iad-patient-page .login-welcome p{line-height:1.6}
@media(max-width:600px){.iad-patient-page .login-benefits h2{font-size:16px}.iad-patient-page .login-benefits p{font-size:13px}.iad-patient-page .login-heading h1 span{white-space:normal}.iad-patient-page .login-welcome p{font-size:12px}}

/* Compact overview: one shared panel, with a readable mobile list. */
.iad-patient-page .login-benefits-heading{margin:36px 0 20px}
.iad-patient-page .login-benefits{background:#eef6fa;border-radius:24px;gap:0;padding:22px 10px;grid-template-columns:repeat(4,minmax(0,1fr))}
.iad-patient-page .login-benefits li:nth-child(n){background:transparent;border-radius:0;padding:0 20px}
.iad-patient-page .login-benefits li+li{border-left:1px solid #d5e5ed}
.iad-patient-page .login-benefit-icon{width:50px;height:46px;margin:0 auto 12px}
.iad-patient-page .login-benefits h2{font-size:16px;margin:0 0 7px}
.iad-patient-page .login-benefits p{font-size:13px;line-height:1.6}
.iad-patient-page .login-support{gap:0;margin-top:22px;border-top:1px solid #dce8ef;padding-top:22px}
.iad-patient-page .login-support-item:nth-child(n){background:transparent;border-radius:0;padding:0 24px}
.iad-patient-page .login-support-item+ .login-support-item{border-left:1px solid #dce8ef}
.iad-patient-page .login-support-icon,.iad-patient-page .login-support .login-eyebrow{display:none}
.iad-patient-page .login-support h2{font-size:19px;margin:0 0 6px}
.iad-patient-page .login-support p:not(.login-eyebrow){font-size:13px;line-height:1.6}
.iad-patient-page .login-support a{margin-top:5px;font-size:13px;min-height:44px}
.iad-patient-page .login-main{padding-bottom:32px}
@media(max-width:760px){
.iad-patient-page .login-benefits{grid-template-columns:1fr;padding:4px 18px;border-radius:20px}
.iad-patient-page .login-benefits li:nth-child(n){display:flex;align-items:center;gap:14px;text-align:left;padding:14px 0;border-left:0}
.iad-patient-page .login-benefits li+li{border-top:1px solid #d5e5ed}
.iad-patient-page .login-benefit-icon{width:40px;height:38px;margin:0;flex:none}
.iad-patient-page .login-benefits h2{font-size:15px;margin-bottom:3px}
.iad-patient-page .login-benefits p{font-size:13px;line-height:1.5}
.iad-patient-page .login-benefits-heading{margin:28px 0 16px}
.iad-patient-page .login-support{grid-template-columns:1fr;padding-top:0;margin-top:18px}
.iad-patient-page .login-support-item:nth-child(n){padding:16px 0 8px;border-left:0}
.iad-patient-page .login-support-item+.login-support-item{border-top:1px solid #dce8ef}
.iad-patient-page .login-support h2{font-size:17px}
.iad-patient-page .login-welcome p{font-size:13px;max-width:30ch}
}
/* Compact help cards, visually separated from the account overview. */
.iad-patient-page .login-support{gap:18px;margin-top:24px;border:0;padding-top:0;align-items:stretch}
.iad-patient-page .login-support-item:nth-child(n){position:relative;background:#fff;border:1px solid #dbe8ef;border-radius:20px;padding:24px 24px 18px 86px;box-shadow:0 5px 20px #18344904}
.iad-patient-page .login-support-icon{display:block;position:absolute;left:22px;top:24px;width:44px;height:44px;margin:0}
.iad-patient-page .login-support-icon svg{width:100%;height:100%}
.iad-patient-page .login-support h2{font-size:18px;line-height:1.4;margin:0 0 7px;letter-spacing:-.02em}
.iad-patient-page .login-support p:not(.login-eyebrow){font-size:13px;line-height:1.65;margin:0}
.iad-patient-page .login-support a{display:inline-flex;align-items:center;gap:12px;margin-top:10px;padding:0 12px 0 0;font-weight:600;border-radius:6px;min-height:40px}
.iad-patient-page .login-support a:hover{color:#153e5b;text-decoration:underline;text-underline-offset:4px}
.iad-patient-page .login-support a:focus-visible{outline:3px solid #54a0cd;outline-offset:4px}
.iad-patient-page .login-main{padding-bottom:44px}
@media(max-width:760px){
 .iad-patient-page .login-support{gap:12px;margin-top:18px}
 .iad-patient-page .login-support-item:nth-child(n){padding:18px 16px 12px 68px;border:1px solid #dbe8ef;border-radius:16px}
 .iad-patient-page .login-support-icon{left:17px;top:18px;width:35px;height:35px}
 .iad-patient-page .login-support h2{font-size:16px;margin-bottom:5px}
 .iad-patient-page .login-support p:not(.login-eyebrow){font-size:12px;line-height:1.6}
 .iad-patient-page .login-support a{font-size:12px;margin-top:4px;min-height:44px}
 .iad-patient-page .login-main{padding-bottom:28px}
}