/* Genel Responsive İyileştirmeler */
html,body{width:100%;max-width:100%;overflow-x:hidden;}
.table-responsive-wrapper{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;}

/*************************
 * Form Elemanları
 *************************/
@media (max-width: 767px){
  .form-inline .form-control{display:block;width:100%!important;margin-bottom:8px;}
  .form-inline button{display:block;width:100%;}
  .btn-lg{width:100%;}
  .panel-group .panel-heading h4{font-size:16px;}
  .container{padding-left:12px;padding-right:12px;}
  h2,h3{font-size:20px;}
  .record-header h4{font-size:14px;}
}

/*************************
 * Kart Yapıları
 *************************/
.record-card{transition:box-shadow .2s ease;}
.record-card:hover{box-shadow:0 4px 10px rgba(0,0,0,.08);}

/*************************
 * Tablo Küçültme
 *************************/
@media (max-width: 600px){
  table.responsive-stack{width:100%;}
  table.responsive-stack thead{display:none;}
  table.responsive-stack tr{display:block;margin-bottom:12px;border:1px solid #ddd;border-radius:6px;padding:8px;background:#fff;}
  table.responsive-stack td{display:flex;justify-content:space-between;gap:15px;padding:6px 4px;font-size:13px;border:none;border-bottom:1px dashed #eee;}
  table.responsive-stack td:last-child{border-bottom:none;}
  table.responsive-stack td:before{content:attr(data-label);font-weight:600;color:#444;}
}

/*************************
 * Uyarı Kutuları Esnekliği
 *************************/
@media (max-width: 600px){
  .alert{font-size:13px;}
  .alert h4{font-size:16px;margin-top:0;}
}

/*************************
 * Autocomplete Alan Genişliği
 *************************/
@media (max-width: 480px){
  #ilac_input{width:100%!important;}
}