/* SLPT-R28-B16S1-APPWIDE-SIGNOUT-UI-20260825 */
:root{--r28-signout:#d93443;--r28-signout-strong:#b91f30;--r28-signout-soft:rgba(217,52,67,.09);--r28-signout-line:rgba(217,52,67,.34)}
.r28-signout-control{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:38px;padding:8px 12px;border:1px solid var(--r28-signout-line);border-radius:11px;background:transparent;color:var(--r28-signout-strong);font:inherit;font-weight:750;line-height:1;cursor:pointer;transition:background .16s ease,border-color .16s ease,color .16s ease,box-shadow .16s ease,transform .16s ease}
.r28-signout-control:hover{background:var(--r28-signout-soft);border-color:rgba(217,52,67,.52);box-shadow:0 7px 18px rgba(143,25,35,.08)}
.r28-signout-control:focus-visible{outline:3px solid rgba(217,52,67,.18);outline-offset:2px}
.r28-signout-svg{width:18px;height:18px;display:block;flex:0 0 auto}
#appView #logoutBtn.signout-btn.r28-signout-topbar{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:7px!important;min-width:0!important;min-height:36px!important;padding:7px 10px!important;border:1px solid var(--r28-signout-line)!important;border-radius:10px!important;background:transparent!important;color:var(--r28-signout-strong)!important;font-size:12px!important;font-weight:760!important;visibility:visible!important;opacity:1!important;pointer-events:auto!important}
#nav .r28-signout-nav{width:calc(100% - 14px);margin:8px 7px 7px;padding:10px 12px;justify-content:flex-start;border-color:transparent;border-top-color:var(--r28-signout-line);border-radius:10px;color:var(--r28-signout-strong);background:linear-gradient(90deg,var(--r28-signout-soft),transparent 78%)}
#nav .r28-signout-nav .r28-signout-svg{width:19px;height:19px}
html[data-sidebar-collapsed="true"] #nav .r28-signout-nav,html.sidebar-collapsed #nav .r28-signout-nav{width:46px;height:46px;margin-inline:auto;padding:0;justify-content:center}
html[data-sidebar-collapsed="true"] #nav .r28-signout-nav span,html.sidebar-collapsed #nav .r28-signout-nav span{display:none}
.r28-signout-settings{display:grid;gap:12px}.r28-signout-settings .panel-head{margin-bottom:0}.r28-signout-settings-btn{width:min(260px,100%);justify-content:center}
.r28-signout-dialog{width:min(420px,calc(100vw - 28px));max-width:420px;padding:0;border:1px solid color-mix(in srgb,var(--line) 72%,var(--r28-signout) 28%);border-radius:20px;background:var(--surface-strong);color:var(--ink);box-shadow:0 28px 70px rgba(20,22,28,.24),0 4px 16px rgba(20,22,28,.10);overflow:hidden}
.r28-signout-dialog::backdrop{background:rgba(15,18,24,.50);backdrop-filter:blur(4px)}
.r28-signout-shell{position:relative;padding:24px 22px 20px;text-align:center}
.r28-signout-close{position:absolute;top:12px;right:12px;width:32px;height:32px;border:0;border-radius:9px;background:transparent;color:var(--muted);font-size:22px;line-height:1;cursor:pointer}
.r28-signout-close:hover{background:var(--r28-signout-soft);color:var(--r28-signout-strong)}
.r28-signout-icon{width:52px;height:52px;display:grid;place-items:center;margin:0 auto 14px;border-radius:50%;background:linear-gradient(145deg,#df4452,var(--r28-signout-strong));color:#fff;box-shadow:0 12px 26px rgba(185,31,48,.20)}
.r28-signout-icon .r28-signout-svg{width:25px;height:25px}
.r28-signout-copy h2{margin:0 0 7px;font-size:21px;line-height:1.15;letter-spacing:-.025em}
.r28-signout-copy p{margin:0;color:color-mix(in srgb,var(--muted) 86%,var(--ink) 14%);font-size:12px;line-height:1.5}
.r28-signout-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:20px;padding-top:16px;border-top:1px solid var(--line)}
.r28-signout-actions .btn{min-width:0;min-height:40px;margin:0;border-radius:10px}
.r28-signout-cancel{background:transparent!important}
.r28-signout-confirm{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:7px!important;color:#fff!important;border-color:rgba(126,17,28,.48)!important;background:linear-gradient(180deg,#db3d4b,#b91f30)!important;box-shadow:0 9px 20px rgba(143,25,35,.18)!important}
.r28-signout-confirm .r28-signout-svg{width:17px;height:17px}.r28-signout-confirm[disabled]{cursor:wait;opacity:.76}
html[data-theme="mist-graphite"]{--r28-signout:#ff5565;--r28-signout-strong:#ff6674;--r28-signout-soft:rgba(255,85,101,.09);--r28-signout-line:rgba(255,85,101,.30)}
html[data-theme="mist-graphite"] .r28-signout-dialog{background:#252a33;border-color:rgba(255,85,101,.22);box-shadow:0 32px 80px rgba(0,0,0,.48)}
html[data-theme="mist-graphite"] .r28-signout-copy p{color:#c7cdd6}
@media(max-width:900px){#nav .r28-signout-nav{margin-top:10px}.r28-signout-settings-btn{width:100%}}
@media(max-width:520px){.r28-signout-dialog{width:calc(100vw - 20px);border-radius:17px}.r28-signout-shell{padding:22px 17px 17px}.r28-signout-actions{grid-template-columns:1fr 1fr}.r28-signout-actions .btn{width:100%}#appView #logoutBtn.signout-btn.r28-signout-topbar{padding-inline:8px!important;font-size:10px!important;gap:5px!important}#appView #logoutBtn.signout-btn.r28-signout-topbar .r28-signout-svg{width:15px;height:15px}}
@media(prefers-reduced-motion:reduce){.r28-signout-control{transition:none}.r28-signout-dialog::backdrop{backdrop-filter:none}}