/* PartPrice Glass — local CRM preview */
:root {
  --glass-blue: #1879bd;
  --glass-blue-hover: #12649e;
  --glass-border: rgba(115, 167, 204, .32);
  --glass-shadow: 0 8px 32px rgba(37, 83, 119, .08);
  --glass-surface: rgba(255, 255, 255, .76);
}

body {
  background:
    radial-gradient(ellipse at 8% 4%, rgba(166, 216, 247, .35), transparent 38%),
    radial-gradient(ellipse at 92% 80%, rgba(185, 218, 245, .3), transparent 42%),
    #f3f7fb !important;
  background-attachment: fixed !important;
}

/* Glass panels */
.crm-settings-section,
.crm-provider-unified-card,
.crm-api-card,
.crm-import-card {
  background: var(--glass-surface) !important;
  border: 1px solid var(--glass-border) !important;
  border-radius: 22px !important;
  box-shadow: var(--glass-shadow) !important;
  backdrop-filter: blur(22px) saturate(150%);
  -webkit-backdrop-filter: blur(22px) saturate(150%);
}

/* Unified supplier cards */
#tab-integrations .crm-provider-unified-card {
  background: var(--glass-surface) !important;
  border: 1px solid var(--glass-border) !important;
  border-radius: 22px !important;
  box-shadow: var(--glass-shadow) !important;
  transition: background .25s ease, transform .25s ease, box-shadow .25s ease;
}

#tab-integrations .crm-provider-unified-card:hover {
  background: rgba(216, 234, 247, .88) !important;
  transform: translateY(-3px);
  box-shadow: 0 14px 36px rgba(37, 83, 119, .14) !important;
}

/* Navigation */
.crm-tabs {
  padding: 10px !important;
  border-radius: 20px !important;
  background: rgba(255, 255, 255, .55) !important;
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
}

.crm-tabs button,
.crm-settings-tabs button {
  border-radius: 14px !important;
  transition: background .2s ease, box-shadow .2s ease, transform .2s ease;
}

.crm-tabs button:hover,
.crm-settings-tabs button:hover {
  transform: translateY(-1px);
}

/* Buttons */
#tab-integrations .crm-providers-unified-grid button:not(:disabled),
.crm-back-platform {
  background: var(--glass-blue) !important;
  border-color: var(--glass-blue) !important;
  color: #fff !important;
  border-radius: 13px !important;
  box-shadow: 0 3px 10px rgba(24, 121, 189, .13);
}

#tab-integrations .crm-providers-unified-grid button:hover:not(:disabled),
.crm-back-platform:hover {
  background: var(--glass-blue-hover) !important;
  border-color: var(--glass-blue-hover) !important;
}

/* Inputs */
input:not([type="checkbox"]):not([type="radio"]),
select,
textarea {
  border-radius: 13px !important;
  transition: border-color .2s ease, box-shadow .2s ease;
}

input:focus,
select:focus,
textarea:focus {
  border-color: #61a9d9 !important;
  box-shadow: 0 0 0 4px rgba(76, 157, 202, .12) !important;
}

/* Result panels */
#tab-integrations .crm-provider-unified-card .crm-api-result,
#tab-integrations .crm-provider-unified-card .form-status {
  background: rgba(239, 248, 253, .8) !important;
  border-radius: 14px !important;
}

/* Accessibility */
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    transition-duration: .01ms !important;
    animation-duration: .01ms !important;
  }
}

@supports not (backdrop-filter: blur(10px)) {
  .crm-settings-section,
  .crm-provider-unified-card {
    background: #fff !important;
  }
}

/* Вкладки настроек — прежняя форма */
.crm-settings-tabs {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  gap: 10px !important;
  padding: 0 !important;
  margin: 18px 0 20px !important;
  background: transparent !important;
  border: none !important;
}

.crm-settings-tabs button {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  width: auto !important;
  min-height: 44px;
  padding: 10px 18px !important;
  margin: 0 !important;

  border: 1px solid #c6dce9 !important;
  border-radius: 9px !important;
  background: #ffffff !important;
  color: #315f7c !important;

  box-shadow: none !important;
  transform: none !important;
}

