/* v0.99.2 — Admin panel global visual hierarchy / table & list system refresh
   Amaç: tablo başlığı, satırlar, yardımcı bilgi, kartlar ve aksiyonlar arasında
   bütün panelde net görsel hiyerarşi oluşturmak. */
:root{
  --admin-surface:#ffffff;
  --admin-surface-soft:#f6f8fb;
  --admin-surface-alt:#f1f5f9;
  --admin-surface-hover:#eaf2fb;
  --admin-heading:#162a42;
  --admin-heading-2:#243b55;
  --admin-border:#cfd9e5;
  --admin-border-soft:#e1e8f0;
  --admin-table-head:#18314d;
  --admin-table-head-border:#294865;
  --admin-row-alt:#f7f9fc;
  --admin-row-hover:#edf4fb;
}

/* Kart / panel katmanları */
.panel,.section-card,.side-card,.info-card,.metric,.kpi-box{
  border-color:var(--admin-border);
  box-shadow:0 12px 30px rgba(18,40,65,.075);
}
.panel-head,.section-card .section-head{
  background:linear-gradient(180deg,#fbfcfe 0%,#f3f6fa 100%);
  border-bottom-color:var(--admin-border);
}
.panel-head{padding:20px 22px}
.panel-head h2,.section-card .section-head h2,.form-panel h2{
  color:var(--admin-heading);
  font-weight:850;
}
.panel-head h2{font-size:25px}
.panel-head p,.section-card .section-head p{
  margin-top:7px;
  color:#52677f;
  font-weight:500;
}

/* Form alanlarında başlık / içerik ayrımı */
.section-card .section-body{background:#fff}
.form-grid label,.form-stack label,.field-grid-2 label,.field-grid-3 label,.crm-field{
  color:#2d435d;
  font-weight:800;
}
.form-grid label>span,.form-stack label>span,.field-grid-2 label>span,.field-grid-3 label>span{
  color:#2b4059;
}
input,select,textarea{
  border-color:#c5d1de;
  background:#fbfcfe;
  min-height:44px;
}
textarea{min-height:110px}
input:hover,select:hover,textarea:hover{border-color:#aebdcd}
input:focus,select:focus,textarea:focus{
  background:#fff;
  border-color:#7195b8;
  box-shadow:0 0 0 4px rgba(74,123,168,.13);
}
.form-note,.field-help{line-height:1.55}
fieldset{background:#f7f9fc;border-color:var(--admin-border)}
legend{color:#243c58;font-weight:900}

/* Filtreler artık tablonun sıradan bir satırı gibi görünmesin */
.filters,.crm-filters{
  background:#eef3f8;
  border-bottom:1px solid var(--admin-border);
}
.filter-chip{
  background:#fff;
  border-color:#c7d3df;
  box-shadow:0 1px 0 rgba(21,49,78,.03);
}

/* GLOBAL TABLE SYSTEM ---------------------------------------------------- */
.table-wrap{background:#eef2f6}
.table{
  background:#fff;
  color:#23354b;
  border-collapse:separate;
  border-spacing:0;
}
.table th,.table td{
  padding:17px 18px;
  border-bottom:1px solid var(--admin-border-soft);
  line-height:1.45;
}
.table thead th{
  position:sticky;
  top:0;
  z-index:4;
  background:var(--admin-table-head);
  color:#f4f8fc;
  border-bottom:1px solid #10273e;
  font-size:12px;
  font-weight:900;
  letter-spacing:.065em;
  text-transform:uppercase;
  white-space:nowrap;
  text-shadow:0 1px 0 rgba(0,0,0,.08);
}
.table thead th+th{border-left:1px solid rgba(255,255,255,.12)}
.table tbody td{
  background:#fff;
  color:#27394e;
  font-size:14px;
  transition:background .14s ease,border-color .14s ease;
}
.table tbody tr:nth-child(even) td{background:var(--admin-row-alt)}
.table tbody tr:hover td{background:var(--admin-row-hover)}
.table tbody td+td{border-left:1px solid rgba(210,220,231,.62)}
.table tbody tr:last-child td{border-bottom:0}
.table td:first-child{padding-left:22px}
.table td strong{
  color:#172b43;
  font-size:15px;
  font-weight:850;
  line-height:1.38;
}
.table td small{
  margin-top:5px;
  color:#526a83!important;
  font-size:13px!important;
  font-weight:500;
  line-height:1.45;
}
.table td .code,.code{
  display:inline-flex;
  align-items:center;
  min-height:28px;
  padding:5px 9px;
  background:#eaf0f6;
  border:1px solid #d1dce7;
  color:#36506b;
  font-size:12px;
  font-weight:700;
}

/* Tablo aksiyonları satır içeriğinden ayrışsın */
.table td.actions{
  padding-left:16px;
  padding-right:18px;
}
.actions{gap:8px}
.actions a,.actions button{
  min-height:36px;
  padding:8px 12px;
  border-color:#c7d4e1;
  background:#fff;
  color:#304760;
  font-size:12.5px;
  font-weight:800;
  box-shadow:0 1px 1px rgba(18,40,65,.025);
}
.actions a:hover{
  border-color:#91abc4;
  background:#eef5fb;
  color:#183b5f;
}
.actions button{
  border-color:#e3c9c6;
  color:#a3403a;
}
.actions button:hover{
  border-color:#d9aaa5;
  background:#fff1ef;
  color:#922e29;
}
.actions .table-action-accent{
  border-color:#df672f;
  background:linear-gradient(180deg,#f2784d 0%,#e85732 100%);
  color:#fff;
}

/* Durum / kategori etiketleri sıradan metin gibi görünmesin */
.badge{
  min-height:28px;
  padding:6px 10px;
  border:1px solid #d3dde7;
  font-size:11.5px;
  font-weight:900;
  letter-spacing:.035em;
  line-height:1.15;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.45);
}
.badge.ok{border-color:#cce8dc;background:#e8f6ef;color:#197451}
.badge.warn{border-color:#f1ddb7;background:#fff3dc;color:#9c6508}
.badge.bad{border-color:#efcccc;background:#ffeded;color:#b43b3b}
.badge.muted{border-color:#d9e1e8;background:#edf1f5;color:#5e7185}
.badge.accent{border-color:#f2d0c7;background:#fff0eb;color:#c84c32}
.badge.info{border-color:#dcd4f0;background:#f0ecfb;color:#65449c}

/* Boş durum da tablo satırı gibi kaybolmasın */
.empty,.empty-cell{
  background:#f8fafc!important;
  color:#5a6f86!important;
}
.empty strong{color:#19314a;font-size:17px}

/* KPI / özet kartlarında başlık ve sayı hiyerarşisi */
.metric,.kpi-strip .kpi-box{
  background:linear-gradient(145deg,#fff 0%,#f8fafc 100%);
  border-color:#d2dce7;
}
.metric-label,.kpi-box small{
  color:#465d75!important;
  font-weight:900!important;
}
.metric strong,.kpi-box strong{color:#152a42}
.metric span,.metric small,.kpi-strip .kpi-box>span{color:#526a82!important}

/* Detay / yardımcı bilgi kutuları */
.detail-list>div,.side-stat-item,.helper-list li,.student-inline-create{
  background:#f7f9fc;
  border-color:#d4dee8;
}
.detail-list>div{
  box-shadow:inset 0 1px 0 rgba(255,255,255,.65);
}
.detail-list small{
  color:#526a82!important;
  font-size:11.5px!important;
  font-weight:900;
}
.detail-list strong{color:#213850}

/* Kart tabanlı liste bileşenlerinde de zebra / derinlik mantığı */
.student-admin-list,.student-record-stack,.hero-slide-list{gap:11px}
.student-admin-row,.student-record-stack article,.hero-slide-card,.media-card{
  border-color:#cfdbe6;
  box-shadow:0 4px 14px rgba(18,40,65,.045);
}
.student-admin-row:nth-child(odd),.student-record-stack article:nth-child(odd){background:#fff}
.student-admin-row:nth-child(even),.student-record-stack article:nth-child(even){background:#f6f8fb}
.student-admin-row:hover,.student-record-stack article:hover{
  border-color:#b8c9d9;
  background:#edf4fb;
}
.student-admin-row-main strong,.student-record-stack strong{color:#1c334c;font-size:14px}
.student-admin-row-main small,.student-record-stack small{color:#536b84!important;font-size:12.5px!important}
.student-admin-row label>span{color:#526a82;font-size:11.5px;font-weight:900}

/* Medya kartlarında dosya adı / meta bilgisi birbirinden ayrı */
.media-grid{background:#eef2f6}
.media-card{background:#fff}
.media-card:nth-child(even){background:#f8fafc}
.media-card>div{padding:14px}
.media-card strong{color:#1b3149;font-size:14px}
.media-card small{color:#536b84!important;font-size:12px!important}

/* Bildirim listesi de düz beyaz blok olmasın */
.notification-item{border-bottom-color:#dfe7ef}
.notification-item:nth-child(even){background:#f7f9fc}
.notification-item:hover{background:#edf4fb}
.notification-item-copy strong{color:#1c334c;font-size:13px}
.notification-item-copy small{color:#536b84!important;font-size:12px!important}
.notification-head{background:#f3f6fa;border-bottom-color:#d3dee8}
.notification-foot{background:#eef3f8;color:#526a82}

/* Page helper / save panel ile ana içerik arasında daha net sınır */
.page-helper-card{
  border-color:#cddae6;
  box-shadow:0 10px 26px rgba(31,50,76,.065);
}
.page-helper-box{border-color:#d6e1eb;background:#f7f9fc}
.save-panel{border-color:#cfdbe6!important}

/* Dar ekranlarda koyu başlığın ve satırların okunabilirliği */
@media(max-width:900px){
  .table th,.table td{padding:15px 14px}
  .table td:first-child{padding-left:16px}
}
@media(max-width:650px){
  .panel-head{padding:17px 16px}
  .panel-head h2{font-size:22px}
  .table thead th{font-size:11.5px}
  .table tbody td{font-size:13.5px}
  .actions a,.actions button{min-height:38px}
}

/* Kullanıcının mevcut admin.css özelleştirmelerini koruyan son katman. */
.badge{font-size:11px}
.form-grid label,.form-stack label,.field-grid-2 label,.field-grid-3 label{color:#d64729}
.form-grid label>span,.form-stack label>span,.field-grid-2 label>span,.field-grid-3 label>span{color:#d64729}

/* v0.99.6 — Tablo aksiyon hücrelerinde flex kaynaklı satır kayması düzeltmesi
   .actions sınıfı kartlarda flex olarak kullanılmaya devam eder; tablo hücresi olduğunda
   tekrar gerçek table-cell davranışına alınır. Böylece zebra satırlar, dikey ayırıcılar
   ve satır yükseklikleri bütün kolonlarda aynı hizada kalır. */
.table td.actions{
  display:table-cell;
  vertical-align:middle;
  text-align:right;
  white-space:nowrap;
}
.table td.actions>a,
.table td.actions>form,
.table td.actions>button,
.table td.actions>span{
  display:inline-flex;
  vertical-align:middle;
  align-items:center;
}
.table td.actions>form{
  margin:0 0 0 7px;
}
.table td.actions>a+form,
.table td.actions>a+a,
.table td.actions>form+form{
  margin-left:7px;
}
.table td.actions>form button{
  margin:0;
}

/* Dashboard'ın mobil kart görünümü kendi flex düzenini kullanıyor. */
@media(max-width:720px){
  .dashboard-table td.actions{
    display:flex;
    text-align:initial;
    white-space:normal;
  }
  .dashboard-table td.actions>a,
  .dashboard-table td.actions>form{
    margin-left:0;
  }
}