/* ============================================================================
   MAGOSTORE — ADMİN PANELİ YENİDEN DERİLEME
   ----------------------------------------------------------------------------
   Kurulum:
     1. public/vendor/core/magostore/admin.css olarak kaydet
     2. MagostoreAdminServiceProvider CSS'i enjekte ediyor (Assets facade)

   Botble admin paneli TEMAYI KULLANMIYOR — Tabler tabanlı kendi çekirdek
   arayüzü. O yüzden vitrin CSS'inden ayrı bir dosya gerekiyor.

   İyi haber: Tabler her şeyi --tblr-* değişkenleriyle kuruyor. Bu dosya o
   değişkenleri Magostore paletine bağlıyor; Tabler'ın kendi CSS'ine hiç
   dokunulmuyor, çekirdek güncellemesi bunu kırmıyor.
   ============================================================================ */

@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap');

:root,
[data-bs-theme="light"]{
  /* --- Magostore jetonları --- */
  --mg-ink:        #0D2A1A;
  --mg-ink-2:      #17563A;
  --mg-ink-3:      #2F7A54;
  --mg-lime:       #A8EA55;
  --mg-lime-deep:  #7BC93A;
  --mg-lime-wash:  #E8F8D2;
  --mg-paper:      #F1F4EC;
  --mg-sand:       #E6E9DE;
  --mg-line:       #E2E7DC;
  --mg-muted:      #525E50;
  --mg-muted-2:    #647064;
  --mg-brick:      #B8442E;
  --mg-amber:      #BC7F16;

  /* --- Tabler'ı Magostore'a bağla --- */
  --tblr-primary:            #17563A;
  --tblr-primary-rgb:        23, 86, 58;
  --tblr-primary-fg:         #ffffff;
  --tblr-link-color:         #17563A;
  --tblr-link-hover-color:   #0D2A1A;

  --tblr-body-bg:            #F1F4EC;
  --tblr-body-color:         #0D2A1A;
  --tblr-bg-surface:         #FFFFFF;
  --tblr-bg-surface-secondary: #F1F4EC;
  --tblr-bg-surface-tertiary:  #E6E9DE;

  --tblr-border-color:             #E2E7DC;
  --tblr-border-color-translucent: rgba(13,42,26,.09);
  --tblr-border-radius:      13px;
  --tblr-border-radius-sm:   9px;
  --tblr-border-radius-lg:   18px;

  --tblr-secondary:          #525E50;
  --tblr-muted:              #647064;
  --tblr-success:            #17563A;
  --tblr-success-rgb:        23, 86, 58;
  --tblr-warning:            #BC7F16;
  --tblr-warning-rgb:        188, 127, 22;
  --tblr-danger:             #B8442E;
  --tblr-danger-rgb:         184, 68, 46;
  --tblr-info:               #2F7A54;

  --tblr-font-sans-serif: "Manrope", system-ui, -apple-system, sans-serif;
}

/* ---------------------------------------------------------------- tipografi */
body, .btn, .form-control, .form-select, input, textarea, select{
  font-family:"Manrope", system-ui, -apple-system, sans-serif !important;
}

/* Tek yüz — hiyerarşiyi ağırlık ve tracking taşıyor */
h1,.h1,.page-title{ font-weight:800 !important; letter-spacing:-.035em }
h2,.h2{ font-weight:800; letter-spacing:-.03em }
h3,.h3,.card-title{ font-weight:700 !important; letter-spacing:-.022em }
h4,.h4,h5,.h5{ font-weight:700; letter-spacing:-.018em }
.page-pretitle{
  font-weight:800; letter-spacing:.12em; text-transform:uppercase;
  color:var(--mg-muted-2); font-size:11px;
}

/* Para ve sayı kolonları — tabular olmadan tablolarda kayar */
.table td, .table th,
.datatable td, .datatable th,
.text-end, .amount, .price{
  font-variant-numeric: tabular-nums;
  font-feature-settings:"tnum" 1;
}

