/* === LAYOUT ONLY OVERRIDES (не трогаем палитру/эффекты) === */

/* 0. Ритм страницы */
:root {
  --gap-section: 15px;
}
.container, .wrap, .page, .app-root {
  gap: var(--gap-section) !important;
}
.after-toolbar { margin-top: 16px !important; }

/* 1. Toolbar (шапка) */
.toolbar {
  height: 56px !important;
  border-radius: 28px !important;
  padding: 8px 10px !important;
  gap: 12px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
}
.toolbar .brand {
  font-size: 18px !important;
  font-weight: 700 !important;
  letter-spacing: .2px !important;
}
.toolbar .left, .toolbar .right {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
}

/* 2. Hero: две кнопки в один ряд + большая на всю ширину */
.hero-cta, .hero .actions {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 12px !important;
}
.hero-cta .cta-wide, .hero .actions .cta-wide { grid-column: 1 / span 2 !important; }
.hero .title, .hero-title { font-size: 24px !important; line-height: 28px !important; font-weight: 800 !important; margin: 0 0 8px !important; }
.hero .subtitle, .hero-sub { margin: 0 0 16px !important; }

/* 3. Заголовочная строка секций */
.section-head, .head {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  margin-bottom: 14px !important;
}
.section-head .icon-wrap, .ico-wrap, .icon-44 {
  width: 44px !important;
  font-size: 14px !important;
  height: 44px !important;
  border-radius: 14px !important;
}

/* 4. Пилюли/пустые состояния */
.pill, .chip-pill, .status-pill, .btn-soft {
  height: 48px !important;
  padding: 0 16px !important;
  border-radius: 999px !important;
  font-weight: 600 !important;
  letter-spacing: .2px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
}
.pill.full, .btn-soft.full, .status-pill.full, .chip-pill.full { width: 100% !important; }

/* 5. События: две кнопки в строку одинаковой ширины */
.events-row, .events-actions, .events .actions-row {
  display: flex !important;
  gap: 12px !important;
}
.events-row > *, .events-actions > *, .events .actions-row > * {
  flex: 1 1 0 !important;
}

/* 6. Деловой рейтинг: 4 квадрата 96x96 */
.rating-grid, .rating {
  display: grid !important;
  grid-template-columns: repeat(4, 1fr) !important;
  gap: 12px !important;
}
.rating-square, .rating .square, .rating-card {
  height: 96px !important;
  border-radius: 20px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex-direction: column !important;
}
.rating .label, .rating-square .label { font-size: 13px !important; }