/* =========================================================
   CKE Sales — Corporate B2B (Filament v3 override)
   File: public/css/filament-admin.css
   ========================================================= */

/* ---------- TOKENS ---------- */
:root{
  --cke-bg: #f3f5f9;
  --cke-card: #ffffff;
  --cke-border: #e6e8f0;

  --cke-text: #0f172a;
  --cke-muted: #667085;

  --cke-accent: #f97316;          /* turuncu */
  --cke-accent-2:#fb923c;
  --cke-accent-soft: rgba(249,115,22,.12);

  --cke-radius: 14px;
  --cke-radius-sm: 12px;

  --cke-shadow: 0 10px 26px rgba(15,23,42,.08);
  --cke-shadow-hover: 0 16px 36px rgba(15,23,42,.12);

  --cke-sidebar-bg: #0b1220;      /* koyu kurumsal */
  --cke-sidebar-border: rgba(255,255,255,.08);
  --cke-sidebar-text: rgba(255,255,255,.82);
  --cke-sidebar-muted: rgba(255,255,255,.62);

  /* Üst çizgi: turuncu -> koyu gri */
--cke-topline: linear-gradient(90deg, #f97316 0%, #111827 100%) !important;
  --cke-glow: rgba(249,115,22,.22);
  --cke-glow-2: rgba(249,115,22,.14);
  --cke-ring: rgba(249,115,22,.18);
}


/* ---------- PAGE / LAYOUT BACKGROUND ---------- */
.fi-body,
.fi-main,
.fi-page,
.fi-layout{
  background: var(--cke-bg) !important;
  color: var(--cke-text) !important;
}

.fi-main{
  padding-top: 14px !important;
}

/* içeride “beyaz panel” gibi duran container’ları şeffaflaştır */
.fi-page > .fi-container,
.fi-main > .fi-container,
.fi-main .fi-container{
  background: transparent !important;
}

/* ---------- GLOBAL SURFACES (cards/sections/widgets/modal/table) ---------- */
.fi-section,
.fi-card,
.fi-wi,
.fi-modal,
.fi-ta-ctn,
.fi-fo-component-ctn{
  background: var(--cke-card) !important;
  border: 1px solid var(--cke-border) !important;
  border-radius: var(--cke-radius) !important;
  box-shadow: var(--cke-shadow) !important;
}

/* kart hover (daha “panel” hissi) */
.fi-card:hover,
.fi-section:hover,
.fi-wi:hover{
  box-shadow: var(--cke-shadow-hover) !important;
}

/* ---------- TYPO ---------- */
.fi-header-heading{
  font-weight: 900 !important;
  letter-spacing: .2px !important;
  font-size: 24px !important;
}
.fi-section-header-heading{
  font-weight: 850 !important;
}

/* ---------- TOP BAR ---------- */
.fi-header{
  margin-bottom: 12px !important;
}

/* ---------- BUTTONS (SMALL / CONSISTENT) ---------- */
/* Not: Senin dosyada aynı selector 2 kere vardı. Burada TEK blok var. */
.fi-btn,
.fi-btn-lg,
.fi-btn-xl,
button.fi-btn[size="lg"],
button.fi-btn[size="xl"]{
  border-radius: 10px !important;
  font-weight: 800 !important;
  padding: 6px 10px !important;
  min-height: 30px !important;
  font-size: 12px !important;
  line-height: 1 !important;
}

.fi-btn.fi-color-primary,
.fi-btn-primary{
  background: linear-gradient(135deg, #f97316 0%, #fb923c 100%) !important;
  color: #fff !important;
  border: none !important;
  box-shadow: 0 10px 20px rgba(249,115,22,.18) !important;
}

/* hover */
.fi-btn.fi-color-primary:hover,
.fi-btn-primary:hover{
  transform: translateY(-1px) !important;
  filter: brightness(1.03) !important;
  box-shadow:
    0 12px 22px rgba(249,115,22,.22),
    0 0 0 4px rgba(249,115,22,.14) !important;
}
/* icon-only */
.fi-icon-btn,
.fi-btn-icon{
  width: 30px !important;
  height: 30px !important;
  padding: 0 !important;
  border-radius: 10px !important;
}

/* ---------- INPUTS ---------- */
.fi-input:focus,
.fi-select-input:focus,
.fi-ta-search-field:focus,
.fi-fo-textarea:focus{
  box-shadow: 0 0 0 5px rgba(249,115,22,.14) !important;
  border-color: rgba(249,115,22,.45) !important;
}

.fi-input:focus,
.fi-select-input:focus,
.fi-fo-textarea:focus{
  box-shadow: 0 0 0 5px rgba(249,115,22,.14) !important;
  border-color: rgba(249,115,22,.45) !important;
}

/* ---------- TABLES ---------- */
.fi-ta-ctn{ overflow: hidden !important; }
.fi-ta-header{
  background: rgba(15,23,42,.03) !important;
}
.fi-ta-row{
  border-bottom: 1px solid rgba(230,232,240,.95) !important;
}
.fi-ta-row:hover{
  background: rgba(249,115,22,.05) !important;
}

/* ---------- BADGES ---------- */
.fi-badge{
  border-radius: 999px !important;
  font-weight: 800 !important;
}

/* ---------- WIDGET CHART ---------- */
.fi-wi canvas{
  padding: 6px 0 !important;
}

/* =========================================================
   SIDEBAR — Corporate Dark (Seramik/ERP vibe)
   ========================================================= */
.fi-sidebar{
  background: var(--cke-sidebar-bg) !important;
  border-right: 1px solid var(--cke-sidebar-border) !important;
  backdrop-filter: none !important;
}

/* brand area */
.fi-sidebar-header{
  padding: 16px 14px !important;
  border-bottom: 1px solid var(--cke-sidebar-border) !important;
}
.fi-sidebar-header .fi-brand{
  color: #fff !important;
  font-weight: 900 !important;
  letter-spacing: .2px !important;
}

/* nav padding */
.fi-sidebar nav,
.fi-sidebar .fi-sidebar-nav,
.fi-sidebar [data-sidebar-nav]{
  padding: 10px 10px 14px 10px !important;
}

/* group label */
.fi-sidebar .fi-sidebar-group-label,
.fi-sidebar [data-sidebar-group-label]{
  margin: 14px 10px 6px 10px !important;
  font-size: 10px !important;
  font-weight: 950 !important;
  letter-spacing: .14em !important;
  text-transform: uppercase !important;
  color: var(--cke-sidebar-muted) !important;
}

/* menu items */
.fi-sidebar :is(a, button)[role="menuitem"],
.fi-sidebar .fi-sidebar-item > :is(a, button),
.fi-sidebar .fi-sidebar-item a,
.fi-sidebar .fi-sidebar-item button{
  position: relative !important;
  border-radius: 12px !important;
  padding: 10px 10px !important;
  margin: 6px 6px !important;

  display: flex !important;
  align-items: center !important;
  gap: 10px !important;

  color: var(--cke-sidebar-text) !important;
  background: transparent !important;
  border: 1px solid transparent !important;

  transition: background .14s ease, border-color .14s ease, transform .14s ease, color .14s ease !important;
}

/* icon chip */
.fi-sidebar .fi-sidebar-item-icon{
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 34px !important;
  height: 34px !important;
  border-radius: 12px !important;
  background: rgba(255,255,255,.06) !important;
  border: 1px solid rgba(255,255,255,.08) !important;
}
.fi-sidebar .fi-sidebar-item-icon svg{
  width: 18px !important;
  height: 18px !important;
  opacity: .95 !important;
  color: rgba(255,255,255,.85) !important;
}

/* hover */
.fi-sidebar :is(a, button)[role="menuitem"]:hover,
.fi-sidebar .fi-sidebar-item > :is(a, button):hover{
  background: rgba(255,255,255,.06) !important;
  border-color: rgba(255,255,255,.10) !important;
  transform: translateY(-1px) !important;
  color: #fff !important;
}

/* active */
.fi-sidebar .fi-sidebar-item-active > :is(a, button),
.fi-sidebar :is(a, button)[aria-current="page"],
.fi-sidebar :is(a, button)[aria-current="true"]{
  background: rgba(249,115,22,.16) !important;
  border-color: rgba(249,115,22,.22) !important;
  color: #fff !important;
}
.fi-sidebar .fi-sidebar-item-active .fi-sidebar-item-icon{
  background: rgba(249,115,22,.18) !important;
  border-color: rgba(249,115,22,.22) !important;
}
.fi-sidebar .fi-sidebar-item-active .fi-sidebar-item-icon svg{
  color: #fff !important;
}

/* scrollbar */
.fi-sidebar *::-webkit-scrollbar{ width: 10px; }
.fi-sidebar *::-webkit-scrollbar-thumb{
  background: rgba(255,255,255,.12);
  border-radius: 999px;
  border: 3px solid rgba(11,18,32,.85);
}
.fi-sidebar *::-webkit-scrollbar-thumb:hover{ background: rgba(255,255,255,.18); }

/* =========================================================
   KPI — StatsOverviewWidget grid
   ========================================================= */
.fi-wi,
.fi-wi-content{
  width: 100% !important;
  max-width: 100% !important;
}

.fi-wi-stats-overview-stats{
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 16px !important;
  width: 100% !important;
}

.fi-wi-stats-overview-stat{
  border-radius: 14px !important;
  border: 1px solid var(--cke-border) !important;
  background: #fff !important;
  box-shadow: var(--cke-shadow) !important;
  overflow: hidden !important;
  position: relative !important;
  padding-top: 6px !important;
}
.fi-wi-stats-overview-stat::before{
  content:"";
  position:absolute;
  top:0; left:0; right:0;
  height:4px;
  background: linear-gradient(90deg, var(--cke-accent), var(--cke-accent-2));
}

.fi-wi-stats-overview-stat-label{
  font-weight: 900 !important;
  text-transform: uppercase !important;
  letter-spacing: .06em !important;
  color: var(--cke-muted) !important;
  font-size: 11px !important;
}
.fi-wi-stats-overview-stat-value{
  font-weight: 950 !important;
  font-size: 34px !important;
  line-height: 1.05 !important;
}
.fi-wi-stats-overview-stat-icon{
  border-radius: 12px !important;
  background: rgba(249,115,22,.12) !important;
  color: var(--cke-accent) !important;
}

@media (max-width: 1024px){
  .fi-wi-stats-overview-stats{
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}
@media (max-width: 640px){
  .fi-wi-stats-overview-stats{
    grid-template-columns: 1fr !important;
  }
}


/* =========================================================
   FIX: StatsOverviewWidget grid (Filament v3 DOM safe)
   En alta ekle
   ========================================================= */

/* stats container'ı yakala (farklı class varyasyonlarına karşı) */
.fi-wi-stats-overview-stats,
.fi-wi-stats-overview .fi-wi-content > div:first-child,
.fi-wi-stats-overview .grid,
.fi-wi-stats-overview [class*="grid"]{
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 18px !important;
  width: 100% !important;
}

/* her bir stat kartı */
.fi-wi-stats-overview-stat,
.fi-wi-stats-overview [class*="stat"]{
  background: linear-gradient(180deg, #fff, #fcfcff) !important;
  border: 1px solid var(--cke-border) !important;
  border-radius: 18px !important;
  box-shadow: var(--cke-shadow) !important;
  overflow: hidden !important;
  position: relative !important;
}

/* üst turuncu bar */
.fi-wi-stats-overview-stat::before,
.fi-wi-stats-overview [class*="stat"]::before{
  content: "" !important;
  position: absolute !important;
  top: 0; left: 0; right: 0;
  height: 5px !important;
  background: linear-gradient(90deg, var(--cke-accent), var(--cke-accent-2)) !important;
}

/* responsive */
@media (max-width: 1024px){
  .fi-wi-stats-overview-stats,
  .fi-wi-stats-overview .grid,
  .fi-wi-stats-overview [class*="grid"]{
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}
@media (max-width: 640px){
  .fi-wi-stats-overview-stats,
  .fi-wi-stats-overview .grid,
  .fi-wi-stats-overview [class*="grid"]{
    grid-template-columns: 1fr !important;
  }
}

/* =========================================================
   DASHBOARD — PREMIUM LAYOUT (CKE)
   ========================================================= */

.cke-hero{
  display: grid;
  grid-template-columns: 1.4fr .9fr;
  gap: 18px;
  align-items: stretch;
  margin-bottom: 18px;
}

@media (max-width: 1024px){
  .cke-hero{ grid-template-columns: 1fr; }
}

.cke-hero-left{
  border-radius: var(--cke-radius);
  border: 1px solid var(--cke-border);
  background:
    radial-gradient(900px 280px at 12% 0%, rgba(249,115,22,.16), transparent 55%),
    linear-gradient(180deg, #fff, #fcfcff);
  box-shadow: var(--cke-shadow);
  padding: 18px;
  position: relative;
  overflow: hidden;
}

.cke-hero-left::before{
  content:"";
  position:absolute;
  top:0; left:0; right:0;
  height:5px;
  background: linear-gradient(90deg, var(--cke-accent), var(--cke-accent-2));
}

.cke-hero-title{
  font-size: 28px;
  font-weight: 950;
  color: var(--cke-text);
  letter-spacing: .2px;
}

.cke-hero-sub{
  margin-top: 6px;
  color: var(--cke-muted);
  font-weight: 650;
  line-height: 1.45;
}

.cke-hero-actions{
  margin-top: 14px;
  display:flex;
  flex-wrap: wrap;
  gap: 10px;
}

.cke-pill{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding: 9px 12px;
  border-radius: 999px;
  font-weight: 850;
  border: 1px solid rgba(249,115,22,.22);
  background: linear-gradient(135deg, var(--cke-accent), var(--cke-accent-2));
  color:#fff !important;
  box-shadow: 0 10px 22px rgba(249,115,22,.16);
  transition: transform .14s ease, filter .14s ease;
  text-decoration: none !important;
}

.cke-pill:hover{
  transform: translateY(-1px);
  filter: brightness(1.03);
}

.cke-pill-ghost{
  background: rgba(255,255,255,.75) !important;
  color: rgba(15,23,42,.88) !important;
  border: 1px solid rgba(15,23,42,.10) !important;
  box-shadow: 0 10px 22px rgba(15,23,42,.06);
}

.cke-hero-right{
  border-radius: var(--cke-radius);
  border: 1px solid var(--cke-border);
  background: linear-gradient(180deg, #fff, #fcfcff);
  box-shadow: var(--cke-shadow);
  overflow: hidden;
}

/* spacing */
.cke-section-gap{ margin: 18px 0; }

/* main grid */
.cke-grid{
  display:grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  gap: 18px;
}

.cke-col-12{ grid-column: span 12; }
.cke-col-8{ grid-column: span 8; }
.cke-col-4{ grid-column: span 4; }

@media (max-width: 1024px){
  .cke-col-8, .cke-col-4{ grid-column: span 12; }
}

/* BUTTONS — biraz daha küçük istedin */
.fi-btn{
  padding: 6px 10px !important;
  min-height: 30px !important;
  font-size: 12px !important;
  border-radius: 10px !important;
}

.fi-btn-lg,
.fi-btn-xl,
button.fi-btn[size="lg"],
button.fi-btn[size="xl"]{
  padding: 6px 10px !important;
  min-height: 32px !important;
  font-size: 12px !important;
}

.fi-icon-btn,
.fi-btn-icon{
  width: 30px !important;
  height: 30px !important;
  border-radius: 10px !important;
}
/* =========================================================
   CKE Sales — CORPORATE CLASSIC (Seramiksan-style)
   Put at VERY END of filament-admin.css
   ========================================================= */

/* Genel arkaplan: düz, kurumsal */
.fi-body, .fi-main, .fi-page, .fi-layout{
  background: #f3f5f8 !important;
  color: #0f172a !important;
}

/* TOPBAR */
.fi-topbar{
  background: #ffffff !important;
  border-bottom: 1px solid #e6eaf0 !important;
}

.cke-topbar{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap: 14px;
  width: 100%;
  padding: 6px 8px;
}

.cke-topbar-left{
  display:flex;
  align-items:center;
  gap: 12px;
  min-width: 0;
}

.cke-topbar-title{
  font-weight: 900;
  letter-spacing: .2px;
  white-space: nowrap;
}

.cke-topbar-search{
  display:flex;
  align-items:center;
  gap: 8px;
  background: #f6f8fb;
  border: 1px solid #e6eaf0;
  border-radius: 10px;
  padding: 6px 10px;
  min-width: 380px;
}

.cke-topbar-search-ico{
  opacity: .55;
  font-weight: 900;
}

.cke-topbar-search input{
  border: 0 !important;
  outline: none !important;
  background: transparent !important;
  width: 100%;
  font-size: 13px;
}

.cke-topbar-right{
  display:flex;
  align-items:center;
  gap: 10px;
}

.cke-topbar-link{
  font-size: 13px;
  font-weight: 750;
  color: rgba(15,23,42,.75) !important;
  text-decoration:none !important;
  padding: 8px 10px;
  border-radius: 10px;
}

.cke-topbar-link:hover{
  background: #f6f8fb;
  color: rgba(15,23,42,.95) !important;
}

.cke-topbar-link-primary{
  background: #2563eb !important; /* Seramiksan vibe: mavi aksan */
  color: #fff !important;
}

/* SIDEBAR — açık, düz, kurumsal */
.fi-sidebar{
  background: #ffffff !important;
  border-right: 1px solid #e6eaf0 !important;
  backdrop-filter: none !important;
}

/* Brand alanı */
.fi-sidebar-header{
  padding: 14px 14px !important;
  border-bottom: 1px solid #eef2f7 !important;
}
.fi-sidebar-header .fi-brand{
  font-weight: 950 !important;
}

/* Grup başlıkları */
.fi-sidebar .fi-sidebar-group-label,
.fi-sidebar [data-sidebar-group-label]{
  margin: 14px 12px 6px 12px !important;
  font-size: 11px !important;
  font-weight: 900 !important;
  letter-spacing: .08em !important;
  text-transform: uppercase !important;
  color: rgba(100,116,139,.95) !important;
}

/* Menü item: sade satır */
.fi-sidebar .fi-sidebar-item a,
.fi-sidebar .fi-sidebar-item button{
  border-radius: 10px !important;
  padding: 10px 12px !important;
  margin: 4px 8px !important;
  color: rgba(15,23,42,.75) !important;
  border: 1px solid transparent !important;
  background: transparent !important;
  box-shadow: none !important;
}

/* Hover */
.fi-sidebar .fi-sidebar-item a:hover,
.fi-sidebar .fi-sidebar-item button:hover{
  background: #f6f8fb !important;
  border-color: #e6eaf0 !important;
  color: rgba(15,23,42,.95) !important;
}

/* Active: mavi şerit + açık arkaplan */
.fi-sidebar .fi-sidebar-item-active > :is(a, button){
  background: rgba(37,99,235,.10) !important;
  border-color: rgba(37,99,235,.18) !important;
  color: #1d4ed8 !important;
  position: relative;
}

.fi-sidebar .fi-sidebar-item-active > :is(a, button)::before{
  content:"";
  position:absolute;
  left: 6px;
  top: 50%;
  transform: translateY(-50%);
  width: 3px;
  height: 18px;
  border-radius: 999px;
  background: #2563eb;
}

/* Icon’lar daha “flat” */
.fi-sidebar .fi-sidebar-item-icon{
  background: #f6f8fb !important;
  border: 1px solid #e6eaf0 !important;
  width: 32px !important;
  height: 32px !important;
  border-radius: 10px !important;
}
.fi-sidebar .fi-sidebar-item-icon svg{
  width: 18px !important;
  height: 18px !important;
  opacity: .85 !important;
}

/* Kartlar: daha düz, daha az gölge */
.fi-card, .fi-section, .fi-wi, .fi-modal, .fi-ta-ctn, .fi-fo-component-ctn{
  border-radius: 12px !important;
  border: 1px solid #e6eaf0 !important;
  box-shadow: 0 6px 16px rgba(15,23,42,.06) !important;
}

/* Butonlar: kurumsal - daha küçük */
.fi-btn{
  border-radius: 10px !important;
  padding: 6px 10px !important;
  min-height: 30px !important;
  font-size: 12px !important;
  font-weight: 800 !important;
}

/* Primary: mavi */
.fi-btn.fi-color-primary, .fi-btn-primary{
  background: #2563eb !important;
  border: none !important;
  color: #fff !important;
  box-shadow: 0 10px 20px rgba(37,99,235,.18) !important;
}
.fi-btn.fi-color-primary:hover, .fi-btn-primary:hover{
  filter: brightness(1.03);
  transform: translateY(-1px);
}
/* FORCE CUSTOM TOPBAR */
.cke-topbar{
  position: sticky;
  top: 0;
  z-index: 9999;
  background: #fff;
  border-bottom: 1px solid #e6eaf0;
  padding: 10px 14px;
  margin: -14px 0 14px 0; /* fi-main padding-top ile hizala */
}

.fi-topbar{ display:none !important; } /* Filament topbarı kapat */
/* DASHBOARD CORPORATE GRID */
.cke-dashboard{ width:100%; }
.cke-dashboard-top{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap: 12px;
  margin-bottom: 14px;
}
.cke-h1{ font-size:22px; font-weight:950; }
.cke-h2{ margin-top:4px; font-size:13px; color:#64748b; font-weight:650; }

.cke-dashboard-actions{ display:flex; gap:10px; flex-wrap:wrap; }
.cke-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding: 8px 12px;
  border-radius: 10px;
  background:#2563eb;
  color:#fff !important;
  font-weight:850;
  text-decoration:none !important;
}
.cke-btn-soft{
  background:#f6f8fb;
  color:#0f172a !important;
  border:1px solid #e6eaf0;
}
.cke-grid-2{
  display:grid;
  grid-template-columns: 1.6fr 1fr;
  gap: 16px;
}
.cke-gap{ height:16px; }
@media (max-width: 1024px){
  .cke-grid-2{ grid-template-columns:1fr; }
}

.cke-kpi-card{
  background: #fff !important;
  border: 1px solid #e6eaf0 !important;
  border-radius: 12px !important;
  box-shadow: 0 6px 16px rgba(15,23,42,.06) !important;
}
/* Topline kullanan tüm bar/çizgiler */
.cke-kpi-bar,
.fi-wi-stats-overview-stat::before,
.fi-wi-stats-overview [class*="stat"]::before,
.cke-dash-hero-left::before{
  background: var(--cke-topline) !important;
}
.cke-kpi-icon{
  background: #f6f8fb !important;
  border: 1px solid #e6eaf0 !important;
}
.cke-kpi-icon svg{
color: #f97316 !important;
}
.cke-kpi-icon svg{
  width: 22px !important;
  height: 22px !important;
  display:block !important;
}
/* =========================
   DASHBOARD (Seramiksan-style)
   ========================= */
.cke-dash{ width:100%; }

.cke-gap{ height: 16px; }

.cke-dash-hero{
  display:grid;
  grid-template-columns: 1.35fr .65fr;
  gap: 16px;
  margin-bottom: 16px;
}

@media (max-width: 1024px){
  .cke-dash-hero{ grid-template-columns: 1fr; }
}

.cke-dash-hero-left{
  background: #ffffff !important;
  border: 1px solid #e6eaf0 !important;
  border-radius: 14px !important;
  box-shadow: 0 6px 16px rgba(15,23,42,.06) !important;
  padding: 16px !important;
}

.cke-dash-title{
  font-weight: 950;
  font-size: 22px;
  letter-spacing: .2px;
}

.cke-dash-sub{
  margin-top: 4px;
  color: rgba(100,116,139,.95);
  font-weight: 650;
}

.cke-dash-search{
  margin-top: 12px;
  display:flex;
  align-items:center;
  gap: 8px;
  padding: 10px 12px;
  background: #f6f8fb;
  border: 1px solid #e6eaf0;
  border-radius: 12px;
}

.cke-dash-search-ico{
  opacity: .55;
  font-weight: 900;
}

.cke-dash-search input{
  border: 0 !important;
  outline: none !important;
  background: transparent !important;
  width: 100%;
  font-size: 13px;
}

.cke-dash-actions{
  margin-top: 12px;
  display:flex;
  flex-wrap:wrap;
  gap: 10px;
}

/* dashboard buttons */
.cke-btn-primary{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding: 8px 12px;
  border-radius: 12px;
  font-weight: 850;
  text-decoration:none !important;
  background: #2563eb;
  color:#fff !important;
  border: 1px solid rgba(37,99,235,.20);
  box-shadow: 0 10px 20px rgba(37,99,235,.14);
}
.cke-btn-primary:hover{ filter: brightness(1.03); transform: translateY(-1px); }

.cke-btn-soft{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding: 8px 12px;
  border-radius: 12px;
  font-weight: 850;
  text-decoration:none !important;
  background: #f6f8fb;
  color: rgba(15,23,42,.88) !important;
  border: 1px solid #e6eaf0;
}
.cke-btn-soft:hover{ background:#ffffff; transform: translateY(-1px); }

.cke-dash-hero-right{
  background: #ffffff !important;
  border: 1px solid #e6eaf0 !important;
  border-radius: 14px !important;
  box-shadow: 0 6px 16px rgba(15,23,42,.06) !important;
  padding: 16px !important;
}

.cke-dash-mini-title{
  font-weight: 900;
  color: rgba(15,23,42,.90);
  margin-bottom: 10px;
}

.cke-dash-tiles{
  display:grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}

.cke-tile{
  display:flex;
  align-items:center;
  justify-content:center;
  padding: 12px 10px;
  border-radius: 12px;
  background: #f6f8fb;
  border: 1px solid #e6eaf0;
  text-decoration:none !important;
  font-weight: 850;
  color: rgba(15,23,42,.82) !important;
}
.cke-tile:hover{ background:#fff; transform: translateY(-1px); }

/* grid layout */
.cke-dash-grid{
  display:grid;
  grid-template-columns: 1.35fr .65fr;
  gap: 16px;
}

@media (max-width: 1024px){
  .cke-dash-grid{ grid-template-columns: 1fr; }
}

/* widget wrapper daha "düz" */
.cke-dash .fi-wi,
.cke-dash .fi-card,
.cke-dash .fi-section{
  border-radius: 14px !important;
  border: 1px solid #e6eaf0 !important;
  box-shadow: 0 6px 16px rgba(15,23,42,.06) !important;
}
/* ================= KPI GRID FIX ================= */

.cke-kpi-widget{
  width:100%;
}

.cke-kpi-grid{
  display:grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 16px !important;
  width:100% !important;
}

@media (max-width: 1024px){
  .cke-kpi-grid{
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 640px){
  .cke-kpi-grid{
    grid-template-columns: 1fr !important;
  }
}

.cke-kpi-card{
  background:#ffffff !important;
  border:1px solid #e6eaf0 !important;
  border-radius:14px !important;
  box-shadow:0 6px 16px rgba(15,23,42,.06) !important;
  padding:16px !important;
  position:relative !important;
  overflow:hidden !important;
}

.cke-kpi-bar{
  position:absolute !important;
  top:0;
  left:0;
  right:0;
  height:4px !important;
  background:#2563eb !important;
}

.cke-kpi-row{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:10px;
}

.cke-kpi-title{
  font-size:12px;
  font-weight:800;
  color:#64748b;
  text-transform:uppercase;
}

.cke-kpi-value{
  font-size:28px;
  font-weight:950;
  line-height:1.1;
}

.cke-kpi-sub{
  font-size:12px;
  color:#64748b;
  margin-top:4px;
}

.cke-kpi-icon{
  width:42px;
  height:42px;
  border-radius:12px;
  background:#f6f8fb;
  border:1px solid #e6eaf0;
  display:flex;
  align-items:center;
  justify-content:center;
}

.cke-kpi-icon svg{
  width:22px !important;
  height:22px !important;
  color:#2563eb !important;
}
.cke-kpi-blue .cke-kpi-bar{ background:#2563eb !important; }
.cke-kpi-orange .cke-kpi-bar{ background:#f97316 !important; }
.cke-kpi-green .cke-kpi-bar{ background:#16a34a !important; }

.cke-kpi-blue .cke-kpi-icon svg{ color:#2563eb !important; }
.cke-kpi-orange .cke-kpi-icon svg{ color:#f97316 !important; }
.cke-kpi-green .cke-kpi-icon svg{ color:#16a34a !important; }
.cke-dash-hero-left{
  position:relative;
  overflow:hidden;
}

.cke-dash-hero-left::before{
  content:"";
  position:absolute;
  top:0;
  left:0;
  right:0;
  height:4px;
  background: linear-gradient(90deg,#2563eb,#1d4ed8);
}
/* =========================================================
   CKE Sales — Compact Polish Pack (append at END)
   ========================================================= */

/* 1) Genel spacing biraz düşsün */
.fi-main{ padding-top: 10px !important; }
.fi-header{ margin-bottom: 8px !important; }

/* 2) Kart/Widget padding küçült */
.fi-card,
.fi-section,
.fi-wi,
.fi-modal,
.fi-ta-ctn,
.fi-fo-component-ctn{
  border-radius: 12px !important;
}

.fi-card .fi-card-content,
.fi-section .fi-section-content,
.fi-wi .fi-wi-content{
  padding: 14px !important;
}

/* 3) Dashboard grid boşlukları */
.cke-grid-2{ gap: 12px !important; }
.cke-gap{ height: 12px !important; }

/* 4) Dashboard header daha kompakt */
.cke-h1{ font-size: 20px !important; }
.cke-h2{ font-size: 12px !important; }

/* 5) Dashboard butonları küçült */
.cke-btn,
.cke-btn-soft{
  padding: 8px 10px !important;
  border-radius: 11px !important;
  font-weight: 850 !important;
  font-size: 12px !important;
}

/* 6) Filament butonlar da biraz incelsin */
.fi-btn,
.fi-btn-lg,
.fi-btn-xl,
button.fi-btn[size="lg"],
button.fi-btn[size="xl"]{
  padding: 6px 9px !important;
  min-height: 30px !important;
  font-size: 12px !important;
  border-radius: 11px !important;
}

/* 7) KPI kartlarını küçült + daha sıkı tipografi */
.cke-kpi-grid{ gap: 12px !important; }

.cke-kpi-card{
  padding: 12px !important;
  box-shadow: 0 8px 18px rgba(15,23,42,.08) !important;
}

.cke-kpi-bar{ height: 3px !important; }

.cke-kpi-title{
  font-size: 10px !important;
  letter-spacing: .10em !important;
}

.cke-kpi-value{
  font-size: 24px !important;
}

.cke-kpi-sub{
  font-size: 11px !important;
  margin-top: 4px !important;
}

/* KPI icon daha küçük */
.cke-kpi-icon{
  width: 38px !important;
  height: 38px !important;
  border-radius: 12px !important;
}
.cke-kpi-icon svg{
  width: 18px !important;
  height: 18px !important;
}

/* 8) Chart widget yüksekliği daha kontrollü (çok uzamasın) */
.fi-wi canvas{
  max-height: 240px !important;
}

/* 9) Tablo satırları biraz daha kompakt */
.fi-ta-row{
  height: 44px !important;
}
.fi-ta-cell{
  padding-top: 8px !important;
  padding-bottom: 8px !important;
}

/* 10) Hover aşırı hareket etmesin */
.fi-card:hover,
.fi-section:hover,
.fi-wi:hover{
  transform: translateY(-0.5px) !important;
}

/* 11) Başlıklar biraz daha “SaaS” */
.fi-header-heading{
  font-size: 24px !important;
}
/* =========================================================
   CKE Sales — Widget Compact Pack (append at END)
   Bu blok: widgetların “devasa” görünmesini bitirir
   ========================================================= */

/* Widget container genel sıkıştırma */
.fi-wi,
.fi-card,
.fi-section{
  border-radius: 12px !important;
}

.fi-wi .fi-wi-content{
  padding: 12px !important;            /* default genelde 16-24 arası */
}

.fi-wi-header,
.fi-section-header{
  padding: 10px 12px !important;
  margin-bottom: 0 !important;
}

.fi-wi-header-heading,
.fi-section-header-heading{
  font-size: 14px !important;
  font-weight: 900 !important;
}

/* Widget içindeki “extra” üst boşlukları azalt */
.fi-wi .fi-wi-content > *:first-child{
  margin-top: 0 !important;
}
.fi-wi .fi-wi-content > *{
  margin-bottom: 10px !important;
}
.fi-wi .fi-wi-content > *:last-child{
  margin-bottom: 0 !important;
}

/* =========================
   CHART: Trend grafiği küçült
   ========================= */
/* Filament chart wrapper yakalama (v3 için güvenli) */
.fi-wi canvas{
  height: 180px !important;
  max-height: 180px !important;
}

/* Bazı chartlarda canvas bir wrapper içinde min-height alır */
.fi-wi [class*="chart"],
.fi-wi [class*="Chart"],
.fi-wi [wire\\:ignore]{
  max-height: 220px !important;
}

/* =========================
   DONUT: Sipariş Durum Dağılımı küçült
   ========================= */
.fi-wi:has(canvas) .fi-wi-content{
  padding-bottom: 10px !important;
}

/* Donut widgetı genelde aşırı büyür — iç alanı sınırlıyoruz */
.fi-wi canvas{
  display: block !important;
  margin: 0 auto !important;
}

/* =========================
   TABLO: Son Siparişler daha kompakt
   ========================= */
.fi-ta-ctn .fi-ta-header{
  padding-top: 8px !important;
  padding-bottom: 8px !important;
}

.fi-ta-row{
  height: 40px !important;
}
.fi-ta-cell{
  padding-top: 6px !important;
  padding-bottom: 6px !important;
  font-size: 12px !important;
}

/* Search bar ve table toolbar küçük */
.fi-ta-search-field,
.fi-input{
  padding: 7px 9px !important;
  border-radius: 10px !important;
  font-size: 12px !important;
}

/* Kartlar arası boşluk (dashboard grid) */
.cke-gap{ height: 10px !important; }
.cke-grid-2{ gap: 12px !important; }

/* Trend chart: sadece bu widget küçülsün */
.cke-wi-trend .fi-wi-content{
  padding: 12px !important;
}

.cke-wi-trend canvas{
  height: 200px !important;     /* getMaxHeight 240px, canvas 200px => süper dengeli */
  max-height: 200px !important;
}
/* Donut: sadece bu widget kompakt olsun */
.cke-wi-donut .fi-wi-content{
  padding: 12px !important;
}

/* Donut grafiği net küçült */
.cke-wi-donut canvas{
  height: 190px !important;     /* toplam 260px içinde ideal */
  max-height: 190px !important;
}

/* Legend satırları çok uzuyorsa biraz sıkılaştır */
.cke-wi-donut .chartjs-legend,
.cke-wi-donut .fi-wi-content{
  overflow: hidden !important;
}
/* =========================================================
   CKE Sales — Polishing Pack (top line + hover glow + buttons)
   Put at VERY END of filament-admin.css
   ========================================================= */

/* ---------- TOP ACCENT LINE (all widgets/cards/sections/tables) ---------- */
:root{
  /* glow rengi (mavi) */
  --cke-glow: rgba(37, 99, 235, .22);
  --cke-glow-2: rgba(37, 99, 235, .14);

  /* üst çizgi gradient */
  --cke-topline: linear-gradient(90deg, #2563eb, #22c55e, #f97316);
}

/* Filament yüzeylerine üst çizgi */
.fi-wi,
.fi-card,
.fi-section,
.fi-ta-ctn{
  position: relative !important;
  overflow: hidden !important;
}

/* üst çizgi */
.fi-wi::before,
.fi-card::before,
.fi-section::before,
.fi-ta-ctn::before{
  content: "" !important;
  position: absolute !important;
  left: 0; right: 0; top: 0;
  height: 3px !important;
  background: var(--cke-topline) !important;
  opacity: .95 !important;
  pointer-events: none !important;
}

/* başlık padding’i çizgiye çarpmasın */
.fi-wi-header,
.fi-section-header{
  padding-top: 14px !important;
}

/* ---------- HOVER GLOW (soft) ---------- */
/* Hover glow + hafif kaldırma */
.fi-wi:hover,
.fi-card:hover,
.fi-section:hover,
.fi-ta-ctn:hover{
  transform: translateY(-1px) !important;
  box-shadow:
    0 12px 28px rgba(15, 23, 42, .10),
    0 0 0 4px var(--cke-glow-2) !important;
}

/* Daha premium glow: içten hafif parlama */
.fi-wi::after,
.fi-card::after,
.fi-section::after,
.fi-ta-ctn::after{
  content:"" !important;
  position:absolute !important;
  inset: 0 !important;
  border-radius: inherit !important;
  pointer-events:none !important;
  opacity: 0 !important;
  transition: opacity .18s ease !important;
  box-shadow: 0 0 0 1px rgba(255,255,255,.35) inset;
}
.fi-wi:hover::after,
.fi-card:hover::after,
.fi-section:hover::after,
.fi-ta-ctn:hover::after{
  opacity: 1 !important;
}

/* Motion reduce saygısı */
@media (prefers-reduced-motion: reduce){
  .fi-wi:hover,
  .fi-card:hover,
  .fi-section:hover,
  .fi-ta-ctn:hover{
    transform: none !important;
  }
}

.fi-wi::before,
.fi-card::before,
.fi-section::before,
.fi-ta-ctn::before{
  background: linear-gradient(90deg, #f97316 0%, #111827 100%) !important;
}
/* ===== BUTTON COLOR OVERRIDE (ORANGE) — put at absolute END ===== */

/* Filament primary buttons */
.fi-btn.fi-color-primary,
.fi-btn-primary,
button.fi-btn.fi-color-primary,
a.fi-btn.fi-color-primary{
  background: linear-gradient(135deg, #f97316 0%, #fb923c 100%) !important;
  border: none !important;
  color: #fff !important;
  box-shadow: 0 10px 20px rgba(249,115,22,.18) !important;
}

/* Hover */
.fi-btn.fi-color-primary:hover,
.fi-btn-primary:hover{
  transform: translateY(-1px) !important;
  filter: brightness(1.03) !important;
  box-shadow:
    0 12px 22px rgba(249,115,22,.22),
    0 0 0 4px rgba(249,115,22,.14) !important;
}

/* Secondary / soft buttons (mavi olmasın) */
.fi-btn:not(.fi-color-primary):hover{
  box-shadow: 0 10px 18px rgba(15,23,42,.08) !important;
}

/* Dashboard custom buttons */
.cke-btn,
.cke-btn-primary,
.cke-topbar-link-primary{
  background: linear-gradient(135deg, #f97316 0%, #fb923c 100%) !important;
  border: 1px solid rgba(249,115,22,.22) !important;
  color: #fff !important;
  box-shadow: 0 10px 20px rgba(249,115,22,.18) !important;
}

/* Optional: Outline/ghost buton */
.cke-btn-soft{
  background: #f6f8fb !important;
  border: 1px solid #e6eaf0 !important;
  color: rgba(15,23,42,.88) !important;
}
.cke-btn-soft:hover{
  background: #fff !important;
  transform: translateY(-1px) !important;
}
/* ===== KPI (StatsOverview) BLUE TOP LINES FIX — put at absolute END ===== */

/* 1) İstersen tamamen kaldır */
.fi-wi-stats-overview-stat::before,
.fi-wi-stats-overview [class*="stat"]::before{
  /* KALDIRMAK İÇİN AÇ */
  /* display: none !important; */
}

/* 2) Kalsın ama turuncu -> koyu gri olsun (senin istediğin) */
.fi-wi-stats-overview-stat::before,
.fi-wi-stats-overview [class*="stat"]::before{
  background: var(--cke-topline) !important;   /* #f97316 -> #111827 */
  height: 3px !important;
}

/* 3) Bazı temalarda çizgi border-top ile geliyor, onu da ezelim */
.fi-wi-stats-overview-stat,
.fi-wi-stats-overview [class*="stat"]{
  border-top: 0 !important;
}

/* 4) Eğer senin custom KPI bar'ların varsa (cke-kpi-bar) onu da düzelt */
.cke-kpi-bar{
  background: var(--cke-topline) !important;
}
/* ===== FORCE REMOVE BLUE KPI LINES ===== */

/* 1) Tüm olası üst bar pseudo elementleri kapat */
.fi-wi-stats-overview-stat::before,
.fi-wi-stats-overview [class*="stat"]::before,
.fi-wi-stats-overview-stat::after,
.fi-wi-stats-overview [class*="stat"]::after{
    content: none !important;
    display: none !important;
    background: none !important;
}

/* 2) Border-top ile geliyorsa onu da sıfırla */
.fi-wi-stats-overview-stat,
.fi-wi-stats-overview [class*="stat"]{
    border-top: 0 !important;
    box-shadow: 0 6px 16px rgba(15,23,42,.06) !important;
}

/* 3) Eğer inline style ile renk geliyorsa onu da override */
.fi-wi-stats-overview-stat[style]{
    border-top: 0 !important;
}

/* ===== KILL KPI BLUE TOP LINES (Filament StatsOverview) ===== */

/* 0) Stat kartlarını referans yap */
.fi-wi-stats-overview-stat{
  position: relative !important;
  overflow: hidden !important;
}

/* 1) Bizden/filamentten gelebilecek pseudo barları kapat */
.fi-wi-stats-overview-stat::before,
.fi-wi-stats-overview-stat::after{
  content: none !important;
  display: none !important;
}

/* 2) border-top ile geliyorsa */
.fi-wi-stats-overview-stat{
  border-top: 0 !important;
  background-image: none !important;
}

/* 3) Asıl olay: stat kartının İÇİNDE üstte duran ince bar div’i (height: 2-6px) yakala */
.fi-wi-stats-overview-stat > *{
  border-top: 0 !important;
}

.fi-wi-stats-overview-stat > div:first-child{
  border-top: 0 !important;
}

/* Üst bar genelde absolute + top:0 + left/right:0 + küçük height oluyor */
.fi-wi-stats-overview-stat :is(div,span,a)[style*="top: 0"][style*="position"]{
  border-top: 0 !important;
  background: transparent !important;
  background-image: none !important;
}

/* Tailwind border-t / bg-primary gibi class’lı barları ez */
.fi-wi-stats-overview-stat :is(div,span,a)[class*="border-t"],
.fi-wi-stats-overview-stat :is(div,span,a)[class*="bg-primary"],
.fi-wi-stats-overview-stat :is(div,span,a)[class*="bg-blue"],
.fi-wi-stats-overview-stat :is(div,span,a)[class*="from-"],
.fi-wi-stats-overview-stat :is(div,span,a)[class*="to-"]{
  border-top-color: transparent !important;
  background: transparent !important;
  background-image: none !important;
}

/* 4) Son çare: kartın en üst 6px alanını “beyaz kapak” ile ört */
.fi-wi-stats-overview-stat::before{
  content: "" !important;
  display: block !important;
  position: absolute !important;
  left: 0; right: 0; top: 0;
  height: 6px !important;
  background: var(--cke-card, #fff) !important;
  z-index: 50 !important;
  pointer-events: none !important;
}

/* =========================================================
   CKE Sales — SAP Fiori-ish Sidebar (append at VERY END)
   ========================================================= */

/* Sidebar yüzeyi: düz beyaz + çok hafif ayırıcı */
.fi-sidebar{
  background: #ffffff !important;
  border-right: 1px solid #e8edf3 !important;
  box-shadow: none !important;
}

/* Brand alanı: düz, çizgili */
.fi-sidebar-header{
  border-bottom: 1px solid #eef2f7 !important;
  padding: 14px 14px !important;
}
.fi-sidebar-header .fi-brand{
  color: #0f172a !important;
  font-weight: 900 !important;
}

/* Grup başlıkları: Fiori gibi küçük, aralıklı */
.fi-sidebar .fi-sidebar-group-label,
.fi-sidebar [data-sidebar-group-label]{
  margin: 18px 14px 8px 14px !important;
  font-size: 11px !important;
  font-weight: 900 !important;
  letter-spacing: .08em !important;
  text-transform: uppercase !important;
  color: #94a3b8 !important;
}

/* Menü item: flat, “list-row” */
.fi-sidebar .fi-sidebar-item > :is(a, button),
.fi-sidebar :is(a, button)[role="menuitem"]{
  border-radius: 10px !important;
  margin: 4px 10px !important;
  padding: 10px 12px !important;
  background: transparent !important;
  border: 1px solid transparent !important;
  box-shadow: none !important;

  color: #334155 !important;
  font-weight: 650 !important;

  transition: background .12s ease, color .12s ease, transform .12s ease, border-color .12s ease !important;
}

/* Hover: sadece hafif gri (Fiori) */
.fi-sidebar .fi-sidebar-item > :is(a, button):hover,
.fi-sidebar :is(a, button)[role="menuitem"]:hover{
  background: #f5f7fa !important;
  border-color: #eef2f7 !important;
  transform: translateX(2px) !important;
}

/* Active: sol turuncu bar + çok hafif turuncu zemin */
.fi-sidebar .fi-sidebar-item-active > :is(a, button),
.fi-sidebar :is(a, button)[aria-current="page"],
.fi-sidebar :is(a, button)[aria-current="true"]{
  background: rgba(249,115,22,.10) !important;
  border-color: rgba(249,115,22,.18) !important;
  color: #f97316 !important;
  position: relative !important;
}

/* Sol bar */
.fi-sidebar .fi-sidebar-item-active > :is(a, button)::before,
.fi-sidebar :is(a, button)[aria-current="page"]::before,
.fi-sidebar :is(a, button)[aria-current="true"]::before{
  content: "" !important;
  position: absolute !important;
  left: -6px !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  width: 4px !important;
  height: 22px !important;
  border-radius: 999px !important;
  background: #f97316 !important;
}

/* Icon chip'i kapat: düz ikon */
.fi-sidebar .fi-sidebar-item-icon{
  background: transparent !important;
  border: none !important;
  width: auto !important;
  height: auto !important;
  border-radius: 0 !important;
}

/* İkonlar: gri; active’te turuncu */
.fi-sidebar .fi-sidebar-item-icon svg{
  width: 18px !important;
  height: 18px !important;
  color: #94a3b8 !important;
}
.fi-sidebar .fi-sidebar-item-active .fi-sidebar-item-icon svg,
.fi-sidebar :is(a, button)[aria-current="page"] .fi-sidebar-item-icon svg,
.fi-sidebar :is(a, button)[aria-current="true"] .fi-sidebar-item-icon svg{
  color: #f97316 !important;
}

/* Collapse okları: daha sakin */
.fi-sidebar-group-button{
  opacity: .6 !important;
  transition: opacity .12s ease !important;
}
.fi-sidebar-group-button:hover{
  opacity: 1 !important;
}
/* ===== FIX HUGE SIDEBAR ICONS ===== */

/* Icon wrapper normale dönsün */
.fi-sidebar .fi-sidebar-item-icon{
  background: transparent !important;
  border: none !important;
  width: 22px !important;
  height: 22px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

/* SVG normal boyut */
.fi-sidebar .fi-sidebar-item-icon svg{
  width: 18px !important;
  height: 18px !important;
  color: #94a3b8 !important;
}

/* Active icon turuncu */
.fi-sidebar .fi-sidebar-item-active .fi-sidebar-item-icon svg,
.fi-sidebar :is(a,button)[aria-current="page"] .fi-sidebar-item-icon svg{
  color: #f97316 !important;
}

/* Menü item satır yüksekliği normalize */
.fi-sidebar .fi-sidebar-item > :is(a,button){
  min-height: 40px !important;
}
/* ===== SIDEBAR ICON HARD RESET (put at VERY END) ===== */

/* ikon sarmalayıcı */
.fi-sidebar .fi-sidebar-item-icon{
  width: 22px !important;
  height: 22px !important;
  min-width: 22px !important;
  min-height: 22px !important;
  max-width: 22px !important;
  max-height: 22px !important;

  background: transparent !important;
  border: none !important;
  padding: 0 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
}

/* ikonun kendisi: svg / img / i / span ne gelirse gelsin */
.fi-sidebar .fi-sidebar-item-icon svg,
.fi-sidebar .fi-sidebar-item-icon img,
.fi-sidebar .fi-sidebar-item-icon i,
.fi-sidebar .fi-sidebar-item-icon span{
  width: 18px !important;
  height: 18px !important;
  min-width: 18px !important;
  min-height: 18px !important;
  max-width: 18px !important;
  max-height: 18px !important;
}

/* svg stroke/fill rengi */
.fi-sidebar .fi-sidebar-item-icon svg{
  color: #94a3b8 !important;
}

/* aktif item turuncu */
.fi-sidebar .fi-sidebar-item-active .fi-sidebar-item-icon svg,
.fi-sidebar :is(a,button)[aria-current="page"] .fi-sidebar-item-icon svg,
.fi-sidebar :is(a,button)[aria-current="true"] .fi-sidebar-item-icon svg{
  color: #f97316 !important;
}

/* “DEVASA” yapan eski global svg kurallarını sidebar içinde ez */
.fi-sidebar svg{
  width: 18px !important;
  height: 18px !important;
}

/* satır yüksekliği */
.fi-sidebar .fi-sidebar-item > :is(a,button){
  min-height: 42px !important;
}
/* ===== TABLE TEXT VISIBILITY FIX (put at VERY END) ===== */

/* tablo içindeki metinler kesin görünsün */
.fi-ta-ctn,
.fi-ta-ctn *{
  color: #0f172a !important;
}

/* header metin */
.fi-ta-header,
.fi-ta-header *{
  color: rgba(15,23,42,.85) !important;
}

/* muted alanlar */
.fi-ta-description,
.fi-ta-description *{
  color: rgba(100,116,139,.95) !important;
}

/* satır hover daha “Fiori” */
.fi-ta-row:hover{
  background: rgba(249,115,22,.06) !important;
}

/* zebra (çok hafif) */
.fi-ta-row:nth-child(even){
  background: rgba(15,23,42,.015) !important;
}
/* Fiori density: tablo daha kompakt */
.fi-ta-row { height: 40px !important; }
.fi-ta-cell { padding-top: 6px !important; padding-bottom: 6px !important; }

/* Tabs biraz daha net */
.fi-tabs { gap: 6px !important; }
.fi-tabs-item { border-radius: 10px !important; font-weight: 800 !important; }
/* ===== FIORI STYLE KPI ===== */

.fi-wi-stats-overview {
    gap: 1rem !important;
}

.fi-wi-stats-overview-stat {
    background: #ffffff !important;
    border: 1px solid #e5e7eb !important;
    border-radius: 10px !important;
    box-shadow: none !important;
    padding: 16px 20px !important;
    transition: all .15s ease !important;
}

/* Hover: hafif SAP hissi */
.fi-wi-stats-overview-stat:hover {
    border-color: #f97316 !important;
    box-shadow: 0 0 0 2px rgba(249,115,22,.08) !important;
}

/* Başlık küçük, upper */
.fi-wi-stats-overview-stat-label {
    font-size: 12px !important;
    letter-spacing: .5px !important;
    text-transform: uppercase !important;
    color: #6b7280 !important;
}

/* Değer büyük */
.fi-wi-stats-overview-stat-value {
    font-size: 28px !important;
    font-weight: 600 !important;
    color: #111827 !important;
}

/* Icon sade */
.fi-wi-stats-overview-stat-icon {
    color: #f97316 !important;
}
/* KPI üst boşluk azalt */
.fi-header-widgets {
    margin-bottom: 1.25rem !important;
}
/* Fiori tab style */
.fi-tabs {
    background: #f3f4f6 !important;
    padding: 4px !important;
    border-radius: 8px !important;
}

.fi-tabs-item {
    border-radius: 6px !important;
    font-weight: 500 !important;
}

.fi-tabs-item.fi-active {
    background: #ffffff !important;
    color: #f97316 !important;
    box-shadow: 0 1px 2px rgba(0,0,0,.05);
}
.fi-ta-ctn::before {
    height: 2px !important;
}

/* =========================================================
   SAP FIORI VIBE PACK (PUT AT VERY END)
   ========================================================= */

/* ---------- KPI: gerçek "tile" görünümü ---------- */
.fi-wi-stats-overview{
  gap: 12px !important;
}

/* Stat kartı */
.fi-wi-stats-overview-stat{
  position: relative !important;
  background: #fff !important;
  border: 1px solid #e6eaf0 !important;
  border-radius: 10px !important;
  box-shadow: none !important;
  padding: 14px 16px !important;
  overflow: hidden !important;
}

/* Fiori sol şerit */
.fi-wi-stats-overview-stat::before{
  content:"" !important;
  position:absolute !important;
  left:0 !important;
  top:0 !important;
  bottom:0 !important;
  width: 4px !important;
  background: #f97316 !important;
}

/* İçteki "capsule/pill" görünümü yapan her şeyi düzle */
.fi-wi-stats-overview-stat *{
  box-shadow: none !important;
}

/* Label + Value daha Fiori */
.fi-wi-stats-overview-stat-label{
  font-size: 11px !important;
  font-weight: 800 !important;
  letter-spacing: .08em !important;
  text-transform: uppercase !important;
  color: #64748b !important;
}
.fi-wi-stats-overview-stat-value{
  font-size: 26px !important;
  font-weight: 900 !important;
  color: #0f172a !important;
  line-height: 1.1 !important;
}

/* İkon: küçük, flat */
.fi-wi-stats-overview-stat-icon{
  width: 34px !important;
  height: 34px !important;
  border-radius: 8px !important;
  background: #f6f8fb !important;
  border: 1px solid #e6eaf0 !important;
  color: #f97316 !important;
}

/* Hover: SAP gibi hafif */
.fi-wi-stats-overview-stat:hover{
  border-color: rgba(249,115,22,.35) !important;
  box-shadow: 0 0 0 2px rgba(249,115,22,.08) !important;
}

/* ---------- Tabs: segmented ve daha "table header" hissi ---------- */
.fi-tabs{
  background: #f6f8fb !important;
  border: 1px solid #e6eaf0 !important;
  padding: 4px !important;
  border-radius: 10px !important;
  box-shadow: none !important;
}
.fi-tabs-item{
  padding: 8px 12px !important;
  border-radius: 8px !important;
  font-weight: 800 !important;
  color: #475569 !important;
}
.fi-tabs-item.fi-active{
  background: #fff !important;
  border: 1px solid #e6eaf0 !important;
  color: #f97316 !important;
  box-shadow: none !important;
}

/* ---------- Table: Fiori düz, çizgisiz ---------- */
/* Senin üst gradient çizgiyi tamamen kapat */
.fi-ta-ctn::before,
.fi-card::before,
.fi-section::before,
.fi-wi::before{
  content: none !important;
  display: none !important;
}

/* Table container daha Fiori */
.fi-ta-ctn{
  border: 1px solid #e6eaf0 !important;
  border-radius: 12px !important;
  box-shadow: 0 8px 18px rgba(15,23,42,.06) !important;
  overflow: hidden !important;
}

/* Header daha net */
.fi-ta-header{
  background: #fbfcfe !important;
  border-bottom: 1px solid #e6eaf0 !important;
}

/* Satır: çizgiler net, zebra ultra hafif */
.fi-ta-row{
  border-bottom: 1px solid #eef2f7 !important;
  background: #fff !important;
}
.fi-ta-row:nth-child(even){
  background: #fcfdff !important;
}
.fi-ta-row:hover{
  background: rgba(249,115,22,.05) !important;
}

/* ---------- Sidebar: Fiori gibi daha "flat + selected" ---------- */
.fi-sidebar .fi-sidebar-item-active > :is(a, button){
  background: rgba(249,115,22,.10) !important;
  border-color: rgba(249,115,22,.20) !important;
  color: #f97316 !important;
}
.fi-sidebar .fi-sidebar-item-active > :is(a, button)::before{
  background: #f97316 !important;
}
/* KPI dış mavi frame kaldır */
.fi-header-widgets{
  border: none !important;
  box-shadow: none !important;
  padding: 0 !important;
}

.fi-header-widgets > div{
  border: none !important;
  box-shadow: none !important;
}
/* KPI dış mavi frame kaldır */
.fi-header-widgets{
  border: none !important;
  box-shadow: none !important;
  padding: 0 !important;
}

.fi-header-widgets > div{
  border: none !important;
  box-shadow: none !important;
}
/* Ortadaki aktif KPI özel vurgulu */
.fi-wi-stats-overview-stat:nth-child(2){
  border-color: rgba(249,115,22,.35) !important;
  box-shadow: 0 0 0 2px rgba(249,115,22,.08) !important;
}