.crm-settings-tabs button:hover {
  background: #e5f1f8 !important;
  border-color: #8dbedb !important;
  transform: none !important;
}

.crm-settings-tabs button.active,
.crm-settings-tabs button[aria-selected="true"] {
  background: #1879bd !important;
  border-color: #1879bd !important;
  color: #ffffff !important;
}

.crm-settings-tabs button.active:hover,
.crm-settings-tabs button[aria-selected="true"]:hover {
  background: #12649e !important;
  border-color: #12649e !important;
}

/* Убираем линию, соединяющую вкладки */
.crm-settings-tabs::before,
.crm-settings-tabs::after {
  display: none !important;
}


/* ===== PARTPRICE LIQUID GLASS V2 ===== */

body {
  background:
    radial-gradient(ellipse 55% 45% at 5% 15%, rgba(75,170,235,.28), transparent 75%),
    radial-gradient(ellipse 50% 55% at 95% 65%, rgba(90,155,235,.24), transparent 75%),
    radial-gradient(ellipse 45% 40% at 45% 95%, rgba(170,205,250,.28), transparent 75%),
    #edf4fa !important;
  background-attachment: fixed !important;
}

/* Стеклянные панели */
.crm-settings-section,
#tab-integrations .crm-provider-unified-card,
.crm-tabs,
.crm-settings-tab-content {
  background: rgba(255,255,255,.48) !important;
  backdrop-filter: blur(28px) saturate(180%) !important;
  -webkit-backdrop-filter: blur(28px) saturate(180%) !important;

  border: 1px solid rgba(255,255,255,.8) !important;
  border-radius: 22px !important;

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.95),
    inset 0 -1px 0 rgba(130,175,215,.12),
    0 8px 28px rgba(45,95,145,.12),
    0 2px 6px rgba(45,95,145,.06) !important;
}

/* Стеклянные карточки поставщиков */
#tab-integrations .crm-provider-unified-card {
  position: relative;
  overflow: hidden;
  background: rgba(255,255,255,.58) !important;
  border: 1px solid rgba(160,205,235,.65) !important;
  transition:
    background .25s ease,
    transform .25s ease,
    box-shadow .25s ease !important;
}

/* Световой блик */
#tab-integrations .crm-provider-unified-card::before {
  content: "";
  position: absolute;
  inset: 0 0 auto 0;
  height: 45%;
  pointer-events: none;
  border-radius: 22px 22px 0 0;
  background: linear-gradient(
    180deg,
    rgba(255,255,255,.42),
    rgba(255,255,255,0)
  );
}

/* Затемнение при наведении */
#tab-integrations .crm-provider-unified-card:hover {
  background: rgba(190,220,242,.65) !important;
  transform: translateY(-3px);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.9),
    0 14px 34px rgba(45,95,145,.18) !important;
}

/* Стеклянные поля результатов */
#tab-integrations .crm-provider-unified-card .crm-api-result,
#tab-integrations .crm-provider-unified-card .form-status {
  background: rgba(255,255,255,.45) !important;
  border: 1px solid rgba(170,210,235,.55) !important;
  box-shadow: inset 0 1px 3px rgba(60,110,150,.05);
}

/* Навигация */
.crm-tabs {
  background: rgba(255,255,255,.45) !important;
  border-radius: 20px !important;
}

/* Отключение эффектов при сниженной прозрачности */
@media (prefers-reduced-transparency: reduce) {
  .crm-settings-section,
  #tab-integrations .crm-provider-unified-card,
  .crm-tabs,
  .crm-settings-tab-content {
    background: #f5f9fc !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
  }
}


/* ===== LIQUID GLASS CLEANUP V3 ===== */

/* Внешние контейнеры — без стеклянных слоёв */
.crm-settings-tab-content,
.crm-settings-tab-content.active,
.crm-settings-content,
.crm-settings-section:has(.crm-providers-unified-grid),
.crm-providers-unified-grid,
#tab-integrations {
  background: transparent !important;
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

