*{box-sizing:border-box}
body{margin:0;background:var(--dot-bg);color:var(--dot-text);font-family:var(--dot-font-ui);-webkit-font-smoothing:antialiased}
button,input{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}
:is(a,button,input):focus-visible{outline:2px solid var(--dot-red);outline-offset:3px}
.app{min-height:100vh;display:grid;grid-template-columns:252px minmax(0,1fr)}
.sidebar{background:#17181a;color:#f6f6f5;padding:30px 16px 25px;display:flex;flex-direction:column;min-width:0}
.sidebar-logo{display:block;padding:0 16px 30px;border-bottom:1px solid #383b3e}.sidebar-logo img{display:block;width:152px;height:auto}
.mobile-menu-toggle{display:none}
.side-section{font-size:10px;letter-spacing:.16em;color:#858a8e;font-weight:700;padding:31px 16px 12px}
.side-nav{display:grid;gap:4px}.side-link{display:flex;align-items:center;gap:13px;padding:12px 15px;border-radius:10px;color:#b7bbbe;font-size:13px;font-weight:600;transition:background .18s,color .18s}
.side-link:hover{background:#292b2e;color:#fff}.side-link[aria-current=page]{background:#303235;color:#fff}
.side-link[aria-current=page] .nav-icon{color:#ff0000}
.nav-icon{width:18px;text-align:center;font-size:17px;font-weight:400;line-height:1}
.nav-icon svg{display:block;width:18px;height:18px}
.sidebar-bottom{margin-top:auto;border-top:1px solid #383b3e;padding:20px 15px 0;color:#9da1a5;font-size:11px;line-height:1.5}
.sidebar-bottom a{color:#e7e8e8;text-decoration:underline;text-underline-offset:3px}
.main{min-width:0;display:flex;flex-direction:column}
.header{height:75px;border-bottom:1px solid var(--dot-border);display:flex;align-items:center;justify-content:space-between;padding:0 clamp(22px,4vw,60px);gap:20px;background:var(--dot-surface)}
.crumbs{font-size:12px;color:var(--dot-text-muted)}.crumbs b{color:var(--dot-text);font-weight:650}
.header-actions{display:flex;align-items:center;gap:14px}.theme-btn{background:transparent;border:1px solid var(--dot-border);color:var(--dot-text);border-radius:9px;padding:8px 11px;font-size:12px;font-weight:650}
.theme-btn:hover{background:var(--dot-accent-tint)}
.avatar{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#222427;color:#fff;font-size:11px;font-weight:700}
.content{width:min(100%,1160px);margin:0 auto;padding:49px clamp(22px,4vw,60px) 80px;flex:1}
.demo-note{display:flex;align-items:center;gap:9px;color:var(--dot-text-muted);font-size:12px;margin:0 0 24px}
.note-dot{width:7px;height:7px;border-radius:50%;background:#ff0000;flex:none}
.eyebrow{font-size:10px;font-weight:700;letter-spacing:.15em;color:var(--dot-text-muted);text-transform:uppercase;margin:0 0 9px}
h1{font-size:clamp(32px,4vw,47px);letter-spacing:-.052em;line-height:1.08;margin:0 0 13px}
.intro{font-size:15px;line-height:1.5;color:var(--dot-text-muted);max-width:690px;margin:0}
.hero{display:flex;justify-content:space-between;align-items:end;gap:20px;margin:0 0 33px}.hero-copy{min-width:0}
.hero-action{flex:none}
.section{margin-top:29px}
.section-title{display:flex;justify-content:space-between;gap:20px;align-items:baseline;margin-bottom:14px}.section-title h2{font-size:19px;letter-spacing:-.03em;margin:0}.section-title a{font-size:12px;font-weight:700;color:var(--dot-text-muted)}.section-title a:hover{color:var(--dot-text);text-decoration:underline}
.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}
.card{background:var(--dot-surface);border:1px solid var(--dot-border);border-radius:17px;padding:22px;min-width:0}
.card.link{display:block;transition:border-color .18s,transform .18s}.card.link:hover{border-color:var(--dot-control-border);transform:translateY(-2px)}
.card-head{display:flex;justify-content:space-between;align-items:start;gap:10px}
.card h3{font-size:16px;letter-spacing:-.025em;margin:0 0 8px}.card p{font-size:13px;line-height:1.5;color:var(--dot-text-muted);margin:0}
.card-icon{display:grid;place-items:center;background:var(--dot-accent-tint);border-radius:10px;width:34px;height:34px;color:var(--dot-red);font-size:17px}
.card-icon svg{display:block;width:19px;height:19px}
.card-link{display:inline-block;margin-top:27px;font-size:12px;font-weight:700}
.status{display:inline-flex;align-items:center;gap:7px;font-size:11px;font-weight:650;border-radius:999px;background:var(--dot-bg);color:var(--dot-text-muted);padding:7px 10px;white-space:nowrap}
.status:before{content:"";width:6px;height:6px;border-radius:50%;background:#8f959a}
.status.good{background:#e9f5ee;color:#205a39}.status.good:before{background:#25814b}
.status.warn{background:#fff5e7;color:#805218}.status.warn:before{background:#c4872f}
[data-dot-theme=dark] .status.good{background:#1c382b;color:#b9e9ca}
[data-dot-theme=dark] .status.warn{background:#3b3021;color:#f3d19a}
.welcome{background:#17181a;color:#fff;border-radius:19px;padding:31px 35px;position:relative;overflow:hidden;min-height:210px}
.welcome img{position:absolute;width:210px;right:16px;bottom:-100px;opacity:.18}
.welcome .eyebrow{color:#a9adb3}.welcome h2{font-size:29px;line-height:1.15;letter-spacing:-.045em;margin:0 0 10px;position:relative}
.welcome p{font-size:13px;color:#b8bcbe;line-height:1.5;max-width:530px;margin:0;position:relative}
.welcome .text-link{display:inline-block;font-size:12px;font-weight:700;margin-top:22px;position:relative}.text-link:hover{text-decoration:underline}
.row-list{border:1px solid var(--dot-border);background:var(--dot-surface);border-radius:17px;overflow:hidden}
.row{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:19px 22px;border-bottom:1px solid var(--dot-border)}
.row:last-child{border-bottom:0}.row-main{display:flex;gap:14px;align-items:center;min-width:0}.row-symbol{width:38px;height:38px;flex:none;display:grid;place-items:center;background:var(--dot-bg);border:1px solid var(--dot-border);border-radius:10px;font-size:16px;color:var(--dot-text-muted)}
.row-symbol svg{display:block;width:20px;height:20px}
.row strong{display:block;font-size:13px;font-weight:650}.row small{display:block;color:var(--dot-text-muted);font-size:12px;line-height:1.4;margin-top:4px}
.row-aside{display:flex;align-items:center;gap:18px;flex:none}
.button{min-height:39px;background:var(--dot-surface);border:1px solid var(--dot-control-border);color:var(--dot-text);border-radius:10px;padding:9px 13px;font-size:12px;font-weight:700}
.button:hover{background:var(--dot-accent-tint)}.button.primary{background:#ff0000;border-color:#ff0000;color:#111}.button.primary:hover{background:#ff2626}
.button.quiet{border-color:transparent;background:transparent}.button.quiet:hover{background:var(--dot-accent-tint)}
.detail{margin-top:14px}.detail-row{display:grid;grid-template-columns:190px 1fr;gap:20px;padding:17px 0;border-bottom:1px solid var(--dot-border);font-size:13px}.detail-row:last-child{border-bottom:0}.detail-row span:first-child{color:var(--dot-text-muted)}
.detail-row strong{font-weight:600}.detail-row em{font-style:normal;color:var(--dot-text-muted);margin-left:10px;font-size:11px}
.callout{border-left:3px solid var(--dot-red);background:var(--dot-surface);border-radius:0 12px 12px 0;padding:16px 18px;color:var(--dot-text-muted);font-size:13px;line-height:1.5;margin-top:24px}.callout strong{color:var(--dot-text)}
.app-tile{display:flex;gap:15px;align-items:start}.app-symbol{width:45px;height:45px;flex:none;border-radius:13px;background:#17181a;color:#fff;display:grid;place-items:center;font-size:19px;font-weight:700}
.app-tile .card-link{margin-top:20px}
.timeline{position:relative;padding-left:29px}.timeline:before{content:"";position:absolute;left:9px;top:10px;bottom:20px;width:1px;background:var(--dot-border)}
.event{position:relative;padding:4px 0 28px}.event:last-child{padding-bottom:0}.event:before{content:"";position:absolute;left:-25px;top:8px;width:10px;height:10px;background:var(--dot-surface);border:2px solid var(--dot-red);border-radius:50%}
.event strong{font-size:13px}.event p{font-size:12px;color:var(--dot-text-muted);margin:5px 0 0;line-height:1.45}.event time{color:var(--dot-text-muted);font-size:11px;display:block;margin-top:5px}
.footer{border-top:1px solid var(--dot-border);padding:19px clamp(22px,4vw,60px);font-size:11px;color:var(--dot-text-muted);display:flex;justify-content:space-between;gap:15px}
.footer a:hover{text-decoration:underline}
.modal{width:min(430px,calc(100vw - 32px));border:1px solid var(--dot-border);border-radius:17px;background:var(--dot-surface);color:var(--dot-text);padding:25px;box-shadow:0 24px 80px #0004}
.modal::backdrop{background:#111a}.modal h2{font-size:21px;margin:0 0 9px}.modal p{font-size:13px;line-height:1.55;color:var(--dot-text-muted);margin:0 0 22px}.modal .button{width:100%}
.toast{position:fixed;right:20px;bottom:20px;background:var(--dot-text);color:var(--dot-surface);border-radius:10px;padding:12px 16px;box-shadow:0 14px 40px #0003;font-size:12px;z-index:5}
.toast[hidden]{display:none}
@media(max-width:1050px){.app{grid-template-columns:206px minmax(0,1fr)}.sidebar{padding:24px 10px}.sidebar-logo img{width:135px}.grid.three{grid-template-columns:repeat(2,minmax(0,1fr))}.row-aside{gap:8px}}
@media(max-width:760px){.app{display:block}.sidebar{padding:14px 16px;display:block}.sidebar-top{display:flex;align-items:center;justify-content:space-between;gap:16px}.sidebar-logo{padding:0;border:0}.sidebar-logo img{width:120px}.mobile-menu-toggle{display:flex;align-items:center;justify-content:space-between;gap:15px;min-height:42px;padding:8px 12px;background:#303235;border:1px solid #56595c;border-radius:10px;color:#fff;font-size:12px;font-weight:650}.mobile-menu-toggle[aria-expanded=true] span{transform:rotate(180deg)}.side-section,.sidebar-bottom{display:none}.side-nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px;margin-top:14px}.sidebar.menu-ready .side-nav:not(.open){display:none}.side-link{min-width:0;min-height:42px;padding:10px 11px;font-size:12px}.nav-icon{display:none}.header{height:52px;padding:0 18px}.header-actions{gap:8px}.content{padding:30px 18px 55px}.hero{display:block;margin-bottom:24px}.hero-action{margin-top:18px}.grid,.grid.three{grid-template-columns:1fr}.welcome{min-height:190px;padding:25px}.row{padding:16px;align-items:start}.row-aside{align-items:flex-end;flex-direction:column}.row-main{align-items:start}.detail-row{grid-template-columns:1fr;gap:6px;padding:14px 0}.footer{padding:18px;display:block}.footer a{display:block;margin-top:8px}}
@media(max-width:420px){.row{display:block}.row-aside{flex-direction:row;align-items:center;margin:13px 0 0 52px;justify-content:space-between}.status{white-space:normal}.card{padding:18px}.crumbs{font-size:11px}.theme-btn{font-size:11px}.avatar{width:30px;height:30px}}
@media(prefers-reduced-motion:reduce){.side-link,.card.link{transition:none}.card.link:hover{transform:none}}
/* Shared account header */
.header{height:auto;min-height:75px}.header-actions{min-width:0;gap:12px}.context-control{display:flex;align-items:center;min-width:0}.context-control>span{display:none}.context-control select{display:block;max-width:200px;min-width:0;min-height:40px;border:1px solid var(--dot-border);border-radius:10px;background:var(--dot-surface);color:var(--dot-text);padding:8px 24px 8px 11px;font:600 12px var(--dot-font-ui);text-overflow:ellipsis}.header-actions .language-switch{order:0;margin:0}.header-actions .avatar{order:1;flex:none;aspect-ratio:1}.context-note{font-size:12px;color:var(--dot-text-muted);background:var(--dot-surface);border:1px solid var(--dot-border);border-radius:9px;padding:10px 13px;margin:-9px 0 26px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.appearance-card{max-width:720px}.appearance-card h2{font-size:20px;margin:0 0 19px}.appearance-options{display:grid;gap:10px;padding:0;margin:0;border:0}.appearance-options label{display:flex;align-items:center;gap:13px;padding:16px;border:1px solid var(--dot-border);border-radius:12px;cursor:pointer}.appearance-options label:has(input:checked){border-color:var(--dot-red);background:var(--dot-accent-tint)}.appearance-options input{accent-color:#ff0000;width:18px;height:18px;flex:none}.appearance-options strong{font-size:14px;display:block}.appearance-options small{font-size:12px;color:var(--dot-text-muted);display:block;margin-top:5px}.preference-hint{margin-top:18px!important;font-size:12px!important}
@media(max-width:1050px){.header{gap:12px;padding-left:22px;padding-right:22px}.context-control select{max-width:160px}}
@media(max-width:760px){.header{display:block;padding:12px 18px;min-height:0}.header .crumbs{margin-bottom:11px}.header-actions{display:flex;flex-wrap:nowrap;width:100%;gap:10px;justify-content:space-between}.context-control{flex:1;max-width:calc(100% - 152px)}.context-control select{width:100%;max-width:100%;height:40px;font-size:12px}.header-actions .language-switch{flex:none}.header-actions .language-switch button{min-width:29px;min-height:32px}.header-actions .avatar{display:grid;width:32px;height:32px}.header-actions .language-switch{margin:0!important}.header-actions .context-control{order:0;margin:0}}
[data-dot-theme=dark] .language-switch{background:#303235}[data-dot-theme=dark] .language-switch button{color:#b9bec2}[data-dot-theme=dark] .language-switch button[aria-pressed=true]{background:#45494d;color:#fff}
/* Personal identity verification */
.fin-profile{margin-top:22px}.fin-profile label{display:block;font-size:13px;font-weight:650;margin:20px 0 9px}.fin-input{display:block;width:100%;max-width:310px;min-height:50px;border:1px solid var(--dot-control-border);border-radius:10px;background:var(--dot-surface);color:var(--dot-text);font:600 24px var(--dot-font-ui);letter-spacing:.4em;text-transform:uppercase;padding:9px 15px}.fin-input::placeholder{color:var(--dot-text-muted)}.fin-input[aria-invalid=true]{border-color:#b42626}.fin-profile form>p,.identity-fin>p{font-size:12px;color:var(--dot-text-muted);line-height:1.5;margin-top:10px}.fin-message{font-size:12px;color:var(--dot-red);line-height:1.5}.fin-message:empty{display:none}.identity-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:20px}.identity-actions .button{display:inline-flex;justify-content:center;align-items:center}.identity-status{display:flex;gap:20px;justify-content:space-between;align-items:center;border-left:3px solid var(--dot-red)}.identity-status h2{font-size:24px;letter-spacing:-.04em;line-height:1.2;margin:7px 0 10px}.identity-state-mark{width:60px;height:60px;flex:none;background:var(--dot-bg);color:var(--dot-red);border:1px solid var(--dot-border);border-radius:16px;display:grid;place-items:center;font-size:24px;font-weight:700}.identity-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;list-style:none;margin:24px 0;padding:0}.identity-steps li{border-top:2px solid var(--dot-border);padding-top:12px;display:grid;gap:5px;font-size:12px}.identity-steps span{font-size:10px;color:var(--dot-red);font-weight:700}.identity-fin h2{font-size:18px;margin:0 0 16px}.identity-document-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.identity-slot{background:var(--dot-surface);border:1px solid var(--dot-border);border-radius:15px;padding:19px;min-width:0}.identity-slot h3{font-size:14px;margin:0 0 13px}.photo-preview{min-height:170px;background:var(--dot-bg);border:1px dashed var(--dot-control-border);border-radius:10px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:12px;margin-bottom:14px}.photo-preview img{width:100%;height:180px;object-fit:contain;border-radius:6px}.photo-symbol svg{display:block;width:48px;height:48px;color:var(--dot-text-muted)}.photo-state{font-size:11px;color:var(--dot-text-muted)}.photo-label{display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.photo-remove{margin-left:6px}.identity-slot:focus-within{border-color:var(--dot-red)}.identity-hint,.identity-local-note,.identity-ready{font-size:12px;color:var(--dot-text-muted);line-height:1.55}.identity-hint{margin:-4px 0 15px}.identity-local-note{margin:20px 0}.identity-ready{font-weight:650}.identity-demo-states{margin-top:30px;padding:18px;border:1px dashed var(--dot-border);border-radius:12px;color:var(--dot-text-muted);font-size:12px}.identity-demo-states summary{cursor:pointer;font-weight:650}.identity-demo-states p{line-height:1.5}.identity-slot [hidden]{display:none!important}.fin-profile .card-head{flex-wrap:wrap}.identity-actions button:disabled{opacity:.4;cursor:not-allowed}@media(max-width:600px){.identity-document-grid{grid-template-columns:1fr}.identity-steps{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.identity-status{align-items:start}.identity-state-mark{width:44px;height:44px;border-radius:12px;font-size:19px}.identity-status h2{font-size:21px}.identity-actions .button{max-width:100%;text-align:center;white-space:normal}.photo-remove{margin-left:0;margin-top:6px}.fin-input{max-width:100%}}
/* Overview setup recommendations */
.setup-card{display:flex!important;flex-direction:column;min-height:225px}.setup-card .card-link{margin-top:auto;padding-top:24px}.setup-state{display:flex;align-items:flex-start;gap:7px;font-size:11px;line-height:1.45;margin:3px 0 13px}.setup-state>span{display:grid;place-items:center;width:17px;height:17px;flex:none;border:1px solid currentColor;border-radius:50%;font-weight:700;font-size:11px}.setup-state strong{font-weight:650}.setup-card.attention{background:#fff9ed;border-color:#d7b77e}.setup-card.attention .setup-state{color:#795111}.setup-card.attention .card-icon{background:#f7e9ca;color:#8e611d}.setup-card.attention:hover{border-color:#ac7e31}.setup-card.progress{background:#f2f6fa;border-color:#bdd0e1}.setup-card.progress .setup-state{color:#315d7e}.setup-card.progress .card-icon{background:#e0ebf4;color:#315d7e}.setup-card.complete{border-color:#c7dbcd}.setup-card.complete .setup-state{color:#276040}.setup-card.complete .card-icon{background:#eaf4ed;color:#276040}[data-dot-theme=dark] .setup-card.attention{background:#30291e;border-color:#7e673e}[data-dot-theme=dark] .setup-card.attention .setup-state{color:#f0d197}[data-dot-theme=dark] .setup-card.attention .card-icon{background:#463a26;color:#f0d197}[data-dot-theme=dark] .setup-card.progress{background:#202e39;border-color:#49657b}[data-dot-theme=dark] .setup-card.progress .setup-state{color:#aed1ec}[data-dot-theme=dark] .setup-card.progress .card-icon{background:#2e4354;color:#aed1ec}[data-dot-theme=dark] .setup-card.complete{border-color:#456552}[data-dot-theme=dark] .setup-card.complete .setup-state{color:#b4dfc3}[data-dot-theme=dark] .setup-card.complete .card-icon{background:#263d2f;color:#b4dfc3}[data-mfa-demo][aria-pressed=true]{border-color:var(--dot-red);background:var(--dot-accent-tint)}@media(max-width:760px){.setup-card{min-height:210px}}
/* Avatar navigation and account lifecycle */
.account-dropdown{position:relative;order:1;flex:none}.account-dropdown>.avatar{border:1px solid transparent;cursor:pointer;font:700 11px var(--dot-font-ui)}.account-dropdown>.avatar[aria-expanded=true]{outline:2px solid var(--dot-red);outline-offset:3px}.user-menu{position:absolute;top:calc(100% + 12px);right:0;width:300px;max-width:calc(100vw - 36px);max-height:75vh;overflow-y:auto;overscroll-behavior:contain;background:var(--dot-surface);color:var(--dot-text);border:1px solid var(--dot-border);border-radius:15px;padding:10px;box-shadow:0 16px 55px #0002;z-index:50}.user-menu[hidden]{display:none!important}.user-menu-person{display:grid;gap:4px;border-bottom:1px solid var(--dot-border);padding:10px 10px 16px;margin-bottom:7px}.user-menu-person strong{font-size:13px}.user-menu-person>span{font-size:11px;color:var(--dot-text-muted)}.user-menu .side-link{color:var(--dot-text);font-size:12px;min-height:40px;padding:10px;border-radius:8px}.user-menu .side-link:hover,.user-menu .side-link[aria-current=page]{background:var(--dot-accent-tint);color:var(--dot-text)}.user-menu .nav-icon{display:block!important}.logout-button{width:100%;display:flex;align-items:center;gap:12px;border:0;border-top:1px solid var(--dot-border);background:none;color:var(--dot-text);margin-top:8px;padding:15px 10px 8px;font-size:12px;font-weight:650;text-align:left}.logout-button:hover{color:var(--dot-red)}.logout-button svg{width:18px;height:18px;flex:none}.deletion-settings{margin-top:28px;max-width:720px}.deletion-settings>h2{font-size:20px;margin:0 0 12px}.deletion-settings>p{line-height:1.6}.deletion-actions{display:flex;align-items:center;gap:18px;flex-wrap:wrap;margin-top:20px}.deletion-actions a{font-size:12px;font-weight:650}.deletion-report{margin-top:22px;border:1px solid var(--dot-border);border-radius:12px;padding:18px}.deletion-report h3{margin:0 0 17px!important}.deletion-report section{border-top:1px solid var(--dot-border);padding:14px 0}.deletion-report strong{font-size:13px}.deletion-report ul{font-size:12px;line-height:1.7;margin:8px 0;padding-left:18px}.deletion-report p{margin-top:7px;font-size:12px}.deletion-assessment{font-size:12px;line-height:1.5;border-radius:9px;padding:12px}.deletion-assessment.blocked{background:#fff4de;color:#795111}.deletion-assessment.clear{background:#eaf4ed;color:#276040}.deletion-confirm{margin-top:25px;padding-top:20px;border-top:1px solid var(--dot-border)}.deletion-confirm h3{margin-bottom:18px!important}.deletion-consent{display:flex;align-items:start;gap:10px;font-size:12px;line-height:1.55;margin-bottom:18px}.deletion-consent input{width:18px;height:18px;accent-color:var(--dot-red);flex:none;margin-top:2px}.deletion-confirm>label[for]{display:block;font-size:12px;font-weight:650;margin-bottom:8px}.deletion-confirm>input{display:block;width:100%;max-width:270px;min-height:45px;border:1px solid var(--dot-control-border);border-radius:9px;background:var(--dot-surface);color:var(--dot-text);padding:9px 12px;letter-spacing:.35em;font:600 22px var(--dot-font-ui)}.deletion-confirm>p{font-size:11px;margin-top:9px;line-height:1.5}.danger-button{color:#a42222;border-color:#c68b8b;margin-top:18px}.danger-button:hover{background:#fff1f1}.deletion-pending{margin-top:20px}.deletion-pending h3{margin:18px 0 10px}.deletion-pending ol{font-size:12px;line-height:1.8;padding-left:20px}.deletion-demo-note{font-size:11px!important;margin-top:14px!important}.signed-out-screen{max-width:760px;margin:50px auto;padding:0 20px}.signed-out-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:35px}.signed-out-top>img{width:150px}.signed-out-screen h1{font-size:clamp(30px,5vw,44px)}[data-dot-theme=dark] .signed-out-top>img{content:url('../brand-assets/logos/dot-id-dark.svg')}[data-dot-theme=dark] .deletion-assessment.blocked{background:#3c3020;color:#f0d197}[data-dot-theme=dark] .deletion-assessment.clear{background:#263d2f;color:#b4dfc3}[data-dot-theme=dark] .danger-button{color:#f3b3b3;border-color:#966565}[data-dot-theme=dark] .danger-button:hover{background:#3d2626}@media(max-width:760px){.sidebar .side-nav{display:none!important}.sidebar-top{min-height:40px}.account-dropdown{order:1}.user-menu .side-link{display:flex}.user-menu .nav-icon{display:block}.deletion-settings{padding:18px}.deletion-report{padding:14px}.signed-out-screen{margin-top:28px}}
/* Mobile account placement and copyable display ID */
.account-id-copy{display:inline-flex;align-items:center;gap:8px;max-width:100%;width:max-content;min-height:32px;padding:4px 7px;border:1px solid var(--dot-border);border-radius:7px;background:transparent;color:var(--dot-text-muted);font:600 11px var(--dot-font-ui);font-variant-numeric:tabular-nums;cursor:pointer}.account-id-copy:hover{background:var(--dot-accent-tint);color:var(--dot-text)}.account-id-copy svg{width:14px;height:14px;flex:none}.user-menu-person .account-id-copy{margin:2px 0}.clipboard-buffer{position:fixed;left:-10000px;top:0;width:1px;height:1px;opacity:0}@media(max-width:760px){.sidebar-top{justify-content:space-between;min-height:44px}.sidebar-top>.account-dropdown{margin-left:auto}.sidebar-top .avatar{width:40px;height:40px;display:grid;place-items:center;background:#303235;color:#fff;border:1px solid #65696c;border-radius:50%;font-size:12px}.sidebar-top .user-menu{top:calc(100% + 11px)}.header-actions .context-control{max-width:none;flex:1}.header-actions .language-switch{margin-left:auto!important}.header-actions{gap:14px}}
.account-context-group{padding:10px 5px 12px;margin:0 0 8px;border-bottom:1px solid var(--dot-border)}.account-context-group>p{margin:2px 5px 8px;color:var(--dot-text-muted);font-size:10px;font-weight:700;letter-spacing:.06em}.context-choice{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-height:43px;padding:9px 10px;border:1px solid transparent;border-radius:8px;background:transparent;color:var(--dot-text);font:600 12px var(--dot-font-ui);text-align:left}.context-choice:hover{background:var(--dot-accent-tint)}.context-choice[aria-pressed=true]{border-color:var(--dot-border);background:var(--dot-accent-tint)}.context-choice-mark{width:17px;flex:none;color:var(--dot-red);font-size:15px;text-align:center}.context-manage{display:block;padding:10px;color:var(--dot-text-muted);font-size:11px;font-weight:650}.context-manage:hover{color:var(--dot-text)}
@media(max-width:760px){.header-actions{justify-content:flex-end}.header-actions .language-switch{margin-left:0!important}.sidebar-top .user-menu{width:320px}}
.account-dropdown{display:flex;align-items:center;gap:8px;min-width:0}.avatar-context-label{display:block;max-width:128px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--dot-text);font-size:12px;font-weight:650;cursor:help}.sidebar-top .avatar-context-label{color:#f4f4f3}.sidebar-top .account-dropdown{max-width:calc(100% - 136px)}.sidebar-top .avatar-context-label{max-width:calc(100% - 48px)}
.header-actions .language-picker{position:relative;order:0;flex:none}.language-current{display:flex;align-items:center;gap:5px;min-height:34px;padding:6px 9px;border:1px solid var(--dot-border);border-radius:9px;background:var(--dot-surface);color:var(--dot-text);font:700 11px var(--dot-font-ui)}.language-current[aria-expanded=true]{border-color:var(--dot-red)}.language-current span{font-size:10px;color:var(--dot-text-muted)}.language-menu{position:absolute;top:calc(100% + 8px);right:0;z-index:60;display:grid;gap:2px;width:145px;padding:5px;border:1px solid var(--dot-border);border-radius:10px;background:var(--dot-surface);box-shadow:0 12px 35px #0002}.language-menu[hidden]{display:none!important}.language-menu button{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;min-height:37px;padding:8px;border:0;border-radius:7px;background:transparent;color:var(--dot-text);font:600 12px var(--dot-font-ui);text-align:left}.language-menu button:hover,.language-menu button[aria-current=true]{background:var(--dot-accent-tint)}.language-menu button span{color:var(--dot-red)}
@media(max-width:760px){.sidebar-top .avatar-context-label{max-width:90px;font-size:11px}.header-actions .language-picker{margin-left:auto}}
.avatar-context-label[hidden]{display:none!important}
.sidebar-top>.language-picker{position:relative;margin-left:auto;flex:none}.sidebar-top>.account-dropdown{margin-left:0}.sidebar-top .language-current{border-color:#56595c;background:#303235;color:#f6f6f5;min-height:40px}.sidebar-top .language-current span{color:#b6b9bc}
@media(max-width:760px){.header-actions:empty{display:none}.header .crumbs{margin-bottom:0}.sidebar-top .avatar-context-label{max-width:82px}}
@media(max-width:390px){.sidebar-logo img{width:112px}.sidebar-top .avatar-context-label{max-width:58px}}
@media(max-width:360px){.sidebar-logo img{width:100px}.sidebar-top{gap:10px}.sidebar-top .avatar-context-label{max-width:45px}}

.row time{display:block;font-size:12px;font-variant-numeric:tabular-nums;margin-top:6px}.time-note{font-size:12px;color:var(--dot-text-muted);line-height:1.6}

.security-sessions{scroll-margin-top:24px}.session-hint{font-size:12px;line-height:1.6;color:var(--dot-text-muted);margin:0 0 15px}.session-actions{display:flex;justify-content:flex-end;margin-top:15px}.security-sessions .callout{margin-top:18px}@media(max-width:600px){.session-actions .button{width:100%}}

.admin-entry[hidden]{display:none!important}.admin-entry{border-top:1px solid var(--dot-border);margin-top:8px;padding-top:14px!important}
/* Account-wide notifications and communication preferences */
.notification-control{position:relative;order:1;flex:none}.notification-toggle{position:relative;display:grid;place-items:center;width:38px;height:38px;border:1px solid var(--dot-border);border-radius:10px;background:var(--dot-surface);color:var(--dot-text);cursor:pointer}.notification-toggle:hover,.notification-toggle[aria-expanded=true]{background:var(--dot-accent-tint);border-color:var(--dot-red)}.notification-toggle svg{display:block;width:20px;height:20px}.notification-count{position:absolute;top:-7px;right:-8px;min-width:18px;height:18px;padding:1px 4px;border-radius:999px;background:var(--dot-red);color:#fff;border:2px solid var(--dot-surface);font:700 10px/14px var(--dot-font-ui);text-align:center}.notification-count[hidden],.notification-popover[hidden]{display:none!important}.notification-popover{position:absolute;right:0;top:calc(100% + 12px);width:360px;max-width:calc(100vw - 36px);max-height:min(75vh,540px);overflow:auto;background:var(--dot-surface);border:1px solid var(--dot-border);border-radius:15px;box-shadow:0 16px 55px #0002;color:var(--dot-text);z-index:70}.notification-popover-head{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:17px 18px;border-bottom:1px solid var(--dot-border)}.notification-popover-head strong{font-size:14px}.notification-popover-head span{font-size:11px;color:var(--dot-text-muted)}.notification-popover-list{max-height:380px;overflow:auto}.notification-preview{display:grid;gap:5px;padding:13px 18px;border-bottom:1px solid var(--dot-border)}.notification-preview:hover{background:var(--dot-accent-tint)}.notification-preview.unread{box-shadow:inset 3px 0 var(--dot-red);background:var(--dot-accent-tint)}.notification-preview strong{font-size:12px}.notification-preview small{color:var(--dot-text-muted);font-size:11px;line-height:1.4}.notification-source{display:flex;justify-content:space-between;gap:12px;color:var(--dot-text-muted);font-size:10px;font-weight:700}.notification-source time{font-weight:400;text-align:right}.notification-all{display:block;padding:14px 18px;font-size:12px;font-weight:700}.notification-all:hover{text-decoration:underline}.communication-card{max-width:720px;margin-top:22px;scroll-margin-top:24px}.communication-card h2{font-size:20px;margin:0 0 10px}.communication-card>p{font-size:12px;line-height:1.6}.communication-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:21px}.communication-grid label{display:grid;gap:8px;font-size:12px;font-weight:700}.communication-grid select,.notification-toolbar select{width:100%;min-height:44px;border:1px solid var(--dot-control-border);border-radius:9px;background:var(--dot-surface);color:var(--dot-text);padding:9px 12px;font:600 12px var(--dot-font-ui)}.notification-intro{display:flex;justify-content:space-between;align-items:start;gap:20px;margin-bottom:22px}.notification-intro p{font-size:12px;line-height:1.6;color:var(--dot-text-muted);max-width:710px;margin:0}.notification-intro a{font-size:12px;font-weight:700;white-space:nowrap}.notification-toolbar{display:flex;align-items:end;flex-wrap:wrap;gap:12px;margin-bottom:17px}.notification-tabs{display:flex;gap:3px;padding:3px;background:var(--dot-bg);border:1px solid var(--dot-border);border-radius:10px}.notification-tabs button{border:0;border-radius:7px;background:transparent;color:var(--dot-text-muted);padding:9px 13px;font:700 12px var(--dot-font-ui);cursor:pointer}.notification-tabs button[aria-pressed=true]{background:var(--dot-surface);color:var(--dot-text);box-shadow:0 1px 4px #0001}.notification-tabs span{color:var(--dot-text-muted);font-size:10px}.notification-toolbar label{display:grid;gap:5px;min-width:170px;font-size:10px;font-weight:700;color:var(--dot-text-muted)}.notification-toolbar>.button{min-height:44px}.notification-toolbar>.button:disabled{opacity:.48;cursor:not-allowed}.notification-feed{display:grid;gap:10px}.notification-item{display:flex;align-items:start;gap:15px;padding:21px 22px;border:1px solid var(--dot-border);border-radius:14px;background:var(--dot-surface)}.notification-item.unread{border-color:#e5b3ad;background:var(--dot-accent-tint)}.notification-item-mark{flex:none;width:8px;height:8px;margin-top:6px;border-radius:50%;background:var(--dot-border)}.notification-item.unread .notification-item-mark{background:var(--dot-red)}.notification-item-main{flex:1;min-width:0}.notification-item-meta{display:flex;justify-content:space-between;flex-wrap:wrap;gap:5px 18px;color:var(--dot-text-muted);font-size:10px;font-weight:700}.notification-item-meta time{font-weight:400}.notification-item h2{font-size:15px;margin:8px 0}.notification-item p{font-size:12px;line-height:1.55;color:var(--dot-text-muted);margin:0}.notification-item-actions{display:flex;gap:18px;flex-wrap:wrap;margin-top:16px}.notification-item-actions a,.notification-item-actions button{color:var(--dot-text);font:700 11px var(--dot-font-ui)}.notification-item-actions button{background:none;border:0;padding:0;cursor:pointer;color:var(--dot-text-muted)}.notification-item-actions a:hover,.notification-item-actions button:hover{text-decoration:underline}.notification-empty h2{font-size:16px;margin:0 0 9px}.notification-empty p{font-size:12px}
@media(max-width:760px){.sidebar-top>.notification-control{margin-left:auto}.sidebar-top .notification-toggle{width:40px;height:40px;background:#303235;border-color:#56595c;color:#fff}.sidebar-top .notification-count{border-color:#17181a}.sidebar-top .notification-popover{right:-78px;max-width:calc(100vw - 32px)}.sidebar-top>.language-picker{margin-left:0}.notification-intro{display:block}.notification-intro a{display:inline-block;margin-top:14px}.notification-toolbar{align-items:stretch}.notification-toolbar label{flex:1}.notification-toolbar>.button{width:100%}.communication-grid{grid-template-columns:1fr}}
@media(max-width:390px){.sidebar-top{gap:7px}.sidebar-top>.notification-control{margin-left:auto}.sidebar-top .notification-toggle{width:36px;height:36px}.sidebar-top .language-current{min-height:36px;padding:5px 7px}.sidebar-top .avatar{width:36px;height:36px}.sidebar-top .notification-popover{right:-77px}.notification-item{padding:16px;gap:10px}}
.public-language-host .language-picker{position:relative}.public-language-host .language-current{min-height:38px;min-width:57px;justify-content:center}.public-language-host .language-menu{right:0;top:calc(100% + 9px);z-index:90}.public-language-host .language-menu[hidden]{display:none!important}

.account-copy-feedback{display:block;margin:5px 0 2px;font:400 12px var(--dot-font-ui);line-height:1.5;color:var(--dot-text-muted)}.account-copy-feedback[hidden]{display:none!important}