/* KAIZEN AGRO - Custom Styles */
:root {
  --ka-dark:    #1B5E20;
  --ka-primary: #2E7D32;
  --ka-medium:  #388E3C;
  --ka-green:   #4CAF50;
  --ka-light:   #C8E6C9;
  --ka-pale:    #F1F8E9;
  --ka-gold:    #F9A825;
  --ka-gold-d:  #F57F17;
  --ka-white:   #FFFFFF;
  --ka-border:  #E0E0E0;
  --ka-sidebar: #1A3A1C;
}
body { background: var(--ka-pale); font-family: 'Segoe UI', sans-serif; }
.ka-navbar { background: var(--ka-dark) !important; }
.ka-navbar .navbar-brand { color: var(--ka-gold) !important; font-weight: 700; font-size: 1.2rem; }
.ka-navbar .nav-link { color: rgba(255,255,255,.85) !important; }
.ka-navbar .nav-link:hover { color: var(--ka-gold) !important; }
.ka-logo-badge { background: var(--ka-gold); color: var(--ka-dark); font-weight: 900; font-size:.9rem; padding:4px 9px; border-radius:6px; margin-right:8px; }
.ka-tagline { font-size:.65rem; color: var(--ka-light); letter-spacing:.5px; }

/* Sidebar */
.ka-sidebar { background: var(--ka-sidebar); min-height: calc(100vh - 56px); width: 220px; flex-shrink:0; }
.ka-sidebar .nav-link { color: rgba(255,255,255,.7); padding: 10px 18px; font-size:.92rem; border-left: 3px solid transparent; }
.ka-sidebar .nav-link:hover, .ka-sidebar .nav-link.active { color: #fff; background: var(--ka-primary); border-left-color: var(--ka-gold); }
.ka-sidebar .nav-link i { width:20px; margin-right:8px; }
.ka-sidebar .sidebar-heading { color: var(--ka-light); font-size:.7rem; letter-spacing:1px; padding: 12px 18px 4px; text-transform:uppercase; }

/* Cards */
.ka-card { background:#fff; border-radius:10px; border:1px solid var(--ka-border); box-shadow:0 1px 4px rgba(0,0,0,.06); }
.ka-card-header { background: var(--ka-primary); color:#fff; border-radius:10px 10px 0 0 !important; padding:10px 16px; font-weight:600; font-size:.95rem; }
.ka-card-header.gold { background: var(--ka-gold-d); }
.ka-card-header.medium { background: var(--ka-medium); }
.ka-card-header.orange { background: #E65100; }

/* Stat boxes */
.ka-stat { background:#fff; border-radius:10px; border:1px solid var(--ka-border); border-top:4px solid var(--ka-primary); padding:16px; text-align:center; }
.ka-stat .value { font-size:1.6rem; font-weight:700; }
.ka-stat .label { font-size:.8rem; color:#666; margin-top:4px; }
.ka-stat .sub   { font-size:.72rem; color:#999; }
.ka-stat.green  { border-top-color: var(--ka-green); }
.ka-stat.green .value { color: var(--ka-medium); }
.ka-stat.gold   { border-top-color: var(--ka-gold-d); }
.ka-stat.gold .value  { color: var(--ka-gold-d); }
.ka-stat.red    { border-top-color: #C62828; }
.ka-stat.red .value   { color: #C62828; }
.ka-stat.blue   { border-top-color: #1565C0; }
.ka-stat.blue .value  { color: #1565C0; }
.ka-stat.primary .value { color: var(--ka-primary); }

/* Buttons */
.btn-ka { background: var(--ka-primary); color:#fff; border:none; }
.btn-ka:hover { background: var(--ka-dark); color:#fff; }
.btn-ka-gold { background: var(--ka-gold); color: var(--ka-dark); border:none; font-weight:700; }
.btn-ka-gold:hover { background: var(--ka-gold-d); color:#fff; }
.btn-ka-outline { border:2px solid var(--ka-primary); color: var(--ka-primary); }
.btn-ka-outline:hover { background: var(--ka-primary); color:#fff; }

/* Tables */
.ka-table thead th { background: var(--ka-primary); color:#fff; font-size:.82rem; padding:8px 10px; }
.ka-table tbody tr:nth-child(even) { background: #f9f9f9; }
.ka-table tbody td { font-size:.85rem; padding:7px 10px; vertical-align:middle; }

/* Badges */
.badge-active   { background:#4CAF50; color:#fff; }
.badge-pending  { background:#F9A825; color:#1a1a1a; }
.badge-inactive { background:#9E9E9E; color:#fff; }
.badge-credited { background:#F57F17; color:#fff; }
.badge-paid     { background:#4CAF50; color:#fff; }
.badge-hold     { background:#9E9E9E; color:#fff; }
.badge-delivered { background:#4CAF50; color:#fff; }
.badge-shipped  { background:#1565C0; color:#fff; }
.badge-processing { background:#F9A825; color:#1a1a1a; }
.badge-confirmed { background:#1565C0; color:#fff; }
.badge-cancelled { background:#C62828; color:#fff; }
.badge-eligible  { background:#4CAF50; color:#fff; }
.badge-noteligible { background:#9E9E9E; color:#fff; }

/* Forms */
.form-label { font-weight:600; font-size:.85rem; color:#444; }
.form-control:focus, .form-select:focus { border-color: var(--ka-green); box-shadow:0 0 0 .2rem rgba(76,175,80,.25); }

/* Landing */
.ka-hero { background: var(--ka-primary); color:#fff; padding:60px 0 50px; }
.ka-hero h1 { font-size:2.4rem; font-weight:800; }
.ka-hero .highlight { color: var(--ka-gold); }
.ka-stats-bar { background: var(--ka-dark); padding:20px 0; }
.ka-stats-bar .stat-val { font-size:1.5rem; font-weight:700; color: var(--ka-gold); }
.ka-stats-bar .stat-lbl { font-size:.8rem; color: var(--ka-light); }
.plan-card { border-radius:10px; overflow:hidden; border:1px solid var(--ka-border); transition:.2s; }
.plan-card:hover { transform:translateY(-4px); box-shadow:0 6px 20px rgba(0,0,0,.12); }
.plan-card .plan-head { padding:14px; text-align:center; color:#fff; }
.product-card { border-radius:10px; border:1px solid var(--ka-border); background:#fff; overflow:hidden; transition:.2s; }
.product-card:hover { box-shadow:0 4px 16px rgba(0,0,0,.1); transform:translateY(-2px); }
.product-card .product-img { background: var(--ka-light); display:flex; align-items:center; justify-content:center; font-size:2.5rem; height:100px; }
.product-card .product-body { padding:10px; }
.product-card .mrp { text-decoration:line-through; color:#999; font-size:.8rem; }
.ka-footer { background: var(--ka-dark); color: var(--ka-light); padding:18px 0; font-size:.82rem; }

/* Commission level bar */
.level-bar { background:#eee; border-radius:20px; height:8px; }
.level-progress { background: var(--ka-green); border-radius:20px; height:8px; }

/* Login/Register page */
.auth-page { min-height:100vh; background: var(--ka-primary); display:flex; align-items:center; }
.auth-card { background:#fff; border-radius:14px; padding:36px; max-width:480px; width:100%; }
.auth-logo { background: var(--ka-primary); border-radius:10px; padding:14px 20px; text-align:center; margin-bottom:20px; }
.auth-logo h2 { color: var(--ka-gold); margin:0; font-weight:800; }
.auth-logo p { color: var(--ka-light); margin:0; font-size:.8rem; }

/* Content wrapper */
.ka-content { flex:1; padding:24px; overflow-x:auto; }
.page-title { font-size:1.3rem; font-weight:700; color: var(--ka-dark); }
.page-sub { font-size:.85rem; color:#666; }

@media(max-width:768px) {
  .ka-sidebar { display:none; }
  .ka-content { padding:14px; }
}