.beta-command-shell {
  width: min(1720px, calc(100% - 30px));
}

.beta-command-header .workspace-brand-mark img {
  width: 31px;
  height: 31px;
  object-fit: contain;
}

.beta-command-nav a:first-child {
  color: #f7f8ef;
  background: rgba(255, 255, 255, 0.09);
}

#beta-live-state {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  color: rgba(248, 247, 237, 0.7);
  font: 600 0.58rem/1 "IBM Plex Mono", monospace;
  text-transform: uppercase;
}

#beta-live-state::before {
  content: "";
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #dfb35f;
  box-shadow: 0 0 0 4px rgba(223, 179, 95, 0.12);
}

#beta-live-state[data-state="live"]::before {
  background: #9ec274;
  box-shadow: 0 0 0 4px rgba(158, 194, 116, 0.13);
}

#beta-live-state[data-state="error"]::before {
  background: #d67a65;
  box-shadow: 0 0 0 4px rgba(214, 122, 101, 0.14);
}

.beta-access-state {
  min-height: 240px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 16px;
  padding: 48px;
  border: 1px solid var(--as-dark-line);
  border-radius: 18px;
  background: rgba(22, 35, 27, 0.82);
}

.beta-access-state[hidden] {
  display: none;
}

.beta-access-state strong,
.beta-access-state span {
  display: block;
}

.beta-access-state strong {
  color: #f7f8ef;
  font-size: 1rem;
}

.beta-access-state span {
  margin-top: 4px;
  color: rgba(247, 248, 239, 0.58);
  font-size: 0.76rem;
}

.beta-access-spinner {
  width: 28px;
  height: 28px;
  border: 3px solid rgba(185, 202, 122, 0.18);
  border-top-color: #b9ca7a;
  border-radius: 50%;
  animation: beta-spin 800ms linear infinite;
}

.beta-access-state[data-state="error"] .beta-access-spinner {
  border: 0;
  border-radius: 9px;
  background: #a9493e;
  animation: none;
}

@keyframes beta-spin {
  to { transform: rotate(360deg); }
}

.beta-command-hero {
  align-items: center;
}

.beta-command-hero h1 {
  color: #f5f7ef;
}

.beta-command-hero #beta-command-status {
  color: rgba(246, 248, 240, 0.56);
}

.beta-command-hero .action-button {
  cursor: pointer;
}

.beta-privacy-rail {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: 13px;
  margin: 12px 0;
  padding: 12px 15px;
  border: 1px solid rgba(159, 188, 130, 0.19);
  border-radius: 13px;
  background: rgba(77, 104, 68, 0.12);
}

.beta-privacy-rail > i {
  width: 9px;
  height: 9px;
  border-radius: 50%;
  background: #a7c886;
  box-shadow: 0 0 0 5px rgba(167, 200, 134, 0.1);
}

.beta-privacy-rail strong,
.beta-privacy-rail div span {
  display: block;
}

.beta-privacy-rail strong {
  color: #eaf2df;
  font-size: 0.72rem;
}

.beta-privacy-rail div span,
.beta-privacy-rail > span {
  color: rgba(237, 241, 230, 0.57);
  font-size: 0.66rem;
}

.beta-privacy-rail > span {
  font-family: "IBM Plex Mono", monospace;
  white-space: nowrap;
}

.beta-metric-grid {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 9px;
  margin-bottom: 12px;
}

.beta-metric {
  min-width: 0;
  min-height: 100px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 15px;
  border: 1px solid var(--as-dark-line);
  border-radius: 14px;
  background: rgba(25, 38, 30, 0.92);
}

.beta-metric span,
.beta-metric small {
  color: rgba(243, 246, 237, 0.48);
}

.beta-metric span {
  font: 600 0.58rem/1.2 "IBM Plex Mono", monospace;
  letter-spacing: 0.07em;
  text-transform: uppercase;
}

