/* ===== PANEL CSS — sadece BS5 ile yapılamayan overrides ===== */
:root {
  --panel-accent: #f47920;
  --panel-accent-soft: #fff6ed;
  --panel-transition: .15s ease;
}

/* Font */
body, input, select, textarea {
  font-family: 'Outfit', system-ui, -apple-system, sans-serif !important;
}

/* Body bg */
body.bg-light { background: #f9fafb !important; }


/* ===== FIXED LAYOUT (TailAdmin tarzı) ===== */
@media (min-width: 768px) {
  /* Sidebar: tam yükseklik fixed */
  .sidebar {
    position: fixed !important;
    top: 0; left: 0;
    width: 240px !important;
    height: 100vh;
    z-index: 1030;
    display: flex;
    flex-direction: column;
    border-right: 1px solid #e5e7eb;
    background: #fff;
  }
  .sidebar .offcanvas-md {
    position: static !important;
    height: 100%;
    overflow-y: auto;
    flex-direction: column;
    scrollbar-width: thin;
    scrollbar-color: #dee2e6 transparent;
    display: flex !important;
    visibility: visible !important;
    transform: none !important;
  }
  .sidebar .offcanvas-md::-webkit-scrollbar { width: 4px; }
  .sidebar .offcanvas-md::-webkit-scrollbar-thumb { background: #dee2e6; border-radius: 2px; }
  /* Üst navbar: sidebar genişliği kadar offsetli, fixed */
  .navbar {
    position: fixed !important;
    top: 0; left: 240px;
    right: 0;
    z-index: 1020;
    height: 56px;
    border-bottom: 1px solid #e4e7ec;
    box-shadow: 0 1px 4px rgba(16,24,40,.06);
  }
  /* İçerik alanı: sol + üst boşluk */
  .col-12.col-md-10 {
    margin-left: 240px !important;
    margin-top: 56px !important;
    width: calc(100% - 240px) !important;
    max-width: calc(100% - 240px) !important;
    flex: none !important;
  }
  /* Bootstrap row/col düzeltme */
  .row.g-0 { display: block !important; }
}

/* ===== SIDEBAR ===== */

.sidebar-logo {
  height: 56px;
  flex-shrink: 0;
}
.sidebar .offcanvas-md,
.sidebar .bg-dark.text-white {
  background: linear-gradient(180deg, #1b263b 50%, #274472 100%) !important;
  border-right: none;
  overflow-y: auto;
  overflow-x: hidden;
}

.sidebar .list-group-item {
  border: none;
  color: #ffffff;
  background: transparent;
  transition: color 0.5s, text-shadow 0.5s, margin-left 0.5s;
}
.sidebar .list-group-item:hover {
  margin-left:2px;
  color: #f47920;
  text-shadow: 0 0 8px #f47920, 0 0 16px #f47920;
}
.sidebar .list-group-item.active {
  background: #f47920 !important;
  color:  #fff !important;
  font-weight: 600 !important;
  margin-left:2px;
}
.sidebar .list-group-item .fas {color: #f47920; font-size: .8rem; }
.sidebar .list-group-item:hover .fas { opacity: 1; color: #f47920 !important; }
.sidebar .list-group-item.active .fas { opacity: 1; color: #fff !important; }
 

/* Sidebar section labels */
.sidebar-section-label {
  font-size: .6rem;
  text-transform: uppercase;
  letter-spacing: .08em;
  color: #98a2b3;
  font-weight: 600;
  padding: .75rem 1.1rem .25rem;
}

 

 
/* ===== FORMS ===== */
.form-control, .form-select {
  font-size: .875rem !important;
  border-color: #d0d5dd !important;
  transition: border-color var(--panel-transition), box-shadow var(--panel-transition);
}
/* tekil input radius */
:not(.input-group) > .form-control,
:not(.input-group) > .form-select {
  border-radius: .5rem !important;
}
/* input-group child radius */
.input-group > .form-control,
.input-group > .form-select,
.input-group > .input-group-text {
  border-radius: 0 !important;
}
.input-group > .form-control:first-child,
.input-group > .form-select:first-child,
.input-group > .input-group-text:first-child {
  border-radius: .5rem 0 0 .5rem !important;
}
.input-group > .form-control:last-child,
.input-group > .form-select:last-child,
.input-group > .input-group-text:last-child {
  border-radius: 0 .5rem .5rem 0 !important;
}
.input-group-text {
  border-color: #d0d5dd !important;
  background: #f9fafb;
}
.form-control:focus, .form-select:focus {
  border-color: var(--panel-accent) !important;
  box-shadow: 0 0 0 4px rgba(244,121,32,.08) !important;
}
/* ===== UPLOAD ZONE ===== */
.upload-zone {
  border: 2px dashed #cdd2e0;
  border-radius: .5rem;
  padding: 1.5rem 1rem;
  text-align: center;
  cursor: pointer;
  transition: border-color var(--panel-transition), background var(--panel-transition);
  background: #f8f9ff;
  position: relative;
}
.upload-zone:hover, .upload-zone.dragover {
  border-color: var(--panel-accent);
  background: var(--panel-accent-soft);
}
.upload-zone input[type="file"] {
  position: absolute; inset: 0;
  width: 100%; height: 100%;
  opacity: 0; cursor: pointer;
}
.upload-zone-icon { font-size: 2rem; color: #b0b8d1; margin-bottom: .5rem; }
.upload-zone-text { font-size: .8rem; color: #8a92a6; }
.upload-zone-text strong { color: var(--panel-accent); }

/* ===== CROP CONTAINER ===== */
.crop-preview-label {
  font-size: .72rem; font-weight: 600; color: #6c757d;
  text-transform: uppercase; letter-spacing: .04em;
  margin-bottom: .4rem;
}

/* ===== SORTABLE DRAG-DROP ===== */
.sort-item {
  display: flex;
  align-items: center;
  gap: .75rem;
  background: #fff;
  border: 1px solid #e9ecef;
  border-radius: .4rem;
  padding: .6rem .9rem;
  margin-bottom: .4rem;
  cursor: grab;
  transition: box-shadow var(--panel-transition), border-color var(--panel-transition);
  font-size: .875rem;
}
.sort-item:active { cursor: grabbing; box-shadow: 0 6px 18px rgba(0,0,0,.12); }
.sort-item:hover { border-color: #c0c8e0; box-shadow: 0 2px 8px rgba(0,0,0,.06); }
.sort-item.ui-sortable-helper { box-shadow: 0 8px 24px rgba(0,0,0,.15); border-color: var(--panel-accent); }
.sort-item.ui-sortable-placeholder { visibility: visible !important; background: var(--panel-accent-soft); border: 2px dashed var(--panel-accent); }
.sort-handle { color: #b0b8d1; font-size: .9rem; flex-shrink: 0; }
.sort-item:hover .sort-handle { color: var(--panel-accent); }

/* Nestable (katsiralama) */
.dd-item > .dd-handle {
  display: block;
  background: #fff;
  border: 1px solid #e9ecef;
  border-radius: .4rem;
  padding: .55rem .9rem;
  margin-bottom: .35rem;
  cursor: grab;
  font-size: .875rem;
  color: #344054;
  transition: box-shadow var(--panel-transition);
}
.dd-item > .dd-handle:hover { border-color: #c0c8e0; box-shadow: 0 2px 8px rgba(0,0,0,.06); }

/* ===== btn-xs (Bootstrap 3 compat) ===== */
.btn-xs {
  padding: .15rem .45rem !important;
  font-size: .72rem !important;
  border-radius: .3rem !important;
  line-height: 1.4 !important;
  white-space: nowrap !important;
}

/* ===== TABLO ACTION BUTONLAR ===== */
/* Tablo içinde action alanı – gap ile hizalı */
/* .action-btns layout: d-flex gap-1 align-items-center flex-nowrap (BS5) */

/* Action-btns: default = soft pastel, hover = sadece kalkma + gölge */
.action-btns .btn { transition: transform .13s ease, box-shadow .13s ease; }
.action-btns .btn-outline-danger:not(.status-toggle)  { color: #f04438 !important; border-color: #fda29b !important; background: #fff1f0 !important; }
.action-btns .btn-outline-warning:not(.status-toggle) { color: #f47920 !important; border-color: #fdba74 !important; background: #fff7ed !important; }
.action-btns .btn-outline-info:not(.status-toggle)    { color: #0ea5e9 !important; border-color: #7dd3fc !important; background: #f0f9ff !important; }
.action-btns .btn-outline-success:not(.status-toggle) { color: #059669 !important; border-color: #6ee7b7 !important; background: #f0fdf4 !important; }
.action-btns .btn-outline-primary:not(.status-toggle) { color: #0d6efd !important; border-color: #93c5fd !important; background: #eff6ff !important; }
.action-btns .btn:hover,
.action-btns .btn:focus { transform: translateY(-1px); box-shadow: 0 2px 8px rgba(0,0,0,.12) !important; }
/* Aktif durum butonu – yeşil pastel */
.table .btn-durum-aktif,
.table .btn-durum-aktif:hover,
.table .btn-durum-aktif:focus,
.table .btn-durum-aktif:active { color: #059669 !important; border-color: #6ee7b7 !important; background: #f0fdf4 !important; }
.table .btn-durum-pasif,
.table .btn-durum-pasif:hover,
.table .btn-durum-pasif:focus,
.table .btn-durum-pasif:active { color: #6c757d !important; border-color: #dee2e6 !important; background: #f8f9fa !important; }

/* ===== TABLE ===== */
.table { font-size: .8375rem; }
.table thead th {
  background: #f9fafb;
  font-size: .68rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: .06em;
  color: #667085;
  border-bottom-width: 1px;
  border-color: #e4e7ec;
}
.table-hover tbody tr:hover { background: #f5f6f8 !important; }
/* Checkbox boyutu */
.table input[type="checkbox"] { width: 1.1rem; height: 1.1rem; cursor: pointer; accent-color: var(--panel-accent); }
/* TailAdmin: column borders yok, sadece row alt çizgisi */
.table-bordered > :not(caption) > * > * {
  border-right: 0 !important;
  border-left: 0 !important;
}
.table-bordered { border: 0 !important; }
/* TailAdmin: striped kaldır (düz beyaz satırlar) */
.table-striped > tbody > tr:nth-of-type(odd) > * {
  --bs-table-accent-bg: transparent !important;
  background-color: transparent !important;
}

/* ===== RESPONSIVE ===== */
@media (max-width: 767.98px) {
  .col-12.col-md-10 { padding: 1rem .75rem !important; }
  /* Mobil navbar: fixed, logo ortada */
  .navbar {
    position: fixed !important;
    top: 0; left: 0; right: 0;
    z-index: 1020;
    height: auto !important;
    min-height: 56px;
    border-bottom: 1px solid #e4e7ec;
  }
  /* İçerik alanı üst boşluk (mobil) */
  .col-12.col-md-10 { margin-top: 56px !important; }
  /* Mobil collapse içindeki btn-group */
  #mobileUserCollapse .btn-group .btn { font-size: .8rem; padding: .4rem .75rem; }
}

/* ===== STAT CARDS ===== */
.stat-card {
  background: #fff;
  border: 1px solid #e9ecef;
  border-radius: 1rem;
  padding: 1.25rem 1.5rem;
  position: relative;
  overflow: hidden;
  height: 100%;
}
.stat-icon-wrap {
  width: 48px; height: 48px;
  border-radius: .75rem;
  display: flex; align-items: center; justify-content: center;
  font-size: 1.25rem;
  flex-shrink: 0;
}
.stat-card.stat-primary   .stat-icon-wrap { background: rgba(232,77,28,.13);  color: #e84d1c; }
.stat-card.stat-secondary .stat-icon-wrap { background: rgba(22,46,99,.13);   color: #162e63; }
.stat-card.stat-dark      .stat-icon-wrap { background: rgba(22,46,99,.13);   color: #162e63; }
.stat-card.stat-success   .stat-icon-wrap { background: rgba(18,183,106,.13); color: #12b76a; }
.stat-card.stat-warning   .stat-icon-wrap { background: rgba(245,158,11,.13); color: #b45309; }
.stat-card.stat-danger    .stat-icon-wrap { background: rgba(239,68,68,.13);  color: #dc2626; }
.stat-card .stat-value {
  font-size: 1.75rem;
  font-weight: 700;
  color: #101828;
  line-height: 1.2;
}
.stat-card .stat-label {
  font-size: .75rem;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: .05em;
  color: #667085;
  margin-top: .25rem;
}
/* stat-icon-wrap: sadece özel renkler; layout BS5 ile yapılıyor */
.stat-icon-wrap { width:48px; height:48px; }
.stat-card.stat-primary   .stat-icon-wrap { background:rgba(232,77,28,.13);  color:#e84d1c; }
.stat-card.stat-secondary .stat-icon-wrap { background:rgba(2,132,199,.13);  color:#0284c7; }
.stat-card.stat-dark      .stat-icon-wrap { background:rgba(22,46,99,.13);   color:#162e63; }
.stat-card.stat-success   .stat-icon-wrap { background:rgba(18,183,106,.13); color:#12b76a; }
.stat-card.stat-warning   .stat-icon-wrap { background:rgba(245,158,11,.13); color:#b45309; }
.stat-card.stat-danger    .stat-icon-wrap { background:rgba(239,68,68,.13);  color:#dc2626; }
/* renk varyantları */
.stat-card.stat-primary   { border-left: 4px solid #e84d1c; background: #fff4f0; }
.stat-card.stat-primary   .stat-value { color: #e84d1c; }
.stat-card.stat-secondary { border-left: 4px solid #0284c7; background: #f0f9ff; }
.stat-card.stat-secondary .stat-value { color: #0369a1; }
.stat-card.stat-secondary .stat-icon-wrap { background: rgba(2,132,199,.13); color: #0284c7; }
.stat-card.stat-dark      { border-left: 4px solid #162e63; background: #eef1f8; }
.stat-card.stat-dark      .stat-value { color: #162e63; }
.stat-card.stat-success   { border-left: 4px solid #12b76a; background: #f0fdf4; }
.stat-card.stat-success   .stat-value { color: #12b76a; }
.stat-card.stat-warning   { border-left: 4px solid #f59e0b; background: #fffbeb; }
.stat-card.stat-warning   .stat-value { color: #b45309; }
.stat-card.stat-danger    { border-left: 4px solid #ef4444; background: #fef2f2; }
.stat-card.stat-danger    .stat-value { color: #dc2626; }
/* ===== PAGE TITLE ===== */
h1.h5.fw-normal {
  font-size: .975rem !important;
  font-weight: 600 !important;
  color: #101828;
  padding-bottom: .9rem !important;
  margin-bottom: 1.25rem !important;
  border-bottom-color: #e4e7ec !important;
}

/* ===== PAGE SURFACES ===== */
.panel-page-hero {
  background: linear-gradient(135deg, #f47922 0%, #e84d1c 65%, #c9350e 100%);
}

.panel-section-header {
  background: #162e63;
}

.panel-save-btn {
  background-color: #f47920;
  border-color: #f47920;
  color: #fff;
}

.panel-save-btn:hover,
.panel-save-btn:focus,
.panel-save-btn:active {
  background-color: #e36b17 !important;
  border-color: #e36b17 !important;
  color: #fff !important;
}

/* ===== ALERTS — TailAdmin tarzı ===== */
.alert {
  display: flex !important;
  align-items: flex-start !important;
  gap: .75rem;
  padding: 1rem 1.25rem !important;
  border-radius: .625rem !important;
  border-width: 1px !important;
  border-style: solid !important;
  font-size: .875rem;
  box-shadow: 0 1px 3px rgba(0,0,0,.06);
}
.alert + .alert { margin-top: .75rem; }
.alert .alert-heading {
  font-size: .875rem;
  font-weight: 600;
  margin-bottom: .2rem;
}

/* SUCCESS */
.alert-success {
  background: #f0fdf4 !important;
  border-color: #bbf7d0 !important;
  color: #166534 !important;
}
.alert-success .alert-heading,
.alert-success .alert-link { color: #15803d !important; }
.alert-success hr { border-color: #bbf7d0 !important; }

/* WARNING */
.alert-warning {
  background: #fffbeb !important;
  border-color: #fde68a !important;
  color: #92400e !important;
}
.alert-warning .alert-heading,
.alert-warning .alert-link { color: #b45309 !important; }
.alert-warning hr { border-color: #fde68a !important; }

/* DANGER */
.alert-danger {
  background: #fef2f2 !important;
  border-color: #fecaca !important;
  color: #991b1b !important;
}
.alert-danger .alert-heading,
.alert-danger .alert-link { color: #dc2626 !important; }
.alert-danger hr { border-color: #fecaca !important; }

/* INFO */
.alert-info {
  background: #eff6ff !important;
  border-color: #bfdbfe !important;
  color: #1e40af !important;
}
.alert-info .alert-heading,
.alert-info .alert-link { color: #1d4ed8 !important; }
.alert-info hr { border-color: #bfdbfe !important; }

/* SECONDARY */
.alert-secondary {
  background: #f8fafc !important;
  border-color: #e2e8f0 !important;
  color: #475569 !important;
}
.alert-secondary .alert-heading { color: #334155 !important; }

/* Kapatma butonu */
.alert .btn-close { margin-left: auto; flex-shrink: 0; opacity: .5; }