/* Valicen — Client Portal page + header login link.
   Separate file (like assessment.css) so it ships without touching site.css. */

.portal-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:22px;max-width:880px}
.portal-card{padding-bottom:26px}
.portal-list{list-style:none;margin:0 0 22px;padding:0;display:flex;flex-direction:column;gap:9px}
.portal-list li{display:flex;align-items:flex-start;gap:9px;font-size:14.5px;line-height:1.5;color:var(--fg-2)}
.portal-list li svg{width:15px;height:15px;flex-shrink:0;margin-top:2.5px;color:var(--brand-strong)}

.portal-help{max-width:880px;margin-top:34px;background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:24px 26px}
.portal-help h4{font-family:var(--font-heading);font-weight:700;font-size:16.5px;letter-spacing:-.01em;color:var(--fg-1);margin:0 0 8px}
.portal-help p{font-size:15px;line-height:1.65;color:var(--fg-2);margin:0;text-wrap:pretty}
.portal-help p + p{margin-top:10px}
.portal-help a{color:var(--link);text-decoration:none;font-weight:600}
.portal-help a:hover{color:var(--link-hover)}
.portal-fine{font-size:13.5px !important;color:var(--fg-3) !important}
[data-theme="dark"] .portal-help{background:var(--bg-inverse-2);border-color:rgba(255,255,255,.12)}

/* Header "Client login" link (desktop, sits left of the theme toggle) */
.hdr-login{font-family:var(--font-heading);font-weight:600;font-size:14px;color:var(--fg-2);text-decoration:none;white-space:nowrap;display:inline-flex;align-items:center;gap:6px;padding:8px 10px;border-radius:var(--radius-md)}
.hdr-login svg{width:15px;height:15px}
.hdr-login:hover{color:var(--brand-strong);background:var(--bg-sunken)}
.hdr-login.active{color:var(--brand-strong)}
[data-theme="dark"] .hdr-login:hover{background:rgba(255,255,255,.08)}
@media (max-width: 940px){.hdr-login{display:none}}

@media (max-width: 760px){
  .portal-grid{grid-template-columns:1fr}
}