.beta-metric strong {
  margin: 8px 0 5px;
  overflow: hidden;
  color: #f7f8ef;
  font-size: clamp(1.55rem, 2.2vw, 2.25rem);
  font-weight: 650;
  line-height: 1;
  letter-spacing: -0.06em;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.beta-metric small {
  font-size: 0.61rem;
}

.beta-metric[data-tone="critical"] {
  border-color: rgba(211, 111, 92, 0.36);
  background: rgba(112, 44, 38, 0.25);
}

.beta-metric[data-tone="healthy"] {
  border-color: rgba(159, 193, 121, 0.25);
}

.beta-metric.is-loading strong,
.beta-metric.is-loading small {
  color: transparent;
  border-radius: 6px;
  background: rgba(255, 255, 255, 0.07);
}

.beta-ops-grid {
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  gap: 12px;
}

.beta-ops-panel {
  min-width: 0;
  overflow: hidden;
  border: 1px solid var(--as-dark-line);
  border-radius: 17px;
  background: rgba(25, 38, 30, 0.94);
}

.beta-issues-panel {
  grid-column: span 8;
}

.beta-release-panel {
  grid-column: span 4;
}

.beta-feedback-panel,
.beta-handoff-panel {
  grid-column: 1 / -1;
}

.beta-panel-header {
  min-height: 72px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  padding: 14px 16px;
  border-bottom: 1px solid var(--as-dark-line);
}

.beta-panel-header span,
.beta-handoff-copy > span {
  display: block;
  margin-bottom: 4px;
  color: rgba(241, 245, 235, 0.43);
  font: 600 0.56rem/1.2 "IBM Plex Mono", monospace;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.beta-panel-header h2,
.beta-handoff-panel h2 {
  margin: 0;
  color: #f4f6ef;
  font-size: 1.08rem;
  letter-spacing: -0.035em;
}

.beta-filter-row,
.beta-feedback-controls {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 8px;
}

.beta-filter-row select,
.beta-feedback-controls select,
.beta-status-select {
  min-height: 34px;
  padding: 0 29px 0 10px;
  border: 1px solid var(--as-dark-line);
  border-radius: 9px;
  color: #edf1e7;
  background: #1f3025;
  font-size: 0.66rem;
}

.beta-feedback-controls > span {
  margin: 0;
  text-transform: none;
  letter-spacing: 0;
}

.beta-issue-list {
  max-height: 560px;
  overflow: auto;
}

.beta-issue-card {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  gap: 13px;
  padding: 14px 16px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.07);
}

.beta-issue-card:last-child {
  border-bottom: 0;
}

.beta-issue-signal {
  width: 10px;
  height: 10px;
  margin-top: 5px;
  border-radius: 50%;
  background: #d59055;
  box-shadow: 0 0 0 5px rgba(213, 144, 85, 0.1);
}

.beta-issue-card[data-severity="critical"] .beta-issue-signal,
.beta-issue-card[data-severity="error"] .beta-issue-signal {
  background: #d36f5c;
  box-shadow: 0 0 0 5px rgba(211, 111, 92, 0.1);
}

.beta-issue-card[data-status="resolved"],
.beta-issue-card[data-status="ignored"] {
  opacity: 0.62;
}

.beta-issue-main {
  min-width: 0;
}

.beta-issue-main > div:first-child {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
}

.beta-issue-main strong {
  color: #f1f4ea;
  font-size: 0.78rem;
}

.beta-badge {
  padding: 3px 6px;
  border-radius: 999px;
  color: #dbe9ce;
  background: rgba(149, 182, 117, 0.12);
  font: 600 0.52rem/1 "IBM Plex Mono", monospace;
  text-transform: uppercase;
}

.beta-badge[data-severity="critical"],
.beta-badge[data-severity="error"] {
  color: #f0b2a7;
  background: rgba(207, 90, 72, 0.14);
}

.beta-issue-main p {
  margin: 6px 0 0;
  color: rgba(239, 243, 233, 0.52);
  font-size: 0.66rem;
}

.beta-issue-main code {
  color: rgba(215, 224, 207, 0.72);
  font: 500 0.57rem/1.5 "IBM Plex Mono", monospace;
}

.beta-issue-counts {
  display: flex;
  gap: 12px;
  margin-top: 9px;
  color: rgba(238, 242, 231, 0.45);
  font-size: 0.61rem;
}

.beta-issue-counts b {
  color: #e9eee2;
  font-weight: 650;
}

.beta-issue-actions {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 7px;
}

.beta-issue-actions time {
  color: rgba(238, 242, 231, 0.36);
  font: 500 0.54rem/1 "IBM Plex Mono", monospace;
  white-space: nowrap;
}

.beta-release-body {
  padding: 4px 16px 16px;
}

.beta-release-body section {
  padding: 14px 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.07);
}

