.plus-page { min-height: 100vh; background: var(--night); color: var(--ink); }
.plus-header { position: sticky; z-index: 30; top: 0; display: grid; grid-template-columns: auto 1fr; align-items: center; min-height: 68px; padding: 0 28px; border-bottom: 1px solid var(--line); background: var(--header-bg); backdrop-filter: blur(12px); }
.plus-header nav { display: flex; justify-content: flex-end; gap: 24px; }
.plus-header nav a { color: var(--dim); font: 600 .63rem var(--mono); letter-spacing: .06em; text-transform: uppercase; }
.plus-header nav a:hover, .plus-header nav a:focus-visible { color: var(--mint); }
.plus-shell { display: grid; grid-template-columns: 252px minmax(0,1fr); min-height: calc(100vh - 68px); }
.plus-sidebar { position: sticky; top: 68px; display: flex; flex-direction: column; gap: 18px; height: calc(100vh - 68px); padding: 18px 12px; overflow-y: auto; border-right: 1px solid #252725; background: #0c0d0c; }
.plus-sidebar-profile { display: grid; grid-template-columns: 38px minmax(0,1fr); gap: 11px; align-items: center; padding: 10px; border: 1px solid #292c2a; border-radius: 7px; background: #111311; }
.plus-sidebar-profile > i { display: grid; width: 38px; height: 38px; place-items: center; border: 1px solid #3e4641; border-radius: 6px; background: #181b19; color: var(--mint); font: 700 .6rem var(--mono); font-style: normal; letter-spacing: .08em; }
.plus-sidebar-profile > span { display: grid; gap: 4px; min-width: 0; }
.plus-sidebar-profile strong { overflow: hidden; color: var(--ink); font: 600 .7rem var(--reading); text-overflow: ellipsis; white-space: nowrap; }
.plus-sidebar-profile small { color: var(--mint); font: 600 .44rem var(--mono); letter-spacing: .09em; }
.plus-page-title span, .plus-panel > span, .plus-panel header span { color: var(--mint); font: 600 .57rem var(--mono); letter-spacing: .1em; }
.plus-side-nav { display: grid; gap: 3px; }
.plus-side-nav .plus-nav-section { margin: 14px 9px 5px; color: #656c67; font: 600 .46rem var(--mono); letter-spacing: .11em; text-transform: uppercase; }
.plus-side-nav .plus-nav-section:first-child { margin-top: 2px; }
.plus-side-nav a { position: relative; display: grid; grid-template-columns: 30px minmax(0,1fr) auto; gap: 10px; align-items: center; min-height: 42px; padding: 5px 9px 5px 6px; border: 1px solid transparent; border-radius: 6px; color: #8b938e; font: 550 .66rem var(--reading); text-decoration: none !important; transition: border-color .16s ease, background-color .16s ease, color .16s ease; }
.plus-side-nav a:hover, .plus-side-nav a:focus-visible { border-color: #303430; background: #141614; color: #d7dcd8; outline: 0; }
.plus-side-nav a.active { border-color: #343a36; background: #1a1d1b; color: var(--ink); box-shadow: inset 2px 0 0 var(--mint); }
.plus-side-nav a > span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.plus-side-nav a > b { color: var(--mint); font: 600 .4rem var(--mono); letter-spacing: .08em; }
.plus-nav-icon { display: grid; width: 28px; height: 28px; place-items: center; border: 1px solid #2a2e2b; border-radius: 5px; background: #111311; color: #747c76; font-style: normal; }
.plus-nav-icon svg { width: 15px; height: 15px; fill: none; stroke: currentColor; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; }
.plus-side-nav a:hover .plus-nav-icon, .plus-side-nav a.active .plus-nav-icon { border-color: #3b443e; background: #202421; color: var(--mint); }
.plus-sidebar footer { margin-top: auto; padding: 12px 10px; color: var(--dim); font: .55rem/1.5 var(--mono); }
.plus-sidebar footer i { display: inline-block; width: 6px; height: 6px; margin-right: 7px; background: var(--mint); }
.plus-content { width: min(1180px,100%); margin: 0 auto; padding: 40px clamp(24px,4vw,58px) 80px; }
.plus-page-title { display: flex; justify-content: space-between; gap: 30px; align-items: start; margin-bottom: 28px; }
.plus-page-title h1 { margin: 10px 0 8px; color: var(--ink); font: 500 clamp(1.7rem,4vw,3.2rem)/1.05 var(--reading); letter-spacing: -.045em; }
.plus-page-title p { max-width: 720px; margin: 0; color: var(--dim); font: .74rem/1.7 var(--reading); }
.plus-page-title > b { padding: 8px 10px; border: 1px solid var(--line-strong); color: var(--dim); font: 500 .52rem var(--mono); white-space: nowrap; }
.plus-auth-grid, .plus-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 16px; }
.plus-grid { grid-template-columns: repeat(3,minmax(0,1fr)); }
.plus-panel { border: 1px solid var(--line); background: var(--panel); }
.plus-panel > header { display: flex; justify-content: space-between; gap: 18px; align-items: start; padding: 20px; border-bottom: 1px solid var(--line); }
.plus-panel h2 { margin: 7px 0 0; color: var(--ink); font: 600 1rem/1.3 var(--reading); }
.plus-panel header > b { color: var(--dim); font: 500 .49rem var(--mono); }
.plus-panel form, .plus-panel > p, .plus-panel > .plus-token-row, .plus-panel > .plus-check { margin: 0; padding: 20px; }
.plus-panel > p { color: var(--dim); font: .67rem/1.65 var(--reading); }
.plus-panel label { display: grid; gap: 8px; color: var(--dim); font: 600 .52rem var(--mono); letter-spacing: .06em; }
.plus-panel input[type="password"], .plus-panel input[type="text"], .plus-panel select { width: 100%; min-height: 46px; padding: 0 12px; border: 1px solid var(--line-strong); border-radius: 3px; outline: 0; background: #0a0a0a; color: var(--ink); font: .72rem var(--mono); }
.plus-panel input:focus { border-color: var(--mint); box-shadow: 0 0 0 2px rgba(var(--accent-rgb),.1); }
.plus-panel fieldset { display: grid; gap: 15px; margin: 0 0 18px; padding: 15px; border: 1px solid var(--line); }
.plus-panel legend { padding: 0 7px; color: var(--dim); font: .5rem var(--mono); }
.plus-captcha { display: block; max-width: 100%; height: auto; border: 1px solid var(--line-strong); image-rendering: pixelated; }
.plus-accessible-question { padding: 17px; border: 1px solid var(--line-strong); background: #0a0a0a; }
.plus-accessible-question b { font: 600 .85rem var(--mono); }
.plus-button, .plus-mode-form button, .plus-token-row button { min-height: 42px; border: 1px solid var(--line-strong); border-radius: 3px; background: #191919; color: var(--muted); font: 600 .56rem var(--mono); letter-spacing: .07em; cursor: pointer; }
.plus-button { width: 100%; margin-top: 18px; }
.plus-button.primary { border-color: var(--mint); background: var(--mint); color: #07100b; }
.plus-button.danger { width: auto; padding: 0 18px; border-color: #73433f; color: #e39389; }
.plus-mode-form { padding-top: 0 !important; }
.plus-mode-form button { width: 100%; background: transparent; }
.plus-footnote { border-top: 1px solid var(--line); color: var(--dim) !important; }
.plus-notice { display: flex; gap: 14px; margin-bottom: 18px; padding: 13px 15px; border: 1px solid var(--line-strong); background: var(--panel); color: var(--muted); font: .61rem var(--mono); }
.plus-notice b { color: #e37c72; }
.plus-token-issued { padding: 24px; }
.plus-token-issued > h2 { margin-top: 10px; font-size: 1.25rem; }
.plus-token-issued > p { padding: 0; }
.plus-token-row { display: grid; grid-template-columns: minmax(0,1fr) auto; gap: 8px; padding: 22px 0 !important; }
.plus-token-row code { overflow-wrap: anywhere; padding: 14px; border: 1px solid rgba(var(--accent-bright-rgb),.32); background: #080808; color: var(--mint); font: .72rem/1.6 var(--mono); }
.plus-token-row button { padding: 0 16px; }
.plus-token-issued form { padding: 0; }
.plus-check { grid-template-columns: auto 1fr !important; align-items: start; padding: 16px !important; border: 1px solid var(--line); }
.plus-check input { margin-top: 2px; accent-color: var(--mint); }
.plus-session-control { margin-top: 16px; }
.plus-account-section { margin-top: 16px; }
.plus-account-columns { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 16px; }
.plus-account-section > p { padding: 20px; }
.plus-action-pad { padding: 0 20px 20px; }
.plus-button-link { display: grid; place-items: center; margin: 0; text-decoration: none; }
.plus-inline-button { min-height: 34px; padding: 0 12px; border: 1px solid var(--line-strong); border-radius: 3px; background: #191919; color: var(--muted); font: 600 .5rem var(--mono); letter-spacing: .06em; cursor: pointer; }
.plus-inline-button.danger { border-color: #673d39; color: #dc8d84; }
.plus-inline-button:disabled { opacity: .45; cursor: not-allowed; }
.plus-inline-button.is-copied, #plus-copy-token.is-copied { border-color: var(--mint); color: var(--mint); animation: plus-copied-pulse .7s ease-out; }
@keyframes plus-copied-pulse {
    0% { transform: scale(1); box-shadow: 0 0 0 0 rgba(54, 255, 137, .45); }
    40% { transform: scale(1.05); box-shadow: 0 0 0 7px rgba(54, 255, 137, .08); }
    100% { transform: scale(1); box-shadow: 0 0 0 12px rgba(54, 255, 137, 0); }
}
@media (prefers-reduced-motion: reduce) { .plus-inline-button.is-copied, #plus-copy-token.is-copied { animation: none; } }
.plus-device-list { display: grid; }
.plus-device-list > p { margin: 0; padding: 20px; color: #818b84; font: .64rem var(--mono); }
.plus-device-row { display: grid; grid-template-columns: minmax(0,1fr) auto; gap: 18px; align-items: center; padding: 15px 20px; border-top: 1px solid var(--line); }
.plus-device-row:first-child { border-top: 0; }
.plus-device-row div { display: grid; gap: 6px; min-width: 0; }
.plus-device-row b { color: var(--ink); font: 600 .68rem var(--reading); }
.plus-device-row span { overflow-wrap: anywhere; color: var(--dim); font: .5rem/1.5 var(--mono); }
.plus-rotation-result { margin: 0 20px 20px; padding: 16px; border: 1px solid rgba(var(--accent-bright-rgb),.28); background: #080808; }
.plus-rotation-result p { margin: 0 0 12px; color: var(--dim); font: .62rem/1.55 var(--reading); }
.plus-rotation-result code { display: block; overflow-wrap: anywhere; padding: 12px; border: 1px solid rgba(var(--accent-bright-rgb),.25); color: var(--mint); font: .68rem/1.55 var(--mono); cursor: copy; }
.plus-rotation-result .plus-check { margin: 14px 0 0; }
.plus-api-token-form-grid { display: grid; grid-template-columns: minmax(0,2fr) minmax(180px,1fr); gap: 14px; }
#plus-api-tokens form fieldset { margin-top: 16px; }
#plus-api-tokens .plus-check { padding: 10px !important; }
#plus-api-token-result .plus-inline-button { margin-top: 12px; }
.plus-danger-zone { border-color: #4b302e; }
.plus-danger-zone > header { border-bottom-color: #4b302e; }
.plus-danger-zone > header span { color: #df7f75; }
.plus-grid .plus-panel { padding: 20px; }
.plus-grid .plus-panel p { padding: 12px 0 0; }
.plus-unavailable { padding: 28px; }
.plus-unavailable p { padding-left: 0; }
.plus-panel.disabled { opacity: .68; }
@media (max-width: 900px) { .plus-shell { grid-template-columns: 1fr; } .plus-sidebar { display: none; } .plus-grid, .plus-account-columns { grid-template-columns: 1fr; } }
@media (max-width: 700px) { .plus-header { grid-template-columns: 1fr; gap: 12px; padding: 14px 18px; } .plus-header nav { justify-content: flex-start; overflow-x: auto; } .plus-content { padding: 28px 16px 60px; } .plus-auth-grid { grid-template-columns: 1fr; } .plus-page-title { display: grid; } .plus-page-title > b { justify-self: start; } .plus-token-row, .plus-api-token-form-grid { grid-template-columns: 1fr; } }
@media (prefers-reduced-motion: reduce) { .plus-page *, .plus-page *::before, .plus-page *::after { scroll-behavior: auto !important; animation: none !important; transition: none !important; } }

/* Plus control portal */
.plus-portal-kpis { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); margin-bottom: 16px; border: 1px solid var(--line); background: var(--panel); }
.plus-portal-kpis article { display: grid; gap: 7px; min-width: 0; padding: 17px 18px; border-right: 1px solid var(--line); }
.plus-portal-kpis article:last-child { border-right: 0; }
.plus-portal-kpis span { color: var(--dim); font: 600 .49rem var(--mono); letter-spacing: .08em; }
.plus-portal-kpis b { overflow: hidden; color: var(--ink); font: 600 .82rem var(--reading); text-overflow: ellipsis; white-space: nowrap; }
.plus-portal-kpis small, .plus-portal-kpis a { color: #737c76; font: .52rem var(--mono); text-decoration: none; }
.plus-portal-kpis a:hover { color: var(--mint); }
.plus-dashboard-grid { display: grid; grid-template-columns: minmax(0,1.7fr) minmax(260px,.8fr); gap: 16px; }
.plus-workspace-body { display: grid; grid-template-columns: auto minmax(0,1fr); gap: 18px; align-items: center; padding: 24px; }
.plus-workspace-body h3 { margin: 0 0 7px; color: var(--ink); font: 600 1rem/1.3 var(--reading); }
.plus-workspace-body p { max-width: 560px; margin: 0; color: var(--dim); font: .65rem/1.65 var(--reading); }
.plus-workspace-icon { display: grid; grid-template-columns: 1fr 1fr; gap: 3px; width: 44px; height: 44px; padding: 5px; border: 1px solid var(--line-strong); background: #0a0a0a; }
.plus-workspace-icon i { border: 1px solid #4e5651; background: #161816; }
.plus-workspace-icon i:first-child { border-color: var(--mint); }
.plus-workspace-actions { display: grid; grid-column: 1 / -1; grid-template-columns: minmax(180px,1fr) minmax(180px,1fr); gap: 10px; }
.plus-workspace-actions .plus-button { margin: 0; }
.plus-metric-list { display: grid; padding: 10px 20px 20px; }
.plus-metric-list > div { display: grid; grid-template-columns: 1fr auto; gap: 9px; padding: 14px 0; border-bottom: 1px solid var(--line); }
.plus-metric-list > div:last-child { border-bottom: 0; }
.plus-metric-list span { color: var(--muted); font: .61rem var(--reading); }
.plus-metric-list b { color: var(--dim); font: 500 .47rem var(--mono); }
.plus-metric-list i { grid-column: 1 / -1; height: 3px; overflow: hidden; background: #252725; }
.plus-metric-list em { display: block; width: 0; height: 100%; background: var(--mint); }
.plus-metric-list .is-local em { width: 18%; }
.plus-account-columns .plus-account-section { margin-top: 16px; }
.plus-activity-panel, .plus-api-activity { min-width: 0; }
.plus-table-wrap { overflow-x: auto; }
.plus-table { width: 100%; min-width: 440px; border-collapse: collapse; color: var(--muted); font: .53rem var(--mono); }
.plus-table th { padding: 11px 13px; border-bottom: 1px solid var(--line); color: var(--dim); font-size: .45rem; font-weight: 500; letter-spacing: .07em; text-align: left; }
.plus-table td { padding: 11px 13px; border-bottom: 1px solid var(--line); vertical-align: middle; }
.plus-table tbody tr:last-child td { border-bottom: 0; }
.plus-table td[colspan] { padding: 0; }
.plus-empty-state { display: grid; place-items: center; gap: 7px; min-height: 142px; padding: 22px; text-align: center; }
.plus-empty-state b { color: var(--ink); font: 600 .69rem var(--reading); }
.plus-empty-state span { max-width: 380px; color: var(--dim); font: .55rem/1.55 var(--reading); }
.plus-empty-state button { margin-top: 5px; padding: 9px 12px; border: 1px solid var(--line-strong); background: #171717; color: var(--muted); font: 600 .47rem var(--mono); letter-spacing: .06em; cursor: pointer; }
.plus-empty-state button:hover { border-color: var(--mint); color: var(--mint); }
.plus-api-preview { min-height: 180px; }
.plus-settings-stack { display: grid; gap: 8px; margin-top: 22px; scroll-margin-top: 84px; }
.plus-settings-stack > header { padding: 10px 2px 7px; }
.plus-settings-stack > header span { color: var(--mint); font: 600 .53rem var(--mono); letter-spacing: .1em; }
.plus-settings-stack > header h2 { margin: 7px 0 0; font: 600 1.05rem var(--reading); }
.plus-settings-stack details > summary { display: flex; justify-content: space-between; align-items: center; min-height: 62px; padding: 14px 18px; cursor: pointer; list-style: none; }
.plus-settings-stack details > summary::-webkit-details-marker { display: none; }
.plus-settings-stack details > summary div { display: grid; gap: 6px; }
.plus-settings-stack details > summary span { color: var(--mint); font: 600 .47rem var(--mono); letter-spacing: .08em; }
.plus-settings-stack details > summary b { color: var(--ink); font: 600 .7rem var(--reading); }
.plus-settings-stack details > summary i { color: var(--dim); font: 500 .47rem var(--mono); font-style: normal; }
.plus-settings-stack details[open] > summary { border-bottom: 1px solid var(--line); background: #151515; }
.plus-settings-body > p { margin: 0; padding: 18px 20px 0; color: var(--dim); font: .63rem/1.65 var(--reading); }
.plus-settings-body > form { padding-top: 18px; }
.plus-settings-body .plus-action-pad { padding-top: 18px; }
.plus-settings-body .plus-rotation-result { margin-top: 0; }
#plus-workspaces, #plus-activity, #plus-api-tokens { scroll-margin-top: 84px; }

@media (max-width: 1080px) {
    .plus-portal-kpis { grid-template-columns: 1fr 1fr; }
    .plus-portal-kpis article:nth-child(2) { border-right: 0; }
    .plus-portal-kpis article:nth-child(-n+2) { border-bottom: 1px solid var(--line); }
    .plus-dashboard-grid { grid-template-columns: 1fr; }
}
@media (max-width: 700px) {
    .plus-header { grid-template-columns: auto 1fr; min-height: 62px; padding: 0 14px; }
    .plus-header .hybrid-nav { justify-self: end; }
    .plus-portal-kpis { grid-template-columns: 1fr 1fr; }
    .plus-portal-kpis article { padding: 14px; }
    .plus-workspace-body { grid-template-columns: 1fr; }
    .plus-workspace-actions { grid-column: auto; grid-template-columns: 1fr; }
    .plus-account-columns { grid-template-columns: 1fr; }
    .plus-account-columns .plus-account-section + .plus-account-section { margin-top: 0; }
    .plus-settings-stack details > summary { gap: 12px; }
}
@media (max-width: 430px) {
    .plus-portal-kpis { grid-template-columns: 1fr; }
    .plus-portal-kpis article { border-right: 0; border-bottom: 1px solid var(--line); }
    .plus-portal-kpis article:last-child { border-bottom: 0; }
    .plus-table th:nth-child(2), .plus-table th:nth-child(3), .plus-table td:nth-child(2), .plus-table td:nth-child(3) { display: none; }
}