/**
 * Syncfusion Material Theme – Component boyut override'ları
 * Theme (material.css) yüklendikten SONRA yüklenmeli.
 * Tüm değerler !important ile theme'i override eder.
 */

/* ---------------------------------------------------------------------------
   1. Temel büyütme – body
   --------------------------------------------------------------------------- */
body {
  font-size: 14px !important;
}

/* ---------------------------------------------------------------------------
   2. Tüm Syncfusion componentleri için genel font
   --------------------------------------------------------------------------- */
.e-control,
.e-control * {
  font-size: 14px !important;
}

/* ---------------------------------------------------------------------------
   3. Input / Dropdown / DatePicker / Multiselect
   --------------------------------------------------------------------------- */
.e-input,
.e-float-input input,
.e-float-input textarea,
.e-input-group input,
.e-dropdownbase,
.e-multiselect,
.e-datepicker .e-input {
  font-size: 14px !important;
  min-height: 40px !important;
}

.e-float-input,
.e-input-group {
  min-height: 40px !important;
}

.e-input-group .e-input,
.e-input-group input {
  padding: 8px 12px !important;
}

.e-dropdownbase .e-list-item {
  font-size: 14px !important;
  padding: 10px 12px !important;
  min-height: 40px !important;
}

/* ---------------------------------------------------------------------------
   4. Button'lar
   --------------------------------------------------------------------------- */
.e-btn {
  font-size: 14px !important;
  padding: 8px 16px !important;
  min-height: 40px !important;
}

.e-btn.e-small {
  font-size: 13px !important;
  padding: 6px 12px !important;
  min-height: 36px !important;
}

/* ---------------------------------------------------------------------------
   5. Grid
   --------------------------------------------------------------------------- */
.e-grid {
  font-size: 14px !important;
}

.e-grid .e-headercell {
  font-size: 14px !important;
  padding: 10px 12px !important;
  min-height: 44px !important;
}

.e-grid .e-rowcell {
  padding: 10px 12px !important;
  font-size: 14px !important;
}

.e-grid .e-rowcell .e-cell-wrap {
  font-size: 14px !important;
}

/* Grid toolbar – konteyner yüksekliği ve iç boşluk (orantı) */
.e-toolbar.e-control,
.e-grid .e-toolbar {
  min-height: 48px !important;
  padding: 10px 14px !important;
}

.e-toolbar .e-toolbar-items,
.e-toolbar .e-toolbar-left,
.e-toolbar .e-toolbar-right,
.e-toolbar .e-toolbar-center {
  min-height: 48px !important;
  padding: 0 6px !important;
  align-items: center !important;
}

.e-toolbar .e-toolbar-item {
  min-height: 40px !important;
  padding: 0 6px !important;
  margin: 0 2px !important;
}

/* Toolbar buton default – theme ile aynı spesifiklik için .e-toolbar-item kullan */
.e-grid .e-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn,
.e-toolbar .e-toolbar-item .e-tbar-btn {
  font-size: 14px !important;
  padding: 8px 14px !important;
  min-height: 40px !important;
  height: 40px !important;
  color: #144493 !important;
  border-radius: 10px;
 
}

.e-toolbar .e-toolbar-item .e-tbar-btn .e-btn-icon,
.e-toolbar .e-toolbar-item .e-tbar-btn .e-icons {
  color: #144493 !important;
  font-size: 16px !important;
}

.e-toolbar .e-toolbar-item .e-tbar-btn .e-tbar-btn-text {
  color: #144493 !important;
  font-size: 14px !important;
}

/* Toolbar buton hover/focus/active – theme selector'ı geçmek için .e-toolbar-item zorunlu */
.e-toolbar .e-toolbar-item .e-tbar-btn:hover,
.e-toolbar .e-toolbar-item .e-tbar-btn:focus,
.e-toolbar .e-toolbar-item .e-tbar-btn:active {
  background-color: #144493 !important;
  border-color: #144493 !important;
  color: #fff !important;
}