.beta-release-body section:last-child {
  border-bottom: 0;
}

.beta-release-body h3 {
  margin: 0 0 10px;
  color: rgba(240, 244, 234, 0.68);
  font-size: 0.65rem;
}

.beta-distribution {
  display: grid;
  gap: 8px;
}

.beta-distribution-row {
  display: grid;
  grid-template-columns: minmax(62px, auto) minmax(50px, 1fr) auto;
  align-items: center;
  gap: 8px;
}

.beta-distribution-row span,
.beta-distribution-row b {
  color: rgba(239, 243, 232, 0.54);
  font: 500 0.58rem/1 "IBM Plex Mono", monospace;
}

.beta-distribution-row b {
  color: #e6ecdf;
}

.beta-distribution-row i {
  height: 6px;
  overflow: hidden;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.07);
}

.beta-distribution-row i::after {
  content: "";
  width: var(--distribution-width, 0%);
  height: 100%;
  display: block;
  border-radius: inherit;
  background: #8fae72;
}

.beta-feedback-list {
  max-height: 480px;
  overflow: auto;
}

.beta-feedback-row {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto auto auto;
  align-items: center;
  gap: 12px;
  padding: 12px 16px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.07);
}

.beta-feedback-row:last-child {
  border-bottom: 0;
}

.beta-feedback-row > input {
  width: 17px;
  height: 17px;
  accent-color: #a9bf77;
}

.beta-feedback-row-main {
  min-width: 0;
}

.beta-feedback-row-main strong,
.beta-feedback-row-main span {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.beta-feedback-row-main strong {
  color: #f2f4ed;
  font-size: 0.74rem;
}

.beta-feedback-row-main span {
  margin-top: 4px;
  color: rgba(239, 243, 233, 0.46);
  font-size: 0.62rem;
}

.beta-feedback-row time {
  color: rgba(239, 243, 233, 0.38);
  font: 500 0.56rem/1 "IBM Plex Mono", monospace;
}

.beta-detail-button,
.beta-handoff-actions button {
  min-height: 35px;
  padding: 0 12px;
  border: 1px solid var(--as-dark-line);
  border-radius: 9px;
  color: #e8ede2;
  background: rgba(255, 255, 255, 0.04);
  font-size: 0.66rem;
  font-weight: 650;
  cursor: pointer;
}

.beta-handoff-panel {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 30px;
  padding: 24px;
  background:
    radial-gradient(circle at 85% 10%, rgba(178, 202, 120, 0.12), transparent 34%),
    rgba(25, 38, 30, 0.94);
}

.beta-handoff-copy p {
  max-width: 880px;
  margin: 9px 0 0;
  color: rgba(238, 242, 231, 0.54);
  font-size: 0.7rem;
  line-height: 1.55;
}

.beta-handoff-warning {
  display: flex;
  align-items: baseline;
  gap: 8px;
  margin-top: 13px;
}

.beta-handoff-warning strong {
  color: #c8d9aa;
  font-size: 0.65rem;
}

.beta-handoff-warning span {
  color: rgba(238, 242, 231, 0.45);
  font-size: 0.62rem;
}

.beta-handoff-warning[data-sensitive="true"] strong {
  color: #e8ad77;
}

.beta-handoff-actions {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
  justify-content: flex-end;
}

.beta-handoff-actions button.primary {
  border-color: #a8bd78;
  color: #18231b;
  background: #b9ca7a;
}

.beta-empty {
  min-height: 190px;
  display: grid;
  place-items: center;
  padding: 28px;
  color: rgba(239, 243, 233, 0.43);
  font-size: 0.7rem;
  text-align: center;
}

.beta-feedback-dialog {
  width: min(780px, calc(100% - 28px));
  max-height: min(820px, calc(100dvh - 28px));
  padding: 0;
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, 0.14);
  border-radius: 18px;
  color: #f1f4eb;
  background: #18251d;
  box-shadow: 0 28px 90px rgba(0, 0, 0, 0.5);
}

