/* Experimental Command v2 — SuperCache Dashboard shell.
 * Cool teal for routine UI. Salmon only for warnings and the pulsing next step.
 */
.tc-app--v2 {
  background: #f4f6f7;
  --tx-bg-alt: #f4f6f7;
  --tx-border: #d8e2e6;
  --tx-chip-bg: #eef2f4;
  --salmon: #dd5f55;
  --salmon-dark: #c44a41;
  --tx-salmon: #dd5f55;
  --tx-salmon-dark: #c44a41;
}

.tc-app--v2 .tc-header {
  background: #fff;
  color: var(--ink);
  border-bottom: 1px solid var(--tx-border);
}
.tc-app--v2 .tc-header__inner {
  max-width: var(--maxw);
  margin: 0 auto;
  padding: 0.85rem clamp(1.25rem, 4vw, 2.5rem);
  padding-left: calc(clamp(1.25rem, 4vw, 2.5rem) + 1.45rem - 5px);
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
}
.tc-app--v2 .tc-logo-link {
  display: inline-flex;
  align-items: center;
  line-height: 0;
}
.tc-app--v2 .tc-logo-link .logo {
  height: 42px;
  width: auto;
  display: block;
}
.tc-app--v2 .tc-header__actions {
  display: flex;
  align-items: center;
  gap: 0.85rem;
  flex-wrap: wrap;
  justify-content: flex-end;
}
.tc-app--v2 .tc-header__link {
  font-family: var(--font-head);
  font-weight: 600;
  font-size: 0.9rem;
  color: var(--text) !important;
  opacity: 0.9;
  padding: 0.35rem 0.15rem;
}
.tc-app--v2 .tc-header__link:hover {
  opacity: 1;
  color: var(--ink) !important;
}

.tc-app--v2 .tx-page-title {
  text-align: center;
  padding-top: calc(.4rem + 5px);
}
.tc-app--v2 .tx-page-title h1 {
  text-align: center;
  color: var(--brand);
}
.tc-app--v2 .tx-page-identity {
  text-align: center;
  color: var(--muted);
}
.tc-app--v2 .tc-section-nav {
  max-width: var(--maxw);
  width: 100%;
  margin: 0.85rem auto 0;
  padding: 0 clamp(1.25rem, 4vw, 2.5rem);
}
.tc-app--v2 .tc-section-nav .tc-tabs {
  margin-bottom: 0;
}
.tc-app--v2 .tc-main {
  padding-top: 1.15rem;
}

/* Informational chips — white on teal */
.tc-app--v2 .tc-tag--updates,
.tc-app--v2 .tc-php-panel__line .tc-tag--updates,
.tc-app--v2 .tc-table--compact tbody tr.tc-row--attention .tc-tag--updates,
.tc-app--v2 .tc-table--compact .tc-su-update-cell .tc-tag--updates {
  background: var(--brand);
  border-color: var(--brand);
  color: #fff !important;
}

/* Warnings stay salmon */
.tc-app--v2 .tc-tag--alert,
.tc-app--v2 .tc-tag--error {
  background: var(--salmon);
  border-color: var(--salmon);
  color: #fff !important;
}

/* Ordinary salmon buttons become teal; pulsing next-step stays salmon */
.tc-app--v2 .tc-btn--salmon:not(.tc-btn--next-pulse):not([data-next-step]) {
  background: var(--brand);
  border-color: var(--brand);
  color: #fff !important;
}
.tc-app--v2 .tc-btn--salmon:not(.tc-btn--next-pulse):not([data-next-step]):hover {
  background: var(--brand-dark);
  border-color: var(--brand-dark);
  color: #fff !important;
}
.tc-app--v2 .tc-btn--next-pulse,
.tc-app--v2 .tc-btn[data-next-step] {
  background: var(--salmon-dark);
  border-color: var(--salmon-dark);
  color: #fff !important;
}

.tc-app--v2 .tc-su-progress__message .tc-spu-next {
  color: var(--salmon);
}

@media (max-width: 900px) {
  .tc-app--v2 .tx-header-nav { flex-wrap: nowrap; }
  .tc-app--v2 .tx-header-end {
    width: auto;
    margin-left: auto;
    justify-content: flex-end;
  }
}
@media (max-width: 700px) {
  .tc-app--v2 .tc-logo-link .logo { height: 36px; }
  .tc-app--v2 .tc-header__inner {
    padding-left: calc(clamp(1.25rem, 4vw, 2.5rem) + 0.9rem);
  }
}