/* ---- OKTO Backoffice ek katman (Minia üzerine) ---- */

/* Offline / online bildirim çubuğu */
#offline-banner {
  position: fixed;
  bottom: 0; left: 0; right: 0;
  z-index: 9999;
  padding: 10px 20px;
  font-size: .8125rem;
  font-weight: 600;
  text-align: center;
  letter-spacing: .2px;
  color: #fff;
  transform: translateY(100%);
  transition: transform .35s cubic-bezier(.4,0,.2,1), background .4s ease;
}
#offline-banner.show    { transform: translateY(0); }
#offline-banner.offline { background: #555b6e; }
#offline-banner.online  { background: var(--bs-primary, #5156be); }

/* Sallanma (shake) animasyonu — boş/hatalı alan gönderiminde */
@keyframes okto-shake {
  0%,100% { transform: translateX(0); }
  15%     { transform: translateX(-7px); }
  30%     { transform: translateX(7px); }
  45%     { transform: translateX(-5px); }
  60%     { transform: translateX(5px); }
  75%     { transform: translateX(-3px); }
  90%     { transform: translateX(3px); }
}
.okto-shake { animation: okto-shake .45s cubic-bezier(.36,.07,.19,.97) both; }

/* Müşteri listesi — uzun şirket adlarını tek satırda kırpma (satır yüksekliği eşitliği için) */
.text-truncate-sirket {
  max-width: 460px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* Sayfa/kart başlıkları — marka mavisi + kalın (site geneli tutarlılık, 2026-08-03) */
.card-title {
  font-weight: 700 !important;
  color: #5183D5 !important;
  font-size: 21px !important;
}

/* Göster/Gizle switch — liste sayfalarında Düzenle butonunun hemen solunda, standart iri boy (2026-08-04) */
.form-switch-lg .form-check-input {
  width: 3em;
  height: 1.5em;
  cursor: pointer;
}
.form-switch-lg .form-check-input:checked {
  background-color: #0ab39c;
  border-color: #0ab39c;
}
.list-actions {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
}