/* 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; }