.e-toolbar .e-toolbar-item .e-tbar-btn:hover .e-btn-icon,
.e-toolbar .e-toolbar-item .e-tbar-btn:hover .e-icons,
.e-toolbar .e-toolbar-item .e-tbar-btn:hover .e-tbar-btn-text,
.e-toolbar .e-toolbar-item .e-tbar-btn:focus .e-btn-icon,
.e-toolbar .e-toolbar-item .e-tbar-btn:focus .e-icons,
.e-toolbar .e-toolbar-item .e-tbar-btn:focus .e-tbar-btn-text,
.e-toolbar .e-toolbar-item .e-tbar-btn:active .e-btn-icon,
.e-toolbar .e-toolbar-item .e-tbar-btn:active .e-icons,
.e-toolbar .e-toolbar-item .e-tbar-btn:active .e-tbar-btn-text {
  color: #fff !important;
}

/* Toolbar içi arama kutusu – butonlarla aynı yükseklik */
.e-toolbar .e-input-group.e-search,
.e-toolbar .e-search-wrapper .e-input-group {
  min-height: 40px !important;
  height: 40px !important;
}

.e-toolbar .e-input-group.e-search .e-input,
.e-toolbar .e-search .e-input {
  font-size: 14px !important;
  min-height: 40px !important;
  height: 40px !important;
  padding: 8px 12px 8px 36px !important;
}

.e-toolbar .e-input-group-icon.e-icons,
.e-toolbar .e-search-icon.e-icons {
  font-size: 16px !important;
}

.e-grid .e-pager {
  font-size: 14px !important;
  padding: 8px 12px !important;
}

.e-grid .e-pager .e-pagercontainer .e-numericitem,
.e-grid .e-pager .e-pagercontainer .e-nextpage,
.e-grid .e-pager .e-pagercontainer .e-prevpage {
  padding: 8px 12px !important;
  min-width: 36px !important;
}

.e-grid .e-columnheader .e-headercell {
  padding: 10px 12px !important;
}

/* ---------------------------------------------------------------------------
   6. Checkbox / Radio
   --------------------------------------------------------------------------- */
.e-checkbox-wrapper,
.e-radio-wrapper {
  font-size: 14px !important;
}

.e-checkbox-wrapper .e-frame,
.e-radio-wrapper .e-frame {
  height: 18px !important;
  width: 18px !important;
}

/* ---------------------------------------------------------------------------
   7. Dialog / Popup
   --------------------------------------------------------------------------- */
.e-dialog,
.e-popup {
  font-size: 14px !important;
}

.e-dialog .e-dlg-header-content .e-dlg-header {
  font-size: 16px !important;
  padding: 14px 20px !important;
}

.e-dialog .e-dlg-content {
  font-size: 14px !important;
  padding: 14px 20px !important;
}

.e-dialog .e-footer-content {
  padding: 12px 20px !important;
}

.e-dialog .e-footer-content .e-btn {
  font-size: 14px !important;
  padding: 4px 12px !important;
}

/* ---------------------------------------------------------------------------
   8. Tab
   --------------------------------------------------------------------------- */
.e-tab .e-tab-header .e-toolbar-item .e-tab-text {
  font-size: 14px !important;
  padding: 10px 16px !important;
}

/* ---------------------------------------------------------------------------
   9. TreeView / ListView
   --------------------------------------------------------------------------- */
.e-listview .e-list-item {
  font-size: 14px !important;
  padding: 10px 12px !important;
  min-height: 40px !important;
}

.e-treeview .e-list-item {
  font-size: 14px !important;
  padding: 8px 12px !important;
}

/* ---------------------------------------------------------------------------
  10. Input group / inline override
   --------------------------------------------------------------------------- */
.e-control.e-input-group input.e-input {
  font-size: 14px !important;
}
/* ---------------------------------------------------------------------------
  11. E-Grid – kenarlık radius (Material card uyumu)
   --------------------------------------------------------------------------- */
.e-grid {
  border-style: solid;
  
  border-radius: 10px !important;
  overflow: hidden !important;
  display: block;
  font-family: "Roboto", "Segoe UI", "GeezaPro", "DejaVu Serif", "sans-serif", "-apple-system", "BlinkMacSystemFont";
  font-size: 13px;
  height: auto;
  position: relative;
}