.botica-lotes-page .botica-page-header {
  border: 0;
  margin: 0;
  padding: 0;
  border-radius: 10px;
  background: transparent;
}

.botica-summary-row {
  margin-bottom: 14px;
}

.botica-summary-card {
  display: flex;
  align-items: center;
  gap: 14px;
  min-height: 96px;
  margin-bottom: 14px;
  padding: 18px;
  border-radius: 14px;
  background: #fff;
  color: #334155;
  box-shadow: 0 5px 18px rgba(15, 23, 42, .08);
  border-left: 5px solid #16a34a;
  transition: transform .18s ease, box-shadow .18s ease;
}

.botica-summary-card:hover,
.botica-summary-card:focus,
.botica-summary-card.active {
  color: #0f172a;
  text-decoration: none;
  transform: translateY(-2px);
  box-shadow: 0 9px 24px rgba(15, 23, 42, .14);
}

.botica-summary-card.danger { border-left-color: #dc2626; }
.botica-summary-card.warning { border-left-color: #f59e0b; }
.botica-summary-card.info { border-left-color: #0284c7; }
.botica-summary-card.success { border-left-color: #16a34a; }

.botica-summary-icon {
  width: 50px;
  height: 50px;
  flex: 0 0 50px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 14px;
  font-size: 22px;
  background: #ecfdf5;
  color: #15803d;
}

.botica-summary-card.danger .botica-summary-icon { background: #fef2f2; color: #dc2626; }
.botica-summary-card.warning .botica-summary-icon { background: #fffbeb; color: #d97706; }
.botica-summary-card.info .botica-summary-icon { background: #eff6ff; color: #0284c7; }

.botica-summary-card strong {
  display: block;
  font-size: 28px;
  line-height: 1;
  margin-bottom: 7px;
}

.botica-summary-card small {
  display: block;
  font-size: 13px;
  color: #64748b;
}

.botica-box {
  border: 0;
  box-shadow: 0 6px 20px rgba(15, 23, 42, .08);
}

.botica-box > .box-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 18px 20px;
  border-bottom: 1px solid #e2e8f0;
}

.botica-box .box-title {
  font-weight: 700;
  color: #14532d;
}

.botica-subtitle {
  margin: 6px 0 0;
  color: #64748b;
  font-size: 13px;
}

.botica-table thead th {
  white-space: nowrap;
  background: #f0fdf4;
  color: #14532d;
}

.botica-table td {
  vertical-align: middle !important;
}

.botica-lote-code {
  display: inline-block;
  padding: 5px 9px;
  border-radius: 8px;
  background: #f1f5f9;
  color: #0f172a;
  font-family: Consolas, Monaco, monospace;
  font-weight: 700;
  letter-spacing: .2px;
}

.botica-modal-header {
  background: linear-gradient(135deg, #15803d, #22c55e);
  color: #fff;
}

.botica-modal-header .close {
  color: #fff;
  opacity: .9;
}

.botica-row-expired {
  background: #fff7f7 !important;
}

.botica-filter-header {
  flex-wrap: wrap;
}

.botica-filter-buttons {
  margin-left: auto;
}

.botica-filter-form {
  display: flex;
  align-items: flex-end;
  flex-wrap: wrap;
}

.botica-filter-submit {
  padding-bottom: 15px;
}

.botica-dashboard-alerts {
  margin: 0 0 18px;
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 5px 16px rgba(15, 23, 42, .08);
}

.botica-dashboard-alerts .alert {
  margin: 0;
  border-radius: 0;
  border: 0;
}

.botica-dashboard-alerts .botica-dashboard-actions {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
  margin-top: 10px;
}

@media (max-width: 767px) {
  .botica-box > .box-header {
    align-items: stretch;
    flex-direction: column;
  }

  .botica-box > .box-header .pull-right,
  .botica-filter-buttons {
    float: none !important;
    width: 100%;
  }

  .botica-filter-buttons .btn {
    width: 33.333%;
  }

  .botica-summary-card {
    min-height: 82px;
    padding: 14px;
  }

  .botica-summary-card strong {
    font-size: 24px;
  }

  .botica-filter-submit {
    padding-bottom: 0;
  }
}
