.dashboard-hero {
  display: grid;
  grid-template-columns: 1.45fr 0.75fr;
  gap: var(--space-5);
}

.mission-card {
  min-height: 24rem;
  padding: var(--space-8);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-xl);
  background: var(--gradient-surface);
  box-shadow: var(--shadow-card);
}

.mission-card__text {
  max-width: 68ch;
  font-size: var(--step-1);
}

.button-row {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-3);
  margin-top: var(--space-6);
}

.coach-card {
  display: grid;
  align-content: start;
  gap: var(--space-4);
  padding: var(--space-5);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-xl);
  background: var(--color-surface);
  box-shadow: var(--shadow-soft);
}

.callout {
  display: grid;
  gap: var(--space-2);
  padding: var(--space-4);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-lg);
  background: var(--color-surface-soft);
}

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

.stat-card {
  padding: var(--space-5);
}

.stat-card span {
  color: var(--color-text-muted);
}

.stat-card strong {
  display: block;
  margin: var(--space-2) 0 var(--space-3);
  font-size: var(--step-2);
}

.checklist {
  display: grid;
  gap: var(--space-3);
}

.checklist label {
  display: flex;
  align-items: center;
  gap: var(--space-3);
  min-height: 3.2rem;
  padding: var(--space-3);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-md);
  background: var(--color-surface-soft);
  color: var(--color-text-soft);
}

.checklist input {
  width: 1.15rem;
  height: 1.15rem;
  accent-color: var(--color-primary);
}

.priority-card,
.deal-card,
.project-card,
.goal-card,
.resource-card,
.message-card {
  padding: var(--space-4);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-lg);
  background: var(--color-surface-soft);
}

.priority-card {
  display: grid;
  grid-template-columns: 1fr auto;
  align-items: center;
  gap: var(--space-4);
}

.priority-card p {
  margin-bottom: 0;
}

.priority-score {
  color: var(--color-warning);
  font-size: var(--step-2);
  font-weight: 1000;
}

.kanban {
  display: grid;
  grid-template-columns: repeat(4, minmax(15rem, 1fr));
  gap: var(--space-3);
  overflow-x: auto;
  padding-bottom: var(--space-2);
}

.kanban__col {
  min-height: 16rem;
  padding: var(--space-3);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-lg);
  background: rgb(255 255 255 / 0.04);
}

.kanban__col h3 {
  margin-bottom: var(--space-3);
  color: var(--color-text-soft);
}

.deal-card {
  display: grid;
  gap: var(--space-2);
  margin-bottom: var(--space-3);
  cursor: pointer;
  transition: transform var(--duration-fast), border-color var(--duration);
}

.deal-card:hover {
  border-color: rgb(76 201 255 / 0.35);
  transform: translateY(-1px);
}

.project-grid,
.goal-grid,
.resource-grid,
.life-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 14rem), 1fr));
  gap: var(--space-3);
}

.project-card,
.goal-card,
.resource-card {
  display: grid;
  gap: var(--space-3);
}

.life-card {
  padding: var(--space-4);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-lg);
  background: var(--color-surface-soft);
  text-align: center;
}

.life-card strong {
  display: block;
  font-size: var(--step-2);
}

.chat-layout {
  display: grid;
  grid-template-columns: 240px minmax(0, 1fr);
  gap: var(--space-4);
}

.channel-list {
  display: grid;
  align-content: start;
  gap: var(--space-2);
}

.channel-list button {
  justify-content: flex-start;
  width: 100%;
}

.message-list {
  display: grid;
  gap: var(--space-3);
  max-height: 32rem;
  overflow: auto;
  padding-right: var(--space-2);
}

.message-card small {
  display: block;
  margin-top: var(--space-1);
}

@media (max-width: 1120px) {
  .dashboard-hero {
    grid-template-columns: 1fr;
  }

  .stats-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .chat-layout {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 680px) {
  .mission-card {
    min-height: auto;
    padding: var(--space-5);
  }

  .stats-grid {
    grid-template-columns: 1fr;
  }
}


.form-grid--task {
  grid-template-columns: 1.3fr repeat(5, minmax(6rem, 0.5fr)) 1fr auto;
}

.deal-card .cluster {
  margin-top: var(--space-3);
}

@media (max-width: 980px) {
  .form-grid--task {
    grid-template-columns: 1fr 1fr;
  }
}

@media (max-width: 680px) {
  .form-grid--task {
    grid-template-columns: 1fr;
  }

  .deal-card .cluster .btn {
    width: auto;
    min-height: 2.2rem;
    padding-inline: var(--space-3);
  }
}


.kanban__col.is-drag-over {
  outline: 2px dashed var(--color-secondary);
  outline-offset: -6px;
  background: rgb(76 201 255 / 0.08);
}

.deal-card[draggable="true"] {
  user-select: none;
}

@media (max-width: 680px) {
  .modal-backdrop {
    place-items: end center;
    padding: var(--space-2);
  }

  .modal {
    width: 100%;
    max-height: 92vh;
    border-radius: var(--radius-xl) var(--radius-xl) var(--radius-md) var(--radius-md);
  }
}