/* Command plans and LWT-Coins store */
.command-plans-shell {
  display: grid;
  gap: 14px;
}
.command-plans-hero,
.command-plans-section {
  padding: clamp(18px, 2.2vw, 30px);
  border-radius: var(--radius-xl);
}
.command-plans-hero {
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 24px;
  background:
    linear-gradient(135deg, color-mix(in srgb, var(--primary) 14%, transparent), transparent 42%),
    var(--panel);
}
.command-plans-hero h1 {
  max-width: 760px;
  margin: 4px 0 8px;
  font-size: clamp(1.9rem, 4vw, 3.35rem);
  line-height: .98;
}
.command-plans-hero p { max-width: 760px; margin-bottom: 0; }
.command-plans-hero-actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 8px;
}
.command-plans-current {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  gap: 14px;
  align-items: center;
  padding: 12px 14px;
  border: 1px solid color-mix(in srgb, var(--success) 30%, var(--panel-border));
  border-radius: var(--radius-lg);
  background: color-mix(in srgb, var(--success) 6%, var(--panel));
}
.command-plans-current-identity {
  display: flex;
  align-items: center;
  gap: 9px;
}
.command-plans-current-identity > span:last-child { display: grid; gap: 2px; }
.command-plans-current-identity small { color: var(--muted); font-size: .68rem; }
.command-plans-current-metrics {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 6px;
}
.command-plans-current-metrics span {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  gap: 5px;
  padding: 6px 8px;
  border-left: 1px solid var(--panel-border);
}
.command-plans-current-metrics small { color: var(--muted); font-size: .64rem; }
.command-plans-current-metrics strong { font-size: .78rem; }
.command-plans-section {
  display: grid;
  gap: 16px;
}
.command-plans-section-head {
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 16px;
}
.command-plans-section-head h2 { margin: 3px 0 5px; }
.command-plans-section-head p { max-width: 760px; margin-bottom: 0; }
.command-plan-core-metrics {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 5px;
}
.command-plan-core-metrics span {
  display: grid;
  gap: 2px;
  padding: 8px;
  border: 1px solid var(--panel-border);
  border-radius: var(--radius-md);
  background: var(--bg-elev);
}
.command-plan-core-metrics strong { color: var(--text); font-size: .92rem; }
.command-plan-core-metrics small { color: var(--muted); font-size: .62rem; }


@media (max-width: 900px) {
  .command-plans-hero,
  .command-plans-section-head { align-items: stretch; flex-direction: column; }
  .command-plans-hero-actions { justify-content: flex-start; }
  .command-plans-current { grid-template-columns: 1fr auto; }
  .command-plans-current-metrics { grid-column: 1 / -1; grid-row: 2; }
}
@media (max-width: 620px) {
  .command-plans-hero-actions,
  .command-plans-hero-actions .btn { width: 100%; }
  .command-plans-current { grid-template-columns: 1fr; }
  .command-plans-current > .btn { width: 100%; }
  .command-plans-current-metrics { grid-column: 1; grid-row: auto; grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .command-plans-current-metrics span { justify-content: flex-start; border-left: 0; }
  .command-plans-units-head .public-map-unit-costs { width: 100%; }
}

.command-plan-benefits { line-height: 1.55; }
.command-plan-budget { padding: 12px; border-radius: var(--radius-md); background: var(--bg-elev); }
.command-plan-budget p { margin: 6px 0; line-height: 1.5; }
.command-plan-budget small { color: var(--muted); line-height: 1.5; }
.command-plan-details summary { cursor: pointer; font-weight: 700; padding: 10px 0; }
.command-plan-details ul { margin-top: 4px; }
.command-plans-current-note { grid-column: 1 / -1; color: var(--muted); }
.command-plans-current-actions { grid-column: 1 / -1; display: flex; flex-wrap: wrap; gap: 8px; }
