/* ==========================================================================
   Shah Bakers Admin — brand palette matched to the Android app theme
   (app/src/main/java/com/shahbakers/app/theme/Color.kt)
   ========================================================================== */
:root {
  --sb-primary: #8B4513;        /* PrimaryBaked */
  --sb-primary-dark: #6b3410;
  --sb-secondary: #D2691E;      /* SecondaryWarm */
  --sb-bg: #FFF8DC;             /* BackgroundLight */
  --sb-surface: #FAFAFA;        /* SurfaceCream */
  --sb-text: #2C1810;           /* TextDark */
  --sb-text-muted: #8a7367;
  --sb-accent-green: #0C9D48;   /* AccentGreen */
  --sb-accent-green-dark: #086B31;
  --sb-accent-green-surface: #E8F7EC;
  --sb-danger: #C0392B;
  --sb-strike: #9E9E9E;         /* PriceStrike */
}

body { background: var(--sb-bg); color: var(--sb-text); }

.login-body {
  background: linear-gradient(160deg, var(--sb-primary) 0%, var(--sb-primary-dark) 55%, #1A120C 100%);
  min-height: 100vh;
}
.login-card { border-radius: 14px; }
.login-card h1 { color: var(--sb-primary); }

/* Navbar */
header.navbar { background: var(--sb-primary) !important; }
header.navbar .navbar-brand { letter-spacing: .04em; }
header.navbar .btn-outline-light:hover { background: var(--sb-secondary); border-color: var(--sb-secondary); }

/* Tabs */
#mainTabs .nav-link { color: var(--sb-text); font-weight: 500; }
#mainTabs .nav-link.active {
  color: var(--sb-primary);
  border-bottom: 3px solid var(--sb-secondary);
  background: transparent;
}
#mainTabs .nav-link:hover { color: var(--sb-secondary); }

/* Cards / stats */
.stat-card { border: none; border-radius: 12px; box-shadow: 0 2px 10px rgba(139,69,19,.10); background: var(--sb-surface); }
.stat-label { font-size: 12px; color: var(--sb-text-muted); text-transform: uppercase; letter-spacing: .03em; }
.stat-num { font-size: 26px; font-weight: 700; color: var(--sb-primary); }

.card { border-radius: 12px; }
.card .fw-bold { color: var(--sb-primary); }

.order-card { border: none; border-left: 4px solid var(--sb-secondary); border-radius: 10px; box-shadow: 0 2px 8px rgba(139,69,19,.08); }

.nav-tabs .nav-link { white-space: nowrap; }

/* Buttons — brand primary replaces default Bootstrap "dark" everywhere */
.btn-dark, .btn-brand {
  background: var(--sb-primary);
  border-color: var(--sb-primary);
  color: #fff;
}
.btn-dark:hover, .btn-dark:focus, .btn-brand:hover, .btn-brand:focus {
  background: var(--sb-secondary);
  border-color: var(--sb-secondary);
  color: #fff;
}
.btn-outline-dark, .btn-outline-brand {
  color: var(--sb-primary);
  border-color: var(--sb-primary);
}
.btn-outline-dark:hover, .btn-outline-brand:hover {
  background: var(--sb-primary);
  border-color: var(--sb-primary);
  color: #fff;
}
.btn-outline-danger { color: var(--sb-danger); border-color: var(--sb-danger); }
.btn-outline-danger:hover { background: var(--sb-danger); border-color: var(--sb-danger); }

/* Badges reused for stock / status */
.badge.bg-dark { background: var(--sb-primary) !important; }
.badge-in-stock { background: var(--sb-accent-green-surface); color: var(--sb-accent-green-dark); border: 1px solid var(--sb-accent-green); }
.badge-out-of-stock { background: #FBEAE8; color: var(--sb-danger); border: 1px solid var(--sb-danger); }
.badge-low-stock { background: #FFF3E0; color: var(--sb-secondary); border: 1px solid var(--sb-secondary); }

/* Product cards */
.product-card { border: none; border-radius: 12px; box-shadow: 0 2px 8px rgba(139,69,19,.08); overflow: hidden; }
.product-card .product-thumb {
  width: 56px; height: 56px; border-radius: 8px; object-fit: cover;
  background: var(--sb-accent-green-surface);
  display: flex; align-items: center; justify-content: center;
  color: var(--sb-primary); font-weight: 700; font-size: 20px;
  flex: none;
}
.price-strike { color: var(--sb-strike); text-decoration: line-through; }

/* Feedback / review stars */
.stars { color: var(--sb-secondary); letter-spacing: 1px; }

/* Users */
.user-row.blocked { opacity: .6; }
.badge-blocked { background: #FBEAE8; color: var(--sb-danger); border: 1px solid var(--sb-danger); }
.badge-active { background: var(--sb-accent-green-surface); color: var(--sb-accent-green-dark); border: 1px solid var(--sb-accent-green); }

a { color: var(--sb-primary); }
a:hover { color: var(--sb-secondary); }