/* Hareketler — önekler: flt- (süzgeç alanı), hrk- (telefon satırı), hrl- (liste çerçevesi) */

.flt { display: flex; flex-direction: column; gap: var(--b3); margin-bottom: var(--b4); }
.flt-ust { display: flex; flex-wrap: wrap; gap: var(--b2); align-items: flex-end; }
.flt-ust .frm-alan { flex: 1 1 100%; }
.flt-ust .dgm { flex: 1 1 100%; }
@media (min-width: 900px) {
  .flt-ust .frm-alan { flex: 1 1 auto; }
  .flt-ust .dgm { flex: none; }
}
.flt-donem { display: flex; flex-wrap: wrap; gap: var(--b2); align-items: center; }
.flt-tarihler { display: flex; flex-wrap: wrap; gap: var(--b2); align-items: center; }
.flt-tarihler .frm-girdi { width: auto; min-width: 150px; }
.flt-arasi { color: var(--yazi-3); }
.flt-secimler {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: var(--b2) var(--b3);
}
.flt-ac { align-self: flex-start; }
.flt-sayi { font-size: var(--kucuk); line-height: var(--kucuk-satir); color: var(--yazi-2); }

@media (min-width: 900px) {
  .flt-secimler { grid-template-columns: repeat(4, 1fr); }
  .flt-ac { display: none; }
  .flt-secimler[hidden] { display: grid !important; }
}

.hrl-masa { display: none; }
.hrl-tel { display: block; }
@media (min-width: 900px) {
  .hrl-masa { display: block; }
  .hrl-tel { display: none; }
}
.hrl-daha { margin-top: var(--b3); }
.hrl-aciklama { word-break: break-word; }

/* Telefon satırı: solda açıklama, altında tarih ve grup, sağda tutar */
.hrk {
  display: flex;
  align-items: flex-start;
  gap: var(--b3);
  padding: var(--b3) var(--b4);
  min-height: 56px;
  transition: transform var(--sure-kisa) var(--egri);
}
.hrk:active { transform: scale(var(--kucul-satir)); }
.hrk-sol { flex: 1; min-width: 0; }
.hrk-ad {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  word-break: break-word;
}
.hrk-alt { font-size: var(--kucuk); line-height: var(--kucuk-satir); color: var(--yazi-2); margin-top: 2px; }
.hrk-bekliyor { color: var(--uyari); }