/* Убираем декоративные псевдоэлементы контейнеров */
.crm-settings-tab-content::before,
.crm-settings-tab-content::after,
.crm-providers-unified-grid::before,
.crm-providers-unified-grid::after {
  content: none !important;
  display: none !important;
}

/* Карточки API и прайсов */
#tab-integrations .crm-provider-unified-card {
  background: rgba(255,255,255,.72) !important;
  border: 1px solid rgba(145,195,225,.55) !important;
  border-radius: 18px !important;

  box-shadow:
    0 4px 16px rgba(35,95,145,.07) !important;

  backdrop-filter: blur(18px) saturate(140%) !important;
  -webkit-backdrop-filter: blur(18px) saturate(140%) !important;
}

/* Убираем дополнительный блик поверх карточек */
#tab-integrations .crm-provider-unified-card::before,
#tab-integrations .crm-provider-unified-card::after {
  content: none !important;
  display: none !important;
}

/* Наведение */
#tab-integrations .crm-provider-unified-card:hover {
  background: rgba(215,235,248,.85) !important;
  border-color: #8dbedb !important;
  box-shadow: 0 8px 22px rgba(35,95,145,.12) !important;
}

/* Вкладка поставщиков — одна панель без вложенных рамок */
#tab-providers,
#tab-providers > .crm-settings-section {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

/* Убираем лишние внешние отступы */
#tab-integrations,
#tab-providers {
  padding: 8px 0 !important;
  margin: 0 !important;
}


/* ==================================================
   PARTPRICE GLASS V4 — GLOBAL CRM DESIGN
   ================================================== */

:root {
  --pp-blue: #1879bd;
  --pp-blue-hover: #12649e;
  --pp-glass: rgba(255,255,255,.68);
  --pp-glass-border: rgba(165,205,232,.48);
  --pp-glass-shadow: 0 5px 20px rgba(35,95,145,.075);
  --pp-radius: 16px;
}

/* Общий фон */
body {
  background:
    radial-gradient(ellipse at 10% 15%, rgba(130,195,240,.25), transparent 42%),
    radial-gradient(ellipse at 90% 75%, rgba(155,205,245,.22), transparent 45%),
    #f0f6fb !important;
  background-attachment: fixed !important;
}

/* Основные панели всех разделов */
.crm-panel > section,
.crm-card,
.crm-stat-card,
.crm-summary-card,
.crm-dashboard-card,
.crm-news-card,
.crm-user-card,
.crm-order-card,
.crm-notification-card {
  background: var(--pp-glass) !important;
  border: 1px solid var(--pp-glass-border) !important;
  border-radius: var(--pp-radius) !important;
  box-shadow: var(--pp-glass-shadow) !important;
  backdrop-filter: blur(24px) saturate(160%) !important;
  -webkit-backdrop-filter: blur(24px) saturate(160%) !important;
}

/* Панели настроек: без двойных рамок */
.crm-settings-tab-content,
.crm-settings-content,
#tab-integrations,
#tab-providers,
#tab-general {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

/* Карточки API и прайсов — чуть больше стекла */
#tab-integrations .crm-provider-unified-card {
  background: rgba(255,255,255,.58) !important;
  border: 1px solid rgba(155,200,230,.58) !important;
  border-radius: 18px !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.9),
    0 6px 22px rgba(35,95,145,.09) !important;
  backdrop-filter: blur(26px) saturate(170%) !important;
  -webkit-backdrop-filter: blur(26px) saturate(170%) !important;
}

#tab-integrations .crm-provider-unified-card:hover {
  background: rgba(210,233,248,.78) !important;
  border-color: #83b9da !important;
  box-shadow: 0 10px 28px rgba(35,95,145,.14) !important;
}

/* Таблицы */
.crm-panel table,
.crm-table {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
  border-radius: 14px;
  overflow: hidden;
  background: rgba(255,255,255,.52);
}

.crm-panel table thead,
.crm-table thead {
  background: rgba(195,225,244,.55);
}

.crm-panel table th,
.crm-panel table td,
.crm-table th,
.crm-table td {
  padding: 12px 14px;
  border-bottom: 1px solid rgba(170,205,230,.35);
}

