/* Scoped login layout: the close button stays in normal document flow. */
#accountSummaryPanel .watch-account-buttons{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin-top:20px;}
#accountSummaryPanel .watch-account-buttons>button{min-height:40px;padding:10px 16px;white-space:nowrap;}
#accountSummaryPanel .account-shortcuts:not(:has(button:not(.hidden))){display:none;}
#accountAuthDialog{width:min(460px,calc(100vw - 24px));border-radius:24px;}
#accountAuthDialog .account-auth-dialog-card{width:100%!important;max-width:100%!important;min-width:0;padding:24px 28px;gap:22px;border-radius:24px;border:1px solid rgba(154,160,255,.2);color:var(--text);background:radial-gradient(ellipse at 90% 0,rgba(113,99,255,.13),transparent 55%),var(--panel);box-shadow:0 28px 90px rgba(0,0,0,.4);}
#accountAuthDialog .auth-dialog-topline{display:flex;justify-content:space-between;align-items:center;gap:16px;}
#accountAuthDialog .auth-brand{font-size:12px;letter-spacing:.16em;font-weight:800;color:var(--text);}
#accountAuthDialog .auth-brand span{margin-left:8px;color:var(--muted);font-weight:500;font-size:10px;}
#accountAuthDialog .close{position:static;flex:0 0 40px;width:40px;height:40px;display:grid;place-items:center;padding:0;border-radius:12px;border:1px solid var(--line);background:var(--panel2);color:var(--muted);font-size:26px;line-height:1;}
#accountAuthDialog .close:hover{color:var(--text);border-color:#8993ff;}
html[data-theme="light"] #accountAuthDialog .close{background:#f2f3f8;color:#596579;border-color:#dce1eb;}
#accountAuthDialog .auth-dialog-heading{display:grid;justify-items:start;gap:14px;}
#accountAuthDialog .auth-discord-label{display:flex;align-items:center;gap:12px;min-width:0;}
#accountAuthDialog .auth-discord-label img{flex:none;width:24px;height:18px;display:block;}
#accountAuthDialog h2{font-size:26px;line-height:1.35;letter-spacing:-.04em;margin:2px 0 0;}
#accountAuthDialog .auth-dialog-description{margin:0;font-size:14px;line-height:1.85;color:var(--muted);font-weight:400;}
#accountAuthDialog .auth-discord-button{width:100%;min-height:52px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 20px;border:1px solid rgba(255,255,255,.16);border-radius:13px;background:linear-gradient(110deg,#5865f2,#7277ef)!important;box-shadow:0 6px 22px rgba(88,101,242,.2);color:#fff!important;font-size:15px;}
#accountAuthDialog .auth-discord-button:hover{filter:brightness(1.1);}
#accountAuthDialog .auth-discord-button.hidden{display:none;}
#accountAuthDialog .auth-dialog-footer{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px;padding-top:16px;border-top:1px solid var(--line);}
#accountAuthDialog .auth-dialog-footer .webhook-status{padding:0;background:none;border:0;font-size:11px;color:var(--muted);}
#accountAuthDialog .auth-dialog-footer small{font-size:11px;color:var(--muted);}
#accountAuthDialog #accountAuthModalMessage{margin:0;padding:12px 14px;border:1px solid var(--line);border-radius:12px;font-size:13px;line-height:1.65;overflow-wrap:anywhere;}
#accountAuthDialog #accountAuthModalMessage[hidden]{display:none;}
#accountAuthDialog #accountAuthModalMessage.error{border-color:rgba(255,111,125,.35);color:var(--danger);}
#accountAuthDialog #discordCompletePanel>p{color:var(--muted);font-size:13px;line-height:1.8;}
#accountAuthDialog #discordCompletePanel>button{width:100%;margin-top:14px;}
#accountAuthDialog details{margin-top:20px;padding-top:16px;border-top:1px solid var(--line);font-size:13px;}
#accountAuthDialog summary{cursor:pointer;color:var(--muted);}
#accountAuthDialog .legal-consent{display:flex;align-items:flex-start;flex-wrap:wrap;gap:6px;font-size:12px;line-height:1.7;}
#accountAuthDialog .legal-consent input{width:16px;height:16px;flex:none;margin:3px 2px 0 0;accent-color:#5865f2;}
#accountAuthDialog :is(button,summary,input,a):focus-visible{outline:2px solid #a4adff;outline-offset:4px;}
@media(max-width:380px){#accountAuthDialog .account-auth-dialog-card{padding:18px 20px;gap:18px;}#accountAuthDialog h2{font-size:23px;}#accountAuthDialog .auth-brand span{display:none;}}
.dm-settings{display:grid;gap:16px;margin:22px 0;padding:22px;border:1px solid var(--line);border-radius:18px;background:linear-gradient(130deg,rgba(88,101,242,.08),transparent);}
.dm-settings h3,.dm-settings p{margin:0;}
.dm-settings-head{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px 20px;min-width:0;}
.dm-settings-head h3{flex:none;}
.dm-settings-head .dm-test-button{margin-left:auto;flex:0 1 auto;}
.dm-settings p,.dm-settings small{color:var(--muted);line-height:1.7;}
.dm-settings #dmStatus[data-state="success"]{color:#55dfa4;font-weight:650;}
.dm-settings #dmStatus[data-state="success"]::before{content:"✓";margin-right:8px;}
.dm-settings #dmStatus[data-state="error"]{color:#ff8b98;}
[data-theme="light"] .dm-settings #dmStatus[data-state="success"]{color:#147746;}
[data-theme="light"] .dm-settings #dmStatus[data-state="error"]{color:#b42338;}
.dm-settings .dm-option{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 0;border-bottom:1px solid var(--line);}
.dm-option span{display:grid;gap:4px;}
.dm-settings input[type=checkbox]{width:20px!important;height:20px;flex:none;accent-color:#5865f2;}
.dm-settings .dm-option input{appearance:none;width:44px!important;height:26px;border:1px solid var(--line);border-radius:20px;background:#697586!important;position:relative;cursor:pointer;}
.dm-settings .dm-option input:before{content:"";position:absolute;width:18px;height:18px;left:3px;top:3px;border-radius:50%;background:#fff;transition:transform .15s ease;}
.dm-settings .dm-option input:checked{background:#5865f2!important;border-color:#5865f2!important;}
.dm-settings .dm-option input:checked:before{transform:translateX(18px);}
.dm-settings input:disabled{opacity:.5;cursor:wait;}
.dm-settings input:disabled:checked{opacity:.85;}
.dm-settings .dm-test-button{display:flex;align-items:center;justify-content:center;justify-self:start;gap:8px;min-height:46px;padding:11px 16px;width:fit-content;max-width:100%;border:1px solid #8790ff!important;border-radius:12px;background:linear-gradient(115deg,#5865f2,#6e58dc)!important;color:#fff!important;font-size:14px;font-weight:750;line-height:1.5;box-shadow:0 4px 14px #5865f226;cursor:pointer;transition:transform .15s,box-shadow .15s;}
.dm-test-button img{flex:none;width:24px;height:18px;}
.dm-test-button .dm-test-indicator{display:none;flex:none;}
.dm-test-button[data-state="sending"] .dm-test-indicator{display:block;}
.dm-settings .dm-server-link{display:inline-flex;align-items:center;gap:8px;justify-self:start;}
.dm-server-link svg{flex:none;}
.dm-settings .dm-test-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 9px 25px #5865f255;}
.dm-settings .dm-test-button:active:not(:disabled){transform:translateY(0);}
.dm-settings .dm-test-button:disabled{opacity:.65;cursor:not-allowed;}
.dm-settings .dm-test-button[data-state="sending"]{opacity:1;cursor:progress;}
.dm-test-button[data-state="sending"] .dm-test-indicator{font-size:0;width:18px;height:18px;border:2px solid #ffffff55;border-top-color:#fff;border-radius:50%;animation:dm-test-spin .8s linear infinite;}
.dm-settings .dm-test-button[data-state="success"]{background:#18745e!important;border-color:#42b697!important;}
.dm-settings .dm-test-feedback:empty{display:none;}
.dm-settings .dm-test-feedback{font-size:13px;}
@keyframes dm-test-spin{to{transform:rotate(360deg);}}
@media(prefers-reduced-motion:reduce){.dm-settings .dm-test-button{transition:none;}.dm-test-button[data-state="sending"] .dm-test-indicator{animation:none;}}
.dm-settings>a{color:#9ca7ff;}
[data-theme="light"] .dm-settings>a{color:#4351bf;}
.dm-settings .legal-consent{display:flex;align-items:flex-start;gap:10px;font-size:12px;}
.dm-settings :is(input,button):focus-visible{outline:2px solid #a4adff;outline-offset:3px;}
@media(max-width:420px){.dm-settings{padding:16px;}.dm-settings .watch-account-actions{display:grid;grid-template-columns:1fr;}}