/* Zaman aralığı çubuğu — yapı burada, RENKLER tema belirteçlerinden (--mcdr-*), yoksa Bootstrap
   değişkenlerine düşer. Düzen Kibana'nın super date picker'ı gibi: hazır aralık menüsü + iki uç + Yenile. */
:is([data-mcdr],.mcdr-pick) { position: relative; display: inline-block; }

:is([data-mcdr],.mcdr-pick) .mcdr-bar {
  display: inline-flex; align-items: stretch; border: 1px solid var(--mcdr-line, var(--bs-border-color, #dee2e6));
  border-radius: 8px; overflow: hidden; background: var(--mcdr-bg, var(--bs-body-bg, #fff));
  font-size: 12.5px;
}
:is([data-mcdr],.mcdr-pick) .mcdr-bar > button { border: 0; background: transparent; color: var(--mcdr-ink, var(--bs-body-color, #212529)); cursor: pointer; }
:is([data-mcdr],.mcdr-pick) .mcdr-quick { padding: 5px 8px; display: inline-flex; gap: 3px; align-items: center; border-right: 1px solid var(--mcdr-line, var(--bs-border-color, #dee2e6)) !important; }
:is([data-mcdr],.mcdr-pick) .mcdr-uc { padding: 5px 12px; white-space: nowrap; border-bottom: 2px solid transparent !important; }
:is([data-mcdr],.mcdr-pick) .mcdr-uc:hover, :is([data-mcdr],.mcdr-pick) .mcdr-quick:hover { background: var(--mcdr-hover, var(--bs-secondary-bg, #e9ecef)); }
:is([data-mcdr],.mcdr-pick) .mcdr-uc.acik { border-bottom-color: var(--mcdr-uc, var(--bs-primary, #0d6efd)) !important; font-weight: 600; }
:is([data-mcdr],.mcdr-pick) .mcdr-ok { display: inline-flex; align-items: center; padding: 0 2px; color: var(--mcdr-muted, var(--bs-secondary-color, #6c757d)); }
:is([data-mcdr],.mcdr-pick) .mcdr-refresh {
  padding: 5px 12px; white-space: nowrap; background: var(--mcdr-uc, var(--bs-primary, #0d6efd)) !important;
  color: var(--mcdr-uc-ink, #fff) !important; font-weight: 600;
}

:is([data-mcdr],.mcdr-pick) .mcdr-pop {
  position: absolute; z-index: 1060; top: calc(100% + 6px); left: 0; min-width: 17rem; padding: 10px;
  background: var(--mcdr-bg, var(--bs-body-bg, #fff)); color: var(--mcdr-ink, var(--bs-body-color, #212529));
  border: 1px solid var(--mcdr-line, var(--bs-border-color, #dee2e6)); border-radius: 10px;
  box-shadow: 0 12px 32px rgba(0, 0, 0, .18);
}
:is([data-mcdr],.mcdr-pick) .mcdr-pop-quick { min-width: 12rem; padding: 6px; }
:is([data-mcdr],.mcdr-pick) .mcdr-quick-list { display: flex; flex-direction: column; }
:is([data-mcdr],.mcdr-pick) .mcdr-quick-list button {
  border: 0; background: transparent; color: inherit; text-align: left; padding: 6px 10px; border-radius: 6px; cursor: pointer; font-size: 12.5px;
}
:is([data-mcdr],.mcdr-pick) .mcdr-quick-list button:hover:not(:disabled) { background: var(--mcdr-hover, var(--bs-secondary-bg, #e9ecef)); }
:is([data-mcdr],.mcdr-pick) .mcdr-quick-list button:disabled { opacity: .4; cursor: not-allowed; }

:is([data-mcdr],.mcdr-pick) .mcdr-sekmeler { display: flex; gap: 2px; border-bottom: 1px solid var(--mcdr-line, var(--bs-border-color, #dee2e6)); margin-bottom: 10px; }
:is([data-mcdr],.mcdr-pick) .mcdr-sekmeler button {
  border: 0; background: transparent; color: inherit; padding: 6px 12px; cursor: pointer; font-size: 12.5px;
  border-bottom: 2px solid transparent; margin-bottom: -1px;
}
:is([data-mcdr],.mcdr-pick) .mcdr-sekmeler button.etkin { border-bottom-color: var(--mcdr-uc, var(--bs-primary, #0d6efd)); font-weight: 600; }

:is([data-mcdr],.mcdr-pick) .mcdr-head { display: flex; align-items: center; justify-content: space-between; margin-bottom: 6px; }
:is([data-mcdr],.mcdr-pick) .mcdr-nav { border: 0; background: transparent; color: inherit; width: 26px; height: 26px; border-radius: 6px; cursor: pointer; }
:is([data-mcdr],.mcdr-pick) .mcdr-nav:hover { background: var(--mcdr-hover, var(--bs-secondary-bg, #e9ecef)); }
:is([data-mcdr],.mcdr-pick) .mcdr-grid { display: grid; grid-template-columns: repeat(7, 1fr); gap: 2px; }
:is([data-mcdr],.mcdr-pick) .mcdr-gunadi span { text-align: center; font-size: 11px; color: var(--mcdr-muted, var(--bs-secondary-color, #6c757d)); }
:is([data-mcdr],.mcdr-pick) .mcdr-gun {
  border: 0; background: transparent; color: inherit; height: 30px; border-radius: 7px; cursor: pointer;
  font-size: 12.5px; font-variant-numeric: tabular-nums;
}
:is([data-mcdr],.mcdr-pick) .mcdr-gun:hover:not(.kapali) { background: var(--mcdr-hover, var(--bs-secondary-bg, #e9ecef)); }
:is([data-mcdr],.mcdr-pick) .mcdr-gun.bugun { text-decoration: underline; }
:is([data-mcdr],.mcdr-pick) .mcdr-gun.uc { background: var(--mcdr-uc, var(--bs-primary, #0d6efd)); color: var(--mcdr-uc-ink, #fff); font-weight: 600; }
:is([data-mcdr],.mcdr-pick) .mcdr-gun.kapali { opacity: .35; cursor: not-allowed; }
:is([data-mcdr],.mcdr-pick) .mcdr-bos { height: 30px; }

:is([data-mcdr],.mcdr-pick) .mcdr-saat { display: block; margin-top: 8px; font-size: 11px; color: var(--mcdr-muted, var(--bs-secondary-color, #6c757d)); }
:is([data-mcdr],.mcdr-pick) .mcdr-goreli { display: flex; gap: 8px; }
:is([data-mcdr],.mcdr-pick) .mcdr-goreli input { width: 5.5rem; }
:is([data-mcdr],.mcdr-pick) .mcdr-yuvarla { display: block; margin-top: 8px; font-size: 12px; }
:is([data-mcdr],.mcdr-pick) .mcdr-onizleme, :is([data-mcdr],.mcdr-pick) .mcdr-not, :is([data-mcdr],.mcdr-pick) .mcdr-simdi-not {
  margin-top: 8px; font-size: 11px; color: var(--mcdr-muted, var(--bs-secondary-color, #6c757d));
}

@media (max-width: 575.98px) {
  :is([data-mcdr],.mcdr-pick) .mcdr-pop { left: auto; right: 0; min-width: min(17rem, calc(100vw - 24px)); }
  :is([data-mcdr],.mcdr-pick) .mcdr-bar { font-size: 12px; }
}

/* Açılır pencerenin alt şeridi: seçimin özeti + Uygula. Seçici canlı çizen tüketicilerde 'mcdr:change'
   ile anında güncellenir; sayfayı yenileyen tüketiciler yalnız Uygula'yı (mcdr:apply) dinler. */
:is([data-mcdr],.mcdr-pick) .mcdr-alt { display: flex; align-items: center; justify-content: space-between; gap: 8px; margin-top: 10px; flex-wrap: wrap; }
:is([data-mcdr],.mcdr-pick) .mcdr-secim { font-size: 11px; color: var(--mcdr-muted, var(--bs-secondary-color, #6c757d)); }

/* ---- ALAN KİPİ (tek tarih / iki uçlu aralık, form alanları) ----
   Aynı çubuk ve açılır pencere; farkı: uç düğmesi seçili tarihi gösterir, hazır seçenekler açılır
   pencerenin içindedir (tek tarihte ayrı menü düğmesi olmaz) ve sonuç gizli input'a yazılır. */
.mcdr-pick .mcdr-alan { display: inline-flex; align-items: center; gap: 6px; min-width: 9.5rem; justify-content: flex-start; }
.mcdr-pick .mcdr-alan.bos .mcdr-alan-m { color: var(--mcdr-muted, var(--bs-secondary-color, #6c757d)); }
.mcdr-pick .mcdr-alan.acik { font-weight: 600; }
.mcdr-pick .mcdr-hizli { display: flex; flex-wrap: wrap; gap: 4px; margin-bottom: 10px; }
.mcdr-pick .mcdr-hizli button {
  border: 1px solid var(--mcdr-line, var(--bs-border-color, #dee2e6)); background: transparent; color: inherit;
  border-radius: 999px; padding: 2px 10px; font-size: 11.5px; cursor: pointer;
}
.mcdr-pick .mcdr-hizli button:hover { background: var(--mcdr-hover, var(--bs-secondary-bg, #e9ecef)); }
.mcdr-pick .mcdr-gun:focus-visible, .mcdr-pick .mcdr-hizli button:focus-visible, .mcdr-pick .mcdr-alan:focus-visible,
.mcdr-pick .mcdr-nav:focus-visible { outline: 2px solid var(--mcdr-uc, var(--bs-primary, #0d6efd)); outline-offset: 1px; }
.mcdr-pick .mcdr-saat input { width: 7rem; display: inline-block; }