/* Dashboard specific styles to match requested design */
:root{
  --card-radius:12px;
}
.dashboard-wrapper{padding:18px}
.kpi-row{display:flex;gap:18px;margin-bottom:18px}
.kpi-card{flex:1;border-radius:var(--card-radius);padding:20px 26px;color:#fff;box-shadow:0 6px 18px rgba(0,0,0,0.06);min-height:110px;position:relative}
.kpi-card .meta{opacity:0.9;font-size:13px;margin-top:6px}
.kpi-card .value{font-size:28px;font-weight:700}

.kpi-inner{display:flex;gap:18px;align-items:center}
.kpi-icon{width:72px;height:72px;border-radius:10px;background:rgba(255,255,255,0.12);display:flex;align-items:center;justify-content:center;font-size:30px}
.kpi-text{flex:1}

/* Variants keep their gradients but ensure text contrast */
.kpi-primary{background:linear-gradient(135deg,#6ea8ff 0%,#2563eb 100%)}
.kpi-danger{background:linear-gradient(135deg,#ffb6b6 0%,#ef4444 100%)}
.kpi-info{background:linear-gradient(135deg,#7dd3fc 0%,#06b6d4 100%)}

/* Make KPI cards stand out on larger screens */
@media(min-width:900px){
  .kpi-card .value{font-size:34px}
  .kpi-icon{width:84px;height:84px;font-size:34px;border-radius:12px}
}

.card-tiles{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.panel-card{border-radius:10px;box-shadow:0 6px 12px rgba(0,0,0,0.04);background:#fff}
.panel-card .panel-header{padding:14px 16px;border-bottom:1px solid #f0f2f5;font-weight:700}
.panel-card .panel-body{padding:12px 16px}

/* Section header variants similar to e-fatura highlight */
.panel-card .panel-header--warning{background:#f6c23e;color:#111;border-top-left-radius:10px;border-top-right-radius:10px}
.panel-card .panel-header--info{background:#60a5fa;color:#fff;border-top-left-radius:10px;border-top-right-radius:10px}
.panel-card .panel-header--danger{background:#ef4444;color:#fff;border-top-left-radius:10px;border-top-right-radius:10px}
.panel-card .panel-header--success{background:#f59e0b;color:#111;border-top-left-radius:10px;border-top-right-radius:10px}

.progress-striped{height:12px;border-radius:8px;overflow:hidden;background:#f3f4f6}
.progress-striped > .bar{height:100%;background-repeat:no-repeat;background-size:20px 12px}
.bar.info{background-image:repeating-linear-gradient(45deg, rgba(255,255,255,0.12) 0 6px, rgba(0,0,0,0.02) 6px 12px), linear-gradient(90deg,#93d8ff,#06b6d4)}
.bar.success{background-image:repeating-linear-gradient(45deg, rgba(255,255,255,0.12) 0 6px, rgba(0,0,0,0.02) 6px 12px), linear-gradient(90deg,#86efac,#16a34a)}
.bar.danger{background-image:repeating-linear-gradient(45deg, rgba(255,255,255,0.12) 0 6px, rgba(0,0,0,0.02) 6px 12px), linear-gradient(90deg,#ffd6d6,#dc2626)}

.right-widgets{display:flex;flex-direction:column;gap:12px}
.widget{background:#fff;border-radius:10px;padding:12px 14px;box-shadow:0 6px 12px rgba(0,0,0,0.04)}
.widget.small{padding:10px;font-size:13px}

@media (max-width: 900px){
  .kpi-row{flex-direction:column}
  .card-tiles{grid-template-columns:1fr}
}

/* Quick stat boxes (today + 30 day totals) */
.stat-row{display:flex;gap:10px;align-items:center}
.stat-box{border-radius:10px;padding:10px 14px;display:flex;flex-direction:column;justify-content:center;box-shadow:0 6px 14px rgba(16,24,40,0.06)}
.stat-box .label{font-size:12px;color:#6b7280;margin-bottom:6px}
.stat-box .value{font-size:18px;font-weight:700}

/* Colored variants for today's KPIs */
.stat-success{background:linear-gradient(90deg,#16a34a,#4ade80);color:#fff}
.stat-danger{background:linear-gradient(90deg,#dc2626,#ff6b6b);color:#fff}

/* Neutral boxes for 30-day totals */
.stat-card{background:#fff;border:1px solid #eef2f7}
.stat-card .label{color:#6b7280}
.stat-card .value{color:#111}

/* Colored variants for 30-day totals */
.stat-sales{background:linear-gradient(90deg,#059669,#34d399);color:#fff;border:none}
.stat-expense{background:linear-gradient(90deg,#b91c1c,#fb7185);color:#fff;border:none}
.stat-sales .label,.stat-expense .label{color:rgba(255,255,255,0.9)}
.stat-sales .value,.stat-expense .value{color:#fff}

/* Responsive adjustments */
@media(max-width:900px){
  .stat-row{flex-direction:column;align-items:stretch}
  .stat-box{width:100%}
}

/* Customer list styles when on /musteriler page */
body.page-musteriler .customer-card{background:linear-gradient(90deg,#0dcaf0bf,#0dcaf0bf);color:#fff;border-radius:8px;padding:8px;border:1px solid rgba(0,0,0,0.04);box-shadow:0 4px 10px rgba(3,10,18,0.03)}
body.page-musteriler .customer-card .customer-name{color:#000}
/* subtle horizontal divider between rows */
body.page-musteriler .card-body .row > .col-12{border-bottom:1px solid rgba(255,255,255,0.06);}
/* subtle vertical separators for columns inside a customer row */
body.page-musteriler .customer-card > [class^="col-"]{padding-left:12px;padding-right:12px;border-right:1px solid rgba(255,255,255,0.06)}
body.page-musteriler .customer-card > [class^="col-"]:last-child{border-right:none}
/* On hover, make glow brighter */
body.page-musteriler .customer-card:hover{box-shadow:0 8px 20px rgba(13,202,240,0.12);transform:translateY(-2px)}
/* Header row adjustments to match design */
body.page-musteriler .card-body .row.small.mb-1.px-2.py-1{background:#163a56;color:#fff;border-radius:8px 8px 0 0;border:1px solid rgba(0,0,0,0.06)}
body.page-musteriler .card-body .row.small.mb-1.px-2.py-1 > div{padding-left:12px}