/* Superficies neutras para lectura; café para marca y acciones principales. */
.app-body {
  color: #353533;
  background: #f4f5f4;
}
.sidebar,
.app-navbar {
  background: #fffefd;
  border-color: #e0e2df;
}
.nav-item {
  color: #626460;
}
.nav-label {
  color: #757871;
}
.nav-item.active {
  background: #efe3d9;
  color: #713b2d;
}
.nav-item:hover:not(.active) {
  background: #f1f3f0;
}
.app-body .panel,
.app-body .supplier-card {
  border-color: #dde1dc;
  box-shadow: 0 4px 18px #26342c04;
}
.app-body .panel-head,
.dashboard-page .overview-layout .panel-head {
  background: #fff;
  border-bottom-color: #e5e7e3;
}
.app-body th {
  background: #edf0ed;
  color: #464c46;
}
.app-body td {
  color: #454740;
  border-bottom-color: #e9ebe7;
}
.app-body td strong,
.app-body .panel-head h2 {
  color: #343c35;
}
.app-body td small,
.app-body .panel-head p,
.app-body .filters > span {
  color: #697167;
}
.app-body tbody tr:nth-child(even) {
  background: #fafbf9;
}
.app-body tbody tr:hover {
  background: #f0f4ef;
}
.overview-metric.metric-value {
  background: #eaf2ee;
  border-color: #cfdfd5;
}
.overview-stock-row,
.overview-order,
.overview-lot,
.overview-movement {
  border-bottom-color: #e7eae4;
}
.app-body .table-foot {
  border-color: #e5e7e3;
  color: #697167;
}