/* ============================================================
   iOS 27 Glass + Pastel — Panel 2.0
   ============================================================ */

*,*::before,*::after{box-sizing:border-box}
body{
  font-family:-apple-system,BlinkMacSystemFont,'SF Pro Text','Segoe UI',Helvetica,Arial,sans-serif !important;
  background:#f0e8ff !important;
  color:#1d1d1f !important;
  -webkit-font-smoothing:antialiased;
}
/* Фон через фиксированный псевдоэлемент — не вызывает repaint при скролле */
body::before{
  content:'';
  position:fixed;
  inset:0;
  background:linear-gradient(145deg,#e8f0fe 0%,#f0e8ff 35%,#e8fff0 65%,#fff0e8 100%);
  z-index:-1;
  pointer-events:none;
}

/* ── Nav bar ── */
.nav-bar{
  background:rgba(255,255,255,0.55) !important;
  backdrop-filter:blur(10px) saturate(160%) !important;
  -webkit-backdrop-filter:blur(10px) saturate(160%) !important;
  border:1px solid rgba(255,255,255,0.7) !important;
  border-radius:16px !important;
  padding:8px 12px !important;
  box-shadow:0 4px 24px rgba(120,80,200,0.08),0 1px 4px rgba(0,0,0,0.05) !important;
  margin-bottom:10px !important;
  display:flex !important;
  flex-wrap:wrap !important;
  gap:4px !important;
  align-items:center !important;
}
.nav-user{color:#6e6e73 !important;font-size:12px !important}

/* ── GLASS BUTTON BASE (все кнопки одного размера) ── */
/* Исключаем все ep-* кнопки карты, они имеют свои стили */
.btn,.nav-btn,
button:not([style*="display:none"]):not(.pac-item *):not(#ep *){
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  height:34px !important;
  padding:0 14px !important;
  font-size:13px !important;
  font-weight:500 !important;
  font-family:inherit !important;
  border-radius:12px !important;
  border:1px solid rgba(255,255,255,0.6) !important;
  cursor:pointer !important;
  text-decoration:none !important;
  white-space:nowrap !important;
  transition:all .18s ease !important;
  box-shadow:0 2px 8px rgba(0,0,0,0.06),inset 0 1px 0 rgba(255,255,255,0.7) !important;
  background:rgba(255,255,255,0.45) !important;
  color:#1d1d1f !important;
  letter-spacing:0.1px !important;
}

/* ── Hover & Active ── */
.btn:hover,.nav-btn:hover,button:not([style*="display:none"]):not(#ep *):hover{
  background:rgba(255,255,255,0.55) !important;
  box-shadow:0 4px 16px rgba(0,0,0,0.1),inset 0 1px 0 rgba(255,255,255,0.8) !important;
}
.btn:active,.nav-btn:active,button:not([style*="display:none"]):not(#ep *):active{
  transform:scale(0.97) !important;
  background:rgba(255,255,255,0.25) !important;
}

/* ── Пастельные цвета кнопок по типу ── */
/* Синий / primary */
.btn-primary,
button[style*="#007bff"],button[style*="#0d6efd"],button[style*="#5b8dee"],
.btn[style*="#007bff"],.btn[style*="#6b4e9e"]{
  background:rgba(91,141,238,0.22) !important;
  border-color:rgba(91,141,238,0.45) !important;
  color:#2855c8 !important;
}
/* Зелёный / success */
.btn-success,button[style*="#28a745"],button[style*="#198754"],
.btn[style*="#28a745"]{
  background:rgba(52,199,89,0.2) !important;
  border-color:rgba(52,199,89,0.45) !important;
  color:#1a7f37 !important;
}
/* Красный / danger */
.btn-danger,button[style*="#dc3545"],button[style*="red"],
.btn[style*="#dc3545"]{
  background:rgba(255,59,48,0.18) !important;
  border-color:rgba(255,59,48,0.4) !important;
  color:#c0392b !important;
}
/* Жёлтый / warning */
.btn-warning,button[style*="#ffc107"],button[style*="#fd7e14"],
.btn[style*="#ffc107"]{
  background:rgba(255,204,0,0.22) !important;
  border-color:rgba(255,180,0,0.45) !important;
  color:#8a6c00 !important;
}
/* Фиолетовый (основной цвет панели) */
button[style*="#6b4e9e"],button[style*="#7c5cbf"],
.btn[style*="#6b4e9e"]{
  background:rgba(124,92,191,0.2) !important;
  border-color:rgba(124,92,191,0.45) !important;
  color:#5b3fa8 !important;
}

/* ── Карточки ── */
.header,.table-container,.filters,.dashboard,.card{
  background:rgba(255,255,255,0.55) !important;
  backdrop-filter:blur(8px) saturate(140%) !important;
  -webkit-backdrop-filter:blur(8px) saturate(140%) !important;
  border:1px solid rgba(255,255,255,0.7) !important;
  border-radius:14px !important;
  box-shadow:0 4px 20px rgba(120,80,200,0.07),0 1px 4px rgba(0,0,0,0.04) !important;
}

/* ── Инпуты ── */
input[type=text],input[type=date],input[type=number],
input[type=search],input[type=email],input[type=tel],
select,textarea{
  font-family:inherit !important;
  height:34px !important;
  padding:0 10px !important;
  font-size:13px !important;
  background:rgba(255,255,255,0.7) !important;
  border:1.5px solid rgba(200,200,220,0.7) !important;
  border-radius:10px !important;
  outline:none !important;
  color:#1d1d1f !important;
  transition:border-color .15s,box-shadow .15s !important;
}
input[type=text]:focus,input[type=date]:focus,
input[type=number]:focus,select:focus,textarea:focus{
  border-color:rgba(91,141,238,0.7) !important;
  box-shadow:0 0 0 3px rgba(91,141,238,0.15) !important;
  background:rgba(255,255,255,0.9) !important;
}
textarea{height:auto !important;padding:8px 10px !important}

/* ── Таблица ── */
table{border-collapse:separate !important;border-spacing:0 !important}
th{
  background:rgba(245,245,250,0.8) !important;
  color:#6e6e73 !important;
  font-size:11px !important;
  font-weight:600 !important;
  text-transform:uppercase !important;
  letter-spacing:0.5px !important;
  padding:8px 10px !important;
  border-bottom:1px solid rgba(210,210,225,0.6) !important;
}
td{
  padding:9px 10px !important;
  font-size:13px !important;
  border-bottom:1px solid rgba(235,235,245,0.8) !important;
  color:#1d1d1f !important;
}
tr:last-child td{border-bottom:none !important}
tbody tr:hover{
  background:rgba(91,141,238,0.06) !important;
}

/* ── Модалки ── */
.modal{background:rgba(0,0,0,0.3) !important}
.modal-content{
  background:rgba(255,255,255,0.85) !important;
  backdrop-filter:blur(12px) saturate(160%) !important;
  -webkit-backdrop-filter:blur(12px) saturate(160%) !important;
  border:1px solid rgba(255,255,255,0.7) !important;
  border-radius:18px !important;
  box-shadow:0 20px 60px rgba(80,50,180,0.14) !important;
}

/* ── Заголовки ── */
h1,h2,h3{
  font-family:inherit !important;
  letter-spacing:-0.3px !important;
  color:#1d1d1f !important;
  font-weight:600 !important;
}
h1{font-size:20px !important}
h2{font-size:17px !important}

/* ── Скроллбар ── */
::-webkit-scrollbar{width:5px;height:5px}
::-webkit-scrollbar-track{background:transparent}
::-webkit-scrollbar-thumb{background:rgba(120,80,200,0.2);border-radius:3px}
::-webkit-scrollbar-thumb:hover{background:rgba(120,80,200,0.35)}