/* Avito Terminal / Workspace 2026. Shared desktop + installed PWA contract.
   Loaded after page styles. Status colors, visibility and action handlers stay local. */
html.avito-ui {
  --bg: #111317; --bg-grad: none; --card-bg: #1c1f25; --surface: #1c1f25; --surface-2: #242830;
  --text: #f1f0ed; --text-muted: #b0b2bb; --text-faint: #9a9eaa; --text-ghost: #9298a6;
  --border: #31353d; --border-light: #292d35; --border-strong: #515662; --line: #31353d;
  --primary: #d8b77a; --primary-dark: #c6a468; --primary-light: #342f25; --primary-deep: #ead1a5;
  --brand: #d8b77a; --brand-2: #ead1a5; --brand-soft: #342f25;
  --success: #67c9a0; --success-dark: #67c9a0; --success-deep: #9edfc2; --success-text: #9edfc2; --success-light: #1d3930; --success-border: #315d4e;
  --warn: #e0bb70; --warning: #e0bb70; --warn-dark: #e0bb70; --warn-text: #efd296; --warn-light: #3b3223; --warn-border: #655231;
  --danger: #ee929a; --danger-dark: #f3afb5; --danger-light: #40272f; --danger-border: #713f49;
  --header-bg: #191c21; --header-text: #f1f0ed;
  --radius-card: 16px; --radius-control: 10px; --radius-md: 10px; --radius-lg: 14px; --radius-xl: 18px;
  --tile-radius: 18px; --tile-padding: 18px;
  --shadow-card: 0 2px 6px #1d293905, 0 10px 30px #1d293904;
  --shadow-1: var(--shadow-card); --shadow-2: 0 8px 24px #1d29390d;
  --shadow-brand: 0 5px 16px #cf303819;
  --font-sans: -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --ui-ease: cubic-bezier(.2,.8,.2,1); --ui-duration: 180ms;
  color-scheme: dark;
}
html.avito-ui[data-theme="light"] {
  --bg: #f5f3ef; --card-bg: #ffffff; --surface: #ffffff; --surface-2: #f0eee9;
  --text: #24262c; --text-muted: #60636d; --text-faint: #71737c; --text-ghost: #71737c;
  --border: #e2ded6; --border-light: #eeeae3; --border-strong: #bcb6ab; --line: #e2ded6;
  --primary: #84632d; --primary-dark: #6c5024; --primary-light: #f0e7d5; --primary-deep: #6c5024;
  --brand: #84632d; --brand-2: #6c5024; --brand-soft: #f0e7d5;
  --success: #25734f; --success-dark: #25734f; --success-deep: #20593e; --success-text: #20593e; --success-light: #e8f4ed; --success-border: #bdd7c6;
  --warn: #916516; --warning: #916516; --warn-dark: #916516; --warn-text: #775110; --warn-light: #fbf0d8; --warn-border: #dfcda8;
  --danger: #b63848; --danger-dark: #a52b3b; --danger-light: #fbecef; --danger-border: #e9bbc3;
  --header-bg: #ffffff; --header-text: #24262c; color-scheme: light;
}
html.avito-ui { --action-bg: #d8b77a; --action-text: #17191e; }
.avito-ui body { background: var(--bg); color: var(--text); font-family: var(--font-sans); -webkit-font-smoothing: antialiased; }
.avito-ui [hidden] { display: none !important; }
.avito-ui :is(button, input, select, textarea) { font-family: inherit; }
.avito-ui :is(button, a, input, select, textarea, summary, [tabindex]):focus-visible { outline: 3px solid var(--primary) !important; outline-offset: 3px; }
.avito-ui :is(button, [role="button"], a, summary) { -webkit-tap-highlight-color: transparent; touch-action: manipulation; }
.avito-ui button:disabled { cursor: not-allowed !important; }
.avito-ui input:is([type="checkbox"], [type="radio"]) { accent-color: var(--primary); }
.avito-ui input:not([type="checkbox"]):not([type="radio"]):not([type="file"]):not([type="range"]):not([type="color"]),
.avito-ui select, .avito-ui textarea { border-color: var(--border-strong); border-radius: 10px; transition: border-color 140ms, box-shadow 140ms; }
.avito-ui :is(input, select, textarea):focus { border-color: var(--primary); }
.avito-ui .ui-icon { width: 20px; height: 20px; flex: none; display: inline-block; vertical-align: middle; fill: none; stroke: currentColor; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; }
.avito-ui :is(h1, h2, h3) { text-wrap: balance; letter-spacing: -.035em; }
.avito-ui :is(.kpi-value, .tile__value, .stat-value, .metric-value) { font-variant-numeric: tabular-nums; letter-spacing: -.04em; }
.avito-ui[data-ui="desktop"] body { line-height: 1.5; }
.avito-ui[data-ui="desktop"] :is(.container, body > .wrap) { padding-top: 28px; padding-bottom: 32px; }
.avito-ui[data-ui="desktop"] h1 { font-size: clamp(24px, 2.4vw, 32px); font-weight: 700; }
.avito-ui[data-ui="desktop"] :is(.card, .kpi, .health-card, .summary-card, .acc-card, .gcard, .stats-grid > div, .scorecard) { border-radius: var(--radius-card); border-color: var(--border); box-shadow: var(--shadow-card); }
.avito-ui[data-ui="desktop"] :is(.card, .summary-card, .acc-card) { background-color: var(--card-bg); }
.avito-ui[data-ui="desktop"] :is(.kpi-label, .stat-label) { font-size: 12px; letter-spacing: 0; text-transform: none; color: var(--text-muted); }
.avito-ui[data-ui="desktop"] .kpi { padding: 18px; }
.avito-ui[data-ui="desktop"] .kpi:hover { transform: none; }
.avito-ui[data-ui="desktop"] :is(.btn, .icon-btn, .pagination button) { min-height: 36px; border-radius: 9px; transition: background 140ms, transform 140ms, box-shadow 140ms; }
.avito-ui[data-ui="desktop"] :is(.btn, .icon-btn):active:not(:disabled) { transform: translateY(1px); }
.avito-ui[data-ui="desktop"] :is(.filters, .filter-bar, .toolbar) { gap: 12px; }
.avito-ui[data-ui="desktop"] .filters { grid-template-columns: repeat(auto-fit, minmax(min(170px, 100%), 1fr)); }
.avito-ui[data-ui="desktop"] .filters :is(input, select) { min-height: 40px; }
.avito-ui[data-ui="desktop"] .filters label { text-transform: none; letter-spacing: 0; font-size: 12px; }
.avito-ui[data-ui="desktop"] .table-wrap { border: 1px solid var(--border); border-radius: 12px; overscroll-behavior-x: contain; }
.avito-ui[data-ui="desktop"] table { font-variant-numeric: tabular-nums; }
.avito-ui[data-ui="desktop"] th { font-size: 11px; text-transform: none; letter-spacing: 0; background: var(--surface-2); padding-top: 13px; padding-bottom: 13px; }
.avito-ui[data-ui="desktop"] td { border-bottom-color: var(--border-light); padding-top: 13px; padding-bottom: 13px; }
.avito-ui[data-ui="desktop"] .tabs { overflow-x: auto; scrollbar-width: thin; }
.avito-ui[data-ui="desktop"] .tab { white-space: nowrap; }
.avito-ui[data-ui="desktop"] :is(.modal, .modal-box, .modal-content) { max-width: calc(100vw - 32px); border-radius: 18px; }
.avito-ui .hero__half--paused { animation: none; }
/* Navigation: same shell on the SPA and every standalone workspace. */
.avito-ui #shared-sidebar { background: #17191e !important; border-right: 0 !important; box-shadow: none !important; }
.avito-ui #shared-sidebar > div:first-child { padding: 28px 20px 22px !important; border-color: #ffffff12 !important; }
.avito-ui #shared-sidebar > div:first-child > div:first-child { color: #fff !important; font-size: 18px !important; letter-spacing: -.5px; }
.avito-ui #shared-sidebar > div:first-child > div:last-child:not(:first-child) { color: #aeb5c1 !important; margin-top: 8px !important; }
.avito-ui #shared-sidebar > div:last-child { border-color: #ffffff12 !important; }
.avito-ui #shared-sidebar nav > div:not(.ui-nav-group) { background: #ffffff12 !important; }
.avito-ui #shared-sidebar .sb-nav-item { color: #c6cbd4 !important; min-height: 42px; border-radius: 9px !important; }
.avito-ui #shared-sidebar .sb-nav-item:hover { color: #fff !important; background: #ffffff0b !important; }
.avito-ui #shared-sidebar .sb-nav-active { color: #fff !important; background: #ffffff10 !important; box-shadow: inset 3px 0 #d8b77a; }
.ui-nav-search { display: flex; align-items: center; margin: 14px 14px 0; gap: 8px; padding: 0 11px; border: 1px solid #ffffff22; background: #ffffff07; border-radius: 9px; color: #aeb5c1; }
.ui-nav-search input { color: #f3f5f8 !important; background: transparent !important; border: 0 !important; border-radius: 0 !important; width: 100%; min-width: 0; height: 40px; font-size: 12px; box-shadow: none !important; }
.ui-nav-search input::placeholder { color: #aeb5c1; }
.ui-nav-group { color: #949daa; font-size: 10px; text-transform: uppercase; letter-spacing: 1.2px; padding: 18px 12px 7px; }
.ui-nav-empty { color: #b5bdc9; font-size: 12px; padding: 12px; }
.ui-skip { position: fixed; z-index: 20000; top: 8px; left: 8px; padding: 10px 16px; border-radius: 8px; color: white; background: #17191e; transform: translateY(-150%); }
.ui-skip:focus { transform: none; }
/* Mobile: native-feeling controls, clear hierarchy, safe areas and dark mode. */
.avito-ui[data-ui="mobile"] body { background-image: none; }
.avito-ui[data-ui="mobile"] .m-header { background: var(--surface); backdrop-filter: none; -webkit-backdrop-filter: none; padding-bottom: 16px; border-bottom-color: var(--border); }
.avito-ui[data-ui="mobile"] .m-header__name { font-size: 19px; font-weight: 750; letter-spacing: -.6px; }
.avito-ui[data-ui="mobile"] .m-header__sub { font-size: 12px; color: var(--text-muted); margin-top: 4px; }
.avito-ui[data-ui="mobile"] .m-header__logo { filter: none; }
.avito-ui[data-ui="mobile"] :is(.m-header__back, .m-header__refresh) { min-width: 44px; min-height: 44px; border-radius: 13px; background: var(--surface-2); border: 1px solid var(--border); display: inline-flex; align-items: center; justify-content: center; color: var(--text); }
.avito-ui[data-ui="mobile"] .m-main { padding: 22px 16px 30px; }
.avito-ui[data-ui="mobile"] :is(.tile, .mcat-card, .mb-card, .ml-card, .mt-card, .mh-card, .ms-card, .ma-card, .mw-card, .mf-card, .mp-card, .me-card) { border-radius: 18px; border-color: var(--border); box-shadow: var(--shadow-card); }
.avito-ui[data-ui="mobile"] .tile { min-height: 150px; will-change: auto; animation: ui-enter 300ms var(--ui-ease) backwards; animation-delay: calc(min(var(--i, 0), 5) * 25ms); }
.avito-ui[data-ui="mobile"] .tile__head { flex-direction: column; align-items: flex-start; gap: 12px; }
.avito-ui[data-ui="mobile"] .tile__icon { width: 34px; height: 34px; border-radius: 10px; background: var(--surface-2); color: var(--text-muted); }
.avito-ui[data-ui="mobile"] .tile__label { color: var(--text-muted); font-size: 12px; }
.avito-ui[data-ui="mobile"] .tile__value { font-size: 25px; font-weight: 750; }
.avito-ui[data-ui="mobile"] .tile__value--big { font-size: 34px; }
.avito-ui[data-ui="mobile"] :is(.tile__dot, .tile__status-dot) { animation: none !important; }
.avito-ui[data-ui="mobile"] .tile__hint { color: var(--text-muted); line-height: 1.5; }
.avito-ui[data-ui="mobile"] .tile--today { grid-column: 1 / -1; background: #242830; color: #fff; min-height: 170px; }
.avito-ui[data-ui="mobile"] .tile--today .tile__head { flex-direction: row; align-items: center; }
.avito-ui[data-ui="mobile"] .tile--today :is(.tile__label, .tile__row-key) { color: #c4cbd6; }
.avito-ui[data-ui="mobile"] .tile--today .tile__icon { color: #fff; background: #ffffff12; }
.avito-ui[data-ui="mobile"] .tile--today .tile__row-val { color: #fff; }
.avito-ui[data-ui="mobile"] .m-tabbar { background: var(--surface); border: 1px solid var(--border); border-radius: 22px; left: 10px; right: 10px; bottom: max(10px, env(safe-area-inset-bottom)); padding: 8px 4px; box-shadow: 0 5px 24px #11182714; backdrop-filter: none; -webkit-backdrop-filter: none; }
.avito-ui[data-ui="mobile"] .m-tabbar__item { min-height: 46px; gap: 5px; border-radius: 13px; color: var(--text-muted); }
.avito-ui[data-ui="mobile"] .m-tabbar__item.is-active { background: var(--brand-soft); color: var(--brand); }
.avito-ui[data-ui="mobile"] .m-tabbar__label { font-size: 10px; }
.avito-ui[data-ui="mobile"] :is(.mcat-btn, .mcat-more, .mp-filter, .mb-btn, .ml-btn, .m-btn, .mcat-acc) { min-height: 44px; }
.avito-ui[data-ui="mobile"] :is(input, select, textarea) { font-size: 16px; }
.avito-ui[data-ui="mobile"] .mcat-search { min-height: 48px; background: var(--surface); border-color: var(--border); border-radius: 14px; padding-left: 16px; }
.avito-ui[data-ui="mobile"] :is(.mcat-accounts, .mp-filters) { padding-block: 4px; }
.avito-ui[data-ui="mobile"] :is(.m-modal__card, .mb-sheet__card, .mc-sheet__panel) { border-radius: 24px 24px 0 0; }
.avito-ui[data-ui="mobile"] :is(.m-head, .b-head) { padding: 20px 16px; background: var(--surface); border-bottom: 1px solid var(--border); }
.avito-ui[data-ui="mobile"] :is(.b-grp, .b-bar) { background: var(--surface); border-color: var(--border); }
.avito-ui[data-ui="mobile"] .b-bar { bottom: calc(80px + env(safe-area-inset-bottom)); }
.ui-mobile-intro { margin-bottom: 22px; }
.ui-mobile-intro small { color: var(--text-muted); font-size: 10px; letter-spacing: 1.3px; font-weight: 650; }
.ui-mobile-intro h1 { font-size: 28px; margin: 6px 0 8px; line-height: 1.15; }
.ui-mobile-intro p { color: var(--text-muted); font-size: 13px; margin: 0; line-height: 1.5; }
.ui-mobile-search { display: block; margin-top: 18px; }
.ui-mobile-search input { width: 100%; border: 1px solid var(--border); padding: 13px 15px; background: var(--surface); color: var(--text); border-radius: 13px !important; }
/* Motion only on entry/actions; never animate layout or block navigation. */
@keyframes ui-enter { from { opacity: 0; transform: translateY(7px); } to { opacity: 1; transform: translateY(0); } }
@keyframes ui-fade { from { opacity: 0; } to { opacity: 1; } }
.avito-ui[data-ui="desktop"] :is(body > .container, body > .wrap), .avito-ui .overview-heading { animation: ui-enter 260ms var(--ui-ease) both; }
.avito-ui :is(.modal-bg.open .modal, .m-modal.show .m-modal__card, .mb-sheet.is-open .mb-sheet__card) { animation: ui-enter 200ms var(--ui-ease); }
.avito-ui :is(.btn, .tile, .m-tabbar__item, .sb-nav-item) { transition: background-color 140ms, border-color 140ms, transform 140ms; }
@media (hover: hover) { .avito-ui .tile:hover { transform: translateY(-2px); border-color: var(--border-strong); } }
@media (max-width: 600px) {
  .avito-ui[data-ui="desktop"] :is(.kpi-grid, .stats-grid, .grid-3, .grid-2) { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .avito-ui[data-ui="desktop"] :is(.filters, .filter-bar) { grid-template-columns: minmax(0, 1fr); }
  .avito-ui[data-ui="desktop"] :is(.btn, .icon-btn, .tab, select) { min-height: 44px; }
  .avito-ui[data-ui="desktop"] .container { padding-inline: 14px; }
}
@media (prefers-reduced-motion: reduce) {
  .avito-ui *, .avito-ui *::before, .avito-ui *::after { animation-duration: .01ms !important; animation-delay: 0ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; scroll-behavior: auto !important; }
}

/* Graphite / champagne finish, including pages with legacy inline colors. */
.avito-ui body { background-color: var(--bg) !important; color: var(--text) !important; }
.avito-ui :is(.card, .kpi, .summary-card, .health-card, .acc-card, .gcard, .scorecard, .panel, .modal, .modal-box, .modal-content, .filter-bar, .filters, .toolbar, .head, .preview-card, .wcard) { background-color: var(--card-bg); color: var(--text); border-color: var(--border); }
.avito-ui :is(input, select, textarea):not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="color"]) { background-color: var(--surface-2) !important; color: var(--text) !important; border-color: var(--border-strong); }
.avito-ui input::placeholder, .avito-ui textarea::placeholder { color: var(--text-faint); opacity: 1; }
.avito-ui :is(.sub, .muted, .hint, .meta, .l-meta, .b-m, .b-hint) { color: var(--text-muted); }
.avito-ui :is(.btn-primary, .btn:not(.btn-ghost):not(.btn-danger):not(.btn-success):not(.btn-secondary), .b-bar button:not(.ghost), .mcat-acc.is-active) { background: var(--action-bg); color: var(--action-text); }
.avito-ui :is(.btn-ghost, .btn-secondary, .b-bar button.ghost) { background: var(--surface-2); color: var(--text); border-color: var(--border); }
.avito-ui :is(.btn-danger, .mcat-btn--danger) { background: var(--danger-light); color: var(--danger); }
.avito-ui :is(.b-published, .b-published_existing, .b-ok) { background: var(--success-light); color: var(--success); }
.avito-ui :is(.b-error, .b-banned, .b-rejected) { background: var(--danger-light); color: var(--danger); }
.avito-ui :is(.b-draft, .b-pending, .b-manual_review) { background: var(--warn-light); color: var(--warn-text); }
.avito-ui :is(.b-archived_duplicate, .b-archived_manual, .b-archived_external) { background: var(--surface-2); color: var(--text-muted); }
.avito-ui :is(th, td) { color: var(--text); border-color: var(--border); }
.avito-ui tbody tr:hover td { background: var(--surface-2); }
.avito-ui tr.selected td { background: var(--primary-light); }
.avito-ui .badge { border-radius: 6px; }
.avito-ui .shop { background: var(--primary-light); color: var(--text); }
.avito-ui :is(.buyer, .bot) { background: var(--surface); color: var(--text); border-color: var(--border); }
.avito-ui .composer button:not(#attach) { background: var(--action-bg); color: var(--action-text); }
.avito-ui .composer #attach { background: var(--surface-2); color: var(--text); }
.avito-ui .tile--today { border-color: #65543b; background: linear-gradient(120deg, #302b23, #202329) !important; }
.avito-ui .tile--today .tile__icon { color: var(--primary); }
.avito-ui :is(.m-header__logo-emoji, .m-header__logo) { color: var(--primary); }
.avito-ui .m-tabbar { box-shadow: 0 8px 30px #0006 !important; }
.avito-ui .m-header__refresh, .avito-ui .m-header__back { box-shadow: none; }
.avito-ui :is(.tile__icon, .mt-card__emoji, .mh-card__emoji) { box-shadow: none; }
.avito-ui .tile::before { background: linear-gradient(135deg, transparent, #d8b77a66); }
.avito-ui :is(.mp-recalc-cta, .ms-card)::before { animation: none; }
.avito-ui :is([style*="background: #fff;"], [style*="background:#fff;"], [style*="background: #ffffff"], [style*="background:#ffffff"], [style*="background: rgb(255, 255, 255)"], [style*="background-color: rgb(255, 255, 255)"]) { background-color: var(--surface) !important; color: var(--text); }
.avito-ui :is([style*="color: #111"], [style*="color:#111"], [style*="color: #222"], [style*="color:#222"], [style*="color: rgb(17, 17, 17)"], [style*="color: rgb(34, 34, 34)"]) { color: var(--text) !important; }

.ui-theme-toggle { display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-width: 44px; min-height: 44px; padding: 10px 12px; border: 1px solid var(--border); border-radius: 12px; background: var(--surface-2); color: var(--text); cursor: pointer; font: inherit; font-size: 12px; }
.ui-theme-toggle:hover { border-color: var(--primary); }
.ui-theme-floating { position: fixed; top: max(14px, env(safe-area-inset-top)); right: 16px; z-index: 90; }
#shared-sidebar .ui-theme-toggle, .workspace-sidebar .ui-theme-toggle { color: #e4d4b7; background: #242830; border-color: #41434a; width: 100%; margin-bottom: 8px; }
.avito-ui .m-header .ui-theme-toggle { flex-shrink: 0; padding: 10px; }
.avito-ui .m-header .ui-theme-label { display: none; }
.avito-ui .ui-nav-search input { background: transparent !important; color: #f3f5f8 !important; }
.avito-ui[data-theme="light"] .m-tabbar { box-shadow: 0 5px 24px #332c1810 !important; }
.avito-ui[data-theme="light"] .tile--today .tile__icon { color: #d8b77a; }
.avito-ui h1 > .ui-icon { width: 25px; height: 25px; color: var(--primary); margin-right: 7px; }
.avito-ui .ui-brand-mark { flex-shrink: 0; vertical-align: middle; border-radius: 10px; object-fit: contain; }
.avito-ui #shared-sidebar > div:first-child > div:first-child, .workspace-brand > div:first-child { display: flex; align-items: center; gap: 9px; font-size: 15px !important; white-space: nowrap; }
.avito-ui .m-header .ui-theme-toggle { order: 2; }
.avito-ui .m-header__refresh { order: 3; }
.avito-ui .m-header__brand { gap: 9px; }
.avito-ui :is(.ms-banner__pulse, .mh-banner__pulse, .mt-banner__pulse) { animation: none; opacity: .3; }
.avito-ui .ui-nav-search { flex-shrink: 0; }
@media(max-width: 400px) {
 .avito-ui .m-header { gap: 7px; padding-inline: 12px; }
 .avito-ui .m-header__name { font-size: 16px; }
 .avito-ui .m-header__brand > .ui-brand-mark { width: 28px; height: 28px; }
}
.avito-ui .skeleton { background-image: linear-gradient(90deg, var(--surface-2), var(--border), var(--surface-2)); }
.avito-ui .m-pull.spinning .ui-brand-mark { animation: spin .8s linear infinite; }
.avito-ui .ml-btn:not(.ml-btn--face) { background: var(--action-bg); color: var(--action-text); }
.avito-ui .ml-title { margin-top: 14px; }
.avito-ui .ml-sub { color: var(--text-muted); }
.avito-ui #shared-sidebar-topbar { background: var(--surface) !important; border-bottom-color: var(--border) !important; backdrop-filter: none !important; -webkit-backdrop-filter: none !important; height: 68px !important; }
.avito-ui #shared-sidebar-burger { background: var(--action-bg) !important; color: var(--action-text) !important; box-shadow: none !important; }
.ui-mobile-wordmark { display: flex; align-items: center; gap: 9px; height: 68px; margin-left: 72px; font-size: 15px; font-weight: 650; }
@media(max-width:900px) { .avito-ui #shared-sidebar > div:first-child { padding-top: 74px !important; } }
@media(max-width:600px) {
 .avito-ui[data-ui="desktop"] .kpi-grid { grid-template-columns: repeat(2,minmax(0,1fr)) !important; }
 .avito-ui[data-ui="desktop"] h1 { font-size: 25px !important; }
 .avito-ui[data-ui="desktop"] :is(input, select, textarea) { font-size: 16px !important; }
}
.avito-ui .m-header__refresh { background: var(--surface-2); color: var(--text); }
.avito-ui :is(.mcat-btn:not(.mcat-btn--danger):not(.mcat-btn--success), .mcat-badge--grey) { background: var(--surface-2); color: var(--text-muted); }
.avito-ui :is(body, .card, .m-header, .m-tabbar, .tile, .mcat-card) { transition: background-color 180ms var(--ui-ease), border-color 180ms var(--ui-ease); }
html.avito-ui {
 --info: #b7c4ee; --info-light: #293248; --muted: var(--text-muted); --mut: var(--text-muted); --ink: var(--text); --faint: var(--text-faint); --card: var(--card-bg); --b: var(--border); --line2: var(--border);
 --ok: var(--success); --ok-bg: var(--success-light); --bad: var(--danger); --bad-bg: var(--danger-light); --warn-bg: var(--warn-light); --ai: var(--info); --ai-bg: var(--info-light); --plan: var(--info); --plan-bg: var(--info-light); --acc: var(--primary);
}
html.avito-ui[data-theme="light"] { --info: #465b88; --info-light: #eaf0fb; }
.avito-ui .st { border-color: var(--border); }
.avito-ui .st:hover { border-color: var(--primary); }
.avito-ui .st-m { border-color: var(--border); }
.avito-ui :is(.st-num, .go) { color: var(--primary); }
.avito-ui .st.live .ic::before, .avito-ui .st.live .ic::after { animation: none; }

/* Two-level navigation: seven work areas, contextual pages. */
.ui-primary-link, #shared-sidebar nav > .sb-nav-item { display:flex; align-items:center; gap:12px; padding:13px 14px; margin-bottom:5px; border-radius:11px; color:#b0b2bb; text-decoration:none; font-size:13px; font-weight:500; transition:background 180ms,color 180ms; }
.ui-primary-link:hover, #shared-sidebar nav > .sb-nav-item:hover { background:#ffffff09; color:#f1f0ed; }
.ui-primary-link[aria-current], #shared-sidebar nav > .sb-nav-active { background:#d8b77a18 !important; color:#e7c992 !important; box-shadow:inset 3px 0 #d8b77a; }
.ui-subnav { display:flex; align-items:center; flex-shrink:0; gap:5px; overflow-x:auto; padding:10px 24px; background:var(--card-bg); border-bottom:1px solid var(--border); scrollbar-width:thin; }
.ui-subnav a { display:block; flex-shrink:0; padding:10px 14px; border-radius:9px; color:var(--text-muted); font-size:13px; font-weight:500; text-decoration:none; white-space:nowrap; transition:background 180ms,color 180ms; }
.ui-subnav a:hover { background:var(--surface-2); color:var(--text); }
.ui-subnav a[aria-current="page"] { background:var(--primary-light); color:var(--primary); font-weight:650; }
.ui-subnav-title { font-weight:700; font-size:13px; padding-right:18px; white-space:nowrap; border-right:1px solid var(--border); margin-right:12px; }
.ui-subnav-standalone { margin:0 0 22px; border:1px solid var(--border); border-radius:14px; padding:10px 12px; }
.ui-customize-button { color:#a7abb5; background:transparent; border:0; cursor:pointer; padding:8px 0; margin-bottom:12px; font-size:12px; }
.ui-nav-results { overflow-y:auto; min-height:0; padding:0 12px; flex:1; }
.ui-nav-results a { display:flex; flex-direction:column; align-items:flex-start; gap:4px; }
.ui-nav-results small { opacity:.6; font-size:11px; }
.workspace-nav[hidden], .ui-nav-results[hidden] { display:none !important; }
@media(max-width:768px) { .ui-subnav { padding:8px 12px; } .ui-subnav-title { display:none; } .ui-subnav a { min-height:44px; display:flex; align-items:center; } .ui-subnav-standalone { border-radius:0; margin-bottom:16px; } }
html.avito-ui .ui-nav-search input { background:transparent !important; color:#f1f0ed !important; border:0 !important; box-shadow:none !important; }
html.avito-ui .ui-nav-search input::placeholder { color:#9a9eaa; }

#shared-sidebar-account > div { background:#111317 !important; border-color:#31353d !important; }
#shared-sidebar-account > div > div { color:#b0b2bb !important; }
#shared-sidebar-account > div > div:nth-child(2) { color:#f1f0ed !important; }
html.avito-ui #shared-sidebar .ui-nav-search input { background:transparent !important; color:#f1f0ed !important; }
html.avito-ui #shared-sidebar nav > .sb-nav-active { background:#d8b77a18 !important; color:#e7c992 !important; }
/* Operational workspaces: two main areas, grouped tools and a secondary system area. */
.avito-ui .sb-nav-section{font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:#8e939e;padding:15px 14px 5px;font-weight:650}
.avito-ui #shared-sidebar button[data-group="settings"]{margin-top:20px;border-top:1px solid #333740;border-radius:0;padding-top:18px!important}
.avito-ui #shared-sidebar .sb-nav-pages{padding-bottom:12px}
.avito-ui .ui-mobile-wordmark-bar{display:flex;align-items:center;gap:9px;padding-left:72px;font-size:14px}
@media(prefers-reduced-motion:reduce){.avito-ui *, .avito-ui *::before, .avito-ui *::after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important}}

/* Living city: greenery, daylight surfaces and a blue sky. */
html.avito-ui{--bg:#101e24;--surface:#1a2c31;--card-bg:#1a2c31;--surface-2:#22383d;--text:#f1f7f4;--text-muted:#b4c9c5;--text-faint:#a6bfba;--text-ghost:#9db5b1;--border:#355056;--border-light:#2a4147;--border-strong:#58777d;--line:#355056;--primary:#98d5b2;--primary-dark:#7fc89f;--primary-deep:#b3e4c7;--primary-light:#243e35;--brand:#98d5b2;--brand-2:#b3e4c7;--brand-soft:#243e35;--action-bg:#98d5b2;--action-text:#10251b;--header-bg:#1a2c31}
html.avito-ui[data-theme=light]{--bg:#eff6f3;--surface:#ffffff;--card-bg:#ffffff;--surface-2:#e9f2ed;--text:#213f39;--text-muted:#526d66;--text-faint:#61776f;--text-ghost:#61776f;--border:#d0e1d8;--border-light:#e0ece5;--border-strong:#9bb9aa;--line:#d0e1d8;--primary:#246d4c;--primary-dark:#195939;--primary-deep:#195939;--primary-light:#e0f0e5;--brand:#246d4c;--brand-2:#195939;--brand-soft:#e0f0e5;--action-bg:#246d4c;--action-text:#ffffff;--header-bg:#ffffff}
.avito-ui #shared-sidebar{background:#17352f!important}.avito-ui #shared-sidebar .sb-nav-active{box-shadow:inset 3px 0 #98d5b2}.avito-ui #shared-sidebar .sb-nav-primary{color:#b3e4c7!important}

/* Mobile audit: keep controls readable and clear of the bottom navigation. */
.avito-ui[data-ui="mobile"] .m-head { display:flex; align-items:center; justify-content:space-between; gap:12px; }
.avito-ui[data-ui="mobile"] .m-head h1 { flex:1; min-width:0; margin:0; font-size:20px; overflow-wrap:anywhere; }
.avito-ui[data-ui="mobile"] .m-head .ui-theme-toggle { order:2; flex-shrink:0; padding:10px; }
.avito-ui[data-ui="mobile"] .m-head .ui-theme-label { display:none; }
.avito-ui[data-ui="mobile"] body.has-tabbar { --tabbar-h:84px; }
.avito-ui[data-ui="mobile"] .has-tabbar .mp-fab { bottom:calc(var(--tabbar-h) + 8px + env(safe-area-inset-bottom)); }
.avito-ui[data-ui="mobile"] .has-tabbar :is(.mw-bulkbar, .b-bar) { bottom:calc(var(--tabbar-h) + env(safe-area-inset-bottom)); }
.avito-ui[data-ui="mobile"] .mh-overall--grey { background:var(--surface-2); color:var(--text); }
.avito-ui[data-ui="mobile"] .mh-overall--grey .mh-overall__circle { background:var(--surface); border-color:var(--border-strong); color:var(--text); }
.avito-ui[data-ui="mobile"] :is(.ms-banner--running, .mh-overall--green) { background:linear-gradient(135deg,#176343,#145238); color:#fff; }
.avito-ui[data-ui="mobile"] .mh-overall--yellow { background:linear-gradient(135deg,#7a4f0c,#65400b); color:#fff; }
.avito-ui[data-ui="mobile"] :is(.ms-banner--paused, .mh-overall--red) { background:linear-gradient(135deg,#842d3d,#662231); color:#fff; }
.avito-ui[data-ui="mobile"] .mcr-step.is-active span { color:var(--action-text); }
@keyframes ui-refresh-busy { 50% { opacity:.45; } }
.avito-ui[data-ui="mobile"] .m-header__refresh:is(.spinning, .m-header__refresh--spinning) { animation:ui-refresh-busy .8s ease-in-out infinite; transform:none; }
@media (prefers-reduced-motion:reduce) {
  .avito-ui[data-ui="mobile"] .m-header__refresh:is(.spinning, .m-header__refresh--spinning) { animation:none; }
}

/* Populated mobile cards: retain contrast in either theme. */
.avito-ui[data-ui="mobile"] .mp-rule__badge--scope { background:var(--brand-soft); color:var(--primary); }
.avito-ui[data-ui="mobile"] .ma-btn--approve { background:linear-gradient(135deg,#176343,#145238); color:#fff; }
.avito-ui[data-ui="mobile"] .b-ok { color:var(--success-text); }
.avito-ui[data-ui="mobile"] .rp-green { background:var(--success-light); color:var(--success-text); }

/* Mobile forms: keep fields and dialog actions inside the visible keyboard viewport. */
.avito-ui[data-ui="mobile"] { scroll-padding-block: 72px 100px; }
.avito-ui[data-ui="mobile"] :is(input, textarea, select) { font-size: 16px; scroll-margin-block: 80px; }
.avito-ui[data-ui="mobile"].ui-keyboard-open .m-tabbar { display: none !important; }
.avito-ui[data-ui="mobile"].ui-keyboard-open body.has-tabbar { --tabbar-h: 0px; }
.avito-ui[data-ui="mobile"].ui-keyboard-open .mc-composer { bottom: calc(var(--ui-keyboard-inset, 0px) + env(safe-area-inset-bottom)); }
.avito-ui[data-ui="mobile"] :is(.m-modal, .mp-modal, .ms-modal, .mb-sheet, .mc-sheet) {
  top: var(--ui-viewport-top, 0px); bottom: auto;
  height: var(--ui-viewport-height, 100dvh); box-sizing: border-box;
}
.avito-ui[data-ui="mobile"] :is(.m-modal__card, .ms-modal__sheet, .mb-sheet__card) {
  max-height: calc(var(--ui-viewport-height, 100dvh) - 40px);
  overflow-y: auto; overscroll-behavior: contain; box-sizing: border-box;
}
.avito-ui[data-ui="mobile"] :is(.mp-modal__sheet, .mc-sheet__panel) {
  max-height: calc(var(--ui-viewport-height, 100dvh) - 16px); box-sizing: border-box;
}
.avito-ui[data-ui="mobile"] :is(.mp-step, .mp-detail__body, .mc-sheet__list) { min-height: 0; overflow-y: auto; overscroll-behavior: contain; }
.avito-ui[data-ui="mobile"] :is(.mp-modal__head, .mp-modal__progress, .mp-modal__footer, .mc-sheet__head) { flex-shrink: 0; }
.avito-ui[data-ui="mobile"] .ml-detail { max-height: calc(var(--ui-viewport-height, 100dvh) - 16px); }
.avito-ui[data-ui="mobile"] .dr-pop {
  position: fixed !important; top: calc(var(--ui-viewport-top, 0px) + 8px) !important;
  left: 12px !important; right: 12px; width: auto;
  max-height: calc(var(--ui-viewport-height, 100dvh) - 16px); overflow-y: auto; box-sizing: border-box;
  background: var(--surface); color: var(--text); border-color: var(--border);
}
.avito-ui[data-ui="mobile"] .dr-pop :is(.dr-day, .dr-nav) { color: var(--text); }
.avito-ui[data-ui="mobile"] .dr-pop :is(.dr-preset, .dr-day:hover, .dr-nav:hover) { background: var(--surface-2, var(--surface)); color: var(--text); }
.avito-ui[data-ui="mobile"] .dr-pop :is(.dr-dow, .dr-sel, .dr-day.muted) { color: var(--text-muted); }
.avito-ui[data-ui="mobile"] .dr-pop .dr-day.in-range { background: var(--primary-light); color: var(--text); }
.avito-ui[data-ui="mobile"] .dr-pop :is(.dr-day.edge, .dr-apply) { background: var(--action-bg); color: var(--action-text); }
.avito-ui[data-ui="mobile"] .mc-tpl { flex-shrink: 0; }
/* A conversation title uses its own row so account names cannot overlap controls. */
@media (max-width: 480px) {
  .avito-ui[data-ui="mobile"] .m-header:has(#back-inbox:not([hidden])) {
    display: grid; grid-template-columns: 44px 1fr 44px; align-items: center;
  }
  .avito-ui[data-ui="mobile"] .m-header:has(#back-inbox:not([hidden])) > :is(#back-inbox, .ui-theme-toggle, .m-header__refresh) { grid-row: 1; }
  .avito-ui[data-ui="mobile"] .m-header:has(#back-inbox:not([hidden])) > #back-inbox { grid-column: 1; }
  .avito-ui[data-ui="mobile"] .m-header:has(#back-inbox:not([hidden])) > .ui-theme-toggle { grid-column: 2; justify-self: end; }
  .avito-ui[data-ui="mobile"] .m-header:has(#back-inbox:not([hidden])) > .m-header__refresh { grid-column: 3; }
  .avito-ui[data-ui="mobile"] .m-header:has(#back-inbox:not([hidden])) > .m-header__brand { grid-column: 1 / -1; grid-row: 2; min-width: 0; }
  .avito-ui[data-ui="mobile"] .m-header:has(#back-inbox:not([hidden])) .m-header__title { min-width: 0; }
  .avito-ui[data-ui="mobile"] .m-header:has(#back-inbox:not([hidden])) :is(.m-header__name, .m-header__sub) { overflow-wrap: anywhere; }
}