/* RoVault V36 — production-readiness/account security UI */
.account-modal{width:min(780px,calc(100vw - 28px));max-width:780px}
.account-tabs{display:flex;gap:5px;overflow-x:auto;padding-bottom:2px;scrollbar-width:none}.account-tabs::-webkit-scrollbar{display:none}.account-tabs button{white-space:nowrap;flex:0 0 auto}
.v36-settings,.v36-security,.v36-roblox-tab{display:grid;gap:18px}.v36-settings>h3,.v36-security>h3,.v36-roblox-tab>h3{margin:0;font-size:24px}.v36-settings>p,.v36-security>p,.v36-roblox-tab>p{margin:-8px 0 0;color:var(--muted);line-height:1.55}
.v36-setting-row{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:16px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.v36-setting-row>div:first-child,.v36-section-head>div{display:grid;gap:4px}.v36-setting-row small,.v36-section-head small,.v36-session small,.v36-meta{color:var(--muted);font-size:11px;line-height:1.45}.v36-theme-choice{display:flex;padding:3px;border:1px solid var(--line2);border-radius:10px;background:var(--surface2)}.v36-theme-choice button{appearance:none;border:0;background:transparent;color:var(--muted);font:inherit;font-size:12px;font-weight:700;padding:8px 14px;border-radius:7px;cursor:pointer}.v36-theme-choice button.active{background:var(--text);color:var(--bg)}
.v36-toggle-list{display:grid;border:1px solid var(--line);border-radius:12px;overflow:hidden}.v36-toggle-list label{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:14px 15px;border-bottom:1px solid var(--line);cursor:pointer}.v36-toggle-list label:last-child{border-bottom:0}.v36-toggle-list label>span{display:grid;gap:3px}.v36-toggle-list label small{font-size:11px;color:var(--muted)}.v36-toggle-list input{position:absolute;opacity:0;pointer-events:none}.v36-toggle-list i{position:relative;display:block;flex:0 0 38px;width:38px;height:22px;border-radius:99px;border:1px solid var(--line2);background:var(--surface3);transition:.16s}.v36-toggle-list i:after{content:"";position:absolute;width:16px;height:16px;border-radius:50%;left:2px;top:2px;background:var(--muted2);transition:.16s}.v36-toggle-list input:checked+i{background:#effff7;border-color:#4bb57a}.v36-toggle-list input:checked+i:after{transform:translateX(16px);background:#31a86c}
.v36-blocked{display:grid;gap:8px;padding-top:6px}.v36-section-head{display:flex;align-items:center;justify-content:space-between;padding-bottom:9px}.v36-section-head>span{font-size:11px;color:var(--muted);border:1px solid var(--line);padding:4px 7px;border-radius:99px}.v36-blocked-row{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;border:1px solid var(--line);border-radius:9px;background:var(--surface2)}
.verification-state{display:inline-flex;align-items:center;gap:8px;width:max-content;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.verification-state>span{width:7px;height:7px;border-radius:50%}.verification-state.verified{color:#58d391}.verification-state.verified>span{background:#58d391;box-shadow:0 0 0 4px rgba(88,211,145,.08)}.verification-state.attention{color:#d4a95c}.verification-state.attention>span{background:#d4a95c}.v36-security-note{display:grid;gap:4px;border:1px solid var(--line);border-radius:10px;padding:13px 14px;background:var(--surface2)}.v36-security-note strong{font-size:12px}.v36-security-note span{font-size:11px;color:var(--muted);line-height:1.45}
.v36-session-list{display:grid;gap:8px}.v36-session{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:13px 14px;border:1px solid var(--line);border-radius:11px;background:var(--surface2)}.v36-session.current{border-color:var(--line2);background:var(--surface3)}.v36-session>div{display:grid;gap:4px;min-width:0}.v36-session>div>span{font-size:11px;color:var(--muted2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:500px}.v36-session em{font-style:normal;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.08em;color:#58d391}
.v36-danger-zone{display:grid;gap:10px;margin-top:8px;padding:16px;border:1px solid rgba(211,86,96,.28);border-radius:12px;background:rgba(211,86,96,.035)}.v36-danger-zone h4{margin:0;font-size:17px}.v36-danger-zone p{margin:0;color:var(--muted);font-size:12px;line-height:1.55}.v36-danger-confirm{display:flex;gap:8px}.v36-danger-confirm input{flex:1;min-width:0;height:40px;border:1px solid var(--line2);border-radius:9px;background:var(--surface);color:var(--text);padding:0 12px;outline:none}.v36-danger-confirm input:focus{border-color:#92515a;box-shadow:0 0 0 3px rgba(211,86,96,.08)}.danger-button{height:40px;border:1px solid rgba(211,86,96,.38);border-radius:9px;background:rgba(211,86,96,.10);color:#e47c86;padding:0 14px;font:inherit;font-size:12px;font-weight:800;cursor:pointer}.danger-button:hover{background:rgba(211,86,96,.16)}
.rv-connection-banner{position:fixed;z-index:9999;left:50%;bottom:22px;transform:translate(-50%,18px);display:flex;align-items:center;gap:9px;padding:9px 10px 9px 12px;border:1px solid #57383d;border-radius:10px;background:#171012;color:#eee;box-shadow:0 16px 50px rgba(0,0,0,.38);opacity:0;pointer-events:none;transition:.18s}.rv-connection-banner.show{opacity:1;transform:translate(-50%,0);pointer-events:auto}.rv-connection-banner>span{width:7px;height:7px;border-radius:50%;background:#d35c68}.rv-connection-banner strong{font-size:11px}.rv-connection-banner button{border:1px solid #604249;background:#22171a;color:#fff;border-radius:7px;padding:6px 9px;font:inherit;font-size:10px;font-weight:800;cursor:pointer}
html[data-theme="light"] .v36-theme-choice button.active{background:#171a1f;color:#fff}html[data-theme="light"] .v36-toggle-list input:checked+i{background:#edf8f2;border-color:#a8d8bf}html[data-theme="light"] .v36-toggle-list input:checked+i:after{background:#2f9b65}html[data-theme="light"] .v36-danger-zone{background:#fff7f8;border-color:#e8c4c8}html[data-theme="light"] .v36-danger-confirm input{background:#fff}html[data-theme="light"] .danger-button{background:#fff0f1;color:#a74550;border-color:#e4b7bc}html[data-theme="light"] .rv-connection-banner{background:#fff5f6;color:#782d35;border-color:#e5b8bd;box-shadow:0 16px 44px rgba(40,48,58,.14)}html[data-theme="light"] .rv-connection-banner button{background:#fff;border-color:#dfb0b6;color:#8d3740}
@media(max-width:680px){.account-modal{width:calc(100vw - 18px)}.v36-setting-row{align-items:flex-start;flex-direction:column}.v36-session{align-items:flex-start}.v36-session>div>span{max-width:62vw}.v36-danger-confirm{flex-direction:column}.v36-danger-confirm .danger-button{width:100%}.rv-connection-banner{width:calc(100vw - 28px);box-sizing:border-box;justify-content:center}}