/* ══════════════════════════════════════════════════════════════════
   Редизайн оболочки кабинета (18.10.2026, из демо crm-redesign-demo).
   Отдельным файлом поверх style.css, чтобы правку было легко откатить
   одной строкой <link> в index.html. Цвета — только токены.
   ══════════════════════════════════════════════════════════════════ */

/* ─── Логотип: «Уклонский / и Партнёры» вместо «УиП / Личный кабинет» ─── */
/* шрифт отдельными свойствами: шорткат font с var(--font,inherit) браузер отбрасывал целиком,
   и название шло тонким Inter вместо плотного Oswald (19.10.2026) */
.logo .brand.rd-brand{font-family:'Oswald',sans-serif;font-weight:600;font-size:15px;line-height:1.12;letter-spacing:.03em;text-transform:uppercase;color:var(--ink);white-space:normal}
.logo .brand.rd-brand+.sub{display:none}

/* ─── Чип пользователя внизу меню: фото и переход в «Мой кабинет» ─── */
.user-chip.rd-chip{display:grid;grid-template-columns:auto 1fr;column-gap:10px;row-gap:2px;align-items:center}
.user-chip.rd-chip .rd-ava{grid-row:1/3;width:34px;height:34px;border-radius:50%;flex:none;display:grid;place-items:center;
  background:var(--soft-gold);color:var(--ink-gold);font-size:12px;font-weight:600;background-size:cover;background-position:center}
.user-chip.rd-chip .uc-name,.user-chip.rd-chip .uc-role{grid-column:2;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.user-chip.rd-chip .uc-logout{grid-column:1/3}
.user-chip.rd-chip.rd-click .rd-ava,.user-chip.rd-chip.rd-click .uc-name,.user-chip.rd-chip.rd-click .uc-role{cursor:pointer}
.user-chip.rd-chip.rd-click:hover .uc-name{color:var(--gold)}
body.nav-collapsed .user-chip.rd-chip{display:flex;flex-direction:column;align-items:center}
body.nav-collapsed .user-chip.rd-chip .uc-name,body.nav-collapsed .user-chip.rd-chip .uc-role{white-space:normal;overflow:visible;text-overflow:clip;text-align:center;max-width:100%}
body.nav-collapsed .user-chip.rd-chip .rd-ava{width:30px;height:30px}

/* ─── Выпадающие списки: своя тонкая стрелка вместо системной ───
   Сам <select> остаётся на месте (код читает и пишет его как раньше), меняется только вид.
   Окно со списком на компьютере рисует js/56_rd-shell.js; на телефоне — родной выбор ОС. */
@media (pointer:fine){
  select:not([multiple]):not([size]):not([data-native]){
    -webkit-appearance:none;appearance:none;
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%238a8f98' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E")!important;
    background-repeat:no-repeat!important;background-position:right 9px center!important;background-size:14px 14px!important;
    padding-right:30px!important;cursor:pointer}
  select.rd-open{border-color:var(--gold)!important;box-shadow:0 0 0 3px var(--soft-gold)}
}
.rd-dd{position:fixed;z-index:3000;max-height:min(360px,60vh);overflow:auto;padding:5px;min-width:160px;
  background:var(--panel);border:1px solid var(--line);border-radius:12px;box-shadow:var(--sh-menu);
  font-family:inherit;animation:rdDdIn .14s ease-out}
@keyframes rdDdIn{from{opacity:0;transform:translateY(-4px)}}
.rd-dd-o{display:flex;align-items:center;justify-content:space-between;gap:14px;width:100%;padding:8px 10px;border:0;border-radius:8px;
  background:none;color:var(--ink);font:inherit;font-size:13px;text-align:left;white-space:nowrap;cursor:pointer}
.rd-dd-o:hover,.rd-dd-o.kb{background:var(--hover)}
.rd-dd-o.on{background:var(--soft-gold);color:var(--ink-gold);font-weight:600}
.rd-dd-o:disabled{opacity:.45;cursor:default}
.rd-dd-o svg{flex:none}
.rd-dd-g{padding:8px 10px 4px;font-size:10.5px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}

/* ─── Доска: поле «Поиск и фильтр» ровно, лупа линией вместо эмодзи ─── */
.pf-searchbox{min-height:36px}
.pf-searchbox .pf-searchico{flex:none;width:15px;height:15px;font-size:0;color:var(--muted);background:currentColor;
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='m20 20-3.5-3.5'/%3E%3C/svg%3E") center/contain no-repeat;
          mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='m20 20-3.5-3.5'/%3E%3C/svg%3E") center/contain no-repeat}
.pf-filt-on{flex:none;align-self:center;line-height:1.5}
.pf-filttog{flex:none;align-self:center}

/* ─── Миникарта столбцов: полупрозрачная плашка поверх доски, а не «невидимка» ─── */
.pf-minimap{padding:5px;border-radius:10px;opacity:.55;filter:none;
  background:color-mix(in srgb,var(--panel) 78%,transparent);
  -webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:var(--sh-pop)}
.pf-minimap .pf-mm-col.on{opacity:1!important;box-shadow:0 0 0 1.5px var(--panel),0 0 0 3px var(--mm-c,var(--gold))}
/* последняя карточка столбца не уходит под миникарту */
#platformBoard .pf-col{padding-bottom:46px}

/* ─── Плитки с цифрами: подписи в одну строку ─── */
.income-grid .it-lbl{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}