/* CTL CRM — слой поверх базовых стилей (подключается после Vite). Светлая тема, тёмно-синий бренд + синий акцент. */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap');

:root {
  --ctl-navy: #0f172a; --ctl-navy2: #1e293b; --ctl-accent: #2563eb; --ctl-accent-soft: #e8effe;
  --ctl-bg: #eef2f7; --ctl-surface: #ffffff; --ctl-surface2: #f8fafc; --ctl-row: #f1f5f9;
  --ctl-line: #e2e8f0; --ctl-line2: #cbd5e1; --ctl-muted: #64748b; --ctl-faint: #94a3b8;
  --ctl-bad: #dc2626; --ctl-bad-soft: #fef2f2;
}

body { background: var(--ctl-bg) !important; font-family: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif; color: var(--ctl-navy); }

/* ── Шапка: светлая ── */
.umc_nav { background: var(--ctl-surface) !important; border-bottom: 1px solid var(--ctl-line); box-shadow: 0 1px 3px rgba(15,23,42,.05) !important; padding: 10px 18px !important; }
.umc_nav .navbar-brand.ctl-brand { display: inline-flex; align-items: center; gap: 10px; font-weight: 800; font-size: 19px; letter-spacing: -.01em; color: var(--ctl-navy) !important; margin-right: 18px; }
.ctl-logo { width: 34px; height: 34px; border-radius: 9px; background: var(--ctl-navy); display: grid; place-items: center; flex: none; }
.ctl-logo svg { width: 19px; height: 19px; }

