/* V30: neutral surfaces, clear controls and network-specific accents. */
html:not([data-theme=light]):not(.system-light){--bg:#0f0f0f;--side:#0f0f0f;--panel:#181818;--panel2:#242424;--line:#343434;--text:#f5f5f5;--muted:#b0b0b0;--brand:#ff8a3a;--brand2:#ffac70;--input:#121212;--shadow:0 6px 24px #00000020;--button-hover:#303030;--focus-ring:#ff9a50;color-scheme:dark}
html[data-theme=light],html[data-theme=system].system-light{--bg:#fafafa;--side:#fff;--panel:#fff;--panel2:#f5f5f5;--line:#e1e1e1;--text:#171717;--muted:#646464;--brand:#e65b00;--brand2:#ff8a3a;--input:#fff;--shadow:0 4px 20px #00000005;--button-hover:#f4f4f4;--focus-ring:#b94700;color-scheme:light}
body .btn,body .password-toggle{appearance:none;-webkit-appearance:none;box-shadow:none!important;text-shadow:none;border-radius:12px;font-weight:650;line-height:1.35;min-height:44px}
body .btn:not(.primary):not(.danger){background:var(--panel)!important;color:var(--text)!important;border:1px solid var(--line)}
body .btn:not(.primary):not(.danger):hover{background:var(--button-hover)!important;filter:none}
body .btn.primary{background:linear-gradient(115deg,#ff9a4a,#ff7b24)!important;color:#171717!important;border:1px solid transparent;box-shadow:none!important}
body .btn.danger{background:#e83c5410!important;color:#e83c54!important;border:1px solid #e83c5433}
body .btn:disabled,body .btn[aria-disabled=true]{opacity:.42;cursor:not-allowed;box-shadow:none!important}
body .btn.mini{border-radius:10px;min-height:40px}.mobile-heading .menu-toggle{background:transparent!important;border-color:var(--line);padding:10px 14px}.top-actions .primary{border-radius:14px}
body :focus-visible{outline:2px solid var(--focus-ring)!important;outline-offset:3px}.field:focus,.composer .field:focus{border-color:var(--brand);box-shadow:0 0 0 3px #ff822e12;outline:none!important}body ::selection{background:#ff822e40;color:var(--text)}
input[type=checkbox],input[type=radio]{appearance:none;-webkit-appearance:none;display:inline-grid;place-content:center;position:relative;width:20px;height:20px;min-width:20px;margin:0 6px 0 0;vertical-align:middle;border:1.5px solid var(--muted);border-radius:6px;background:var(--input);color:var(--text);cursor:pointer;flex-shrink:0;box-shadow:none}
input[type=radio]{border-radius:50%}input[type=checkbox]:checked,input[type=radio]:checked{background:var(--brand);border-color:var(--brand)}input[type=checkbox]:checked::before{content:'';width:5px;height:10px;border:solid #171717;border-width:0 2px 2px 0;transform:translateY(-1px) rotate(45deg)}input[type=radio]:checked::before{content:'';width:8px;height:8px;background:#171717;border-radius:50%}input[type=checkbox]:disabled,input[type=radio]:disabled{opacity:.4;cursor:not-allowed}input[type=range]{accent-color:var(--brand)}
.privacy-choice>input{position:absolute;width:1px;height:1px;min-width:0;opacity:0}.privacy-choice>input::before{display:none}
select.field{appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23888888' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E")!important;background-repeat:no-repeat!important;background-position:right 14px center!important;padding-right:42px;cursor:pointer}select.field option{background:var(--panel);color:var(--text)}
.card,.composer,.target,.fb-option,.ig-option{box-shadow:none!important}.composer{--c-line:var(--line);--c-muted:var(--muted)}.composer .target{background:var(--panel)!important}.composer .target:has(input:checked){background:#ff822e08!important}.composer .format-choice{background:var(--panel2)}.composer .format-choice:has(input:checked){background:#ff822e12;border-color:var(--brand);color:var(--text)}.composer-progress button{background:var(--panel2);color:var(--muted)}.composer-progress button[aria-current=step]{background:#ff822e1a;color:var(--brand);box-shadow:inset 0 0 0 1px #ff822e35}
body .mobilebar{background:var(--panel)!important;border:1px solid var(--line);box-shadow:0 -3px 20px #00000008!important;backdrop-filter:none}body .mobilebar a{color:var(--muted);border-radius:14px}body .mobilebar a.on{background:#ff822e14!important;color:var(--brand)!important;box-shadow:none!important}body .mobilebar a.on span{color:var(--brand)}body .nav.on{background:#ff822e12!important;color:var(--brand)!important}.langswitch a{border-color:var(--line);background:var(--panel)}
html:not([data-theme=light]):not(.system-light) .login-story{background:radial-gradient(ellipse at 15% 60%,#292929,transparent 65%),#0f0f0f;border-color:var(--line)}html:not([data-theme=light]):not(.system-light) .login-card .password-toggle{background:#242424!important}html:not([data-theme=light]):not(.system-light) .responsive-table tr{background:#202020}html:not([data-theme=light]):not(.system-light) .oauthurl{background:#242424}html:not([data-theme=light]):not(.system-light) .composer .cover-frame-panel{background:#202020}html:not([data-theme=light]):not(.system-light) .composer .cover-image-upload{background:#202020}html:not([data-theme=light]):not(.system-light) .social-phone[data-network=tiktok]{background:#111;border-color:#343434}html:not([data-theme=light]):not(.system-light) .tt-privacy-icon{background:#111}html:not([data-theme=light]):not(.system-light) .badge{border-color:#444}
#facebookOptions{--network-accent:#0866ff}html:not([data-theme=light]):not(.system-light) #facebookOptions{--network-accent:#6eacff}.composer #facebookOptions .fb-search-row .btn{background:var(--network-accent)!important;color:#fff!important;border-color:var(--network-accent)}html:not([data-theme=light]):not(.system-light) .composer #facebookOptions .fb-search-row .btn{color:#111!important}.composer #facebookOptions .fb-result::after,.composer #facebookOptions>.fb-option>summary::after{color:var(--network-accent)}html:not([data-theme=light]):not(.system-light) .fb-option-icon{background:#0866ff20;color:#6eacff}html:not([data-theme=light]):not(.system-light) .ig-option .fb-option-icon{background:#d6297624;color:#f291c1}html:not([data-theme=light]):not(.system-light) #youtubePanel .privacy-symbol{color:#ff6b6b}html:not([data-theme=light]):not(.system-light) .tt-privacy-option .privacy-symbol{color:#57d7df}html:not([data-theme=light]):not(.system-light) .tt-privacy-option[aria-selected=true]{background:#25c5ce12}
#youtubePanel input[type=radio]{border-color:#e52222}.composer #instagramPanel>.ig-option[open]>summary{color:var(--text)}.vs-dialog{background:var(--panel);border-color:var(--line)}.vs-dialog::backdrop{background:#0009}.logout-card{background:var(--panel);border-color:var(--line)}
@media(max-width:820px){body .mobilebar{padding-top:8px;padding-bottom:calc(8px + env(safe-area-inset-bottom));border-radius:22px}.main{padding-top:16px}.mobile-heading{margin-bottom:26px}.mobile-heading .btn{min-height:44px}.composer-navigation .btn{border-radius:12px}.responsive-table tr{border-radius:16px}.card{border-radius:18px}}
@media(forced-colors:active){input[type=checkbox],input[type=radio]{appearance:auto}body :focus-visible{outline:2px solid Highlight!important}}
/* Override older page-scoped blue button focus rings too. */
html body.app-page .btn:focus-visible,html body.app-page .field:focus-visible,html body.app-page a:focus-visible,html body.app-page button:focus-visible,html body.app-page summary:focus-visible{outline:2px solid var(--focus-ring)!important;outline-offset:3px}
