:root {
  --brand: #687b6b;       /* sage green, from the "tadhamun" wordmark */
  --brand-dark: #52634f;  /* darker shade for hover/depth */
}
body { background: #f6f5f1; }
.navbar .nav-link { color: var(--brand) !important; font-weight: 500; }
.navbar .nav-link:hover { color: var(--brand-dark) !important; }
.navbar .nav-link.active { color: var(--brand-dark) !important; font-weight: 700; }
.btn-primary { background-color: var(--brand); border-color: var(--brand); }
.btn-primary:hover, .btn-primary:focus { background-color: var(--brand-dark); border-color: var(--brand-dark); }
.btn-outline-primary { color: var(--brand); border-color: var(--brand); }
.btn-outline-primary:hover { background-color: var(--brand); border-color: var(--brand); color: #fff; }
.btn-success { background-color: var(--brand); border-color: var(--brand); }
.btn-success:hover, .btn-success:focus { background-color: var(--brand-dark); border-color: var(--brand-dark); }
.card { border: none; border-radius: 14px; box-shadow: 0 2px 10px rgba(40, 40, 30, .06); }
.card-header { border-radius: 14px 14px 0 0 !important; border-bottom: 1px solid #eee; }
.table thead { background-color: #eef0ec; }
.nav-pills .nav-link { color: var(--brand); }
.nav-pills .nav-link.active { background-color: var(--brand); }
a { color: var(--brand); }
a:hover { color: var(--brand-dark); }

.login-body { background: var(--brand); }
.login-card { width: 100%; max-width: 380px; border-radius: 18px; }

.dashboard-tile {
  text-decoration: none;
  color: inherit;
  display: block;
  transition: transform .15s ease, box-shadow .15s ease;
}
.dashboard-tile:hover { transform: translateY(-4px); box-shadow: 0 12px 28px rgba(40, 40, 30, .14); }
.dashboard-tile .tile-icon {
  width: 76px;
  height: 76px;
  margin: 0 auto 1rem;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: #eef0ec;
  color: var(--brand);
  font-size: 2rem;
}
.dashboard-tile .tile-label { font-size: 1.05rem; }

.alert-list .list-group-item { border-left: none; border-right: none; }
.alert-list .list-group-item:first-child { border-top: none; }
.alert-list .list-group-item:last-child { border-bottom: none; }