/* ================================================================
   Setup Hub — стиль "Higgsfield" (2026-10-06), 1-в-1 как крео и кампании
   в AdKombain: Inter, графитовые карточки #1A1B1E без рамок (radius 18),
   плитки внутри — цвета фона страницы (radius 14), залитые кнопки/фильтры
   #26272B / #1A1B1E, серые подписи #8B8C92 обычным регистром.
   Раскладка не меняется — только оформление. Подключено только на
   страницах setups-hub*.html (body.sh-hf), остальной хаб не затрагивает.
   Откат — убрать <link> на этот файл.
   ================================================================ */
/* Inter — свой хостинг (те же файлы, что у AdKombain, /fonts/inter). */
@font-face { font-family: "Inter"; font-style: normal; font-weight: 400 700; font-display: swap; src: url("/fonts/inter/inter-cyrillic-ext.woff2") format("woff2"); unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; }
@font-face { font-family: "Inter"; font-style: normal; font-weight: 400 700; font-display: swap; src: url("/fonts/inter/inter-cyrillic.woff2") format("woff2"); unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; }
@font-face { font-family: "Inter"; font-style: normal; font-weight: 400 700; font-display: swap; src: url("/fonts/inter/inter-latin-ext.woff2") format("woff2"); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: "Inter"; font-style: normal; font-weight: 400 700; font-display: swap; src: url("/fonts/inter/inter-latin.woff2") format("woff2"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
/* Хаб задаёт шрифт через var(--sans), местами прямо в style="" кнопок —
   переопределяем саму переменную, тогда Inter везде. */
body.sh-hf { --sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif; }

body.sh-hf .sh-workspace { font-family: "Inter", var(--sans); font-feature-settings: "cv11", "ss01"; }
body.sh-hf .sh-workspace button,
body.sh-hf .sh-workspace input,
body.sh-hf .sh-workspace select,
body.sh-hf .sh-workspace textarea { font-family: "Inter", var(--sans); }

/* ── шапка страницы ─────────────────────────────────────────────── */
body.sh-hf .page-header .btn { height: 34px; padding: 0 14px; border-radius: 12px; font-size: 12.5px; font-weight: 600; gap: 6px; }
body.sh-hf .page-header .btn.btn-icon-only { width: 34px; padding: 0; }
body.sh-hf .btn-ghost { background: #1A1B1E; border-color: transparent; }
body.sh-hf .btn-ghost:hover { background: #222327; }
body.sh-hf .settings-back { color: #8B8C92; }
body.sh-hf .settings-back:hover { color: #F2F2F3; }
body.sh-hf .page-sub { color: #8B8C92; }

/* ── фильтры — залитые, без обводки ─────────────────────────────── */
body.sh-hf .offers-filters-divider { background: rgba(255,255,255,.06); }
body.sh-hf .offers-filters input,
body.sh-hf .offers-filters select { background-color: #1A1B1E; border-color: transparent; border-radius: 12px; font-weight: 500; }
body.sh-hf .offers-filters input:focus,
body.sh-hf .offers-filters select:focus { box-shadow: 0 0 0 1px var(--accent-1); border-color: transparent; }
body.sh-hf .offers-filters input.search-icon { border-color: transparent; }
body.sh-hf .offers-filters .pill-field input { font-weight: 500; }
body.sh-hf .offers-filters .filter-active { box-shadow: 0 0 0 1px var(--accent-1); border-color: transparent; }
body.sh-hf .offers-filters .btn:not(.btn-primary),
body.sh-hf button.filter-apply-btn { background: #1A1B1E; border-color: transparent; border-radius: 12px; font-weight: 500; }
body.sh-hf .offers-filters .btn:not(.btn-primary):hover,
body.sh-hf button.filter-apply-btn:hover { background: #222327; }
body.sh-hf .search-select-menu { background: #1A1B1E; border: 1px solid rgba(255,255,255,.06); border-radius: 12px; }

/* ── главная таблица профилей/кабинетов ────────────────────────── */
body.sh-hf .sh-table { background: #1A1B1E; border: none; border-radius: 18px; }
body.sh-hf .sh-head-cell { background: #1A1B1E; border-bottom: 1px solid rgba(255,255,255,.06); padding: 12px 12px 10px;
  font-size: 11.5px; font-weight: 500; text-transform: none; letter-spacing: 0; color: #8B8C92; }
body.sh-hf .sh-head-cell:first-child { border-top-left-radius: 18px; }
body.sh-hf .sh-head-cell:last-child { border-top-right-radius: 18px; }
body.sh-hf .sh-cell { border-bottom-color: rgba(255,255,255,.04); }
body.sh-hf .sh-cell.sh-row-last,
body.sh-hf .sh-profile-cell { border-bottom-color: rgba(255,255,255,.09); }
body.sh-hf .sh-cell.sh-hover-profile,
body.sh-hf .sh-cell.sh-hover-row { background: #1E1F23; }
body.sh-hf .sh-primary { font-size: 13px; font-weight: 600; color: #F2F2F3; }
body.sh-hf .sh-secondary { color: #A3A4AA; }
body.sh-hf .sh-tech,
body.sh-hf .sh-acc-id,
body.sh-hf .sh-account-count { color: #6B6C72; font-size: 11px; }
body.sh-hf .sh-acc-name { font-weight: 600; color: #F2F2F3; }
body.sh-hf .sh-acc-status { font-weight: 600; font-size: 11px; }
body.sh-hf .sh-spend-label,
body.sh-hf .sh-balance-label { text-transform: none; letter-spacing: 0; font-size: 11.5px; font-weight: 500; color: #8B8C92; }
body.sh-hf .sh-spend-value { font-size: 13px; font-weight: 600; color: #F2F2F3; }
body.sh-hf .sh-balance-value { font-size: 12.5px; color: #A3A4AA; }
body.sh-hf .sh-empty-accounts { color: #6B6C72; }
body.sh-hf .sh-collapse-btn { color: #6B6C72; }
body.sh-hf .sh-collapse-btn:hover { color: #F2F2F3; }
body.sh-hf .sh-avatar { background: #26272B; color: #F2F2F3; }

/* кнопки/чипы в таблице — залитые #26272B */
body.sh-hf .sh-action-btn,
body.sh-hf .sh-check-btn { background: #26272B; border-radius: 10px; color: #D8D8D8; font-size: 11.5px; font-weight: 600; letter-spacing: 0; }
body.sh-hf .sh-check-btn { height: 30px; }
body.sh-hf .sh-action-btn:hover,
body.sh-hf .sh-check-btn:hover { background: #2F3034; color: #F2F2F3; }
body.sh-hf .sh-action-btn.sh-danger:hover { color: #F87171; background: rgba(214,60,65,.16); }
body.sh-hf .sh-keitaro-chip { background: #26272B; border-radius: 8px; color: #D8D8D8; font-size: 11.5px; padding: 3px 10px; }
body.sh-hf .sh-keitaro-chip:hover { background: #2F3034; color: #F2F2F3; }
body.sh-hf .sh-copy-btn { color: #6B6C72; border-radius: 6px; }
body.sh-hf .sh-copy-btn:hover { background: #26272B; color: #F2F2F3; }

/* ── вкладки карточки профиля — сегменты ───────────────────────── */
body.sh-hf .settings-tabs { border-bottom: none; gap: 4px; margin-bottom: 18px; background: #1A1B1E; border-radius: 12px; padding: 4px; width: fit-content; }
body.sh-hf .settings-tab { border-bottom: none; margin-bottom: 0; padding: 7px 14px; border-radius: 9px; font-size: 12.5px; font-weight: 600; color: #8B8C92; }
body.sh-hf .settings-tab:hover { color: #F2F2F3; }
body.sh-hf .settings-tab.active { background: #26272B !important; color: #F2F2F3; border-bottom: none; }

/* ── карточки (Profile Info, BM, колонки активов, история, обзор аккаунта) ── */
body.sh-hf .pi-card,
body.sh-hf .bmv-card,
body.sh-hf .bmv-col,
body.sh-hf .aao-row,
body.sh-hf .hev-section { background: #1A1B1E; border: none; border-radius: 18px; box-shadow: none; }
body.sh-hf .pi-card-header h3 { font-size: 14px; font-weight: 600; color: #F2F2F3; }
body.sh-hf .pi-card-header-meta,
body.sh-hf .aao-col-label { color: #8B8C92; text-transform: none; letter-spacing: 0; font-weight: 500; }
body.sh-hf .pi-label { color: #8B8C92; font-weight: 500; font-size: 11.5px; }
body.sh-hf .pi-value { color: #F2F2F3; font-weight: 600; }
body.sh-hf .pi-value.pi-mono { color: #A3A4AA; }
body.sh-hf .bmv-col-title { font-weight: 600; color: #F2F2F3; }
body.sh-hf .bmv-detail-row { color: #A3A4AA; }
body.sh-hf .bmv-detail-label { color: #8B8C92; }
body.sh-hf .bmv-icon { background: #26272B; border: none; border-radius: 12px; }

/* плитки внутри карточек — цвета фона страницы */
body.sh-hf .bmv-entity,
body.sh-hf .pi-tech-box,
body.sh-hf .pi-entity-row { background: var(--bg); border: none; border-radius: 14px; }
body.sh-hf .bmv-entity:hover { background: #141518; border: none; }
body.sh-hf .bmv-entity.bmv-hl { background: rgba(255,100,34,.08); box-shadow: 0 0 0 1px rgba(255,100,34,.35); }
body.sh-hf .hev-row { background: var(--bg); border: none; border-left: 3px solid var(--hev-line, transparent); border-radius: 14px; }
body.sh-hf .hev-row:hover { background: #141518; }

/* чипы и мелкие кнопки — залитые */
body.sh-hf .pi-chip { background: #26272B; border: none; border-radius: 8px; color: #A3A4AA; }
body.sh-hf .pi-chip b { color: #F2F2F3; }
body.sh-hf .bmv-account-name,
body.sh-hf .bmv-lang-chip { background: #26272B; border: none; border-radius: 7px; color: #A3A4AA; }
body.sh-hf .pi-btn,
body.sh-hf .bmv-mini-btn,
body.sh-hf .bmv-slots-btn { background: #26272B; border: none; border-radius: 10px; color: #D8D8D8; }
body.sh-hf .bmv-mini-btn { border-radius: 7px; }
body.sh-hf .pi-btn:hover,
body.sh-hf .bmv-mini-btn:hover,
body.sh-hf .bmv-slots-btn:hover { background: #2F3034; color: #F2F2F3; }
body.sh-hf .pi-copy,
body.sh-hf .bmv-copy-btn { color: #6B6C72; border-radius: 6px; }
body.sh-hf .pi-copy:hover,
body.sh-hf .bmv-copy-btn:hover { background: #26272B; color: #F2F2F3; }
body.sh-hf .pi-textarea { background: #141518; border: 1px solid rgba(255,255,255,.08); border-radius: 10px; }
body.sh-hf .pi-textarea:focus { border-color: rgba(255,255,255,.18); }

/* таблица статистики аккаунта — без сетки, серые заголовки */
body.sh-hf .aa-stats-table th,
body.sh-hf .aa-stats-table td { border: none; border-bottom: 1px solid rgba(255,255,255,.05); }
body.sh-hf .aa-stats-table tr:last-child td { border-bottom: none; }
body.sh-hf .aa-stats-table th { color: #8B8C92; font-weight: 500; }
body.sh-hf .aa-stats-table td.pi-label-cell { color: #8B8C92; font-weight: 500; }

/* пусто / загрузка */
body.sh-hf .offers-empty { background: #1A1B1E; border: none; border-radius: 18px; color: #8B8C92; padding: 40px; }

/* ── статус-пилюли как в кампаниях (hf-chip.js) ────────────────── */
body.sh-hf .hf-chip { display: inline-flex; align-items: center; gap: 5px; height: 20px; padding: 0 7px 0 6px; border-radius: 7px;
  font-size: 12px; font-weight: 600; letter-spacing: 0; text-transform: none; white-space: nowrap; vertical-align: middle; cursor: default; }
body.sh-hf .hf-chip + .hf-chip { margin-left: 6px; }
body.sh-hf .hf-chip.ok { background: #3A9D4A; color: #fff; }
body.sh-hf .hf-chip.bad { background: #D63C41; color: #fff; }
body.sh-hf .hf-chip.warn { background: #E0B43A; color: #1a1a1a; }
body.sh-hf .hf-chip.none { background: #26272B; color: #A3A4AA; padding: 0 8px; }
body.sh-hf .hf-chip.ok::before, body.sh-hf .hf-chip.bad::before, body.sh-hf .hf-chip.warn::before {
  content: ''; width: 12px; height: 12px; flex: 0 0 12px; background: center / 12px no-repeat; }
body.sh-hf .hf-chip.ok::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Ccircle cx='6' cy='6' r='6' fill='%23fff'/%3E%3Cpath d='M3.4 6.2l1.7 1.7 3.5-3.6' fill='none' stroke='%233a9d4a' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); }
body.sh-hf .hf-chip.bad::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Ccircle cx='6' cy='6' r='6' fill='%23fff'/%3E%3Cpath d='M6 3.2v3.4' stroke='%23d63c41' stroke-width='1.6' stroke-linecap='round'/%3E%3Ccircle cx='6' cy='8.6' r='.9' fill='%23d63c41'/%3E%3C/svg%3E"); }
body.sh-hf .hf-chip.warn::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Ccircle cx='6' cy='6' r='6' fill='%231a1a1a'/%3E%3Cpath d='M6 3.3V6l1.8 1.1' fill='none' stroke='%23e0b43a' stroke-width='1.4' stroke-linecap='round'/%3E%3C/svg%3E"); }
body.sh-hf .sh-acc-status { margin-top: 4px; cursor: default; }
body.sh-hf .pi-entity-status .pi-sep { display: none; }

/* ручной статус профиля — select в виде такой же пилюли */
body.sh-hf select.hf-chip-select { height: 22px; padding: 0 22px 0 9px; border: none; border-radius: 7px; font-size: 12px; font-weight: 600;
  appearance: none; -webkit-appearance: none; cursor: pointer; color: #fff;
  background: #26272B url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 6'%3E%3Cpath d='M1 1l4 4 4-4' fill='none' stroke='%23fff' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E") no-repeat right 8px center / 9px 6px; }
body.sh-hf select.hf-chip-select.ok { background-color: #3A9D4A; }
body.sh-hf select.hf-chip-select.bad { background-color: #D63C41; }
body.sh-hf select.hf-chip-select.none { background-color: #26272B; color: #A3A4AA; }

/* ── строка кабинета (2026-10-06) ──────────────────────────────── */
body.sh-hf .sh-balance-label,
body.sh-hf .sh-balance-value { color: #F2F2F3; }
/* пилюля статуса под кабинетом — компактнее */
body.sh-hf .sh-acc-status .hf-chip { height: 17px; padding: 0 6px 0 4px; gap: 4px; border-radius: 6px; font-size: 10.5px; }
body.sh-hf .sh-acc-status .hf-chip.none { padding: 0 6px; }
body.sh-hf .sh-acc-status .hf-chip::before { width: 10px; height: 10px; flex-basis: 10px; background-size: 10px; }
/* ID кабинета + копирование */
body.sh-hf .sh-acc-id { display: flex; align-items: center; gap: 2px; }
body.sh-hf .sh-id-copy { width: 18px; height: 18px; }

/* меню ⋮ */
body.sh-hf .sh-kebab-wrap { position: relative; }
body.sh-hf .sh-kebab { width: 32px; height: 32px; display: inline-flex; align-items: center; justify-content: center; padding: 0;
  background: transparent; border: none; border-radius: 10px; color: #fff; cursor: pointer; }
body.sh-hf .sh-kebab:hover, body.sh-hf .sh-kebab[aria-expanded="true"] { background: #26272B; }
body.sh-hf .sh-kebab:focus-visible { outline: 1px solid var(--accent-1); outline-offset: 1px; }
body.sh-hf .sh-kebab-menu { position: absolute; right: 0; top: calc(100% + 4px); z-index: 30; min-width: 150px; display: flex; flex-direction: column;
  background: #1A1B1E; border: 1px solid rgba(255,255,255,.08); border-radius: 12px; padding: 4px; box-shadow: 0 12px 32px rgba(0,0,0,.45); }
body.sh-hf .sh-kebab-menu[hidden] { display: none; }
body.sh-hf .sh-kebab-item { display: block; width: 100%; text-align: left; padding: 8px 10px; border: none; border-radius: 8px; background: transparent;
  font-size: 12.5px; font-weight: 500; color: #D8D8D8; cursor: pointer; white-space: nowrap; }
body.sh-hf .sh-kebab-item:hover { background: #26272B; color: #F2F2F3; }
body.sh-hf .sh-kebab-item:disabled { opacity: .45; cursor: not-allowed; background: transparent; }
body.sh-hf .sh-kebab-item.sh-danger { color: #F87171; }
body.sh-hf .sh-kebab-item.sh-danger:hover { background: rgba(214,60,65,.16); }

/* ── ячейка профиля (2026-10-06) ───────────────────────────────── */
/* подпись «Balance» — серая, сумма остаётся белой */
body.sh-hf .sh-balance-label { color: #8B8C92; }
/* ручной статус под AdsPower — компактнее */
body.sh-hf select.hf-chip-select { height: 18px; padding: 0 18px 0 7px; border-radius: 6px; font-size: 10.5px;
  background-position: right 6px center; background-size: 8px 5px; }

/* ── ширины колонок (2026-10-06): Token status шире, Actions — только ⋮ ── */
body.sh-hf .sh-table {
  grid-template-columns: minmax(200px,1.3fr) minmax(96px,.7fr) minmax(170px,1.15fr) minmax(96px,.6fr)
    minmax(96px,.5fr) minmax(180px,1.15fr) minmax(132px,.85fr) minmax(146px,.95fr) minmax(64px,.3fr);
}
body.sh-hf .sh-kebab-menu.up { top: auto; bottom: calc(100% + 4px); }

/* ================================================================
   Облегчение визуала (2026-10-06, ТЗ «ближе к ElevenLabs/Linear»):
   меньше bold, ниже контраст вторичного, без оранжевого в данных,
   лёгкие статусы. Структура/колонки/данные не меняются.
   Уровни: 1 — #EDEDED (профиль, аккаунт, Spend) · 2 — #C7C7C7
   (покупатель, AdsPower, Balance, ресурсы) · 3 — #6F6F6F/#626262
   (метки, ID, last check). Цвет — только для состояния.
   ================================================================ */
body.sh-hf .sh-head-cell { color: #6F6F6F; font-weight: 500; }
body.sh-hf .sh-cell { border-bottom-color: rgba(255,255,255,.035); }
body.sh-hf .sh-cell.sh-row-last,
body.sh-hf .sh-profile-cell { border-bottom-color: rgba(255,255,255,.065); }
body.sh-hf .sh-cell.sh-hover-profile,
body.sh-hf .sh-cell.sh-hover-row { background: #1C1D20; }

/* 1 уровень */
body.sh-hf .sh-profile-cell a.sh-primary { color: #EDEDED; font-weight: 600; }
body.sh-hf .sh-acc-name { color: #EDEDED; font-weight: 600; }
body.sh-hf .sh-spend-value { color: #EDEDED; font-weight: 500; font-size: 13px; }

/* 2 уровень */
body.sh-hf .sh-secondary { color: #C7C7C7; font-weight: 400; }
body.sh-hf .sh-ap-name { color: #C7C7C7; font-weight: 500; }
body.sh-hf .sh-balance-value { color: #C7C7C7; font-weight: 500; font-size: 12.5px; }
body.sh-hf .sh-res-num { color: #C7C7C7; font-weight: 500; }
body.sh-hf .sh-campaigns-link { color: #C7C7C7; font-weight: 500; font-size: 13px; }
body.sh-hf .sh-campaigns-link:hover { color: #EDEDED; text-decoration-color: #6F6F6F; }

/* 3 уровень — метки и ID */
body.sh-hf .sh-lbl,
body.sh-hf .sh-spend-label,
body.sh-hf .sh-balance-label { color: #6F6F6F; font-weight: 400; font-size: 11px; }
body.sh-hf .sh-tech { color: #666; font-weight: 400; }
body.sh-hf .sh-acc-id { color: #626262; font-weight: 400; }
body.sh-hf .sh-empty-accounts { color: #6F6F6F; }
body.sh-hf .sh-copy-btn { color: #555; }
body.sh-hf .pi-avatar-circle.pi-avatar-sm { opacity: .85; }

/* статус-пилюли — остаются залитыми, как в кампаниях (2026-10-06, по просьбе) */

/* пиксели — прежние залитые плашки (2026-10-06, по просьбе); пиксель без интеграции — жёлтый, как было */
body.sh-hf .sh-keitaro-chip.sh-kt-needs { background: var(--amber); color: #1a1a1a; font-weight: 700; }
body.sh-hf .sh-keitaro-chip.sh-kt-needs:hover { background: #F2C24D; color: #1a1a1a; }
/* Check status — плоская */
body.sh-hf .sh-check-btn { height: 24px; padding: 0 8px; background: rgba(255,255,255,.045); color: #A3A4AA; font-size: 11px; font-weight: 500; border-radius: 6px; }
body.sh-hf .sh-check-btn:hover { background: rgba(255,255,255,.08); color: #EDEDED; }

/* ================================================================
   Страница профиля (2026-10-06)
   ================================================================ */
/* без оранжевого текста */
body.sh-hf .pi-orange { color: #EDEDED; }
body.sh-hf .bmv-account-name { color: #EDEDED; font-weight: 600; }
body.sh-hf .aao-campaigns-link { color: #EDEDED; }
body.sh-hf .aao-campaigns-link:hover { text-decoration-color: #6F6F6F; }

/* статус-пилюли на странице профиля — компактнее (стиль тот же, залитый) */
body.sh-hf #profileHost .hf-chip { height: 17px; padding: 0 6px 0 5px; gap: 4px; border-radius: 6px; font-size: 10.5px; }
body.sh-hf #profileHost .hf-chip.none { padding: 0 6px; }
body.sh-hf #profileHost .hf-chip::before { width: 10px; height: 10px; flex-basis: 10px; background-size: 10px; }

/* Profile Info — 3 колонки (2 ряда по 3 карточки) */
body.sh-hf .pi-grid.pi-grid-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
@media (max-width: 1280px) { body.sh-hf .pi-grid.pi-grid-3 { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 900px)  { body.sh-hf .pi-grid.pi-grid-3 { grid-template-columns: 1fr; } }

/* История — иконки в графитовых плитках, цвет по важности */
body.sh-hf .hev-icon { width: 34px; height: 34px; border-radius: 10px; background: #26272B; color: #A3A4AA; }
body.sh-hf .hev-icon-success { color: #4ADE80; }
body.sh-hf .hev-icon-error   { color: #F87171; }
body.sh-hf .hev-icon-warning { color: #E0B43A; }
body.sh-hf .hev-icon-info    { color: #A3A4AA; }
body.sh-hf .hev-event-title { font-weight: 600; color: #EDEDED; }
body.sh-hf .hev-message { color: #A3A4AA; }
body.sh-hf .hev-time, body.sh-hf .hev-group-count { color: #6F6F6F; }
body.sh-hf .hev-title { font-weight: 600; }
/* фильтры/поиск истории — залитые */
body.sh-hf .hev-chip { background: #26272B; border: none; border-radius: 10px; color: #A3A4AA; font-weight: 500; }
body.sh-hf .hev-chip:hover { background: #2F3034; color: #F2F2F3; }
body.sh-hf .hev-chip.active { background: #3A3B40; color: #F2F2F3; }
body.sh-hf .hev-chip-count.sev-info { color: #A3A4AA; }
body.sh-hf .hev-search,
body.sh-hf .hev-service-select { background: #26272B; border: none; border-radius: 10px; }
body.sh-hf .hev-action-btn { background: #26272B; border-radius: 10px; }
body.sh-hf .hev-action-btn:hover { background: #2F3034; }
body.sh-hf .hev-expand-btn { border-radius: 8px; }
body.sh-hf .hev-expand-btn:hover { background: #26272B; }

/* Profile Info — колонки-стопки (2026-10-06) */
body.sh-hf .pi-grid.pi-grid-3 { align-items: start; }
body.sh-hf .pi-col { display: flex; flex-direction: column; gap: 16px; min-width: 0; }
body.sh-hf .pi-col > .pi-card { align-self: stretch; }
@media (max-width: 1280px) { body.sh-hf .pi-grid.pi-grid-3 > .pi-col:nth-child(3) { grid-column: 1 / -1; } }

/* ================================================================
   Таблицы «Языки» (контент аккаунта) и «Каталог / слоты» (2026-10-06)
   ================================================================ */
body.sh-hf .data-table-wrap { background: #1A1B1E; border: none; border-radius: 18px; box-shadow: none; }
body.sh-hf table.data-table { table-layout: auto; }
body.sh-hf table.data-table thead th { background: #1A1B1E; color: #8B8C92; font-size: 11.5px; font-weight: 500; text-transform: none;
  letter-spacing: 0; border-bottom: 1px solid rgba(255,255,255,.06); padding: 12px 14px; vertical-align: middle; }
body.sh-hf table.data-table tbody tr { border-bottom: 1px solid rgba(255,255,255,.04); }
body.sh-hf table.data-table tbody tr:hover { background: #1E1F23; }
body.sh-hf table.data-table td { vertical-align: middle; color: #C7C7C7; }

/* ширины: язык/слот — по контенту, текст и медиа — делят остаток */
body.sh-hf .data-table th.col-dot, body.sh-hf .data-table td.col-dot { width: 36px; padding-left: 18px; padding-right: 4px; }
body.sh-hf .data-table th.col-lang, body.sh-hf .data-table td.col-lang { width: 170px; min-width: 150px; white-space: nowrap; }
body.sh-hf .data-table th.col-text, body.sh-hf .data-table td.col-text { width: auto; min-width: 240px; text-align: left; }
body.sh-hf .data-table th.col-media, body.sh-hf .data-table td.col-media { width: auto; min-width: 280px; }
body.sh-hf .data-table th.col-configure, body.sh-hf .data-table td.col-configure { width: 48px; text-align: right; }
body.sh-hf .text-box { width: 100%; height: 52px; margin: 0; }

/* язык / слот — без оранжевого */
body.sh-hf .data-table .offer-name { flex: none; color: #EDEDED; font-weight: 600; font-size: 13px; }
body.sh-hf .data-table .offer-id { color: #6F6F6F; font-size: 11px; }

/* поля и кнопки — залитые */
body.sh-hf .data-table .tiny-input { background: #26272B; border: none; border-radius: 10px; color: #EDEDED; }
body.sh-hf .data-table .tiny-input:focus { box-shadow: 0 0 0 1px var(--accent-1); }
body.sh-hf .data-table .tiny-input::placeholder { color: #6F6F6F; }
body.sh-hf .pl-media-sm { border-radius: 10px; background: #26272B; }
body.sh-hf .upload-btn-lg { width: 34px; height: 34px; border-radius: 10px; background: #26272B; color: #C7C7C7; }
body.sh-hf .upload-btn-lg:hover { background: #2F3034; color: #F2F2F3; filter: none; }

/* Generate — иконка */
body.sh-hf .btn-generate { width: 24px; height: 24px; padding: 0; margin-left: 6px; justify-content: center; vertical-align: middle;
  background: #26272B; color: #C7C7C7; border-radius: 7px; }
body.sh-hf .btn-generate:hover { background: #2F3034; color: #F2F2F3; filter: none; }

/* Настроить — как кнопка редактирования */
body.sh-hf .sh-icon-btn { width: 32px; height: 32px; display: inline-flex; align-items: center; justify-content: center; padding: 0;
  border: none; border-radius: 10px; background: #26272B; color: #C7C7C7; cursor: pointer; }
body.sh-hf .sh-icon-btn:hover { background: #2F3034; color: #F2F2F3; }
body.sh-hf .sh-icon-btn:focus-visible, body.sh-hf .btn-generate:focus-visible { outline: 1px solid var(--accent-1); outline-offset: 1px; }

/* ── Setup Hub: двухколоночный вид профилей (2026-10-12, ТЗ «редизайн Facebook Profiles») ──
   Токены ТЗ: фон #0A0A0A, поверхность #161616, hover #1E1E1E, граница #262626,
   текст #EDEDED / #8A8A8A / #5A5A5A, радиус 10–12. Без оранжевого у выбранного. */
body.sh-hf.sh-2p { background: #0A0A0A; }
body.sh-2p .shp-layout { display: grid; grid-template-columns: minmax(300px, 31%) minmax(0, 1fr); gap: 16px; align-items: start; margin-top: 12px; }

/* левая колонка — независимая прокрутка */
body.sh-2p .shp-list { position: sticky; top: 12px; max-height: calc(100vh - 190px); overflow-y: auto; display: flex; flex-direction: column; gap: 8px; padding-right: 4px; scrollbar-width: thin; }
body.sh-2p .shp-item { display: flex; flex-direction: column; gap: 5px; min-height: 85px; padding: 12px 14px; text-align: left; width: 100%;
  background: #161616; border: 1px solid #262626; border-radius: 11px; color: #EDEDED; cursor: pointer; font: inherit; transition: background .12s, border-color .12s; }
body.sh-2p .shp-item:hover { background: #1E1E1E; }
body.sh-2p .shp-item.active { background: #242424; border-color: #3A3A3A; }
body.sh-2p .shp-item:focus-visible { outline: 1px solid #5A5A5A; outline-offset: 1px; }
body.sh-2p .shp-item-row { display: flex; align-items: center; justify-content: space-between; gap: 8px; min-width: 0; }
body.sh-2p .shp-item-name { font-size: 13.5px; font-weight: 600; color: #EDEDED; min-width: 0; overflow-wrap: anywhere; display: inline-flex; align-items: center; flex-wrap: wrap; }
body.sh-2p .shp-item-arrow { color: #5A5A5A; flex: 0 0 auto; }
body.sh-2p .shp-item.active .shp-item-arrow { color: #8A8A8A; }
body.sh-2p .shp-item-ap { font-size: 12.5px; font-weight: 600; color: #D6D6D6; overflow-wrap: anywhere; line-height: 1.3; }
body.sh-2p .shp-item-buyer { font-size: 11.5px; color: #8A8A8A; min-width: 0; overflow-wrap: anywhere; }
body.sh-2p .shp-item-chips { display: inline-flex; gap: 4px; flex: 0 0 auto; }
body.sh-2p .shp-issue { display: inline-flex; align-items: center; justify-content: center; width: 14px; height: 14px; margin-left: 5px; border-radius: 50%;
  background: var(--red); color: #fff; font-size: 10px; font-weight: 800; line-height: 1; cursor: help; }

/* правая колонка */
body.sh-2p .shp-panel { background: #161616; border: 1px solid #262626; border-radius: 11px; padding: 18px 20px 8px; min-width: 0; }
body.sh-2p .shp-head { display: flex; justify-content: space-between; align-items: flex-start; gap: 16px; }
body.sh-2p .shp-head-left { min-width: 0; }
body.sh-2p .shp-title { font-size: 19px; font-weight: 600; color: #EDEDED; text-decoration: none; overflow-wrap: anywhere; }
body.sh-2p .shp-title:hover { text-decoration: underline; text-decoration-color: #5A5A5A; }
body.sh-2p .shp-ap { margin-top: 4px; font-size: 12.5px; font-weight: 600; color: #D6D6D6; overflow-wrap: anywhere; }
body.sh-2p .shp-buyer { margin-top: 3px; font-size: 11.5px; color: #8A8A8A; }
body.sh-2p .shp-tech { margin-top: 3px; font-size: 11px; color: #5A5A5A; font-variant-numeric: tabular-nums; overflow-wrap: anywhere; }
body.sh-2p .shp-error { margin-top: 4px; font-size: 11px; color: var(--red); line-height: 1.45; }
body.sh-2p .shp-head-right { display: flex; flex-direction: column; align-items: flex-end; gap: 8px; flex: 0 0 auto; }
body.sh-2p .shp-head-chips { display: flex; align-items: center; gap: 6px; }
body.sh-2p .shp-head-chips select.hf-chip-select { margin: 0; }
body.sh-2p .shp-lastcheck { font-size: 11px; color: #5A5A5A; font-variant-numeric: tabular-nums; }
body.sh-2p .shp-res { display: inline-block; margin-top: 12px; font-size: 12.5px; color: #8A8A8A; text-decoration: none; }
body.sh-2p .shp-res b { color: #EDEDED; font-weight: 600; font-variant-numeric: tabular-nums; }
body.sh-2p .shp-res:hover b { text-decoration: underline; text-decoration-color: #5A5A5A; }
body.sh-2p .shp-dot { color: #5A5A5A; margin: 0 3px; }
body.sh-2p .shp-divider { height: 1px; background: #262626; margin: 14px 0 4px; }
body.sh-2p .shp-empty { padding: 18px 0 14px; font-size: 12.5px; color: #8A8A8A; }
body.sh-2p .shp-empty a { color: #EDEDED; }

/* таблица рекламных кабинетов */
body.sh-2p .shp-acc-head, body.sh-2p .shp-acc-row { display: grid; grid-template-columns: minmax(200px, 1.5fr) minmax(110px, .8fr) minmax(110px, .8fr) minmax(150px, 1fr); gap: 16px; align-items: center; }
body.sh-2p .shp-acc-head { padding: 8px 0; font-size: 11px; font-weight: 500; color: #5A5A5A; text-transform: uppercase; letter-spacing: .04em; }
body.sh-2p .shp-acc-row { min-height: 72px; padding: 12px 0; border-top: 1px solid #262626; }
body.sh-2p .shp-acc-main { min-width: 0; }
body.sh-2p .shp-acc-name { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; font-size: 13.5px; font-weight: 600; color: #EDEDED; }
body.sh-2p .shp-acc-name > span:first-child { overflow-wrap: anywhere; }
body.sh-2p .shp-acc-id { margin-top: 4px; display: flex; align-items: center; gap: 4px; font-size: 11.5px; color: #8A8A8A; font-variant-numeric: tabular-nums; }
body.sh-2p .shp-num { font-variant-numeric: tabular-nums; }
body.sh-2p .shp-money { font-size: 15px; font-weight: 600; color: #EDEDED; }
body.sh-2p .shp-camps { display: inline-block; margin-top: 3px; padding: 0; border: none; background: none; font: inherit; font-size: 11.5px; color: #8A8A8A; }
body.sh-2p .shp-camps-link { cursor: pointer; }
body.sh-2p .shp-camps-link:hover { color: #EDEDED; text-decoration: underline; text-decoration-color: #5A5A5A; }
body.sh-2p .shp-kt { min-width: 0; }

/* адаптив */
@media (max-width: 1100px) {
  body.sh-2p .shp-layout { grid-template-columns: 1fr; }
  body.sh-2p .shp-list { position: static; max-height: 40vh; }
}
@media (max-width: 760px) {
  body.sh-2p .shp-head { flex-direction: column; }
  body.sh-2p .shp-head-right { align-items: flex-start; }
  body.sh-2p .shp-acc-head { display: none; }
  body.sh-2p .shp-acc-row { grid-template-columns: 1fr 1fr; }
  body.sh-2p .shp-acc-main, body.sh-2p .shp-kt { grid-column: 1 / -1; }
}

/* ── Setup Hub: финальная доработка (2026-10-12, ТЗ «polish») — перекрывает блок .shp-* выше ──
   Сетка отступов 4/8/12/16/24, радиус 11 у всех основных блоков. */
body.sh-2p .sh-workspace { width: calc(100% - 56px); }
@media (max-width: 1280px) { body.sh-2p .sh-workspace { width: calc(100% - 40px); } }
body.sh-2p .shp-layout { grid-template-columns: minmax(300px, 31%) minmax(0, 1fr); gap: 16px; margin-top: 16px; }

/* единый статус-компонент: 24px, 12px, радиус 7 — и плашка, и select */
body.sh-2p .shp-chips { display: flex; align-items: center; gap: 6px; }
body.sh-2p .shp-chips .hf-chip,
body.sh-2p .shp-chips select.hf-chip-select { height: 24px; margin: 0; border-radius: 7px; font-size: 12px; font-weight: 600; line-height: 24px; box-sizing: border-box; }
body.sh-2p .shp-chips .hf-chip { padding: 0 9px 0 7px; gap: 5px; }
body.sh-2p .shp-chips .hf-chip.none { padding: 0 9px; }
body.sh-2p .shp-chips .hf-chip + .hf-chip { margin-left: 0; }
body.sh-2p .shp-chips select.hf-chip-select { padding: 0 24px 0 10px; background-position: right 7px center; }

/* левая карточка */
body.sh-2p .shp-item { gap: 4px; min-height: 0; padding: 12px 14px; }
body.sh-2p .shp-item:not(.active) { background: #121212; }
body.sh-2p .shp-item:not(.active):hover { background: #1A1A1A; }
body.sh-2p .shp-item.active { background: #1E1E1E; border-color: #3A3A3A; }
body.sh-2p .shp-item-ap { font-size: 13.5px; font-weight: 600; color: #EDEDED; line-height: 1.35; overflow-wrap: anywhere; min-width: 0; display: inline-flex; align-items: center; flex-wrap: wrap; }
body.sh-2p .shp-item-name { font-size: 12.5px; font-weight: 400; color: #8A8A8A; overflow-wrap: anywhere; }
body.sh-2p .shp-item .shp-chips { margin-top: 4px; }
body.sh-2p .shp-item-arrow { color: #5A5A5A; }

/* правая шапка */
body.sh-2p .shp-panel { padding: 20px 24px 8px; border-radius: 11px; }
body.sh-2p .shp-head { display: flex; justify-content: space-between; align-items: flex-start; gap: 24px; }
body.sh-2p .shp-title-row { display: flex; align-items: center; flex-wrap: wrap; gap: 4px; }
body.sh-2p .shp-title { font-size: 17px; font-weight: 600; color: #EDEDED; line-height: 1.35; }
body.sh-2p .shp-social { margin-top: 4px; font-size: 12.5px; color: #8A8A8A; }
body.sh-2p .shp-ids { margin-top: 8px; display: flex; flex-wrap: wrap; gap: 4px 16px; }
body.sh-2p .shp-id { display: inline-flex; align-items: center; gap: 4px; font-size: 11.5px; color: #5A5A5A; font-variant-numeric: tabular-nums; }
body.sh-2p .shp-id .sh-copy-btn, body.sh-2p .shp-acc-id .sh-copy-btn { width: 20px; height: 20px; display: inline-flex; align-items: center; justify-content: center; padding: 0; border: none; background: none; cursor: pointer; }
body.sh-2p .shp-head-right { display: flex; flex-direction: row; align-items: flex-start; gap: 8px; }
body.sh-2p .shp-side { display: flex; flex-direction: column; align-items: stretch; gap: 8px; min-width: 168px; }
body.sh-2p .shp-check { height: 34px; display: inline-flex; align-items: center; justify-content: center; gap: 6px; padding: 0 14px; margin: 0;
  border: 1px solid #262626; border-radius: 8px; background: #1E1E1E; color: #EDEDED; font-size: 12.5px; font-weight: 500; cursor: pointer; }
body.sh-2p .shp-check:hover:not(:disabled) { background: #262626; }
body.sh-2p .shp-check:disabled { opacity: .5; cursor: not-allowed; }
body.sh-2p .shp-meta { font-size: 11.5px; color: #5A5A5A; font-variant-numeric: tabular-nums; }
body.sh-2p .shp-buyer { display: flex; align-items: center; gap: 6px; color: #8A8A8A; }
body.sh-2p .shp-buyer svg { flex: 0 0 auto; color: #5A5A5A; }
body.sh-2p .shp-head-right .sh-kebab { width: 28px; height: 24px; }

/* ресурсы */
body.sh-2p .shp-res { display: inline-flex; align-items: center; gap: 8px; margin-top: 16px; font-size: 12.5px; color: #8A8A8A; }
body.sh-2p .shp-res .shp-dot { margin: 0; }
body.sh-2p .shp-divider { margin: 16px 0 0; }

/* кабинеты — одна сетка для заголовка и строк */
body.sh-2p .shp-acc-scroll { overflow-x: auto; }
body.sh-2p .shp-acc { min-width: 620px; }
body.sh-2p .shp-acc-head, body.sh-2p .shp-acc-row {
  display: grid; grid-template-columns: minmax(240px, 2.2fr) minmax(110px, 1fr) minmax(125px, 1.15fr) minmax(90px, .75fr); gap: 16px; align-items: start; }
body.sh-2p .shp-acc-head { padding: 12px 0 8px; }
body.sh-2p .shp-acc-row { min-height: 64px; padding: 14px 0; border-top: 1px solid #262626; }
body.sh-2p .shp-cell-acc { min-width: 0; }
body.sh-2p .shp-acc-name { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; font-size: 13.5px; font-weight: 500; color: #EDEDED; line-height: 22px; }
body.sh-2p .shp-acc-title { overflow-wrap: anywhere; }
body.sh-2p .shp-st { display: inline-flex; align-items: center; gap: 5px; font-size: 11.5px; font-weight: 500; color: #8A8A8A; line-height: 1; }
body.sh-2p .shp-st::before { content: ""; width: 6px; height: 6px; border-radius: 50%; background: #5A5A5A; }
body.sh-2p .shp-st.ok::before { background: #4ADE80; }
body.sh-2p .shp-st.bad { color: #F87171; }
body.sh-2p .shp-st.bad::before { background: #F87171; }
body.sh-2p .shp-st.warn::before { background: #E0B43A; }
body.sh-2p .shp-acc-id { margin-top: 4px; font-size: 11.5px; color: #8A8A8A; word-break: break-all; }
body.sh-2p .shp-cell-num { font-variant-numeric: tabular-nums; min-width: 0; }
body.sh-2p .shp-money { font-size: 15px; font-weight: 600; color: #EDEDED; line-height: 22px; white-space: nowrap; }
body.sh-2p .shp-sub { display: inline-block; margin-top: 4px; padding: 0; border: none; background: none; font: inherit; font-size: 11.5px; color: #8A8A8A; }
body.sh-2p .shp-camps-link { cursor: pointer; }
body.sh-2p .shp-camps-link:hover { color: #EDEDED; }
body.sh-2p .shp-kt .sh-keitaro-chip { min-height: 22px; }
body.sh-2p .shp-kt > div:first-child { line-height: 22px; }


@media (max-width: 1100px) {
  body.sh-2p .shp-layout { grid-template-columns: 1fr; }
}
@media (max-width: 760px) {
  body.sh-2p .shp-head { flex-direction: column; gap: 16px; }
  body.sh-2p .shp-head-right { width: 100%; justify-content: space-between; }
  body.sh-2p .shp-acc-head { display: grid; }
  body.sh-2p .shp-acc-row { grid-template-columns: minmax(240px, 2.2fr) minmax(110px, 1fr) minmax(125px, 1.15fr) minmax(90px, .75fr); }
  body.sh-2p .shp-cell-acc, body.sh-2p .shp-kt { grid-column: auto; }
}

/* ── Setup Hub: дизайн-код как в кампаниях/офферах/креативах (2026-10-12, правка юзера) ──
   Карточки #1A1B1E без рамки r18, плитки-строки var(--bg-0) r14, подписи #8B8C92 11.5/500
   обычным регистром, значения #F2F2F3, залитые контролы #26272B r10–12 (hover #2F3034),
   статусы — залитые hf-chip с иконкой. Перекрывает блоки .shp-* выше. */
body.sh-hf.sh-2p { background: var(--bg-0); }
body.sh-2p .shp-layout { gap: 16px; margin-top: 16px; }

/* левая колонка: карточки НЕ сжимаются (раньше flex-колонка с max-height сплющивала их и резала статусы) */
body.sh-2p .shp-list { gap: 8px; }
body.sh-2p .shp-item { flex: 0 0 auto; gap: 6px; padding: 14px 16px; min-height: 96px; border: none; border-radius: 18px; background: #1A1B1E; }
body.sh-2p .shp-item:not(.active) { background: #1A1B1E; }
body.sh-2p .shp-item:not(.active):hover { background: #1E1F23; }
body.sh-2p .shp-item.active { background: #26272B; border: none; }
body.sh-2p .shp-item-ap { font-size: 13.5px; font-weight: 600; color: #F2F2F3; }
body.sh-2p .shp-item-name { font-size: 12px; color: #8B8C92; }
body.sh-2p .shp-item-arrow { color: #6B6C72; }
body.sh-2p .shp-item .shp-chips { margin-top: 6px; }

/* статусы: обычные hf-chip как в кампаниях (20px), select того же размера */
body.sh-2p .shp-chips { gap: 6px; }
body.sh-2p .shp-chips .hf-chip,
body.sh-2p .shp-chips select.hf-chip-select { height: 20px; line-height: 20px; font-size: 11.5px; border-radius: 7px; }
body.sh-2p .shp-chips .hf-chip { padding: 0 7px 0 6px; }
body.sh-2p .shp-chips .hf-chip.none { padding: 0 8px; }
body.sh-2p .shp-chips select.hf-chip-select { padding: 0 20px 0 8px; background-position: right 6px center; }

/* правая карточка */
body.sh-2p .shp-panel { background: #1A1B1E; border: none; border-radius: 18px; padding: 20px 22px 14px; }
body.sh-2p .shp-head { gap: 24px; }
body.sh-2p .shp-title { font-size: 17px; font-weight: 600; color: #F2F2F3; }
body.sh-2p .shp-social { font-size: 12.5px; color: #8B8C92; }
body.sh-2p .shp-id { font-size: 11.5px; color: #8B8C92; }
body.sh-2p .shp-id .sh-copy-btn, body.sh-2p .shp-acc-id .sh-copy-btn { color: #6B6C72; border-radius: 6px; }
body.sh-2p .shp-id .sh-copy-btn:hover, body.sh-2p .shp-acc-id .sh-copy-btn:hover { background: #26272B; color: #F2F2F3; }
body.sh-2p .shp-side { min-width: 0; align-items: flex-start; gap: 6px; }
/* Check status — того же размера, что статусы */
body.sh-2p .shp-check { height: 20px; padding: 0 8px; gap: 4px; border: none; border-radius: 7px; background: #26272B; color: #D8D8D8; font-size: 11.5px; font-weight: 600; }
body.sh-2p .shp-check:hover:not(:disabled) { background: #2F3034; color: #F2F2F3; }
body.sh-2p .shp-check svg { width: 10px; height: 10px; }
body.sh-2p .shp-meta { font-size: 11.5px; color: #8B8C92; }
body.sh-2p .shp-buyer { color: #C7C7C7; }
body.sh-2p .shp-buyer svg { color: #8B8C92; }
body.sh-2p .shp-res { color: #8B8C92; font-size: 12.5px; }
body.sh-2p .shp-res b { color: #F2F2F3; }
body.sh-2p .shp-divider { display: none; }

/* кабинеты: заголовки серые обычным регистром, строки — плитки цвета фона r14 */
body.sh-2p .shp-acc-head { padding: 16px 16px 6px; font-size: 11.5px; font-weight: 500; color: #8B8C92; text-transform: none; letter-spacing: 0; }
body.sh-2p .shp-acc-row { border-top: none; background: var(--bg-0); border-radius: 14px; padding: 14px 16px; margin-bottom: 6px; min-height: 0; }
body.sh-2p .shp-acc-row:last-child { margin-bottom: 0; }
body.sh-2p .shp-acc-name { font-size: 13.5px; font-weight: 600; color: #F2F2F3; }
body.sh-2p .shp-acc-name .hf-chip { height: 18px; padding: 0 6px 0 5px; gap: 4px; border-radius: 6px; font-size: 11px; }
body.sh-2p .shp-acc-name .hf-chip.none { padding: 0 6px; }
body.sh-2p .shp-acc-name .hf-chip::before { width: 10px; height: 10px; flex-basis: 10px; background-size: 10px; }
body.sh-2p .shp-acc-id { color: #8B8C92; }
body.sh-2p .shp-money { color: #F2F2F3; }
body.sh-2p .shp-sub { color: #8B8C92; }
body.sh-2p .shp-camps-link:hover { color: #F2F2F3; }


/* Левая карточка (2026-10-12): статусы справа под стрелкой, слева AdsPower + имя соцпрофиля */
body.sh-2p .shp-item { flex-direction: row; align-items: stretch; justify-content: space-between; gap: 12px; }
body.sh-2p .shp-item-main { display: flex; flex-direction: column; gap: 4px; min-width: 0; }
body.sh-2p .shp-item-side { display: flex; flex-direction: column; align-items: flex-end; justify-content: space-between; gap: 10px; flex: 0 0 auto; }
body.sh-2p .shp-item .shp-chips { margin-top: 0; }
/* Левая карточка: сетка 2×2 — [AdsPower | стрелка] / [имя соцпрофиля | статусы]; имя AdsPower на всю ширину до стрелки */
body.sh-2p .shp-item { display: grid; grid-template-columns: minmax(0, 1fr) auto; grid-template-rows: auto auto; column-gap: 12px; row-gap: 6px; align-items: center; }
body.sh-2p .shp-item-main, body.sh-2p .shp-item-side { display: contents; }
body.sh-2p .shp-item-ap { grid-column: 1; grid-row: 1; }
body.sh-2p .shp-item-arrow { grid-column: 2; grid-row: 1; justify-self: end; }
body.sh-2p .shp-item-name { grid-column: 1; grid-row: 2; }
body.sh-2p .shp-item .shp-chips { grid-column: 2; grid-row: 2; justify-self: end; }
/* Левая карточка компактнее (2026-10-12): высота по содержимому (2 строки), без min-height */
body.sh-2p .shp-item { min-height: 0; padding: 12px 14px; row-gap: 4px; border-radius: 16px; }
/* Фон как у креативов в AdKombain (2026-10-12): ровный #0A0A0B без оранжевых radial-градиентов хаба.
   --bg-0/--bg-1 в хабе не заданы — объявляем значения AdKombain (tokens.css), на них плитки строк кабинетов. */
body.sh-hf.sh-2p { --bg-0: #0A0A0B; --bg-1: #101012; background: #0A0A0B; }

/* «!» Keitaro: жёлтый — только временные причины (лимит запросов FB), 2026-10-12 */
body.sh-2p .shp-issue.warn { background: #E0B43A; color: #1a1a1a; }


/* ── Ручной статус профиля: кнопка-пилюля + меню (2026-10-12) ───────
   Active / Ban / Active AppBan / Need fix. Пилюли — общий стиль statusbar.css
   (Surface + icon); AppBan — жёлтая с «!», Need fix — синяя с ключом. */
.hf-chip.warn.appban { --gsi: var(--gi-alert); }
.hf-chip.warn.fix { --gsc: var(--gs-info); --gst: var(--gt-info); --gsi: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222.2%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M14.7%206.3a1%201%200%200%200%200%201.4l1.6%201.6a1%201%200%200%200%201.4%200l3.77-3.77a6%206%200%200%201-7.94%207.94l-6.91%206.91a2.12%202.12%200%200%201-3-3l6.91-6.91a6%206%200%200%201%207.94-7.94l-3.76%203.76z%22/%3E%3C/svg%3E"); }
body.sh-hf .shs-wrap { position: relative; display: inline-flex; }
body.sh-hf .hf-chip.shs-btn { height: 24px; padding: 0 7px 0 8px !important; font-size: 12px; font-family: inherit; cursor: pointer; border: none; }
body.sh-hf .hf-chip.shs-btn:hover, body.sh-hf .hf-chip.shs-btn[aria-expanded="true"] { background: rgba(var(--gsc), .2) !important; box-shadow: inset 0 0 0 1px rgba(var(--gsc), .55) !important; }
body.sh-hf .hf-chip.shs-btn:focus-visible { outline: 1px solid rgba(var(--gsc), .8); outline-offset: 2px; }
body.sh-hf .shs-chev { margin-left: 1px; opacity: .8; transition: transform .15s ease; }
body.sh-hf .shs-btn[aria-expanded="true"] .shs-chev { transform: rotate(180deg); }
body.sh-hf .shs-menu { position: absolute; right: 0; top: calc(100% + 6px); z-index: 40; width: 190px; display: flex; flex-direction: column; gap: 2px;
  background: #1A1B1E; border: 1px solid rgba(255,255,255,.08); border-radius: 14px; padding: 6px; box-shadow: 0 16px 40px rgba(0,0,0,.55); }
body.sh-hf .shs-menu[hidden] { display: none; }
body.sh-hf .shs-head { padding: 6px 8px 6px; font-size: 11px; font-weight: 600; color: #8B8C92; text-transform: uppercase; letter-spacing: .04em; }
body.sh-hf .shs-opt { display: flex; align-items: center; justify-content: space-between; gap: 10px; width: 100%; padding: 6px 8px; border: none; border-radius: 10px;
  background: transparent; text-align: left; cursor: pointer; font-family: inherit; color: #D8D8D8; }
body.sh-hf .shs-opt:hover, body.sh-hf .shs-opt:focus-visible { background: #26272B; outline: none; }
body.sh-hf .shs-opt.is-current { background: rgba(255,255,255,.04); cursor: default; }
body.sh-hf .shs-opt-main { display: flex; flex-direction: column; align-items: flex-start; gap: 5px; min-width: 0; }
body.sh-hf .shs-opt .hf-chip { height: 22px; font-size: 12px; }
body.sh-hf .shs-hint { font-size: 11.5px; color: #8B8C92; line-height: 1.3; }
body.sh-hf .shs-tick { flex: 0 0 auto; color: #F2F2F3; }
body.sh-hf .shs-sep { height: 1px; margin: 4px 6px; background: rgba(255,255,255,.07); }
body.sh-hf .shs-close-label { display: inline-flex; align-items: center; gap: 6px; font-size: 12.5px; font-weight: 500; color: #F87171; }
body.sh-hf .shs-close:hover { background: rgba(214,60,65,.12); }

/* ── Setup Hub, вариант A без «плиток итогов» (2026-10-12) ─────────────
   1) спенд вчера в карточке списка; 3) шапка в одну линию; 4) пиксели с состоянием,
   доля спенда, low balance, строка Total. Перекрывает блоки .shp-* выше. */
body.sh-2p .shp-item-top { grid-column: 2; grid-row: 1; justify-self: end; display: inline-flex; align-items: center; gap: 6px; }
body.sh-2p .shp-item-spend { font-size: 13.5px; font-weight: 600; color: #F2F2F3; font-variant-numeric: tabular-nums; white-space: nowrap; }

body.sh-2p .shp-head-right { flex-direction: column; align-items: flex-end; gap: 8px; }
body.sh-2p .shp-actions { display: flex; align-items: center; gap: 6px; }
body.sh-2p .shp-actions > .hf-chip, body.sh-2p .shp-actions .hf-chip.shs-btn { height: 22px; font-size: 12px; }
body.sh-2p .shp-actions .shp-check { height: 22px; padding: 0 9px; border-radius: 999px; font-size: 12px; font-weight: 500; }
body.sh-2p .shp-actions .sh-kebab { width: 26px; height: 26px; }
body.sh-2p .shp-meta-line { display: flex; align-items: center; gap: 14px; font-size: 11.5px; color: #8B8C92; font-variant-numeric: tabular-nums; }
body.sh-2p .shp-meta-line .shp-buyer { display: inline-flex; align-items: center; gap: 5px; margin: 0; color: #C7C7C7; }
body.sh-2p .shp-head-right .shp-res { margin-top: 0; gap: 6px; }
body.sh-2p .shp-res-chev { color: #6B6C72; }
body.sh-2p .shp-res:hover .shp-res-chev { color: #F2F2F3; }
body.sh-2p .shp-divider { display: block; height: 0; margin: 6px 0 0; background: none; }

body.sh-2p .shp-share { width: 140px; max-width: 100%; height: 3px; margin-top: 7px; border-radius: 3px; background: #2A2B30; overflow: hidden; }
body.sh-2p .shp-share > span { display: block; height: 100%; border-radius: 3px; background: rgb(76,155,255); }
body.sh-2p .shp-money.shp-low { color: rgb(255,214,128); }
body.sh-2p .shp-low-sub { color: #8B8C92; }

body.sh-2p .shp-acc-total { display: grid; grid-template-columns: minmax(240px, 2.2fr) minmax(110px, 1fr) minmax(125px, 1.15fr) minmax(90px, .75fr); gap: 16px;
  padding: 12px 16px 4px; font-size: 12px; color: #8B8C92; font-variant-numeric: tabular-nums; }
body.sh-2p .shp-acc-total b { font-size: 13.5px; font-weight: 600; color: #F2F2F3; }
body.sh-2p .shp-total-sub { font-size: 11.5px; color: #8B8C92; }

body.sh-2p .shp-px-list { display: flex; flex-direction: column; align-items: flex-start; gap: 4px; }
body.sh-2p .shp-px { display: inline-flex; align-items: center; gap: 6px; height: 24px; max-width: 100%; padding: 0 9px; border: none; border-radius: 8px;
  background: #26272B; color: #F2F2F3; font: inherit; font-size: 12px; font-weight: 500; cursor: pointer; }
body.sh-2p .shp-px:hover { background: #2F3034; }
body.sh-2p .shp-px-name { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
body.sh-2p .shp-px-st { color: #8B8C92; font-weight: 400; white-space: nowrap; }
body.sh-2p .shp-px-dot { flex: 0 0 6px; width: 6px; height: 6px; border-radius: 50%; background: rgb(61,214,140); }
body.sh-2p .shp-px.need { background: transparent; box-shadow: inset 0 0 0 1px rgba(245,184,61,.55); }
body.sh-2p .shp-px.need:hover { background: rgba(245,184,61,.08); }
body.sh-2p .shp-px.need .shp-px-dot { background: transparent; box-shadow: inset 0 0 0 1.5px rgb(245,184,61); }
body.sh-2p .shp-px.need .shp-px-st { color: rgb(255,214,128); }
body.sh-2p .shp-px.warn .shp-px-dot { background: rgb(245,184,61); }
body.sh-2p .shp-px.warn .shp-px-st { color: rgb(255,214,128); }
body.sh-2p .shp-px.err { background: rgba(255,92,92,.12); box-shadow: inset 0 0 0 1px rgba(255,92,92,.30); }
body.sh-2p .shp-px.err .shp-px-dot { background: rgb(255,92,92); }
body.sh-2p .shp-px.err .shp-px-st { color: rgb(255,158,158); }
body.sh-2p .shp-px-reason { max-width: 220px; font-size: 11px; line-height: 1.35; color: rgb(255,158,158); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
body.sh-2p .shp-px-none { font-size: 12px; color: #6B6C72; }
body.sh-2p .shp-px-more { margin-top: 6px; }
body.sh-2p .shp-lastpx { display: inline-flex; align-items: center; gap: 5px; padding: 0; border: none; background: none; font: inherit; font-size: 11.5px; color: #8B8C92; cursor: pointer; }
body.sh-2p .shp-lastpx:hover { color: #F2F2F3; }
@media (max-width: 900px) {
  body.sh-2p .shp-head-right { align-items: flex-start; }
}
body.sh-2p .shp-acc-head, body.sh-2p .shp-acc-row, body.sh-2p .shp-acc-total { grid-template-columns: minmax(220px, 2fr) minmax(110px, 1fr) minmax(120px, 1fr) minmax(170px, 1.1fr); }

/* Метки рекламного аккаунта — тип + поставщик (2026-10-20) */
body.sh-hf .shp-acc-tags { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 7px; }
body.sh-hf .shp-tag { display: inline-flex; align-items: center; gap: 4px; height: 20px; padding: 0 7px; border-radius: 6px; border: none; font-family: inherit; font-size: 11.5px; font-weight: 500; line-height: 1; white-space: nowrap; }
body.sh-hf .shp-tag-type { background: rgba(124,140,255,.14); color: #AEB8FF; }
body.sh-hf .shp-tag-supplier { background: rgba(124,140,255,.14); color: #AEB8FF; }
body.sh-hf button.shp-tag { cursor: pointer; }
body.sh-hf button.shp-tag .shs-chev { opacity: .6; }
body.sh-hf button.shp-tag-type:hover { background: rgba(124,140,255,.24); }
body.sh-hf button.shp-tag-supplier:hover { background: rgba(124,140,255,.24); }
body.sh-hf .shp-tag.is-empty { background: transparent; color: #6B6C72; box-shadow: inset 0 0 0 1px #2E2F34; }
body.sh-hf .shp-tag.is-empty:hover { color: #C9CACF; background: rgba(255,255,255,.05); }
body.sh-hf .acc-tag-menu { position: fixed; z-index: 60; width: 200px; max-height: 320px; overflow-y: auto; display: flex; flex-direction: column; gap: 2px;
  background: #1A1B1E; border: 1px solid rgba(255,255,255,.08); border-radius: 14px; padding: 6px; box-shadow: 0 16px 40px rgba(0,0,0,.55); }
body.sh-hf .acc-tag-menu .shs-opt { font-size: 13px; color: #EDEDED; min-height: 30px; }
body.sh-hf .acc-tag-menu .acc-tag-clear span { color: #8B8C92; }
body.sh-hf .acc-tag-add { display: flex; gap: 6px; padding: 4px; }
body.sh-hf .acc-tag-add input { flex: 1; min-width: 0; height: 28px; padding: 0 8px; border-radius: 8px; border: 1px solid #2E2F34; background: #141518; color: #F2F2F3; font-family: inherit; font-size: 12.5px; outline: none; }
body.sh-hf .acc-tag-add input:focus { border-color: #4A4B52; }
body.sh-hf .acc-tag-add button { height: 28px; padding: 0 10px; border-radius: 8px; border: none; background: #F2F2F3; color: #0E0F11; font-family: inherit; font-size: 12px; font-weight: 600; cursor: pointer; }
body.sh-hf .bmv-entity-bottom:has(.shp-tag) { flex-wrap: wrap; row-gap: 6px; }
body.sh-hf .bmv-entity-bottom .shp-tag { margin-left: 4px; }
/* Пополнение кабинетов (2026-10-20) */
.topup-sum { font-size: 13px; color: #C9CACF; margin-bottom: 10px; }
.topup-sum b { color: #F2F2F3; }
.topup-text { width: 100%; box-sizing: border-box; resize: vertical; min-height: 220px; padding: 10px 12px; border-radius: 10px; border: 1px solid #2E2F34; background: #141518; color: #F2F2F3; font: 12.5px/1.5 ui-monospace, SFMono-Regular, Menlo, monospace; }
.topup-hint { margin-top: 8px; font-size: 11.5px; color: #8B8C92; }

/* Колонки Cost / Events integration (2026-11-02) */
body.sh-2p .shp-acc { min-width: 920px; }
body.sh-2p .shp-acc-head, body.sh-2p .shp-acc-row, body.sh-2p .shp-acc-total { grid-template-columns: minmax(220px, 2fr) minmax(100px, .9fr) minmax(110px, .9fr) minmax(170px, 1.1fr) minmax(118px, .8fr) minmax(118px, .8fr); }
body.sh-2p .shp-int { display: inline-flex; align-items: center; gap: 6px; font-size: 12px; font-weight: 500; color: #C7C7C7; padding: 3px 9px; border-radius: 999px; background: #1C1C1F; border: 1px solid #2A2A2E; white-space: nowrap; }
body.sh-2p .shp-int-dot { width: 7px; height: 7px; border-radius: 50%; background: #6B6C72; flex-shrink: 0; }
body.sh-2p .shp-int.ok .shp-int-dot { background: #34D399; }
body.sh-2p .shp-int.warn { border-color: #5A4A1E; } body.sh-2p .shp-int.warn .shp-int-dot { background: #F5B942; }
body.sh-2p .shp-int.err { border-color: #5A2323; color: #F2B8B8; } body.sh-2p .shp-int.err .shp-int-dot { background: #F26464; }
body.sh-2p .shp-int.need { border-style: dashed; color: #8B8C92; }