.beta-feedback-dialog::backdrop {
  background: rgba(5, 10, 7, 0.76);
  backdrop-filter: blur(5px);
}

.beta-feedback-dialog > article > header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  padding: 17px 19px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.beta-feedback-dialog header span,
.beta-feedback-dialog header h2 {
  display: block;
  margin: 0;
}

.beta-feedback-dialog header span {
  margin-bottom: 4px;
  color: rgba(240, 244, 234, 0.45);
  font: 600 0.56rem/1 "IBM Plex Mono", monospace;
  text-transform: uppercase;
}

.beta-feedback-dialog header h2 {
  font-size: 1.12rem;
}

.beta-feedback-dialog header button {
  min-height: 34px;
  padding: 0 11px;
  border: 1px solid rgba(255, 255, 255, 0.13);
  border-radius: 8px;
  color: #e9eee3;
  background: transparent;
  cursor: pointer;
}

.beta-feedback-detail {
  max-height: calc(100dvh - 130px);
  overflow: auto;
  padding: 18px 19px 24px;
}

.beta-feedback-detail section {
  margin-bottom: 18px;
}

.beta-feedback-detail h3 {
  margin: 0 0 6px;
  color: #c9daa9;
  font-size: 0.66rem;
}

.beta-feedback-detail p,
.beta-feedback-detail pre {
  margin: 0;
  color: rgba(241, 244, 235, 0.69);
  font-size: 0.7rem;
  line-height: 1.55;
  white-space: pre-wrap;
  word-break: break-word;
}

.beta-feedback-detail pre {
  padding: 12px;
  border-radius: 10px;
  background: rgba(0, 0, 0, 0.18);
  font-family: "IBM Plex Mono", monospace;
  font-size: 0.59rem;
}

@media (max-width: 1100px) {
  .beta-metric-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .beta-issues-panel, .beta-release-panel { grid-column: 1 / -1; }
  .beta-command-nav { display: none; }
  .beta-command-header { grid-template-columns: minmax(180px, 1fr) auto; }
}

@media (max-width: 720px) {
  .beta-command-shell { width: min(100% - 18px, 1720px); padding-top: 9px; }
  .beta-command-header { top: 7px; min-height: 60px; padding: 8px 10px; }
  .beta-command-header .workspace-identity > div { display: none; }
  .beta-command-main { padding-top: 18px; }
  .beta-command-hero { align-items: stretch; }
  .beta-command-hero .day-actions { justify-content: flex-start; }
  .beta-command-hero .day-actions a:first-child { display: none; }
  .beta-privacy-rail { grid-template-columns: auto minmax(0, 1fr); }
  .beta-privacy-rail > span { display: none; }
  .beta-metric-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .beta-panel-header { align-items: flex-start; flex-direction: column; }
  .beta-filter-row, .beta-feedback-controls { width: 100%; justify-content: stretch; }
  .beta-filter-row select, .beta-feedback-controls select { min-width: 0; flex: 1; }
  .beta-feedback-controls > span { display: none; }
  .beta-issue-card { grid-template-columns: auto minmax(0, 1fr); }
  .beta-issue-actions { grid-column: 2; align-items: flex-start; flex-direction: row; }
  .beta-feedback-row { grid-template-columns: auto minmax(0, 1fr) auto; }
  .beta-feedback-row time { display: none; }
  .beta-feedback-row .beta-status-select { grid-column: 2 / -1; width: 100%; }
  .beta-handoff-panel { grid-template-columns: 1fr; }
  .beta-handoff-actions { justify-content: flex-start; }
}