.crm-panel table tbody tr,
.crm-table tbody tr {
  transition: background .2s ease;
}

.crm-panel table tbody tr:hover,
.crm-table tbody tr:hover {
  background: rgba(195,225,244,.4);
}

/* Все основные кнопки */
.crm-panel button:not(:disabled):not(.crm-tabs button),
.crm-back-platform {
  border-radius: 11px;
  transition:
    background-color .2s ease,
    box-shadow .2s ease,
    transform .2s ease;
}

/* Основные действия */
.crm-panel button[type="submit"]:not(:disabled),
.crm-panel .primary-button:not(:disabled),
.crm-panel .btn-primary:not(:disabled) {
  background: var(--pp-blue) !important;
  border-color: var(--pp-blue) !important;
  color: #fff !important;
  box-shadow: 0 3px 10px rgba(24,121,189,.12);
}

.crm-panel button[type="submit"]:hover:not(:disabled),
.crm-panel .primary-button:hover:not(:disabled),
.crm-panel .btn-primary:hover:not(:disabled) {
  background: var(--pp-blue-hover) !important;
  border-color: var(--pp-blue-hover) !important;
}

/* Поля */
.crm-panel input:not([type="checkbox"]):not([type="radio"]),
.crm-panel select,
.crm-panel textarea {
  background: rgba(255,255,255,.8) !important;
  border: 1px solid rgba(165,205,232,.65) !important;
  border-radius: 11px !important;
  box-shadow: inset 0 1px 2px rgba(35,95,145,.025);
}

.crm-panel input:focus,
.crm-panel select:focus,
.crm-panel textarea:focus {
  outline: none;
  border-color: #5aa9d8 !important;
  box-shadow: 0 0 0 3px rgba(76,157,202,.14) !important;
}

/* Выпадающие меню */
.crm-dropdown,
.crm-menu,
[role="menu"] {
  background: rgba(255,255,255,.88) !important;
  border: 1px solid var(--pp-glass-border) !important;
  border-radius: 14px !important;
  box-shadow: 0 10px 30px rgba(35,95,145,.12) !important;
  backdrop-filter: blur(24px);
  -webkit-backdrop-filter: blur(24px);
}

/* Модальные окна */
.crm-modal,
.crm-dialog,
dialog {
  background: rgba(248,252,255,.82) !important;
  border: 1px solid rgba(180,215,235,.65) !important;
  border-radius: 20px !important;
  box-shadow: 0 20px 60px rgba(35,75,115,.18) !important;
  backdrop-filter: blur(30px) saturate(170%);
  -webkit-backdrop-filter: blur(30px) saturate(170%);
}

/* Уведомления */
.crm-toast,
.crm-alert,
.crm-notice {
  background: rgba(255,255,255,.8) !important;
  border: 1px solid var(--pp-glass-border) !important;
  border-radius: 13px !important;
  box-shadow: var(--pp-glass-shadow) !important;
  backdrop-filter: blur(18px);
}

/* Кнопки навигации */
.crm-tabs button {
  border-radius: 12px !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.65);
}

.crm-tabs button.active,
.crm-tabs button[aria-selected="true"] {
  background: var(--pp-blue) !important;
  border-color: var(--pp-blue) !important;
  color: #fff !important;
}

/* Анимации */
@media (prefers-reduced-motion: no-preference) {
  .crm-card,
  .crm-stat-card,
  .crm-summary-card,
  .crm-news-card,
  .crm-user-card,
  .crm-order-card {
    transition:
      background-color .25s ease,
      box-shadow .25s ease,
      border-color .25s ease;
  }
}

/* Мобильная адаптация */
@media (max-width: 650px) {
  .crm-panel > section,
  .crm-card,
  .crm-modal,
  dialog {
    border-radius: 14px !important;
  }

  .crm-panel table th,
  .crm-panel table td {
    padding: 9px 10px;
  }
}

/* Доступность */
@media (prefers-reduced-transparency: reduce) {
  .crm-panel > section,
  .crm-card,
  .crm-modal,
  dialog {
    background: #fff !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
  }
}