/* helm-console — Home Screen shell styles (T1.1). T1.8 extends. */

:root {
  --hc-bg: #101418;
  --hc-fg: #d5dbe0;
  --hc-accent: #4cc38a;
  --hc-muted: #7d8590;
  --hc-line: #2a3138;
}

* { box-sizing: border-box; }

body {
  margin: 0;
  background: var(--hc-bg);
  color: var(--hc-fg);
  font: 14px/1.5 -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
}

.hc-header {
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 12px 20px;
  border-bottom: 1px solid var(--hc-line);
}

.hc-brand { font-weight: 600; letter-spacing: 0.02em; }
.hc-slots { color: var(--hc-accent); font-variant-numeric: tabular-nums; }
.hc-user { margin-left: auto; color: var(--hc-muted); }

.hc-main { padding: 24px 20px; }
.hc-placeholder { color: var(--hc-muted); }
.hc-placeholder a { color: var(--hc-accent); }

/* --- admin (T1.4) --- */
.hc-admin section { margin-bottom: 32px; }
.hc-admin h2 { font-size: 16px; margin: 0 0 12px; }
.hc-table { border-collapse: collapse; width: 100%; }
.hc-table th, .hc-table td {
  text-align: left; padding: 6px 10px; border-bottom: 1px solid var(--hc-line);
}
.hc-table th { color: var(--hc-muted); font-weight: 500; }
.hc-row-disabled { color: var(--hc-muted); text-decoration: line-through; }
.hc-invite, .hc-audit-filter { display: flex; gap: 8px; margin-bottom: 12px; }
.hc-invite input, .hc-audit-filter input, .hc-invite select, .hc-table select {
  background: #181e24; color: var(--hc-fg); border: 1px solid var(--hc-line);
  border-radius: 4px; padding: 4px 8px;
}
.hc-btn, .hc-invite button, .hc-audit-filter button {
  background: #1d2530; color: var(--hc-fg); border: 1px solid var(--hc-line);
  border-radius: 4px; padding: 4px 10px; cursor: pointer;
}
.hc-btn:hover { border-color: var(--hc-accent); }
.hc-detail { font-family: ui-monospace, monospace; font-size: 12px; }
.hc-status { color: var(--hc-muted); }
.hc-brand a { color: var(--hc-fg); text-decoration: none; }