/* группы-кнопки (левое меню навбара) */
.umc_nav .navbar-nav.me-auto { gap: 8px; align-items: center; flex-wrap: wrap; }
.umc_nav .navbar-nav.me-auto > .nav-item > .nav-link,
.umc_nav .navbar-nav.me-auto > .nav-item > .nav-link.dropdown-toggle {
  border: 1px solid var(--ctl-line2); background: var(--ctl-surface); color: var(--ctl-navy2) !important;
  border-radius: 10px; padding: 9px 15px !important; font-weight: 600; font-size: 13.5px; white-space: nowrap;
  transition: all .13s; line-height: 1.1;
}
.umc_nav .navbar-nav.me-auto > .nav-item > .nav-link:hover { border-color: var(--ctl-accent); color: var(--ctl-accent) !important; }
.umc_nav .navbar-nav.me-auto > .nav-item > .nav-link.active { background: var(--ctl-navy); border-color: var(--ctl-navy); color: #fff !important; }
/* «Справочники» — синяя кнопка */
.umc_nav .navbar-nav.me-auto > .nav-item.dropdown:first-child > .nav-link { background: var(--ctl-accent) !important; border-color: var(--ctl-accent) !important; color: #fff !important; }
.umc_nav .navbar-nav.me-auto > .nav-item.dropdown:first-child > .nav-link:hover { filter: brightness(1.07); }
.umc_nav .nav_item { display: inline-flex !important; align-items: center; }

/* правый край (иконка пользователя) — без рамки */
.umc_nav .navbar-nav.ms-auto > .nav-item > .nav-link { border: none !important; background: transparent !important; padding: 4px 8px !important; }
.umc_nav .user_nav { font-size: 26px; color: var(--ctl-navy2); }

/* выпадающие меню */
.umc_nav .dropdown-menu { border: 1px solid var(--ctl-line); border-radius: 12px; box-shadow: 0 10px 30px rgba(15,23,42,.10); padding: 6px; }
.umc_nav .dropdown-item { border-radius: 8px; font-size: 13.5px; padding: 8px 12px; }
.umc_nav .dropdown-item.active, .umc_nav .dropdown-item:active { background: var(--ctl-accent); }

/* шестерёнка режима редактирования */
.show_hide_controls { right: 18px; }

/* ── Заголовок страницы ── */
.page_title { font-weight: 800 !important; letter-spacing: -.01em; }
.btn_add_record, .btn.copy_records, .btn_edit, .btn_flag, .btn_cancel, .btn_delete_records { border: 1px solid var(--ctl-line2) !important; border-radius: 10px !important; width: 40px; height: 40px; }
.btn_add_record { background: var(--ctl-accent) !important; border-color: var(--ctl-accent) !important; color: #fff !important; }

/* ── Рабочая область: сайдбар + контент ── */
.ctl-work { display: flex; align-items: flex-start; gap: 16px; }
.ctl-maincol { flex: 1 1 auto; min-width: 0; }
.ctl-side { width: 248px; flex: none; background: var(--ctl-surface); border: 1px solid var(--ctl-line); border-radius: 14px; padding: 14px 12px; }
.ctl-side-h { font-size: 12px; letter-spacing: .08em; text-transform: uppercase; color: var(--ctl-faint); font-weight: 700; padding: 2px 8px 12px; }
.ctl-st { display: flex; align-items: center; gap: 10px; padding: 9px 10px; border-radius: 9px; margin-bottom: 3px; text-decoration: none !important; transition: background .12s; }
.ctl-st:hover { background: var(--ctl-surface2); }
.ctl-st.on { background: var(--ctl-accent-soft); }
.ctl-dot { width: 12px; height: 12px; border-radius: 4px; border: 1px solid rgba(15,23,42,.18); flex: none; }
.ctl-dot-all { background: linear-gradient(135deg, var(--ctl-accent), #60a5fa); border-color: transparent; }
.ctl-st-nm { flex: 1; min-width: 0; font-size: 13.5px; font-weight: 500; color: var(--ctl-navy2); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.ctl-st.on .ctl-st-nm, .ctl-st-all .ctl-st-nm { font-weight: 700; }
.ctl-st-cnt { font-family: "Inter", monospace; font-size: 12.5px; font-weight: 700; color: var(--ctl-muted); background: var(--ctl-surface2); border: 1px solid var(--ctl-line); border-radius: 999px; min-width: 28px; text-align: center; padding: 2px 8px; }
.ctl-st.on .ctl-st-cnt { background: #fff; color: var(--ctl-accent); border-color: #c7dbfd; }
.ctl-st-all { border-bottom: 1px solid var(--ctl-line); border-radius: 9px; margin-bottom: 8px; padding-bottom: 12px; }
.ctl-st.z .ctl-st-nm, .ctl-st.z .ctl-st-cnt { color: var(--ctl-faint); }
@media (max-width: 900px) { .ctl-work { display: block; } .ctl-side { display: none; } }

/* ── Таблица ── */
.records_list { border: 1px solid var(--ctl-line) !important; border-radius: 14px !important; overflow: hidden; background: var(--ctl-surface); --bs-table-striped-bg: var(--ctl-row); }
.records_list thead th { background: var(--ctl-surface2) !important; color: var(--ctl-navy2) !important; font-weight: 700; font-size: 12.5px; padding: 15px 4px !important; border-bottom: 1px solid var(--ctl-line2) !important; border-color: var(--ctl-line) !important; vertical-align: middle; }
.records_list tbody td { padding: 15px 4px !important; border-color: var(--ctl-line) !important; vertical-align: middle; }
.records_list tbody tr:hover > * { background: var(--ctl-accent-soft) !important; }
.table_names { display: flex; align-items: center; gap: 6px; }

/* поиск/кнопки тулбара — скругление */
.page_content .form-control, .page_content .btn, #records_list ~ * .btn { border-radius: 10px; }

/* кнопки CTL-палитры (сохраняем цвета bootstrap, но мягче) */
.btn-primary { background: var(--ctl-accent) !important; border-color: var(--ctl-accent) !important; }

/* ── Панель действий: корзина слева от группы, всё прижато вправо ── */
.page_buttons { display: flex; align-items: center; gap: 8px; justify-content: flex-end; }
.page_buttons .btn_delete_records { order: -1; margin-right: 16px !important; background: var(--ctl-bad-soft) !important; border-color: #fecaca !important; color: var(--ctl-bad) !important; }
.page_buttons .btn_delete_records:hover { background: var(--ctl-bad) !important; border-color: var(--ctl-bad) !important; color: #fff !important; }

/* ── Модалка удаления с ползунком-защитой ── */
.ctl-ov { position: fixed; inset: 0; background: rgba(15,23,42,.45); backdrop-filter: blur(2px); display: none; place-items: center; z-index: 3000; padding: 16px; }
.ctl-ov.on { display: grid; }
.ctl-modal { width: 100%; max-width: 440px; background: #fff; border: 1px solid var(--ctl-line); border-radius: 18px; box-shadow: 0 24px 60px rgba(15,23,42,.28); overflow: hidden; font-family: "Inter", system-ui, sans-serif; }
.ctl-mh { display: flex; align-items: center; gap: 12px; padding: 20px 22px 0; }
.ctl-mi { width: 42px; height: 42px; border-radius: 11px; background: var(--ctl-bad-soft); color: var(--ctl-bad); display: grid; place-items: center; font-size: 20px; flex: none; }
.ctl-mh h3 { margin: 0; font-size: 17px; font-weight: 700; color: var(--ctl-navy); }
.ctl-mb { padding: 14px 22px 22px; }
.ctl-mb p { margin: 0 0 18px; color: var(--ctl-muted); font-size: 14px; }
.ctl-mb p b { color: var(--ctl-navy); }
.ctl-slide { position: relative; height: 52px; border-radius: 12px; background: #f1f5f9; border: 1px solid var(--ctl-line2); overflow: hidden; user-select: none; touch-action: none; }
.ctl-slide .ctl-fill { position: absolute; inset: 0; width: 52px; background: linear-gradient(90deg,#fecaca,#fca5a5); border-radius: 12px; }
.ctl-slide .ctl-lbl { position: absolute; inset: 0; display: grid; place-items: center; font-size: 13.5px; font-weight: 600; color: var(--ctl-muted); pointer-events: none; }
.ctl-slide .ctl-handle { position: absolute; top: 3px; left: 3px; width: 46px; height: 44px; border-radius: 9px; background: var(--ctl-bad); color: #fff; display: grid; place-items: center; font-size: 20px; cursor: grab; box-shadow: 0 2px 6px rgba(220,38,38,.4); }
.ctl-slide .ctl-handle:active { cursor: grabbing; }
.ctl-slide.done .ctl-handle { background: #16a34a; box-shadow: none; }
.ctl-slide.done .ctl-fill { background: #dcfce7; }
.ctl-slide.done .ctl-lbl { color: #16a34a; }
.ctl-confirm { display: none; gap: 10px; margin-top: 16px; }
.ctl-confirm.on { display: flex; }
.ctl-confirm .cbtn { flex: 1; font: inherit; font-weight: 700; font-size: 14.5px; cursor: pointer; border: 1px solid transparent; border-radius: 11px; padding: 12px; font-family: "Inter", system-ui, sans-serif; }
.ctl-confirm .cno { background: #fff; border-color: var(--ctl-line2); color: var(--ctl-navy2); }
.ctl-confirm .cno:hover { background: #f1f5f9; }
.ctl-confirm .cyes { background: var(--ctl-bad); color: #fff; }
.ctl-confirm .cyes:hover { filter: brightness(1.05); }

/* ── Кнопка цены ($) ── */
.ctl-money-wrap{margin-left:14px}
.ctl-money-btn{font:inherit;font-weight:700;font-size:13.5px;cursor:pointer;display:inline-flex;align-items:center;gap:7px;background:#fff;border:1px solid var(--ctl-line);color:var(--ctl-faint);border-radius:10px;padding:0 15px;height:37px;box-shadow:0 1px 2px rgba(15,23,42,.06)}
.ctl-money-btn:hover{background:#f8fafc;color:var(--ctl-muted);border-color:var(--ctl-line2)}
.ctl-money-btn .d{font-size:16px;font-weight:800}

/* ── Дашборд дохода ── */
.ctl-dash{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 16px;align-items:stretch}
.ctl-tile{background:#fff;border:1px solid var(--ctl-line);border-radius:11px;padding:9px 13px;display:flex;flex-direction:column;gap:2px;justify-content:center}
.ctl-tlbl{font-size:10.5px;letter-spacing:.03em;text-transform:uppercase;color:var(--ctl-faint);font-weight:700;display:flex;align-items:center;gap:6px;white-space:nowrap}
.ctl-tdot{width:8px;height:8px;border-radius:2px;flex:none;border:1px solid rgba(15,23,42,.12)}
.ctl-tval{font-family:"Inter",monospace;font-size:18px;font-weight:800;letter-spacing:-.02em;white-space:nowrap;color:var(--ctl-navy)}
.ctl-tval small{font-family:"Inter";font-size:11.5px;font-weight:600;color:var(--ctl-muted)}
.ctl-tile.income{background:linear-gradient(135deg,#065f46,#047857);border-color:transparent}
.ctl-tile.income .ctl-tlbl{color:rgba(255,255,255,.82)}
.ctl-tile.income .ctl-tval{color:#fff;font-size:21px}
.ctl-thint{font-size:10px;margin-top:1px;color:rgba(255,255,255,.8)}
.ctl-tile.ctl-mini{flex-direction:row;gap:18px;padding:8px 14px}
.ctl-mcol{display:flex;flex-direction:column;gap:1px;font-size:11.5px}
.ctl-mh{font-size:9.5px;letter-spacing:.04em;text-transform:uppercase;color:var(--ctl-faint);font-weight:700;margin-bottom:2px}
.ctl-mr{display:flex;justify-content:space-between;gap:12px;white-space:nowrap}
.ctl-mn{max-width:150px;overflow:hidden;text-overflow:ellipsis}
.ctl-mv b{font-family:"Inter",monospace}
.ctl-mc{color:var(--ctl-faint)}
.ctl-prices-note{display:flex;align-items:center;gap:7px;font-size:12px;color:var(--ctl-muted);background:#fff;border:1px dashed var(--ctl-line2);border-radius:11px;padding:0 13px;white-space:nowrap}
.ctl-prices-note b{color:var(--ctl-navy);font-family:"Inter",monospace}

/* ── Модалка цен ── */
.ctl-pov{position:fixed;inset:0;background:rgba(15,23,42,.45);backdrop-filter:blur(2px);display:none;place-items:center;z-index:3000;padding:16px}
.ctl-pov.on{display:grid}
.ctl-pmodal{width:100%;max-width:420px;background:#fff;border:1px solid var(--ctl-line);border-radius:18px;box-shadow:0 24px 60px rgba(15,23,42,.28);overflow:hidden;font-family:"Inter",system-ui,sans-serif}
.ctl-pmh{display:flex;align-items:center;gap:12px;padding:20px 22px 0}
.ctl-pmi{width:42px;height:42px;border-radius:11px;background:#fef2f2;color:#b91c1c;display:grid;place-items:center;font-size:21px;font-weight:800;flex:none}
.ctl-pmh h3{margin:0;font-size:17px;font-weight:700;color:var(--ctl-navy)}
.ctl-psub{font-size:12.5px;color:var(--ctl-muted)}
.ctl-pmb{padding:16px 22px 22px;display:grid;gap:14px}
.ctl-pfld{display:grid;gap:6px}
.ctl-pfld label{font-size:13px;font-weight:600;color:var(--ctl-navy2)}
.ctl-pin{display:flex;align-items:center;border:1px solid var(--ctl-line2);border-radius:10px;overflow:hidden}
.ctl-pin span{padding:10px 12px;background:#f8fafc;color:var(--ctl-muted);font-weight:700;border-right:1px solid var(--ctl-line2)}
.ctl-pin input{flex:1;border:none;outline:none;padding:10px 12px;font:inherit;font-size:15px;font-family:"Inter",monospace;min-width:0}
.ctl-phint{font-size:11.5px;color:var(--ctl-faint)}
.ctl-pnote{font-size:12px;color:var(--ctl-muted);background:#f8fafc;border-radius:9px;padding:9px 11px}
.ctl-pfoot{display:flex;gap:10px;padding:0 22px 22px}
.ctl-pfoot .btn{flex:1;padding:12px;font-size:14.5px;border-radius:11px}
/* модалка цен: две колонки */
.ctl-pmodal.ctl-pwide{max-width:560px}
.ctl-pcols{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.ctl-pcol{display:grid;gap:12px;align-content:start}
.ctl-pcol-h{font-size:13px;font-weight:700;color:var(--ctl-navy)}
.ctl-pcol-h span{font-weight:500;color:var(--ctl-faint);font-size:11.5px}
@media(max-width:560px){.ctl-pcols{grid-template-columns:1fr}}
/* левый блок статусов — закреплён при прокрутке */
.ctl-side{position:sticky;top:12px;align-self:flex-start;max-height:calc(100vh - 24px);overflow-y:auto}
/* выравнивание заголовков колонок в модалке цен */
.ctl-pcol-h{min-height:42px;line-height:1.35}

/* ═══ Новая админка: Группы, права и меню ═══ */
.ctl-admin-split{display:grid;grid-template-columns:300px 1fr;gap:16px;align-items:start}
@media(max-width:820px){.ctl-admin-split{grid-template-columns:1fr}}
.ctl-ad-card{background:#fff;border:1px solid var(--ctl-line);border-radius:14px}
.ctl-ad-card-h{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:13px 15px;border-bottom:1px solid var(--ctl-line)}
.ctl-ad-card-h h4{margin:0;font-size:14px;font-weight:700}
.ctl-ad-card-b{padding:10px}
.ctl-ad-list{display:flex;flex-direction:column;gap:3px;max-height:calc(100vh - 220px);overflow:auto}
.ctl-ad-item{display:flex;align-items:center;gap:10px;padding:9px 11px;border-radius:9px;cursor:pointer;border:1px solid transparent}
.ctl-ad-item:hover{background:var(--ctl-surface2)}
.ctl-ad-item.on{background:var(--ctl-accent-soft);border-color:#c7dbfd}
.ctl-ad-nm{flex:1;min-width:0;font-weight:600;font-size:13.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--ctl-navy2)}
.ctl-ad-item.on .ctl-ad-nm{color:var(--ctl-accent)}
.ctl-ad-tag{font-family:"Inter",monospace;font-size:11px;color:var(--ctl-muted);background:var(--ctl-surface2);border:1px solid var(--ctl-line);border-radius:999px;min-width:24px;text-align:center;padding:2px 7px}

.ctl-ad-head{display:flex;align-items:center;gap:12px;padding:16px 18px;border-bottom:1px solid var(--ctl-line)}
.ctl-ad-t{font-size:18px;font-weight:800}
.ctl-ad-u{font-family:"Inter",monospace;font-size:12.5px;color:var(--ctl-muted);background:var(--ctl-surface2);border:1px solid var(--ctl-line);border-radius:7px;padding:3px 9px}
.ctl-ad-acts{margin-left:auto;display:flex;gap:7px}
.ctl-ad-ib{width:34px;height:34px;border-radius:9px;border:1px solid var(--ctl-line2);background:#fff;color:var(--ctl-navy2);cursor:pointer}
.ctl-ad-ib:hover{border-color:var(--ctl-accent);color:var(--ctl-accent)}
.ctl-ad-ib.del:hover{border-color:#dc2626;color:#dc2626}
.ctl-ad-tabs{display:flex;gap:6px;padding:12px 18px 0}
.ctl-ad-tab{font:inherit;font-weight:600;font-size:13px;cursor:pointer;border:none;background:transparent;color:var(--ctl-muted);padding:8px 12px;border-radius:9px 9px 0 0;border-bottom:2px solid transparent}
.ctl-ad-tab.on{color:var(--ctl-accent);border-bottom-color:var(--ctl-accent)}
.ctl-ad-pane{display:none;padding:14px 18px 20px}.ctl-ad-pane.on{display:block}
.ctl-ad-hint{color:var(--ctl-faint);font-size:12px;margin-top:10px}

.ctl-ad-table{width:100%;border-collapse:collapse;font-size:13.5px}
.ctl-ad-table th{text-align:left;font-size:11px;font-weight:700;color:var(--ctl-muted);text-transform:uppercase;letter-spacing:.03em;padding:8px 10px;border-bottom:1px solid var(--ctl-line2)}
.ctl-ad-table td{padding:9px 10px;border-bottom:1px solid var(--ctl-line);vertical-align:middle}
.ctl-ad-table tr:last-child td{border-bottom:none}
.ctl-ad-table .uname{font-family:"Inter",monospace;font-size:12px;color:var(--ctl-muted)}
.ctl-ad-table .ftype{font-size:12px;color:var(--ctl-navy2);background:var(--ctl-surface2);border:1px solid var(--ctl-line);border-radius:6px;padding:2px 8px}
.ctl-ad-table .req{color:#dc2626;font-weight:700}
.rowacts{display:flex;gap:6px;justify-content:flex-end}
.ctl-mib{width:28px;height:28px;border-radius:7px;border:1px solid var(--ctl-line2);background:#fff;color:var(--ctl-navy2);cursor:pointer;font-size:12px}
.ctl-mib:hover{border-color:var(--ctl-accent);color:var(--ctl-accent)}
.ctl-mib.del:hover{border-color:#dc2626;color:#dc2626}

/* права: группы + поля */
.permg{border:1px solid var(--ctl-line);border-radius:10px;margin-bottom:8px;overflow:hidden}
.permg-h{display:flex;align-items:center;gap:10px;padding:10px 12px;cursor:pointer;background:var(--ctl-surface2)}
.permg-h:hover{background:#eef2f7}
.permg .caret{color:var(--ctl-faint);transition:transform .15s;font-size:11px}
.permg.open .caret{transform:rotate(90deg)}
.permg-nm{font-weight:700;font-size:13.5px;flex:1;min-width:0}
.permg-ck{display:flex;gap:14px;flex-wrap:wrap}
.minick{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:var(--ctl-navy2);cursor:pointer;white-space:nowrap}
.minick input{margin:0}
.permg-b{display:none;padding:8px 12px 10px}
.permg.open .permg-b{display:block}
.fphead,.fprow{display:grid;grid-template-columns:1fr 70px 70px;gap:6px;align-items:center}
.fphead{font-size:10.5px;text-transform:uppercase;letter-spacing:.03em;color:var(--ctl-faint);font-weight:700;padding:4px 0;border-bottom:1px solid var(--ctl-line)}
.fphead span:not(:first-child){text-align:center}
.fprow{padding:6px 0;border-bottom:1px solid var(--ctl-line);font-size:13px}
.fprow:last-child{border-bottom:none}
.fpn{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.fpc{display:flex;justify-content:center}.fpc input{margin:0}

.ctl-mitem{display:flex;align-items:center;gap:10px;padding:10px 12px;border:1px solid var(--ctl-line);border-radius:10px;margin-bottom:8px;background:var(--ctl-surface2)}
.ctl-mn{font-weight:600}
.ctl-pill{font-size:11.5px;border-radius:999px;padding:2px 9px;font-weight:600}
.ctl-pill.dir{background:#ede9fe;color:#6d28d9}.ctl-pill.btn{background:var(--ctl-accent-soft);color:var(--ctl-accent)}
/* страница «Порядок меню» */
.ctl-ad-grp-lbl{font-size:10.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--ctl-faint);font-weight:700;padding:10px 8px 5px}
.ctl-drag{color:var(--ctl-faint);cursor:grab;font-size:15px;line-height:1;user-select:none}
.ctl-drag:active{cursor:grabbing}
.ctl-ad-item.ui-sortable-helper{background:#fff;box-shadow:0 8px 24px rgba(15,23,42,.15)}
/* формы (пользователи и пр.) */
.uform{display:grid;grid-template-columns:1fr 1fr;gap:14px}
@media(max-width:640px){.uform{grid-template-columns:1fr}}
.ufld{display:grid;gap:6px;font-size:12.5px;color:var(--ctl-muted);font-weight:600}
.ctl-user-form .inp,.ufld .inp{width:100%;font:inherit;font-size:14px;font-weight:400;color:var(--ctl-navy);padding:9px 12px;border:1px solid var(--ctl-line2);border-radius:9px;background:#fff}
.ctl-user-form .inp:focus,.ufld .inp:focus{outline:none;border-color:var(--ctl-accent)}


/* стр.2 «Порядок меню» — управление столбцами (видимость + порядок) */
.ctl-col-row{display:flex;align-items:center;gap:10px}
.ctl-col-row .ctl-col-ck{margin:0;display:inline-flex;align-items:center;cursor:pointer}
.ctl-col-row .ctl-ad-nm{flex:1}
.ctl-col-type{font-size:11px;color:var(--ctl-faint);background:#eef2f7;border-radius:6px;padding:1px 7px;white-space:nowrap}
.ctl-col-drag{cursor:grab}
.ctl-col-row:not(:has(.ctl-col-on:checked)) .ctl-ad-nm{color:var(--ctl-faint)}

/* дашборд: плитки заполняют ширину строки, без пустого «хвоста» справа */
.ctl-dash>.ctl-tile:not(.income):not(.ctl-mini){flex:1 1 auto;min-width:118px}
.ctl-dash>.ctl-tile.ctl-mini{flex:2 1 280px}
.ctl-dash>.ctl-prices-note{flex:1 1 100%;justify-content:flex-start}

/* ═══ Модуль Партнёры/Клиенты ═══ */
.pc-seg{display:flex;gap:10px;margin:0 0 16px;flex-wrap:wrap}
.pc-seg a{display:flex;align-items:center;gap:9px;border:1px solid var(--ctl-line2);background:#fff;border-radius:12px;padding:10px 18px;font-size:15px;font-weight:700;color:var(--ctl-navy2);text-decoration:none}
.pc-seg a .c{font-size:12px;font-weight:700;color:var(--ctl-muted);background:var(--ctl-surface2);border-radius:999px;padding:1px 9px}
.pc-seg a.on{background:var(--ctl-navy);color:#fff;border-color:var(--ctl-navy)}
.pc-seg a.on .c{background:rgba(255,255,255,.2);color:#fff}
.pc-md{display:grid;grid-template-columns:300px 1fr;gap:16px;align-items:start}
.pc-panel{background:#fff;border:1px solid var(--ctl-line);border-radius:14px;overflow:hidden}
.pc-ph{display:flex;align-items:center;gap:10px;padding:13px 15px;border-bottom:1px solid var(--ctl-line)}
.pc-ph h3{margin:0;font-size:14px;font-weight:700}
.pc-ph .add{margin-left:auto;border:none;background:#2563eb;color:#fff;border-radius:8px;padding:6px 11px;font:inherit;font-size:12.5px;font-weight:600;cursor:pointer}
.pc-srch{margin:12px 15px 6px;display:block;width:calc(100% - 30px);border:1px solid var(--ctl-line2);border-radius:9px;padding:8px 11px;font:inherit;font-size:13px}
.pc-list{padding:4px 8px 10px;max-height:72vh;overflow:auto}
.pc-item{display:flex;align-items:center;gap:10px;padding:10px 11px;border-radius:9px;cursor:pointer}
.pc-item:hover{background:var(--ctl-surface)}
.pc-item.on{background:#eff6ff;border:1px solid #bfdbfe}
.pc-item .nm{flex:1;font-weight:600}
.pc-item .mini{font-size:11px;color:var(--ctl-faint);background:var(--ctl-surface2);border:1px solid var(--ctl-line);border-radius:999px;padding:1px 8px}
.pc-dh{display:flex;align-items:center;gap:12px;padding:16px 18px;border-bottom:1px solid var(--ctl-line)}
.pc-dh .av{width:40px;height:40px;border-radius:11px;background:#eff6ff;color:#2563eb;display:grid;place-items:center;font-weight:800;font-size:17px}
.pc-dh .t{font-size:17px;font-weight:800}
.pc-dh .st{font-size:11px;font-weight:700;border-radius:999px;padding:2px 9px}
.pc-st-a{color:#059669;background:#ecfdf5;border:1px solid #a7f3d0}
.pc-st-p{color:#b45309;background:#fffbeb;border:1px solid #fde68a}
.pc-dh .pc-ib{margin-left:auto;border:1px solid var(--ctl-line2);background:#fff;border-radius:8px;width:32px;height:32px;cursor:pointer;color:var(--ctl-muted)}
.pc-card{border:1px solid var(--ctl-line);border-radius:12px;margin:14px 18px}
.pc-cardh{display:flex;align-items:center;gap:10px;padding:12px 14px;cursor:pointer;user-select:none}
.pc-cardh .ic{width:26px;height:26px;border-radius:7px;background:var(--ctl-surface2);display:grid;place-items:center;font-size:14px}
.pc-cardh .ct{font-weight:700;font-size:13.5px}
.pc-cardh .sub{font-size:12px;color:var(--ctl-faint);margin-left:4px;font-weight:500}
.pc-cardh .car{margin-left:auto;color:var(--ctl-faint);transition:.15s}
.pc-card.open .car{transform:rotate(90deg)}
.pc-cardb{display:none;padding:10px 14px 15px;border-top:1px solid var(--ctl-line)}
.pc-card.open .pc-cardb{display:block}
.pc-grid2{display:grid;grid-template-columns:1fr 1fr;gap:10px 16px}
.pc-fld{display:flex;flex-direction:column;gap:3px}
.pc-fld label{font-size:11px;color:var(--ctl-faint);font-weight:600;text-transform:uppercase;letter-spacing:.03em}
.pc-inp{border:1px solid var(--ctl-line2);border-radius:8px;padding:7px 10px;font:inherit;font-size:13.5px;width:100%}
.pc-tbl{width:100%;border-collapse:collapse;margin-top:4px}
.pc-tbl th{font-size:10.5px;text-transform:uppercase;letter-spacing:.03em;color:var(--ctl-faint);font-weight:700;text-align:left;padding:6px 8px;border-bottom:1px solid var(--ctl-line)}
.pc-tbl td{padding:8px;border-bottom:1px solid var(--ctl-surface2);font-size:13.5px}
.pc-mono{font-family:"Inter",monospace}
.pc-vrow{display:flex;align-items:center;gap:10px;padding:9px 10px;border:1px solid var(--ctl-line);border-radius:9px;margin-bottom:7px;flex-wrap:wrap}
.pc-vrow .g{flex:1;font-weight:600}
.pc-vrow .cnt{font-size:11.5px;color:var(--ctl-muted)}
.pc-sw{position:relative;display:inline-block;width:38px;height:22px;flex:none}
.pc-sw input{opacity:0;width:0;height:0}
.pc-sl{position:absolute;inset:0;background:var(--ctl-line2);border-radius:999px;transition:.15s;cursor:pointer}
.pc-sl:before{content:"";position:absolute;height:16px;width:16px;left:3px;top:3px;background:#fff;border-radius:50%;transition:.15s}
.pc-sw input:checked+.pc-sl{background:#2563eb}
.pc-sw input:checked+.pc-sl:before{transform:translateX(16px)}
.pc-flds{flex-basis:100%;display:none;margin-top:8px;padding-top:8px;border-top:1px dashed var(--ctl-line);grid-template-columns:1fr 1fr 1fr;gap:4px 12px}
.pc-vrow.cfg .pc-flds{display:grid}
.pc-flds label{display:flex;align-items:center;gap:6px;font-size:12.5px}
.pc-btn{border:none;border-radius:9px;padding:8px 14px;font:inherit;font-size:13px;font-weight:600;cursor:pointer}
.pc-btn.pri{background:#2563eb;color:#fff}
.pc-btn.gho{background:#fff;border:1px solid var(--ctl-line2);color:var(--ctl-navy2)}
.pc-note{font-size:12px;color:var(--ctl-muted);background:var(--ctl-surface);border-radius:9px;padding:9px 11px;margin-top:8px}
.pc-soon{font-size:10.5px;font-weight:700;color:#b45309;background:#fffbeb;border:1px solid #fde68a;border-radius:999px;padding:1px 8px}
@media(max-width:800px){.pc-md{grid-template-columns:1fr}.pc-grid2{grid-template-columns:1fr}}


/* режим редактирования меню в навбаре — видимые контролы (были белые/прозрачные) */
.umc_nav .controls_admin_items .dropdown-toggle,
.umc_nav .coltrol_field .fa,
.umc_nav .nav-item.controls_admin_items .nav-link.add_menu_item .fa { color: var(--ctl-muted) !important; cursor: pointer; }
.umc_nav .controls_admin_items .dropdown-toggle:hover,
.umc_nav .coltrol_field .fa:hover,
.umc_nav .nav-item.controls_admin_items .nav-link.add_menu_item:hover .fa { color: var(--ctl-accent) !important; }
.umc_nav .nav_item .coltrol_field { margin-left: 5px; display: inline-flex; align-items: center; }

/* --- маркировка строк флажком: цвет поверх striped/hover (CTL) --- */
.records_list tbody tr.alert-primary > * { background: #dbeafe !important; }
.records_list tbody tr.alert-success > * { background: #dcfce7 !important; }
.records_list tbody tr.alert-danger  > * { background: #fee2e2 !important; }
.records_list tbody tr.alert-warning > * { background: #fef9c3 !important; }
.records_list tbody tr.alert-dark    > * { background: #e2e8f0 !important; }
.records_list tbody tr.alert-primary:hover > * { background: #c7dbfd !important; }
.records_list tbody tr.alert-success:hover > * { background: #bbf7d0 !important; }
.records_list tbody tr.alert-danger:hover  > * { background: #fecaca !important; }
.records_list tbody tr.alert-warning:hover > * { background: #fef08a !important; }
.records_list tbody tr.alert-dark:hover    > * { background: #cbd5e1 !important; }

/* флажок: убрать inset-тень полосатости/hover, которая перекрывала фон */
.records_list tbody tr[class*="alert-"] > * { box-shadow: none !important; }

/* ── Тулбар шапки: flex вместо float + центровка кнопок посредине ── */
.page_header { display: flex !important; align-items: center; justify-content: space-between; gap: 12px 16px; flex-wrap: wrap; }
.page_header .page_title { float: none !important; margin: 0; }
.page_header .page_buttons { float: none !important; }
.page_buttons { display: flex !important; align-items: center !important; gap: 8px; flex-wrap: nowrap; }
.page_buttons .btn { display: inline-flex !important; align-items: center; justify-content: center; padding: 0 !important; line-height: 1 !important; box-sizing: border-box !important; flex: 0 0 auto; }
.page_buttons .btn .fa { line-height: 1; margin: 0; vertical-align: middle; }

/* ── Компактная форма записи «Создать/Изменить» (раскладка: метки слева, 2 колонки) ── */
#record_form .modal-dialog { max-width: 744px; }
#record_form .modal-content { background: #eef1f5 !important; border: 1px solid var(--ctl-line); border-radius: 14px; }
#record_form .modal-header, #record_form .modal-footer { background: transparent; border-color: var(--ctl-line) !important; padding: 11px 16px; }
#record_form .modal-title { font-size: 15px; font-weight: 800; }
#record_form .modal-body { display: grid; grid-template-columns: 1fr 1fr; gap: 3px 18px; padding: 13px 16px; }
#record_form .modal-body > h5 { grid-column: 1/-1; font-size: 12px; font-weight: 700; color: var(--ctl-navy2); margin: 4px 0 0; text-transform: uppercase; letter-spacing: .04em; }
#record_form .modal-body > hr { grid-column: 1/-1; margin: 6px 0; border-color: var(--ctl-line); }
#record_form .modal-body > .row.mb-3 { margin: 0 !important; --bs-gutter-x: 0; display: grid; grid-template-columns: 120px 1fr; align-items: center; gap: 8px; }
#record_form .modal-body > .row.mb-3:has(textarea) { grid-column: 1/-1; align-items: start; }
#record_form .modal-body > .row.mb-3 > label { width: auto; max-width: none; flex: none; text-align: right; font-size: 11.5px; line-height: 1.2; color: var(--ctl-muted); padding: 0; margin: 0; }
#record_form .modal-body > .row.mb-3 > [class*="col-"] { width: auto; max-width: none; flex: none; padding: 0; }
#record_form .form-control { height: 30px; padding: 4px 8px; font-size: 12.5px; border-radius: 7px; background: #fff; }
#record_form textarea.form-control { height: auto; min-height: 46px; }
#record_form .rf-datecol { display: flex; gap: 4px; }
#record_form .rf-today { border: 1px solid #059669; background: #ecfdf5; color: #059669; font: inherit; font-weight: 600; font-size: 11px; border-radius: 7px; padding: 0 9px; height: 30px; cursor: pointer; white-space: nowrap; }
#record_form .rf-today:hover { background: #059669; color: #fff; }
@media (max-width: 640px) { #record_form .modal-dialog { max-width: none; } #record_form .modal-body { grid-template-columns: 1fr; } }

/* форма записи: появление ниже */
#record_form .modal-dialog { margin: 7vh auto 2rem; }

/* форма записи: по центру экрана (вертикально) */
#record_form .modal-dialog { margin: 1.75rem auto; min-height: calc(100% - 3.5rem); display: flex; align-items: center; }
#record_form .modal-content { width: 100%; }

/* CTL: пикер слотов «Адрес размещения 2» */
.slot-load{color:var(--ctl-faint);font-size:12.5px;padding:6px 2px}
.sp-seg{margin-bottom:12px}
.sp-lab{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.03em;color:var(--ctl-faint);margin-bottom:6px}
.sp-idrow{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:9px}
.sp-id{font:inherit;font-size:12px;font-weight:600;border:1px solid var(--ctl-line2);background:var(--ctl-surface);color:var(--ctl-navy2);border-radius:9px;padding:6px 12px;cursor:pointer}
.sp-id:hover{border-color:var(--ctl-accent);color:var(--ctl-accent)}
.sp-id.cur{background:var(--ctl-surface2);border-color:var(--ctl-line2);color:var(--ctl-navy);box-shadow:inset 0 -2px 0 var(--ctl-faint)}
.sp-id.has{background:var(--ctl-accent-soft);border-color:var(--ctl-accent);color:var(--ctl-accent)}
.sp-hint{font-size:11.5px;color:var(--ctl-muted);margin-bottom:10px}
.sp-warn{color:var(--ctl-bad);font-weight:600;font-size:12px}
.sp-cnt{font-size:10px;opacity:.7}
.sp-slots{display:grid;grid-template-columns:repeat(auto-fill,minmax(56px,1fr));gap:5px}
.sp-slot{font:inherit;font-size:11.5px;font-weight:600;font-variant-numeric:tabular-nums;text-align:center;border:1px solid var(--ctl-line2);background:var(--ctl-surface);color:var(--ctl-navy2);border-radius:7px;padding:6px 2px;cursor:pointer}
.sp-slot:hover{border-color:var(--ctl-accent);background:var(--ctl-accent-soft)}
.sp-slot.on{background:var(--ctl-accent);border-color:var(--ctl-accent);color:#fff}
.sp-empty{color:var(--ctl-faint);font-size:12px;padding:4px 2px}
.sp-res{margin-top:8px;font-size:12.5px;color:var(--ctl-muted);border-top:1px dashed var(--ctl-line2);padding-top:9px}
.sp-res b{font-size:15px;font-variant-numeric:tabular-nums;color:var(--ctl-accent)}

/* CTL: поиск smb / gtw вместо поля «Поиск» */
.ctl-ss{position:relative;display:inline-flex !important;gap:6px;align-items:center;vertical-align:top}
.ctl-ss-btn{font:inherit;font-weight:700;font-size:13px;cursor:pointer;width:48px;height:37px;display:inline-flex;align-items:center;justify-content:center;background:rgba(255,255,255,.55);border:1px solid var(--ctl-line);color:var(--ctl-faint);border-radius:10px;box-shadow:0 1px 2px rgba(15,23,42,.06)}
.ctl-ss-btn:hover{background:#fff;color:var(--ctl-accent);border-color:var(--ctl-accent)}
.ctl-ss-cur{font-family:monospace;font-size:12.5px;color:var(--ctl-accent);background:var(--ctl-accent-soft);border-radius:8px;padding:5px 9px}
.ctl-ss-pop{position:absolute;top:44px;left:0;z-index:60;width:min(560px,92vw);background:#fff;border:1px solid var(--ctl-line);border-radius:12px;box-shadow:0 12px 30px rgba(15,23,42,.18);padding:12px 14px}
.ctl-ss-h{display:flex;flex-wrap:wrap;gap:8px;align-items:baseline;font-weight:700;font-size:13.5px;margin-bottom:8px}
.ctl-ss-h .mut{font-weight:400;font-size:12px;color:var(--ctl-muted)}
.sp-slot.in{background:var(--ctl-accent-soft);border-color:var(--ctl-accent-soft);color:var(--ctl-accent)}
.ctl-ss-f{display:flex;align-items:center;gap:8px;margin-top:10px;border-top:1px solid var(--ctl-line);padding-top:10px}
.ctl-ss-f span{flex:1;font-size:13px}.ctl-ss-f b{font-family:monospace;color:var(--ctl-accent)}