.desktop-card-wrap { position:relative; min-width:0; display:flex }
.desktop-card-wrap > .folder-card,.desktop-card-wrap > .outbound-project-card { width:100%; padding-right:56px }
.desktop-card-open { position:absolute; right:12px; top:12px; border:1px solid var(--line); border-radius:7px; background:var(--card); color:var(--soft); width:30px; height:30px; cursor:pointer; font-size:19px }
.desktop-card-open:hover,.desktop-card-open:focus-visible { color:var(--blue); border-color:var(--blue); background:var(--blue-soft) }
.desktop-phone { display:inline-block; padding:4px 7px; border-radius:5px; background:var(--canvas); cursor:text; user-select:text }
.accounts-manager > .account-table-wrap .account-table { min-width:960px }
.accounts-manager > .account-table-wrap .account-table :is(th,td):nth-child(9) { width:65px; padding-left:12px }
.accounts-manager > .account-table-wrap .account-table :is(th,td):nth-child(10) { width:112px; padding-left:12px; overflow-wrap:anywhere }
.accounts-manager > .account-table-wrap .account-table :is(th,td):last-child { width:110px }
.desktop-embedded[data-workspace-view=accounts] .summary-strip { display:none }
.desktop-embedded[data-workspace-view=accounts] .page-head .page-title-row { display:none }
.desktop-embedded[data-workspace-view=accounts] .page-head { justify-content:flex-end; margin-bottom:12px }
[data-account-row],[data-standard-picker-row] { cursor:pointer }
[data-account-row]:focus-visible,[data-standard-picker-row]:focus-visible { outline:2px solid var(--blue); outline-offset:-2px }
.desktop-account-context { position:fixed; z-index:20000; min-width:220px; padding:5px; border:1px solid var(--line); border-radius:9px; background:var(--card); color:var(--text); box-shadow:0 12px 36px #0003 }
.desktop-account-context button { display:block; width:100%; border:0; background:none; color:inherit; padding:10px 14px; text-align:left; border-radius:5px; cursor:pointer }
.desktop-account-context button:hover,.desktop-account-context button:focus-visible { background:var(--blue-soft); outline:none }
.desktop-account-context button:disabled { opacity:.45; cursor:default }
.desktop-json { background:var(--card); color:var(--text); border:1px solid var(--line); border-radius:14px; padding:0; width:min(940px,94vw); max-width:100%; max-height:92vh; box-shadow:0 12px 50px #0002 }
dialog.desktop-json { margin:auto }
section.desktop-json { width:100%; max-height:none; box-shadow:none }
.desktop-json::backdrop { background:#111b2666 }
.desktop-json-head { display:flex; justify-content:space-between; align-items:center; gap:16px; padding:20px 24px; border-bottom:1px solid var(--line) }
.desktop-json h1 { font-size:20px; margin:0 0 4px }
.desktop-json small,.desktop-json-note { color:var(--soft) }
.desktop-json-body { padding:18px 24px; overflow:auto }
.desktop-json-note { margin:0 0 14px }
.desktop-json textarea { display:block; width:100%; height:55vh; min-height:180px; resize:vertical; padding:18px; background:var(--canvas); color:var(--text); font:13px/1.7 Consolas,monospace; border:1px solid var(--line); border-radius:8px; tab-size:2; white-space:pre }
.desktop-json-foot { display:flex; align-items:center; justify-content:space-between; gap:16px; padding-top:16px }
.desktop-json-foot [role=status] { max-width:70%; overflow-wrap:anywhere }
html[data-desktop-theme=dark] { color-scheme:dark; --canvas:#17232d; --card:#202e39; --line:#344651; --line-2:#425762; --text:#e0e9ed; --soft:#acbdc6; --faint:#90a5b2; --blue:#7fc7d9; --blue-dark:#a4dce8; --blue-soft:#294551; --green:#81c9b2; --green-soft:#243f3c; --amber:#e5bd80; --amber-soft:#453e30; --red:#e49f96; --red-soft:#493537; --surface-soft:#1c2933; --surface-hover:#2b3f4c; --surface-inset:#18252f; --control-fill:#18252f; --control-ink:#d6e2e9; --control-hover-border:#6d9ead; --button-primary:#326f83; --button-primary-hover:#3d8095; --on-primary:#ffffff; --archive-ink:#c2b6d9; --archive-fill:#383248 }
html[data-desktop-theme=dark] :is(input:not([type=checkbox]):not([type=radio]):not([type=range]),textarea,select) { color:var(--text); border-color:var(--line-2); color-scheme:dark }
html[data-desktop-theme=dark] :is(.dialog-form input,.dialog-form select,.dialog-form textarea,.checking-setting-row > input,.outbound-number input,.filters select,.mini-manager-filters select,.table-pagination select,.audience-mode-control select,.unread-date-setting > input,.dialog-field input) { background:var(--control-fill) }
html[data-desktop-theme=dark] input::placeholder,html[data-desktop-theme=dark] textarea::placeholder { color:var(--soft) }
html[data-desktop-theme=dark] .manager-search { background:var(--control-fill) }
html[data-desktop-theme=dark] .manager-search input { background:transparent }
html[data-desktop-theme=dark] .switch-control span { background:var(--line-2) }
html[data-desktop-theme=dark] .switch-control input:checked + span { background:var(--button-primary) }
html[data-desktop-theme=dark] .button.danger,html[data-desktop-theme=dark] .danger-text { border-color:var(--red) }
html[data-desktop-theme=dark] .folder-card.problem { border-color:var(--line-2) }
html[data-desktop-theme=dark] .folder-card.problem:hover { background:var(--surface-hover) }
html[data-desktop-theme=dark] .mini-manager-table tr.locked { color:var(--soft); background:var(--surface-soft); filter:none }
html[data-desktop-theme=dark] .mini-manager-table tr.locked .name-cell { color:var(--soft) }
html[data-desktop-density=compact] .account-table td { padding-top:8px; padding-bottom:8px }
@media(max-width:820px) { html:not(.desktop-embedded) .desktop-open-button,html:not(.desktop-embedded) .desktop-card-open { display:none } html:not(.desktop-embedded) .desktop-card-wrap > .folder-card,html:not(.desktop-embedded) .desktop-card-wrap > .outbound-project-card { padding-right:20px } .desktop-json-head,.desktop-json-body { padding:14px } }
