/* === /board — стили дашборда поверх общих CSS-переменных === */

body { max-width: 1180px; }

.board-hero {
  display: flex;
  gap: 24px;
  align-items: flex-start;
  justify-content: space-between;
  flex-wrap: wrap;
  background: linear-gradient(135deg, #eff4ff 0%, #ffffff 70%);
  border: 1px solid var(--border);
  border-radius: 12px;
  padding: 24px;
  margin-bottom: 18px;
  box-shadow: var(--shadow);
}
.board-hero h1 { margin: 0 0 6px; }
.board-hero-meta { display: flex; gap: 12px; flex-wrap: wrap; }
.tile {
  display: flex;
  flex-direction: column;
  gap: 6px;
  padding: 10px 14px;
  border: 1px solid var(--border);
  border-radius: 10px;
  background: var(--surface);
  min-width: 110px;
}
.tile-label {
  font-size: .75rem;
  text-transform: uppercase;
  letter-spacing: .05em;
  color: var(--muted);
}

.iterations {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
  gap: 14px;
}
.iter-card {
  border: 1px solid var(--border);
  border-radius: 12px;
  padding: 14px 16px;
  background: var(--surface);
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.iter-card.done    { border-color: #6ee7b7; background: #f0fdf4; }
.iter-card.active  { border-color: #93c5fd; background: #eff6ff; box-shadow: 0 0 0 3px rgba(37,99,235,.08); }
.iter-card.blocked { border-color: #fca5a5; background: #fef2f2; }
.iter-card-head {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  gap: 10px;
}
.iter-id {
  font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
  font-size: .75rem;
  color: var(--muted);
}
.iter-title { font-weight: 700; font-size: 1rem; }
.iter-scope { color: var(--muted); font-size: .9rem; }
.iter-meta {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
  font-size: .8rem;
  color: var(--muted);
}
.iter-deliverables {
  margin: 0;
  padding-left: 18px;
  font-size: .9rem;
}
.iter-deliverables li { margin-bottom: 4px; }

.cards {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
  gap: 12px;
}
.card {
  border: 1px solid var(--border);
  border-radius: 12px;
  padding: 14px 16px;
  background: var(--surface);
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.card-title { font-weight: 700; }
.card-meta  { font-size: .8rem; color: var(--muted); }
.card-body  { font-size: .92rem; }

.tag-row { display: flex; gap: 6px; flex-wrap: wrap; }
.tag-needs-decision { background:#fef3c7; color:#92400e; }
.tag-needs-data     { background:#dbeafe; color:#1e3a8a; }
.tag-with-1c-developer { background:#ede9fe; color:#5b21b6; }
.tag-with-dm-buyer-author { background:#fce7f3; color:#9d174d; }
.tag-blocker-low    { background:#e5e7eb; color:#374151; }
.tag-blocker-medium { background:#fef3c7; color:#92400e; }
.tag-blocker-high   { background:#fee2e2; color:#991b1b; }

#b-ops td { font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size:.85rem; }
#b-ops th { width: 200px; }

.runbook {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
  gap: 12px;
}
.runbook-card { background: var(--surface); border: 1px solid var(--border); border-radius: 12px; padding: 14px 16px; }
.runbook-card h3 { margin: 0 0 8px; }
.runbook-card ol { margin: 0; padding-left: 20px; font-size: .9rem; }
.runbook-card code { background: #f1f5f9; padding: 1px 5px; border-radius: 4px; }

.board-progress-head { justify-content: space-between; margin-bottom: 12px; }