/* V0.12.2 — customer self-service, legible result navigation and visual review. */
.customer-portal .portal-result-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:18px 0 22px;border:0;background:transparent}
.customer-portal .portal-result-tabs a{display:flex;align-items:center;justify-content:center;min-height:60px;padding:12px 16px;border:1px solid #d9e1f0;border-radius:10px;background:#fff;color:#273553;font-size:15px;font-weight:750;text-align:center;text-decoration:none;box-shadow:0 5px 16px rgba(21,34,83,.04)}
.customer-portal .portal-result-tabs a:hover{border-color:#8da2ef;background:#f6f8ff}
.customer-portal .portal-result-tabs a.active{border-color:#4159d5;background:#eaf0ff;color:#1e2a8a;box-shadow:inset 0 0 0 1px #4159d5}
.visual-quick-state{display:flex;flex-wrap:wrap;gap:8px 16px;margin-top:10px}
.visual-quick-state>a,.visual-quick-state>span{display:inline-flex;align-items:center;gap:7px;color:#344261;font-size:13px;font-weight:650;text-decoration:none}
.visual-quick-state .issue-state{width:8px;height:8px}
.portal-website-shortcuts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.portal-website-shortcuts>a{display:grid;gap:8px;min-width:0;padding:20px;border:1px solid #dfe6f3;border-radius:10px;background:#fff;color:#1c2946;text-decoration:none}
.portal-website-shortcuts>a:hover{border-color:#aab9e8;background:#fbfcff}
.portal-website-shortcuts h2{margin:0;font-size:19px}
.portal-website-shortcuts p{margin:0;color:#606d87;font-size:14px}
.portal-website-shortcuts em{color:#263cbd;font-size:13px;font-style:normal;font-weight:750}
.visual-detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:16px}
.visual-detail-grid>article{min-width:0;padding:20px;border:1px solid #dfe5f1;border-radius:11px;background:#fff}
.visual-detail-grid>article>div:first-child{display:flex;align-items:center;justify-content:space-between;gap:12px}
.visual-detail-grid h2{margin:0;font-size:20px}
.visual-detail-grid p{color:#596681;font-size:14px;line-height:1.5}
.visual-detail-grid img{display:block;width:100%;height:auto;margin:15px 0;border:1px solid #e0e6f1;border-radius:8px;background:#eef2fb}
.visual-detail-grid small{color:#6d7892}
.mailbox-overview>div:first-child{display:flex;align-items:flex-start;justify-content:space-between;gap:15px}
.mailbox-overview h2{overflow-wrap:anywhere}
.mailbox-overview p{max-width:700px;color:#56627d;font-size:14px;line-height:1.5}
.mailbox-connect-options{display:flex;flex-wrap:wrap;gap:12px;margin:18px 0}
.mailbox-connect-options>form{margin:0}
.mailbox-connect-options>span{padding:10px;color:#6c7690;font-size:13px}
.portal-mailbox-select{display:flex;align-items:end;gap:12px}
.portal-mailbox-select label{flex:1}
.portal-mailbox-list{display:grid;gap:9px}
.portal-mailbox-list>a{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:14px;padding:16px;border:1px solid #e1e7f2;border-radius:9px;background:#fff;color:#1c2946;text-decoration:none}
.portal-mailbox-list>a:hover{border-color:#aab9e8}
.portal-mailbox-list>a>div{display:grid;min-width:0;gap:3px}
.portal-mailbox-list strong{font-size:15px}
.portal-mailbox-list small{overflow:hidden;color:#65718b;font-size:13px;text-overflow:ellipsis;white-space:nowrap}
.portal-mailbox-list em{color:#2b42c0;font-size:13px;font-style:normal;font-weight:700}
.login-assist{margin:20px 0 0;text-align:center}
.login-assist a{color:#263aba;font-size:14px;font-weight:700}
.login-panel>p:not(.eyebrow):not(.muted):not(.login-assist){color:#5d6984;font-size:15px;line-height:1.55}
@media(max-width:900px){.customer-portal .portal-result-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}.visual-detail-grid{grid-template-columns:1fr}}
@media(max-width:620px){.portal-website-shortcuts{grid-template-columns:1fr}.customer-portal .portal-result-tabs a{min-height:54px;font-size:14px}.portal-mailbox-select{align-items:stretch;flex-direction:column}.portal-mailbox-list>a{grid-template-columns:auto minmax(0,1fr)}.portal-mailbox-list em{grid-column:2}}