:root {
  --market-green: #19733a;
  --market-green-dark: #0f4f2a;
  --market-leaf: #54a83f;
  --market-red: #d74632;
  --market-orange: #ee7d2d;
  --market-ink: #24342b;
  --market-line: #dce6df;
  --market-bg: #f4f8f4;
}

html { background: var(--market-bg); }
body { background-color: var(--market-bg) !important; color: var(--market-ink); letter-spacing: 0; }
#body { min-height: calc(100vh - 120px); }

.navbar {
  background: rgba(255, 255, 255, .98);
  border-top: 5px solid var(--market-green);
  box-shadow: 0 3px 14px rgba(24, 74, 42, .14);
}
.navbar .nav > li > a { color: #31523d; font-weight: 600; border-radius: 4px; }
.navbar .nav > li > a:hover,
.navbar .nav > li > a:focus,
.navbar .nav > .open > a { background: #e9f5e9 !important; color: var(--market-green-dark) !important; }
.navbar-toggle { border-color: #b8d4bf; }
.navbar-toggle .icon-bar { background: var(--market-green); }
.dropdown-menu { border-top: 3px solid var(--market-green); }

.btn, .form-control, .input-group-addon, .panel, .modal-content { border-radius: 4px !important; }
.btn { font-weight: 700; text-shadow: none; box-shadow: none; }
.btn-success { background: var(--market-green); border-color: var(--market-green-dark); }
.btn-success:hover, .btn-success:focus { background: var(--market-green-dark); }
.btn-primary, .btn-info { background: #287e72; border-color: #1d665d; }
.btn-danger { background: var(--market-red); border-color: #b53627; }
.btn-warning { background: var(--market-orange); border-color: #cf6420; color: #fff; }
.form-control:focus { border-color: var(--market-leaf); box-shadow: 0 0 0 3px rgba(84, 168, 63, .14); }

.table { background: #fff; color: var(--market-ink); }
.table > thead > tr > th { background: var(--market-green-dark); color: #fff; border-color: #2c6944; font-weight: 700; }
.table-striped > tbody > tr:nth-of-type(odd) { background: #f3f8f3; }
.table-hover > tbody > tr:hover { background: #fff5d8; }
.panel, .card { border: 1px solid var(--market-line); box-shadow: 0 3px 12px rgba(29, 75, 43, .09); }
.panel-heading { border-bottom: 3px solid var(--market-leaf); }

.produce-dashboard { margin-top: 18px !important; padding: 0 15px 30px !important; }
.produce-hero {
  position: relative;
  min-height: 210px;
  margin: 0 0 28px;
  padding: 42px 46px;
  overflow: hidden;
  color: #fff;
  background: var(--market-green-dark) url('../images/manav-dashboard-banner.png') center/cover no-repeat;
  border-radius: 6px;
  box-shadow: 0 8px 24px rgba(15, 79, 42, .22);
}
.produce-hero::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg, rgba(7, 48, 28, .62) 0%, rgba(7, 48, 28, .18) 47%, rgba(7, 48, 28, 0) 68%);
  pointer-events: none;
}
.produce-hero__content { position: relative; z-index: 1; max-width: 520px; }
.produce-hero h1 { margin: 0 0 10px; font-size: 32px; font-weight: 800; letter-spacing: 0; }
.produce-hero p { margin: 0; font-size: 16px; line-height: 1.55; color: #efffed; }

.produce-dashboard .card-link {
  min-height: 170px;
  margin-top: 0;
  overflow: hidden;
  color: var(--market-ink);
  border-radius: 6px;
  transition: transform .16s ease, box-shadow .16s ease;
}
.produce-dashboard .card-link:hover,
.produce-dashboard .card-link:focus { text-decoration: none; transform: translateY(-3px); box-shadow: 0 9px 22px rgba(29, 75, 43, .17); }
.produce-dashboard .card-title {
  height: 112px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 18px;
  border: 0;
  color: #fff;
  background: var(--market-green);
}
.produce-dashboard .row > div:nth-child(4n+2) .card-title { background: var(--market-red); }
.produce-dashboard .row > div:nth-child(4n+3) .card-title { background: var(--market-orange); }
.produce-dashboard .row > div:nth-child(4n+4) .card-title { background: #287e72; }
.produce-dashboard .card-title i { font-size: 48px; }
.produce-dashboard .card-body { min-height: 58px; padding: 17px 14px; }
.produce-dashboard .card-body p { margin: 0; font-size: 15px; font-weight: 700; line-height: 1.35; }
.pagination > .active > a, .pagination > .active > span { background: var(--market-green); border-color: var(--market-green); }

@media (max-width: 767px) {
  body { padding-top: 82px !important; }
  .produce-dashboard { margin-top: 10px !important; }
  .produce-hero { min-height: 180px; padding: 30px 24px; background-position: 58% center; }
  .produce-hero::after { background: rgba(7, 48, 28, .54); }
  .produce-hero h1 { font-size: 25px; }
  .produce-hero p { font-size: 14px; }
  .produce-dashboard .card-link { min-height: 148px; }
  .produce-dashboard .card-title { height: 92px; }
}

@media print { .produce-hero { display: none; } }