/* views.css — per-view layout grids. */

/* ===== Overview ===== */
.greeting { display: flex; align-items: center; justify-content: space-between; gap: var(--space-4); flex-wrap: wrap; }
.greeting__text { display: flex; flex-direction: column; gap: var(--space-2); }
.greeting__sub { color: var(--color-text-muted); font-size: var(--fs-base); }

.kpi-row {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: var(--space-5);
}

.section-title { font-size: var(--fs-lg); font-weight: 800; margin-bottom: var(--space-4); }

.glance-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: var(--space-5);
}

.overview-split {
  display: grid;
  grid-template-columns: minmax(0, 1.6fr) minmax(0, 1fr);
  gap: var(--space-5);
  align-items: start;
}

/* ===== Projects ===== */
.project-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
  gap: var(--space-5);
}

/* ===== Board ===== */
.board {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: var(--space-5);
  align-items: start;
}

/* ===== Team ===== */
.team-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
  gap: var(--space-5);
}

/* ===== Settings ===== */
.settings-panel { display: flex; flex-direction: column; gap: var(--space-7); }
.settings-section { display: flex; flex-direction: column; gap: var(--space-4); max-width: 620px; }
.settings-section__title { font-size: var(--fs-lg); font-weight: 800; }
.settings-section__desc { color: var(--color-text-muted); font-size: var(--fs-sm); }
.settings-grid { display: grid; grid-template-columns: 1fr 1fr; gap: var(--space-4); }
.switch-matrix { display: flex; flex-direction: column; }
.switch-matrix .switch-row + .switch-row { box-shadow: inset 0 1px 0 rgba(80,88,120,0.08); }
.danger-zone {
  background-color: var(--color-bg-inset);
  border-radius: var(--radius);
  box-shadow: var(--shadow-inset);
  padding: var(--space-5);
  display: flex;
  flex-direction: column;
  gap: var(--space-4);
  max-width: 620px;
}