/* ---------------------------------------------------------------- yan menü */
.navbar-vertical.navbar-expand-lg{
  background:var(--mg-ink) !important;
  border-right:0 !important;
}
.navbar-vertical .navbar-brand{ padding:16px 14px }
.navbar-vertical .navbar-nav .nav-link{
  color:#C6D6C6 !important;
  border-radius:10px;
  margin:1px 8px;
  padding:9px 11px !important;
  font-size:13.5px;
  font-weight:500;
  transition:background .14s, color .14s;
}
.navbar-vertical .navbar-nav .nav-link:hover{
  background:rgba(255,255,255,.07) !important;
  color:#fff !important;
}
.navbar-vertical .navbar-nav .nav-item.active > .nav-link,
.navbar-vertical .navbar-nav .nav-link.active{
  background:var(--mg-lime) !important;
  color:var(--mg-ink) !important;
  font-weight:700;
}
.navbar-vertical .navbar-nav .nav-link .nav-link-icon{ opacity:.9 }
.navbar-vertical .nav-item .dropdown-menu,
.navbar-vertical .navbar-nav .nav-item .nav{
  background:transparent !important;
}
.navbar-vertical .navbar-nav .nav .nav-link{
  font-size:13px;
  color:#A8BFAB !important;
  padding-left:30px !important;
}
/* Menü grubu başlıkları */
.navbar-vertical .nav-header, .navbar-vertical .navbar-heading{
  color:#6E8672 !important;
  font-size:9.5px;
  font-weight:800;
  letter-spacing:.13em;
  text-transform:uppercase;
  padding:14px 18px 6px;
}

/* ---------------------------------------------------------------- üst bar */
.navbar:not(.navbar-vertical){
  background:rgba(241,244,236,.88) !important;
  border-bottom:1px solid var(--mg-line) !important;
  backdrop-filter:blur(9px);
}
.navbar .nav-link{ color:var(--mg-ink) }

/* ---------------------------------------------------------------- kartlar */
.card{
  border:0 !important;
  border-radius:var(--tblr-border-radius-lg) !important;
  box-shadow:0 1px 2px rgba(13,42,26,.04), 0 8px 24px -12px rgba(13,42,26,.10) !important;
}
.card-header{
  border-bottom:1px solid var(--mg-line);
  background:transparent;
  padding:15px 18px;
  min-height:auto;
}
.card-body{ padding:17px 18px }
.card-footer{ background:transparent; border-top:1px solid var(--mg-line) }