/* --- home grid (T1.8) --- */
.hc-grid { height: calc(100vh - 110px); min-height: 320px; }
.hc-pill {
  display: inline-block; padding: 1px 10px; border-radius: 10px;
  font-size: 12px; line-height: 18px; text-transform: capitalize;
}
.hc-pill-ideating { background: #2b3a55; color: #9ec1ff; }
.hc-pill-active { background: #1f3d2e; color: #6fdca4; }
.hc-pill-completed { background: #33313d; color: #b9b3d6; }
.hc-pill-aborted { background: #45262a; color: #ef9ba4; }
.hc-rel-link { color: var(--hc-fg); }
.hc-branches-pending { color: var(--hc-muted); font-size: 11px; }
.hc-action { margin-right: 6px; text-transform: capitalize; }
.hc-admin-link { color: var(--hc-muted); margin-left: 8px; }
.hc-modal {
  position: fixed; inset: 0; background: rgba(0,0,0,0.55);
  display: flex; align-items: center; justify-content: center;
  z-index: 1000;
}
/* The `hidden` attribute must win over the class's display:flex — without
   this the empty overlay stays fixed over the whole viewport (invisible on a
   dark bg) and intercepts every click, so the page reads as fully disabled. */
.hc-modal[hidden] { display: none; }
.hc-dialog {
  background: #161c22; border: 1px solid var(--hc-line); border-radius: 8px;
  padding: 20px 24px; max-width: 480px;
}
.hc-dialog-actions { display: flex; gap: 8px; margin-top: 14px; }
.hc-create-form label { display: block; margin: 8px 0; }
.hc-create-form input {
  display: block; width: 100%; margin-top: 4px;
  background: #10161c; color: var(--hc-fg);
  border: 1px solid var(--hc-line); border-radius: 4px; padding: 6px 8px;
}
.hc-create-msg { color: #ef9ba4; }

/* --- WS7: Work at a Glance + Deployments (T7.8–T7.12) --- */
.hc-crumb { color: var(--hc-muted); margin: 0 4px; }
.hc-select {
  background: #181e24; color: var(--hc-fg); border: 1px solid var(--hc-line);
  border-radius: 4px; padding: 4px 8px;
}
.hc-toggle { color: var(--hc-muted); font-size: 12px; display: inline-flex; gap: 4px; align-items: center; }
.hc-union { color: var(--hc-muted); font-size: 12px; margin-left: 8px; }

/* work-item status pills — the shared ladder vocabulary (_statuses.py) */
.hc-pill-w-stub            { background: #262b31; color: #8a949e; }
.hc-pill-w-scoping,
.hc-pill-w-scoped          { background: #2b3a55; color: #9ec1ff; }
.hc-pill-w-planning,
.hc-pill-w-planned         { background: #263a4d; color: #7fc4e8; }
.hc-pill-w-implementing,
.hc-pill-w-re-implementing { background: #3d3524; color: #e8c47f; }
.hc-pill-w-implemented     { background: #34402a; color: #b7dc8a; }
.hc-pill-w-testing         { background: #3a2e4a; color: #c9a8f0; }
.hc-pill-w-tested          { background: #1f3d2e; color: #6fdca4; }
.hc-pill-w-completed       { background: #1f3d2e; color: #6fdca4; }
.hc-pill-w-aborted         { background: #45262a; color: #ef9ba4; }
/* register statuses (issues/retros/escalations share the neutral set) */
.hc-pill-w-open, .hc-pill-w-pending  { background: #3d3524; color: #e8c47f; }
.hc-pill-w-triaged                   { background: #263a4d; color: #7fc4e8; }
.hc-pill-w-settled, .hc-pill-w-resolved, .hc-pill-w-closed,
.hc-pill-w-absorbed, .hc-pill-w-decided { background: #33313d; color: #b9b3d6; }

/* type pills */
.hc-pill-t-story           { background: #263a4d; color: #7fc4e8; }
.hc-pill-t-defect          { background: #45262a; color: #ef9ba4; }
.hc-pill-t-feature         { background: #2b3a55; color: #9ec1ff; }
.hc-pill-t-epic            { background: #33313d; color: #b9b3d6; }
.hc-pill-t-escalation      { background: #45262a; color: #ef9ba4; }
.hc-pill-t-gate            { background: #3d3524; color: #e8c47f; }
.hc-pill-t-change-request  { background: #3a2e4a; color: #c9a8f0; }

/* severity / priority pills */
.hc-pill-sev-high, .hc-pill-sev-critical { background: #45262a; color: #ef9ba4; }
.hc-pill-sev-medium        { background: #3d3524; color: #e8c47f; }
.hc-pill-sev-low           { background: #263a4d; color: #7fc4e8; }
.hc-pill-sev-none          { background: #262b31; color: #8a949e; }

/* determinate progress bars (glance items + deployment phases) */
.hc-progress {
  display: inline-block; width: 96px; height: 8px; border-radius: 4px;
  background: #232a32; vertical-align: middle; overflow: hidden;
}
.hc-progress-fill { height: 100%; background: var(--hc-accent); }
.hc-progress-label { color: var(--hc-muted); font-size: 11px; margin-left: 6px; }

/* deployments tab */
.hc-dep-body { padding: 4px 0; }
.hc-dep-table { width: 100%; }
.hc-dep-detail {
  font-family: ui-monospace, monospace; font-size: 12px; background: #10161c;
  border: 1px solid var(--hc-line); border-radius: 6px; padding: 12px; margin-top: 10px;
}
.hc-pill-dep-ok      { background: #1f3d2e; color: #6fdca4; }
.hc-pill-dep-bad     { background: #45262a; color: #ef9ba4; }
.hc-pill-dep-queued  { background: #2b3a55; color: #9ec1ff; }
.hc-pill-dep-run     { background: #3d3524; color: #e8c47f; }
.hc-live { color: #555c64; }
.hc-live-on { color: #6fdca4; }