/* Account portals use the intranet's fixed slate tab strip and amber active rule. */
.portal-main.article{max-width:1120px;width:100%;margin:20px auto 40px;padding:0;font-family:system-ui,sans-serif}.portal-main>h1,.portal-main>.ap-eyebrow,.portal-main>.lead,.wv-page-title,.account-links,#wvPhones{display:none!important}
.portal-navigation{display:flex;justify-content:flex-start;align-items:stretch;gap:4px;padding:0 16px;margin:0 0 24px;background:#1e293b;border-bottom:3px solid #334155;overflow-x:auto;min-height:48px;border-radius:8px 8px 0 0;scrollbar-width:thin;white-space:nowrap}
.portal-navigation a{display:block;flex:none;padding:13px 18px 11px;font:500 14px/20px system-ui;color:#cbd5e1;text-decoration:none;border-bottom:3px solid transparent;margin-bottom:-3px}.portal-navigation a:hover{color:#fff;background:#29384d}.portal-navigation a[aria-current=page]{background:#334155;color:#fff;border-bottom-color:#fbbf24;border-radius:8px 8px 0 0}.portal-navigation a:focus-visible{outline:2px solid #fbbf24;outline-offset:-3px}.portal-navigation .portal-settings{margin-left:auto}
.portal-summary{display:flex;gap:12px;align-items:center;justify-content:space-between;margin-bottom:18px}.portal-summary label{display:flex;gap:10px;align-items:center;font-size:13px;color:#64748b}.portal-summary select{font:inherit;padding:8px 12px;border:1px solid #cbd5e1;border-radius:6px;background:#fff}
.account-device-table caption{display:none}.account-table-wrap{margin:0 0 20px;border-color:#d8dfe8;background:#fff;border-radius:10px}.account-device-table th{background:#f1f5f9;color:#475569}.account-device-table td{border-color:#e2e8f0}.account-device-table strong{color:#1e293b}.account-device-table small{color:#64748b}.account-device-table .device-camera{border-left:3px solid #d3dee9}.device-camera strong::before{content:'↳ ';color:#94a3b8}.device-records{font-size:12px;margin-top:10px;color:#64748b}.device-records summary{cursor:pointer}.device-records p{margin:8px 0!important}.device-status{display:block;font-size:12px;color:#64748b;margin-top:5px}.portal-heading{font:600 22px/1.3 system-ui!important;margin:0 0 14px!important}.portal-main #wvName{font-size:14px;color:#64748b}.portal-main #wvSummary{font-size:12px}.portal-main .wv-head{margin-bottom:16px}
.portal-rename{display:flex;gap:10px;flex-wrap:wrap;align-items:center;padding:16px;border:1px solid #ddd3e7;border-radius:12px;margin:12px 0 18px}.portal-rename input{font:inherit;padding:9px 12px;border:1px solid #c9bad8;border-radius:7px;max-width:100%}.portal-rename label{font-size:13px}.portal-rename[hidden]{display:none}.portal-rename [role=status]{width:100%;font-size:13px}.ap-hero-actions{display:flex;gap:8px;flex-wrap:wrap}.ap-hero-actions button{font-size:13px}.ap-hero-actions #apShare{width:auto;margin:0}.ap-hero h2{font-size:24px}.portal-empty{padding:30px;border:1px solid #e2e8f0;border-radius:12px;background:#fff}.portal-main .account-card{max-width:760px;margin:0;border-radius:12px;background:#fff;box-shadow:none}.portal-main .account-card h2{font-size:20px;margin-top:0}.portal-main .account-card p{font-size:14px}.portal-setup-link{font-size:13px;color:#4b5d75}
@media(max-width:600px){.portal-navigation{padding:0 6px;margin-bottom:18px}.portal-navigation a{padding:12px 14px;font-size:13px}.portal-main.article{margin-top:12px}.portal-summary{align-items:flex-start}.account-device-table td{padding:14px;min-width:155px}.ap-hero-actions{width:100%}.ap-hero-actions button{flex:1}}
.portal-navigation{height:48px;min-height:48px}.portal-navigation a{max-width:260px;overflow:hidden;text-overflow:ellipsis}
.portal-summary{flex-wrap:wrap}.portal-summary label{min-width:0;max-width:100%}.portal-summary select{min-width:0;max-width:calc(100vw - 120px)}.device-records{overflow-wrap:anywhere}

/* Keep each account page named for assistive technology without repeating its navigation title. */
.portal-page-heading{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px!important;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}

.portal-main>h1.portal-page-heading{display:block!important}
