/* ti-cari POS — ti-datepicker.css (Oturum G2)
 * Ortak TR takvim bileşeni stilleri. Tetikleyici alan (.ti-dp-wrap) çağıran
 * sayfanın kendi input class'ını (dt-inp / sett-inp / date-input) devralır —
 * :where() ile YALNIZ o class'lardan hiçbiri yoksa (örn. sett-inp'in kendi
 * kutu stili olmadığı yerlerde) varsayılan kutu görünümü devreye girer; var
 * olan sayfa stilleriyle çakışmaz (P1 sığma dersi: piksel bütçeleri korunur).
 * Popup her zaman position:fixed + document.body — modal/overflow taşımaz.
 */

.ti-dp-wrap {
  display: inline-flex; align-items: center; gap: 4px; box-sizing: border-box;
  cursor: text;
}
.ti-dp-wrap:where(:not(.dt-inp):not(.date-input)) {
  height: 38px; border: 2px solid var(--gray-2); border-radius: 9px;
  padding: 0 8px; background: var(--gray-1);
}
.ti-dp-wrap:focus-within { border-color: var(--sky); background: var(--white); }
.ti-dp-wrap.ti-dp-invalid { border-color: var(--red) !important; }

.ti-dp-field {
  flex: 1; min-width: 74px; border: none; background: transparent; outline: none;
  padding: 0; height: 100%; font-family: Nunito, sans-serif; font-size: 12px;
  font-weight: 700; color: var(--night);
}
.ti-dp-btn {
  flex-shrink: 0; border: none; background: transparent; cursor: pointer;
  font-size: 14px; line-height: 1; padding: 2px; border-radius: 6px;
}
.ti-dp-btn:hover { background: rgba(41,182,232,0.14); }

/* Raporlar ay+yıl tek başına tetikleyicisi (attachMonthYear) */
.ti-dp-my-trigger {
  cursor: pointer; font-family: Nunito, sans-serif; font-weight: 800;
}
.ti-dp-my-trigger:where(:not(.dt-inp):not(.date-input)) {
  height: 38px; border: 2px solid var(--gray-2); border-radius: 9px;
  padding: 0 12px; background: var(--gray-1); font-size: 12px; color: var(--night);
}
.ti-dp-my-trigger:hover { border-color: var(--sky); }

/* ---- Popup ---------------------------------------------------------------- */
.ti-dp-pop {
  position: fixed; z-index: 1500; background: var(--white); border: 1px solid var(--gray-2);
  border-radius: 14px; box-shadow: var(--shadow-deep); padding: 10px; width: 312px;
  display: none;
}
.ti-dp-pop.open { display: block; animation: ti-dp-fade .12s ease; }
@keyframes ti-dp-fade { from { opacity: 0; transform: translateY(-4px); } to { opacity: 1; transform: translateY(0); } }

.ti-dp-cal { display: flex; flex-direction: column; gap: 6px; }
.ti-dp-head { display: flex; align-items: center; justify-content: space-between; gap: 4px; }
.ti-dp-nav {
  width: 40px; height: 40px; flex-shrink: 0; border: none; border-radius: 9px;
  background: var(--gray-1); color: var(--night); font-size: 16px; font-weight: 900;
  cursor: pointer; transition: all .15s;
}
.ti-dp-nav:hover:not(:disabled) { background: var(--sky); color: white; }
.ti-dp-nav:disabled { opacity: .35; cursor: default; }
.ti-dp-title {
  flex: 1; border: none; background: transparent; font-family: 'Plus Jakarta Sans', sans-serif;
  font-size: 13px; font-weight: 900; color: var(--night); cursor: pointer; border-radius: 9px;
  height: 40px;
}
.ti-dp-title:hover { background: var(--gray-1); }

.ti-dp-dow { display: grid; grid-template-columns: repeat(7, 1fr); text-align: center; }
.ti-dp-dow span { font-size: 10px; font-weight: 800; color: var(--gray-4); text-transform: uppercase; }

.ti-dp-grid { display: flex; flex-direction: column; gap: 2px; }
.ti-dp-week { display: grid; grid-template-columns: repeat(7, 1fr); gap: 2px; }
.ti-dp-day {
  width: 100%; height: 40px; border: none; border-radius: 9px; background: transparent;
  font-family: Nunito, sans-serif; font-size: 12px; font-weight: 700; color: var(--night);
  cursor: pointer; transition: all .12s;
}
.ti-dp-day:hover:not(.disabled):not(.sel) { background: var(--gray-2); }
.ti-dp-day.other { color: var(--gray-3); }
.ti-dp-day.today { box-shadow: inset 0 0 0 2px var(--sky); font-weight: 900; }
.ti-dp-day.sel { background: var(--sky); color: white; font-weight: 900; }
.ti-dp-day.disabled { opacity: .32; cursor: not-allowed; }

/* Ay+yıl ızgarası — hem gün takviminin "hızlı seçim" moduna hem de
   attachMonthYear'ın tek başına popup'ına aittir. */
.ti-dp-my { display: flex; flex-direction: column; gap: 8px; }
.ti-dp-my-yrow { display: flex; align-items: center; justify-content: center; gap: 14px; }
.ti-dp-my-year { font-family: 'Plus Jakarta Sans', sans-serif; font-size: 14px; font-weight: 900; color: var(--night); min-width: 52px; text-align: center; }
.ti-dp-my-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 6px; }
.ti-dp-my-cell {
  height: 40px; border: none; border-radius: 9px; background: var(--gray-1);
  font-family: Nunito, sans-serif; font-size: 12px; font-weight: 800; color: var(--night);
  cursor: pointer; transition: all .12s;
}
.ti-dp-my-cell:hover:not(.sel) { background: var(--gray-2); }
.ti-dp-my-cell.sel { background: var(--sky); color: white; }