/* Только для заголовков и навигации */
.navbar-brand,
h1, h2, h3, h4, h5, h6,
.card-title,
.btn {
    font-family: 'Fira Sans', sans-serif;
    font-weight: 700; /* Используем жирное начертание для акцентов */
}

/* Для обычного текста */
body, .nav-link, .form-control, .form-select {
    font-family: 'Fira Sans', sans-serif;
    font-weight: 400; /* Обычное начертание */
}

:root{--radius:7px;}
.crm-body{background:#f6f7fb;}
.card{border-radius:var(--radius);}
.btn,.form-control,.form-select{border-radius:7px;}
.kpi{display:flex;gap:12px;flex-wrap:wrap;}
.kpi .kpi-card{flex:1;min-width:180px;}
.kpi .value{font-size:1.3rem;font-weight:700;}
.autocomplete-box{position:absolute;left:0;right:0;top:100%;z-index:3000;background:#fff;border:1px solid rgba(0,0,0,.08);border-radius:7px;box-shadow:0 14px 40px rgba(0,0,0,.12);overflow:hidden;display:none;max-height:260px;overflow-y:auto;}
.autocomplete-item{padding:10px 12px;cursor:pointer;}
.autocomplete-item:hover{background:#eef4ff;}
.badge-status{font-weight:600;border-radius:7px;padding:.35rem .6rem;}
.badge-status.new{background:#e8f2ff;color:#0b5ed7;}
.badge-status.in_progress{background:#fff4e5;color:#b78103;}
.badge-status.completed{background:#e9f7ef;color:#198754;}
.badge-status.delivered{background:#ede7ff;color:#6f42c1;}
.badge-status.cancelled{background:#ffe8ea;color:#dc3545;}
.badge-status.on_hold{background:#eef2f7;color:#495057;}
@media(max-width:576px){:root{--radius:7px;}.kpi .kpi-card{min-width:140px;}}
.nav-link{font-size: 1.1rem;}
.container{font-size: 18px;}
/* Мобильные кнопки - скрыть текст и сделать компактными */
@media (max-width: 768px) {
  .btn-group-mobile .btn-text {
    display: none !important;
  }
  
  .btn-group-mobile .btn i {
    margin: 0 !important;
    font-size: 16px;
  }
  
  .btn-group-mobile .btn {
    padding: 10px !important;
    width: 46px;
    height: 46px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
  }
  
  /* Убираем отступы между кнопками на очень маленьких экранах */
  @media (max-width: 380px) {
    .btn-group-mobile {
      gap: 4px !important;
    }
    .btn-group-mobile .btn {
      width: 44px;
      height: 44px;
      padding: 8px !important;
    }
  }
}

/* Десктопные стили - нормальные кнопки */
@media (min-width: 769px) {
  .btn-group-mobile .btn {
    padding: 8px 16px;
    height: auto;
    width: auto;
  }
  .btn-group-mobile .btn i {
    margin-right: 6px !important;
  }
}