/* Gösterge kartları — Fynix tarzı büyük rakam, küçük etiket */
.mg-stat{ display:flex; flex-direction:column; gap:2px }
.mg-stat__k{ font-size:11.5px; color:var(--mg-muted); font-weight:600 }
.mg-stat__v{
  font-size:24px; font-weight:800; letter-spacing:-.04em; line-height:1.1;
  font-variant-numeric:tabular-nums; color:var(--mg-ink);
}
.mg-stat__d{ font-size:11px; margin-top:4px; color:var(--mg-muted) }
.mg-delta{
  font-size:10.5px; font-weight:800; border-radius:20px; padding:1px 7px;
  font-variant-numeric:tabular-nums;
}
.mg-delta--up{ background:var(--mg-lime-wash); color:#3D6B22 }
.mg-delta--dn{ background:#FBEDE9; color:var(--mg-brick) }

/* Kahraman kart — lime, panelde TEK yerde kullanılır */
.mg-hero{
  background:linear-gradient(150deg,#BCF06A 0%, var(--mg-lime) 42%, #8FD943 100%);
  color:var(--mg-ink);
  border-radius:var(--tblr-border-radius-lg);
  padding:18px 19px;
  box-shadow:0 2px 4px rgba(13,42,26,.06), 0 18px 40px -18px rgba(23,86,58,.35);
  position:relative; overflow:hidden;
}
.mg-hero::after{
  content:""; position:absolute; right:-58px; bottom:-72px;
  width:190px; height:190px; border-radius:50%;
  background:rgba(255,255,255,.22); pointer-events:none;
}
.mg-hero__k{ font-size:11.5px; font-weight:700; color:#2A4A2E; position:relative }
.mg-hero__v{
  font-size:30px; font-weight:800; letter-spacing:-.045em;
  margin:5px 0 2px; position:relative; line-height:1.05;
  font-variant-numeric:tabular-nums;
}
.mg-hero__c{ font-size:11.5px; color:#33553A; position:relative }

/* ---------------------------------------------------------------- butonlar */
.btn{
  border-radius:var(--tblr-border-radius) !important;
  font-weight:700;
  letter-spacing:-.01em;
}
.btn-primary{
  background-color:var(--mg-ink) !important;
  border-color:var(--mg-ink) !important;
  color:#fff !important;
}
.btn-primary:hover, .btn-primary:focus{ filter:brightness(1.4) }
.btn-success{ background-color:var(--mg-lime) !important; border-color:var(--mg-lime) !important; color:var(--mg-ink) !important }
.btn-outline-primary{ border-color:var(--mg-ink-2) !important; color:var(--mg-ink-2) !important }
.btn-outline-primary:hover{ background:var(--mg-lime-wash) !important; color:var(--mg-ink) !important }

/* ---------------------------------------------------------------- tablolar */
.table thead th{
  background:var(--mg-paper);
  color:var(--mg-muted);
  font-size:10.5px;
  font-weight:800;
  letter-spacing:.07em;
  text-transform:uppercase;
  border-bottom:1px solid var(--mg-line);
}
.table tbody tr:hover{ background:var(--mg-paper) }
.table td, .table th{ border-color:var(--mg-line) }

/* Durum etiketleri */
.badge{
  border-radius:20px; font-weight:700; font-size:10.5px; padding:4px 9px;
  letter-spacing:0;
}
.badge.bg-success, .bg-success{ background-color:var(--mg-lime-wash) !important; color:#3A6620 !important }
.badge.bg-warning, .bg-warning{ background-color:#FDF4E2 !important; color:#8A6111 !important }
.badge.bg-danger,  .bg-danger { background-color:#FBEDE9 !important; color:var(--mg-brick) !important }
.badge.bg-info,    .bg-info   { background-color:#E9F0F6 !important; color:#2F5675 !important }
.badge.bg-primary, .bg-primary{ background-color:var(--mg-lime-wash) !important; color:var(--mg-ink-2) !important }

/* ---------------------------------------------------------------- formlar */
.form-control, .form-select{
  border-radius:var(--tblr-border-radius) !important;
  border-color:var(--mg-line);
}
.form-control:focus, .form-select:focus{
  border-color:var(--mg-ink-2);
  box-shadow:0 0 0 3px rgba(23,86,58,.10);
}
.form-label{ font-weight:700; font-size:12.5px; color:var(--mg-ink) }
.form-check-input:checked{ background-color:var(--mg-ink-2); border-color:var(--mg-ink-2) }

/* ---------------------------------------------------------------- sekmeler */
.nav-tabs .nav-link{ border-radius:var(--tblr-border-radius) var(--tblr-border-radius) 0 0; font-weight:600 }
.nav-tabs .nav-link.active{ color:var(--mg-ink); border-bottom-color:var(--mg-lime) }

/* ---------------------------------------------------------------- uyarılar */
.alert{ border-radius:var(--tblr-border-radius-lg); border:0 }
.alert-success{ background:var(--mg-lime-wash); color:#2A4A18 }
.alert-warning{ background:#FDF4E2; color:#6E4A0E }
.alert-danger{ background:#FBEDE9; color:#8C2F1D }
.alert-info{ background:#E9F0F6; color:#254A63 }

/* ---------------------------------------------------------------- alt bilgi */
.footer{ color:var(--mg-muted-2); font-size:12px }

/* ---------------------------------------------------------------- erişim */
:focus-visible{ outline:2.5px solid var(--mg-ink-2); outline-offset:2px; border-radius:4px }
@media (prefers-reduced-motion:reduce){ *{ transition:none !important; animation:none !important } }