/* LunaSupport client portal Cards/List views. */
.portal-section-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:16px}
.portal-section-head h2{margin:0}
.portal-view-toggle{display:inline-flex;gap:5px;padding:4px;border:1px solid var(--line);border-radius:10px;background:var(--bg)}
.portal-view-toggle button{min-width:64px;padding:8px 12px;border:0;background:transparent;color:var(--dark)}
.portal-view-toggle button.active{background:#0b57b7;color:#fff;box-shadow:0 2px 8px #0b57b733}
.portal-list-wrap{width:100%;overflow:auto;border:1px solid var(--line);border-radius:12px;background:#fff;overscroll-behavior:contain}
.portal-list{width:100%;min-width:760px;border-collapse:collapse;color:var(--dark)}
.portal-list th{position:sticky;top:0;z-index:1;background:#eaf2fc;color:#07366f;text-align:left;font-size:13px;white-space:nowrap}
.portal-list th,.portal-list td{padding:12px 14px;border-bottom:1px solid var(--line);vertical-align:top}
.portal-list tbody tr:last-child td{border-bottom:0}
.portal-list tbody tr:hover{background:#f7faff}
.portal-action{display:inline-flex;align-items:center;justify-content:center;padding:8px 11px;border-radius:8px;background:#0b57b7;color:#fff;text-decoration:none;font-weight:700;white-space:nowrap}
.portal-action.secondary{background:#fff;color:#0b4da2;border:1px solid var(--line)}
.actions.compact{display:flex;flex-wrap:wrap;gap:7px}
.portal-account-note{margin:14px 2px 0}
html[data-theme="dark"] .portal-view-toggle{background:#0b1422;border-color:#344b68}
html[data-theme="dark"] .portal-view-toggle button{color:#dbeaff}
html[data-theme="dark"] .portal-view-toggle button.active{background:#5ca1ff;color:#061426}
html[data-theme="dark"] .portal-list-wrap{background:#162235;border-color:#344b68}
html[data-theme="dark"] .portal-list{color:#eef4ff}
html[data-theme="dark"] .portal-list th{background:#20334d;color:#dbeaff}
html[data-theme="dark"] .portal-list th,html[data-theme="dark"] .portal-list td{border-color:#344b68}
html[data-theme="dark"] .portal-list tbody tr:hover{background:#1d2e45}
html[data-theme="dark"] .portal-action.secondary{background:#162235;color:#9ec9ff;border-color:#4d6787}
@media(max-width:800px){.portal-section-head{align-items:flex-start}.portal-list{min-width:680px}.portal-list th,.portal-list td{padding:10px 11px}.portal-view-toggle{flex:0 0 auto}}
@media(max-width:430px){.portal-section-head{gap:10px}.portal-section-head h2{font-size:20px}.portal-view-toggle button{min-width:56px;padding:7px 9px}.portal-list{min-width:620px}}