:root,
html[data-theme="dark"] {
  --vt-bg: #050814;
  --vt-bg-elevated: #0b1022;
  --vt-surface: #101628;
  --vt-surface-alt: #171d33;
  --vt-border-subtle: #20263c;
  --vt-border-strong: #2f3753;

  --vt-text: #f7f8ff;
  --vt-text-muted: #9aa2c7;
  --vt-text-faint: #6e7497;

  --vt-accent: #5c7fff;
  --vt-accent-soft: rgba(92, 127, 255, 0.12);
  --vt-accent-strong: #8aa4ff;

  --vt-danger: #ff5c7a;
  --vt-warning: #ffb84d;
  --vt-success: #4ad295;

  --vt-shadow-soft: 0 18px 45px rgba(0, 0, 0, 0.45);
  --vt-radius-card: 16px;
  --vt-radius-pill: 999px;

  --vt-spacing-xs: 4px;
  --vt-spacing-sm: 8px;
  --vt-spacing-md: 12px;
  --vt-spacing-lg: 16px;
  --vt-spacing-xl: 24px;
  --vt-spacing-2xl: 32px;
}

html[data-theme="light"] {
  --vt-bg: #f4f6ff;
  --vt-bg-elevated: #ffffff;
  --vt-surface: #ffffff;
  --vt-surface-alt: #f0f2ff;
  --vt-border-subtle: #ccd1ea;
  --vt-border-strong: #a4accd;

  --vt-text: #0b0f1e;
  --vt-text-muted: #72779c;
  --vt-text-faint: #9da3c0;

  --vt-accent: #355cff;
  --vt-accent-soft: rgba(53, 92, 255, 0.12);
  --vt-accent-strong: #5f7cff;

  --vt-danger: #e44662;
  --vt-warning: #f3a530;
  --vt-success: #26a770;

  --vt-shadow-soft: 0 12px 24px rgba(15, 24, 66, 0.12);
  --vt-radius-card: 16px;
  --vt-radius-pill: 999px;

  --vt-spacing-xs: 4px;
  --vt-spacing-sm: 8px;
  --vt-spacing-md: 12px;
  --vt-spacing-lg: 16px;
  --vt-spacing-xl: 24px;
  --vt-spacing-2xl: 32px;
}

:root {
  --vt-border: var(--vt-border-subtle);
  --vt-muted: var(--vt-text-muted);
  --vt-accent-2: var(--vt-accent-strong);
}

*,
*::before,
*::after {
  box-sizing: border-box;
}

.vt-internal-body {
  scroll-behavior: smooth;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "SF Pro Text", sans-serif;
  margin: 0;
  min-height: 100vh;
  overflow-x: hidden;
  width: 100%;
  background-color: var(--vt-bg);
  color: var(--vt-text);
  line-height: 1.6;
}

a {
  color: var(--vt-accent);
  text-decoration: none;
}

.internal-app {
  min-height: 100vh;
}

/* Layout */
.vt-app-shell {
  min-height: 100vh;
  background: radial-gradient(circle at top, rgba(92, 127, 255, 0.08), transparent 45%) var(--vt-bg);
}

.vt-app-main {
  max-width: 1200px;
  margin: 0 auto;
  padding: var(--vt-spacing-xl) var(--vt-spacing-xl) calc(var(--vt-spacing-2xl) * 2);
}

.vt-page-header {
  margin-bottom: var(--vt-spacing-xl);
}

.vt-page-header h1 {
  margin: 0;
  font-size: 24px;
  font-weight: 600;
  letter-spacing: 0.02em;
}

.vt-page-header p {
  margin: var(--vt-spacing-sm) 0 0;
  color: var(--vt-text-muted);
  font-size: 14px;
}

.vt-page-body {
  display: flex;
  flex-direction: column;
  gap: var(--vt-spacing-xl);
}

/* Spacing helpers */
.vt-stack-sm > * + * {
  margin-top: var(--vt-spacing-sm);
}

.vt-stack-md > * + * {
  margin-top: var(--vt-spacing-md);
}

.vt-stack-lg > * + * {
  margin-top: var(--vt-spacing-lg);
}

.vt-inline-sm > * + * {
  margin-left: var(--vt-spacing-sm);
}

.vt-inline-md > * + * {
  margin-left: var(--vt-spacing-md);
}

/* Components */
.vt-card {
  background-color: var(--vt-surface);
  border-radius: var(--vt-radius-card);
  border: 1px solid var(--vt-border-subtle);
  padding: var(--vt-spacing-xl);
  box-shadow: var(--vt-shadow-soft);
  transition: transform 150ms ease, box-shadow 150ms ease;
}

.vt-card:hover {
  transform: translateY(-2px);
  box-shadow: 0 25px 45px rgba(5, 8, 20, 0.45);
}

.vt-card__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--vt-spacing-md);
  margin-bottom: var(--vt-spacing-lg);
}

.vt-card--flat {
  box-shadow: none;
}

.vt-eyebrow {
  text-transform: uppercase;
  letter-spacing: 0.2em;
  font-size: 11px;
  color: var(--vt-text-muted);
  margin-bottom: 0.4rem;
}

.vt-label {
  font-size: 0.75rem;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--vt-text-muted);
  display: block;
  margin-bottom: 0.35rem;
}

.vt-inline-filter {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  font-size: 0.85rem;
  color: var(--vt-text-muted);
}

.vt-inline-filter select {
  padding: 0.5rem 0.75rem;
  border-radius: 10px;
  border: 1px solid var(--vt-border-subtle);
  background: rgba(255, 255, 255, 0.02);
  color: var(--vt-text);
  font-size: 0.9rem;
}

.vt-form-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: var(--vt-spacing-md);
}

.vt-form-grid label {
  display: flex;
  flex-direction: column;
  gap: 6px;
  font-size: 0.85rem;
  color: var(--vt-text-muted);
}

.vt-form-grid label input,
.vt-form-grid label select,
.vt-form-grid label textarea {
  width: 100%;
  padding: 0.55rem 0.75rem;
  border-radius: 10px;
  border: 1px solid var(--vt-border-subtle);
  background: rgba(255, 255, 255, 0.02);
  color: var(--vt-text);
  font-size: 0.95rem;
}

.vt-form-grid label textarea {
  min-height: 140px;
  resize: vertical;
}

.vt-form-grid label.full-width {
  grid-column: 1 / -1;
}

.vt-form-actions {
  display: flex;
  align-items: center;
  gap: var(--vt-spacing-md);
  margin-top: var(--vt-spacing-md);
}

.vt-breadcrumb {
  display: inline-flex;
  gap: 0.5rem;
  align-items: center;
  font-size: 0.85rem;
  color: var(--vt-text-muted);
}

.vt-breadcrumb a {
  color: var(--vt-accent-strong);
}

.vt-breadcrumb span::before {
  content: "/";
  margin: 0 0.35rem 0 0;
  color: var(--vt-text-muted);
}

.vt-panel,
.panel {
  background-color: var(--vt-surface-alt);
  border-radius: 12px;
  border: 1px solid var(--vt-border-subtle);
  padding: var(--vt-spacing-lg);
  transition: transform 120ms ease, box-shadow 120ms ease;
}

.vt-panel:hover,
.panel:hover {
  transform: translateY(-1px);
  box-shadow: 0 20px 35px rgba(0, 0, 0, 0.4);
}

.vt-button,
.btn-primary,
.btn-secondary,
.btn-tertiary {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 8px 14px;
  border-radius: var(--vt-radius-pill);
  border: 1px solid transparent;
  font-size: 13px;
  font-weight: 500;
  cursor: pointer;
  transition: background-color 120ms ease, border-color 120ms ease, transform 80ms ease;
  color: var(--vt-text);
  text-decoration: none;
}

.vt-button--primary,
.btn-primary {
  background: linear-gradient(135deg, var(--vt-accent), var(--vt-accent-strong));
  color: #ffffff;
}

.vt-button--secondary,
.btn-secondary,
.vt-btn,
.vt-btn-secondary {
  background-color: var(--vt-surface-alt);
  color: var(--vt-text);
  border-color: var(--vt-border-subtle);
}

.vt-button--ghost,
.btn-tertiary {
  background-color: transparent;
  color: var(--vt-text-muted);
  border-color: var(--vt-border-subtle);
}

.vt-button.active {
  background: var(--vt-accent-soft);
  color: var(--vt-accent-strong);
  border-color: transparent;
}

.vt-button--danger {
  background-color: var(--vt-danger);
  border-color: var(--vt-danger);
  color: #ffffff;
}

.vt-button--small {
  padding: 6px 12px;
  font-size: 12px;
}

.vt-button:hover,
.btn-primary:hover,
.btn-secondary:hover {
  transform: translateY(-1px);
  box-shadow: var(--vt-shadow-soft);
}

.vt-table {
  width: 100%;
  border-collapse: collapse;
  font-size: 13px;
}

.vt-table-wrapper {
  overflow-x: auto;
}

.vt-table th,
.vt-table td {
  padding: 8px 10px;
  border-bottom: 1px solid var(--vt-border-subtle);
}

.vt-table th {
  text-align: left;
  color: var(--vt-text-muted);
  font-weight: 500;
  font-size: 12px;
}

.vt-table tr:hover {
  background-color: rgba(255, 255, 255, 0.02);
}

.vt-tag {
  display: inline-flex;
  align-items: center;
  padding: 2px 8px;
  border-radius: var(--vt-radius-pill);
  font-size: 11px;
  font-weight: 500;
  letter-spacing: 0.02em;
}

.vt-tag--success {
  background-color: rgba(74, 210, 149, 0.12);
  color: var(--vt-success);
}

.vt-tag--warning {
  background-color: rgba(255, 184, 77, 0.15);
  color: var(--vt-warning);
}

.vt-tag--danger {
  background-color: rgba(255, 92, 122, 0.12);
  color: var(--vt-danger);
}

.vt-tag--info {
  background-color: var(--vt-accent-soft);
  color: var(--vt-accent-strong);
}

.vt-status-line,
.status-line {
  font-size: 12px;
  color: var(--vt-text-muted);
  margin-top: var(--vt-spacing-sm);
}

.status-line.error {
  color: var(--vt-danger);
}

.vt-empty-state {
  border: 1px dashed var(--vt-border-subtle);
  border-radius: var(--vt-radius-card);
  padding: var(--vt-spacing-lg);
  text-align: center;
  color: var(--vt-text-muted);
  font-size: 14px;
}

/* App Bar */
.vt-appbar {
  position: sticky;
  top: 0;
  z-index: 50;
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-height: 64px;
  padding: 0 var(--vt-spacing-xl);
  background: linear-gradient(90deg, #050814, #060a1a);
  border-bottom: 1px solid var(--vt-border-subtle);
  backdrop-filter: blur(10px);
}

.vt-appbar-left {
  display: flex;
  align-items: center;
  gap: var(--vt-spacing-xl);
}

.vt-appbar-logo {
  font-weight: 700;
  font-size: 14px;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: var(--vt-accent-strong);
}

.vt-appbar-nav {
  display: flex;
  align-items: center;
  gap: var(--vt-spacing-sm);
  overflow-x: auto;
  white-space: nowrap;
  scrollbar-width: none;
}

.vt-appbar-nav::-webkit-scrollbar {
  display: none;
}

.vt-appbar-nav-link,
.vt-nav-link {
  font-size: 13px;
  color: var(--vt-text-muted);
  padding: 6px 12px;
  border-radius: var(--vt-radius-pill);
  text-decoration: none;
  border: 1px solid transparent;
  display: inline-flex;
  align-items: center;
  gap: var(--vt-spacing-xs);
}

.vt-appbar-nav-link--active,
.vt-nav-link--active {
  background-color: var(--vt-accent-soft);
  color: var(--vt-accent-strong);
  border-color: transparent;
}

.vt-nav-icon {
  margin-right: var(--vt-spacing-xs);
  font-size: 12px;
}

.vt-appbar-right {
  display: flex;
  align-items: center;
  gap: var(--vt-spacing-md);
}

.vt-appbar-toggle {
  display: none;
  background: transparent;
  border: 1px solid var(--vt-border-subtle);
  color: var(--vt-text-muted);
  border-radius: var(--vt-radius-pill);
  padding: 4px 10px;
}

@media (max-width: 960px) {
  .vt-appbar-nav {
    display: none;
  }
  .vt-appbar-toggle {
    display: inline-flex;
  }
  .vt-appbar[data-nav-open="true"] .vt-appbar-nav {
    display: flex;
    flex-direction: column;
    position: absolute;
    top: 64px;
    left: var(--vt-spacing-xl);
    right: var(--vt-spacing-xl);
    background: var(--vt-surface);
    padding: var(--vt-spacing-md);
    border-radius: var(--vt-radius-card);
    border: 1px solid var(--vt-border-subtle);
    box-shadow: var(--vt-shadow-soft);
  }
}

.vt-appbar-search {
  position: relative;
}

.vt-global-search {
  width: 260px;
  border-radius: var(--vt-radius-pill);
  border: 1px solid var(--vt-border-subtle);
  background: rgba(255, 255, 255, 0.03);
  color: var(--vt-text);
  padding: 6px 12px;
  font-size: 13px;
}

.vt-global-search:focus {
  outline: none;
  border-color: var(--vt-accent);
  box-shadow: 0 0 0 2px rgba(92, 127, 255, 0.18);
}

.vt-global-search-results {
  position: absolute;
  top: calc(100% + 0.35rem);
  left: 0;
  right: 0;
  background: var(--vt-surface);
  border: 1px solid var(--vt-border-subtle);
  border-radius: 12px;
  box-shadow: var(--vt-shadow-soft);
  z-index: 50;
  display: none;
}

.vt-global-search-results.is-visible {
  display: block;
}

.vt-global-search-results button {
  width: 100%;
  text-align: left;
  border: none;
  background: transparent;
  color: var(--vt-text);
  padding: 0.55rem 0.75rem;
  border-radius: 0.7rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 0.6rem;
}

.vt-global-search-results button:hover {
  background: rgba(255, 255, 255, 0.04);
}

.vt-search-type {
  font-size: 0.72rem;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #94a3af;
}

.vt-toast-container {
  position: fixed;
  bottom: var(--vt-spacing-xl);
  right: var(--vt-spacing-xl);
  display: flex;
  flex-direction: column;
  gap: var(--vt-spacing-sm);
  z-index: 100;
}

.vt-toast {
  background: var(--vt-surface-alt);
  border: 1px solid var(--vt-border-subtle);
  border-radius: var(--vt-radius-card);
  padding: var(--vt-spacing-md) var(--vt-spacing-lg);
  color: var(--vt-text);
  opacity: 0;
  transform: translateY(10px);
  transition: opacity 160ms ease, transform 160ms ease;
  box-shadow: var(--vt-shadow-soft);
}

.vt-toast--visible {
  opacity: 1;
  transform: translateY(0);
}

.vt-toast--success {
  border-color: var(--vt-success);
}

.vt-toast--danger {
  border-color: var(--vt-danger);
}

.vt-nav-notifications {
  position: relative;
}

/* Agent Console */
.internal-agent .agent-page {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}

.agent-summary {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  background: rgba(255, 255, 255, 0.04);
  padding: 1.5rem;
  border-radius: 1rem;
  border: 1px solid var(--vt-border);
  flex-wrap: wrap;
  gap: 1rem;
}

.agent-actions {
  display: flex;
  gap: 1rem;
  align-items: center;
}

.btn-primary {
  background: var(--vt-accent);
  color: var(--vt-bg);
  border: none;
  padding: 0.65rem 1.25rem;
  border-radius: 999px;
  cursor: pointer;
}

.btn-secondary {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0.5rem 1rem;
  border-radius: 999px;
  border: 1px solid var(--vt-border);
  color: var(--vt-text);
  text-decoration: none;
}

.btn-link {
  color: var(--vt-accent);
  text-decoration: none;
}

.agent-filters {
  display: flex;
  align-items: center;
  gap: 1rem;
}

.agent-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: 1rem;
}

.recommendation-card {
  border-radius: 1rem;
  padding: 1.25rem;
  border: 1px solid var(--vt-border);
  background: rgba(255, 255, 255, 0.02);
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}

.recommendation-card--warning {
  border-color: var(--vt-warning);
}

.recommendation-card--info {
  border-color: var(--vt-accent);
}

.recommendation-actions {
  display: flex;
  gap: 0.5rem;
  flex-wrap: wrap;
}

.recommendation-actions button {
  border-radius: 999px;
  border: 1px solid var(--vt-border);
  background: transparent;
  color: var(--vt-text);
  padding: 0.35rem 0.9rem;
  cursor: pointer;
}

.agent-help-links {
  border: 1px solid var(--vt-border);
  border-radius: 1rem;
  padding: 1.25rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.agent-help-buttons {
  display: flex;
  gap: 0.75rem;
}

/* Help Center */
.vt-help-layout {
  display: flex;
  gap: 1.5rem;
  align-items: flex-start;
}

.vt-help-sidebar {
  border: 1px solid var(--vt-border);
  border-radius: 1rem;
  padding: 1.25rem;
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
  background: rgba(5, 8, 20, 0.8);
  position: sticky;
  top: 84px;
  max-height: calc(100vh - 100px);
  overflow-y: auto;
  width: 260px;
  flex-shrink: 0;
}

.vt-help-search {
  position: relative;
}

.vt-help-search input {
  width: 100%;
  margin-top: 0.5rem;
  padding: 0.55rem 0.75rem;
  border-radius: 0.65rem;
  border: 1px solid var(--vt-border);
  background: rgba(255, 255, 255, 0.02);
  color: var(--vt-text);
}

.vt-help-search-results {
  position: absolute;
  left: 0;
  right: 0;
  margin-top: 0.5rem;
  background: rgba(5, 8, 20, 0.95);
  border: 1px solid var(--vt-border);
  border-radius: 0.75rem;
  max-height: 280px;
  overflow-y: auto;
  padding: 0.5rem;
  z-index: 3;
}

.help-nav {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

.help-nav-link {
  border: 1px solid transparent;
  border-radius: 0.75rem;
  padding: 0.45rem 0.65rem;
  background: rgba(255, 255, 255, 0.02);
  color: var(--vt-text);
  text-align: left;
  cursor: pointer;
  font-size: 0.9rem;
}

.help-nav-link--active {
  border-color: var(--vt-accent);
  background: rgba(76, 125, 255, 0.15);
}

.help-card-stack {
  font-size: 0.85rem;
  color: var(--vt-muted);
}

.vt-help-content {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  flex: 1;
  min-width: 0;
}

.vt-doc-actions {
  border: 1px dashed var(--vt-border);
  border-radius: 0.75rem;
  padding: 0.75rem 1rem;
  margin-top: 0.75rem;
}

.vt-doc-section {
  border: 1px solid var(--vt-border);
  border-radius: 1.1rem;
  padding: 1.5rem;
  background: rgba(8, 12, 28, 0.8);
}

.vt-doc-body {
  font-size: 0.95rem;
  color: var(--vt-text);
}

.vt-doc-section--hidden {
  display: none;
}

.vt-doc-heading {
  display: flex;
  justify-content: space-between;
  gap: 1rem;
  align-items: center;
  border-bottom: 1px solid rgba(255, 255, 255, 0.06);
  padding-bottom: 0.75rem;
  margin-bottom: 1rem;
}

.vt-doc-actions {
  display: flex;
  gap: 0.5rem;
  align-items: center;
  flex-wrap: wrap;
}

.vt-doc-heading h2 {
  margin: 0;
  font-size: 1.25rem;
}

.vt-doc-subtitle {
  margin: 0.2rem 0 0;
  font-size: 0.85rem;
  color: var(--vt-muted);
}

.vt-doc-anchor {
  font-size: 0.8rem;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  color: var(--vt-accent);
}

.help-ai-summary {
  margin-top: 0.6rem;
}

.help-ai-summary-card {
  border: 1px solid var(--vt-border-subtle);
  border-radius: 0.8rem;
  padding: 0.6rem;
  background: rgba(15, 23, 42, 0.55);
  color: var(--vt-text);
}

.vt-doc-paragraph {
  margin: 0 0 1rem;
  line-height: 1.6;
}

.vt-doc-list {
  margin: 0 0 1rem;
  padding-left: 1.2rem;
  line-height: 1.5;
}

.vt-doc-list.numbered {
  list-style: decimal;
}

.vt-doc-diagram {
  border: 1px dashed var(--vt-border);
  border-radius: 0.85rem;
  padding: 0.75rem;
  background: rgba(255, 255, 255, 0.02);
  margin-top: 1rem;
  font-family: "JetBrains Mono", "SFMono-Regular", Consolas, monospace;
  font-size: 0.85rem;
  color: var(--vt-muted);
}

.vt-doc-mini-heading {
  margin: 1.25rem 0 0.5rem;
  font-size: 1rem;
}

.vt-doc-card-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 0.75rem;
}

.vt-doc-card,
.vt-help-card {
  border: 1px solid var(--vt-border);
  border-radius: 0.9rem;
  padding: 0.8rem;
  background: rgba(255, 255, 255, 0.02);
}

.vt-help-card h4 {
  margin: 0 0 0.4rem;
}

.vt-inline-help {
  margin-bottom: 1rem;
}

.vt-doc-faq {
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
  padding: 0.75rem 0;
}

.vt-doc-faq h4 {
  margin: 0 0 0.35rem;
}

.vt-doc-glossary {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 0.75rem;
}

.vt-doc-glossary-row {
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 0.75rem;
  padding: 0.6rem 0.8rem;
  background: rgba(0, 0, 0, 0.15);
}

.vt-doc-glossary-row strong {
  display: block;
  margin-bottom: 0.35rem;
}

@media (max-width: 900px) {
  .vt-help-layout {
    flex-direction: column;
  }
  .vt-help-sidebar {
    position: static;
    max-height: none;
    width: 100%;
  }
}

/* Intelligence Dashboard */
.internal-intelligence .intelligence-shell {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}

.intelligence-header {
  display: flex;
  justify-content: space-between;
  gap: 1rem;
  align-items: flex-start;
  flex-wrap: wrap;
}

.intelligence-controls {
  display: flex;
  gap: 0.75rem;
  align-items: center;
  position: relative;
}

#intel-release-search {
  padding: 0.55rem 0.9rem;
  border-radius: 999px;
  border: 1px solid var(--vt-border);
  background: transparent;
  color: var(--vt-text);
  min-width: 220px;
}

.intel-search-results {
  position: absolute;
  background: var(--vt-surface);
  border: 1px solid var(--vt-border);
  border-radius: 0.75rem;
  margin-top: 0.25rem;
  width: 220px;
  z-index: 5;
  max-height: 200px;
  overflow-y: auto;
}

.intel-search-results button {
  width: 100%;
  border: none;
  background: transparent;
  color: var(--vt-text);
  padding: 0.5rem 0.75rem;
  text-align: left;
}

.intelligence-panels {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
  gap: 1rem;
}

.intel-panel {
  border: 1px solid var(--vt-border);
  border-radius: 1rem;
  padding: 1rem;
  background: rgba(255, 255, 255, 0.02);
  min-height: 180px;
}

.intel-panel-body p {
  margin: 0.25rem 0;
}

.intel-list,
.intel-action-list {
  list-style: none;
  padding: 0;
  margin: 0;
}

.intel-action-list li {
  border-bottom: 1px solid var(--vt-border);
  padding: 0.5rem 0;
  display: flex;
  justify-content: space-between;
  gap: 1rem;
}

.intelligence-links {
  border: 1px solid var(--vt-border);
  border-radius: 1rem;
  padding: 1.25rem;
}

.analytics-section.intelligence-inline {
  border: 1px solid var(--vt-border);
  border-radius: 1rem;
  padding: 1rem;
}

.intel-summary p {
  margin: 0.25rem 0;
}

.section-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 0.5rem;
}

.intel-links-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
  gap: 0.75rem;
}

.intel-links-grid a {
  border: 1px solid var(--vt-border);
  border-radius: 0.75rem;
  padding: 0.6rem 0.85rem;
  text-decoration: none;
  color: var(--vt-text);
  text-align: center;
}

.internal-profit .profit-shell {
  display: flex;
  flex-direction: column;
  gap: var(--vt-spacing-xl);
}

.profit-summary-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
  gap: var(--vt-spacing-lg);
}

.profit-card {
  border: 1px solid var(--vt-border);
  border-radius: var(--vt-radius-card);
  padding: var(--vt-spacing-lg);
  background: rgba(255, 255, 255, 0.02);
}

.profit-value {
  font-size: 1.65rem;
  font-weight: 600;
  margin: 0.15rem 0;
}

.profit-subvalue {
  margin: 0;
  color: var(--vt-text-muted);
  font-size: 0.85rem;
}

.profit-panel {
  display: flex;
  flex-direction: column;
  gap: var(--vt-spacing-md);
}

.profit-range-selector {
  display: flex;
  flex-direction: column;
  gap: 0.35rem;
  font-size: 0.85rem;
}

.profit-range-selector select {
  border-radius: var(--vt-radius-pill);
  border: 1px solid var(--vt-border);
  background: transparent;
  color: var(--vt-text);
  padding: 0.2rem 0.85rem;
}

.profit-table td,
.profit-table th {
  white-space: nowrap;
}

.risk-badge {
  display: inline-flex;
  align-items: center;
  border-radius: var(--vt-radius-pill);
  padding: 0.15rem 0.6rem;
  font-size: 0.75rem;
  border: 1px solid transparent;
  text-transform: uppercase;
  letter-spacing: 0.04em;
}

.risk-low {
  background: rgba(74, 210, 149, 0.1);
  border-color: rgba(74, 210, 149, 0.2);
  color: #4ad295;
}

.risk-medium {
  background: rgba(255, 184, 77, 0.1);
  border-color: rgba(255, 184, 77, 0.2);
  color: #ffb84d;
}

.risk-high {
  background: rgba(255, 92, 122, 0.12);
  border-color: rgba(255, 92, 122, 0.2);
  color: #ff5c7a;
}

.profit-forecast-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
  gap: var(--vt-spacing-lg);
}

.profit-forecast-chart {
  border: 1px dashed var(--vt-border);
  border-radius: var(--vt-radius-card);
  padding: var(--vt-spacing-lg);
  display: flex;
  flex-direction: column;
  gap: var(--vt-spacing-md);
}

.profit-forecast-meta h3 {
  margin: 0;
  font-size: 2rem;
}

.profit-history {
  display: flex;
  flex-direction: column;
  gap: 0.35rem;
}

.profit-history-row {
  display: flex;
  justify-content: space-between;
  font-size: 0.9rem;
}

.profit-projections {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
  gap: var(--vt-spacing-md);
}

.profit-projection-card {
  border: 1px solid var(--vt-border);
  border-radius: var(--vt-radius-card);
  padding: var(--vt-spacing-md);
  text-align: center;
}

.profit-workload {
  border: 1px dashed var(--vt-border);
  border-radius: var(--vt-radius-card);
  padding: var(--vt-spacing-lg);
}

.profit-workload-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
  gap: var(--vt-spacing-md);
}

.profit-workload-columns {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
  gap: var(--vt-spacing-md);
  margin-top: var(--vt-spacing-lg);
}

.profit-workload-columns ul {
  list-style: none;
  margin: 0.3rem 0 0;
  padding: 0;
  color: var(--vt-text);
}

.profit-workload-columns li {
  font-size: 0.9rem;
  margin-bottom: 0.35rem;
}

.internal-workflows .workflows-shell {
  display: flex;
  flex-direction: column;
  gap: var(--vt-spacing-xl);
}

.workflows-panel {
  display: flex;
  flex-direction: column;
  gap: var(--vt-spacing-md);
}

.workflows-actions {
  display: flex;
  gap: var(--vt-spacing-sm);
  align-items: center;
}

.workflows-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: var(--vt-spacing-lg);
}

.workflow-list {
  list-style: none;
  margin: 0.4rem 0 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 0.35rem;
}

.workflow-list li {
  border: 1px solid var(--vt-border);
  border-radius: var(--vt-radius-card);
  padding: 0.6rem 0.75rem;
  display: flex;
  flex-direction: column;
  gap: 0.2rem;
}

.workflows-flex {
  display: grid;
  grid-template-columns: minmax(0, 2fr) minmax(0, 1fr);
  gap: var(--vt-spacing-lg);
  flex-wrap: wrap;
}

@media (max-width: 960px) {
  .workflows-flex {
    grid-template-columns: 1fr;
  }
}

.workflow-history-list {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

.workflow-history-row {
  border: 1px solid var(--vt-border);
  border-radius: var(--vt-radius-card);
  padding: var(--vt-spacing-md);
  display: flex;
  justify-content: space-between;
  font-size: 0.95rem;
}

.workflow-playbook-list {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
  gap: var(--vt-spacing-md);
}

.workflow-playbook-card {
  border: 1px solid var(--vt-border);
  border-radius: var(--vt-radius-card);
  padding: var(--vt-spacing-md);
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

.workflow-pipeline-form {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  gap: var(--vt-spacing-md);
  align-items: flex-end;
}

.workflow-pipeline-result {
  margin-top: var(--vt-spacing-sm);
}

.internal-activity .activity-shell {
  display: flex;
  flex-direction: column;
  gap: var(--vt-spacing-xl);
}

.activity-panel {
  display: flex;
  flex-direction: column;
  gap: var(--vt-spacing-md);
}

.activity-feed {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

.activity-row {
  border: 1px solid var(--vt-border);
  border-radius: var(--vt-radius-card);
  padding: var(--vt-spacing-md);
  display: flex;
  justify-content: space-between;
  gap: var(--vt-spacing-md);
}

.activity-row div {
  display: flex;
  flex-direction: column;
  gap: 0.15rem;
}

.activity-explain {
  min-height: 2.5rem;
  font-size: 0.95rem;
}

.internal-settings-advanced .settings-advanced-form {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: var(--vt-spacing-md);
}

.settings-cleanup-grid {
  display: flex;
  gap: var(--vt-spacing-md);
  flex-wrap: wrap;
}

.internal-onboarding .onboarding-list {
  list-style: decimal inside;
  margin: var(--vt-spacing-md) 0 0;
  padding: 0;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: var(--vt-spacing-md);
}

.internal-onboarding .onboarding-list li {
  border: 1px solid var(--vt-border);
  border-radius: var(--vt-radius-card);
  padding: var(--vt-spacing-md);
}

.onboarding-modal {
  position: fixed;
  inset: 0;
  background: rgba(5, 8, 20, 0.85);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 200;
}

.onboarding-dialog {
  background: var(--vt-surface);
  border-radius: var(--vt-radius-card);
  padding: var(--vt-spacing-xl);
  width: min(520px, 90vw);
  display: flex;
  flex-direction: column;
  gap: var(--vt-spacing-lg);
}

.onboarding-dialog-actions {
  display: flex;
  justify-content: space-between;
}

.internal-learning .learning-shell {
  display: flex;
  flex-direction: column;
  gap: var(--vt-spacing-xl);
}

.learning-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: var(--vt-spacing-lg);
}

.learning-module-list {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
  gap: var(--vt-spacing-md);
}

.learning-module-card {
  border: 1px solid var(--vt-border);
  border-radius: var(--vt-radius-card);
  padding: var(--vt-spacing-md);
  display: flex;
  flex-direction: column;
  gap: 0.85rem;
}

.learning-module-card header h4 {
  margin: 0;
}

.learning-hero {
  display: flex;
  justify-content: space-between;
  gap: var(--vt-spacing-md);
  align-items: center;
}

.learning-hero-actions {
  display: flex;
  gap: var(--vt-spacing-sm);
  flex-wrap: wrap;
  justify-content: flex-end;
}

.learning-panel {
  display: flex;
  flex-direction: column;
  gap: var(--vt-spacing-md);
}

.learning-practice {
  display: flex;
  flex-direction: column;
  gap: var(--vt-spacing-md);
}

.learning-practice-result {
  min-height: 2.5rem;
}

.learning-explain {
  min-height: 3rem;
  font-size: 0.95rem;
}

.internal-system .system-shell {
  display: flex;
  flex-direction: column;
  gap: var(--vt-spacing-xl);
}

.system-section {
  display: flex;
  flex-direction: column;
  gap: var(--vt-spacing-md);
}

.system-section-header h3 {
  margin: 0;
}

.system-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: var(--vt-spacing-md);
}

.system-card {
  border: 1px solid var(--vt-border);
  border-radius: var(--vt-radius-card);
  padding: var(--vt-spacing-lg);
  text-decoration: none;
  color: var(--vt-text);
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  background: rgba(255, 255, 255, 0.02);
  transition: transform 120ms ease, border-color 120ms ease;
}

.system-card:hover {
  border-color: var(--vt-accent);
  transform: translateY(-2px);
}

.vt-dashboard-nav {
  display: flex;
  flex-direction: column;
  gap: var(--vt-spacing-md);
}

.vt-dashboard-nav-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
  gap: var(--vt-spacing-md);
}

.hub-shell {
  display: flex;
  flex-direction: column;
  gap: var(--vt-spacing-lg);
}

.hub-hero {
  display: flex;
  flex-direction: column;
  gap: var(--vt-spacing-sm);
}

.hub-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: var(--vt-spacing-md);
}

.hub-card {
  border: 1px solid var(--vt-border-subtle);
  border-radius: var(--vt-radius-card);
  padding: var(--vt-spacing-lg);
  text-decoration: none;
  color: var(--vt-text);
  background: var(--vt-surface);
  display: grid;
  grid-template-columns: auto 1fr;
  gap: var(--vt-spacing-md);
  align-items: start;
  transition: border-color 120ms ease, transform 120ms ease;
}

.hub-card:hover {
  border-color: var(--vt-accent);
  transform: translateY(-2px);
}

.hub-card-icon {
  font-size: 20px;
}

.vt-subnav {
  display: flex;
  gap: var(--vt-spacing-sm);
  margin-bottom: var(--vt-spacing-md);
  flex-wrap: wrap;
}

.vt-subnav a {
  padding: 6px 12px;
  border-radius: var(--vt-radius-pill);
  background: var(--vt-surface-alt);
  color: var(--vt-text);
  border: 1px solid var(--vt-border-subtle);
}

.vt-subnav a[aria-current="page"] {
  background: var(--vt-accent-soft);
  color: var(--vt-accent-strong);
  border-color: var(--vt-accent);
}

.vt-dashboard-nav-card {
  border: 1px solid var(--vt-border);
  border-radius: var(--vt-radius-card);
  padding: var(--vt-spacing-lg);
  text-decoration: none;
  color: var(--vt-text);
  background: rgba(255, 255, 255, 0.02);
  display: flex;
  flex-direction: column;
  gap: 0.35rem;
  transition: border-color 120ms ease, transform 120ms ease;
}

.vt-dashboard-nav-card:hover {
  border-color: var(--vt-accent);
  transform: translateY(-2px);
}

.vt-notifications-btn {
  border: 1px solid rgba(148, 163, 184, 0.35);
  background: rgba(2, 6, 23, 0.8);
  color: var(--vt-text);
  border-radius: 999px;
  padding: 0.35rem 0.8rem;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
}

.vt-notifications-count {
  font-weight: 600;
  font-size: 0.75rem;
  color: #fbbf24;
}

.vt-notifications-panel {
  position: absolute;
  right: 0;
  top: calc(100% + 0.5rem);
  width: min(360px, 80vw);
  background: rgba(2, 6, 23, 0.98);
  border: 1px solid rgba(148, 163, 184, 0.35);
  border-radius: 1rem;
  box-shadow: 0 25px 45px rgba(2, 6, 23, 0.75);
  padding: 0.75rem;
  display: none;
  z-index: 60;
}

.vt-notifications-panel.is-open {
  display: block;
}

.vt-notification-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 0.5rem;
}

.vt-notification-list {
  max-height: 360px;
  overflow-y: auto;
}

.vt-notification-row {
  padding: 0.5rem 0;
  border-bottom: 1px solid rgba(148, 163, 184, 0.15);
  cursor: pointer;
}

.vt-notification-row:last-child {
  border-bottom: none;
}

.vt-notification-row.is-read {
  opacity: 0.65;
}

.vt-notification-meta {
  font-size: 0.75rem;
  color: #94a3af;
  display: flex;
  gap: 0.35rem;
}

.vt-notification-row[data-severity="error"] strong {
  color: var(--vt-danger);
}

.vt-notification-row[data-severity="warning"] strong {
  color: var(--vt-warning);
}


.vt-page-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  margin-bottom: 1.5rem;
}

.vt-page-header h1 {
  margin: 0;
  font-size: 1.5rem;
}

.vt-page-subtitle {
  margin: 0.35rem 0 0;
  color: var(--vt-muted);
}

.vt-page-body {
  color: var(--vt-text);
}

.vt-section {
  border-radius: 1rem;
  border: 1px solid var(--vt-border);
  background: var(--vt-surface);
  padding: 1.25rem;
  margin-bottom: 1.25rem;
}

.vt-page-actions {
  display: flex;
  gap: 0.5rem;
  flex-wrap: wrap;
}

.vt-card {
  border-radius: 1rem;
  border: 1px solid rgba(148, 163, 184, 0.2);
  background: var(--vt-surface);
  padding: 1.2rem;
  margin-bottom: 1rem;
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.25);
}

.vt-card__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  margin-bottom: 1rem;
}

.vt-card__header h2 {
  margin: 0;
  font-size: 1rem;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}

.vt-card__body {
  font-size: 0.9rem;
  color: var(--vt-text);
}

.vt-card__footer {
  margin-top: 1rem;
  font-size: 0.85rem;
  color: var(--vt-muted);
}

.panel,
.internal-panel {
  background: var(--vt-surface);
  border: 1px solid var(--vt-border);
  color: var(--vt-text);
}

.vt-btn {
  border-radius: 999px;
  border: 1px solid transparent;
  padding: 0.45rem 1.1rem;
  font-size: 0.85rem;
  cursor: pointer;
}

.vt-btn-primary {
  background: linear-gradient(135deg, var(--vt-accent), var(--vt-accent-2));
  color: #010b1c;
}

.vt-btn-secondary {
  background: transparent;
  border-color: rgba(148, 163, 184, 0.4);
  color: var(--vt-text);
}

.vt-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 0.65rem;
  padding: 0.05rem 0.45rem;
  min-width: 1.4rem;
  border-radius: 999px;
  background: rgba(148, 163, 184, 0.25);
  color: var(--vt-text);
}

.vt-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 0.75rem;
  border: 1px solid transparent;
  padding: 0.5rem 1.1rem;
  font-size: 0.9rem;
  font-weight: 600;
  text-decoration: none;
  background: linear-gradient(135deg, var(--vt-accent), var(--vt-accent-2));
  color: #050814;
  transition: transform 0.15s ease, box-shadow 0.15s ease;
}

.vt-button:hover {
  transform: translateY(-1px);
  box-shadow: 0 12px 20px rgba(0, 0, 0, 0.35);
}

.vt-button--secondary {
  background: transparent;
  border-color: rgba(148, 163, 184, 0.4);
  color: var(--vt-text);
  box-shadow: none;
}

.vt-button--ghost {
  background: transparent;
  border-color: transparent;
  color: var(--vt-muted);
  box-shadow: none;
}

.vt-button--small {
  font-size: 0.8rem;
  padding: 0.35rem 0.85rem;
}

.internal-home .vt-dashboard {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}

.internal-home .vt-dashboard-top {
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
}

.internal-home .vt-dashboard-hero h2 {
  margin: 0 0 0.5rem;
  font-size: 1.4rem;
}

.internal-home .vt-dashboard-hero p {
  margin: 0 0 1rem;
  color: var(--vt-muted);
}

.vt-dashboard-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem;
}

.vt-dashboard-metrics {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
  gap: 1rem;
}

.vt-metric-card {
  min-height: 110px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  background: linear-gradient(165deg, rgba(76, 125, 255, 0.12), rgba(10, 14, 35, 0.2));
}

.vt-metric-label {
  text-transform: uppercase;
  letter-spacing: 0.1em;
  font-size: 0.75rem;
  color: var(--vt-muted);
  margin-bottom: 0.35rem;
}

.vt-metric-value {
  font-size: 2rem;
  font-weight: 700;
}

.vt-dashboard-bottom {
  display: grid;
  grid-template-columns: 2fr 1fr;
  gap: 1rem;
}

@media (max-width: 960px) {
  .vt-dashboard-bottom {
    grid-template-columns: 1fr;
  }
}

.vt-dashboard-right {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.vt-next-actions-card {
  min-height: 220px;
}

.vt-momentum-card,
.vt-challenges-card,
.vt-streaks-card {
  background: rgba(8, 13, 30, 0.8);
}

.vt-momentum-header {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  gap: 0.5rem;
}

.momentum-score {
  font-size: 2.5rem;
  font-weight: 700;
  margin: 0.25rem 0;
}

.momentum-trend[data-trend="up"] {
  color: #4ade80;
}

.momentum-trend[data-trend="down"] {
  color: #f87171;
}

.dashboard-challenges,
.dashboard-streaks {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 0.6rem;
}

.dashboard-challenges li,
.dashboard-streaks li {
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 0.75rem;
  padding: 0.75rem;
  background: rgba(16, 23, 40, 0.7);
}

.challenge-header {
  display: flex;
  justify-content: space-between;
  font-size: 0.85rem;
  margin-bottom: 0.35rem;
}

.challenge-progress {
  background: rgba(255, 255, 255, 0.08);
  border-radius: 999px;
  height: 6px;
  overflow: hidden;
}

.challenge-progress span {
  display: block;
  height: 100%;
  background: linear-gradient(90deg, #60a5fa, #a855f7);
}

.dashboard-streaks li {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.vt-button--full {
  width: 100%;
  justify-content: center;
}

.weekly-recap-modal {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: rgba(5, 8, 20, 0.95);
  border: 1px solid var(--vt-border-subtle);
  border-radius: var(--vt-radius-card);
  padding: 1.5rem;
  max-width: 420px;
  width: calc(100% - 2rem);
  z-index: 1001;
}

.weekly-recap-dialog {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}

.weekly-recap-content {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}

.weekly-recap-metrics {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
  gap: 0.5rem;
}

.weekly-recap-momentum {
  display: flex;
  justify-content: space-between;
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: var(--vt-radius-card);
  padding: 0.5rem 0.75rem;
}

.weekly-recap-highlight {
  font-weight: 600;
}

.weekly-recap-recommendations ul {
  margin: 0.35rem 0 0;
  padding-left: 1.2rem;
}

.weekly-recap-backdrop {
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0.6);
  z-index: 1000;
}

.weekly-recap-close {
  align-self: flex-end;
}

.creator-creative-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

.creator-creative-list li {
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: var(--vt-radius-card);
  padding: 0.5rem 0.75rem;
  background: rgba(255, 255, 255, 0.02);
}

.release-creative-card .release-creative-body {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  gap: 0.75rem;
  font-size: 0.9rem;
}

.release-creative-card .release-creative-body div {
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: var(--vt-radius-card);
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.25);
}

.creative-identity-shell {
  max-width: 900px;
  margin: 0 auto;
  padding: 1.5rem 1.5rem 3rem;
}

.creative-header {
  display: flex;
  justify-content: space-between;
  gap: 1rem;
  flex-wrap: wrap;
  align-items: center;
  margin-bottom: 1rem;
}

.label-creative-body .creative-section {
  margin-bottom: 1rem;
}

.label-creative-body ul {
  margin: 0.4rem 0 0.2rem 1.1rem;
  padding: 0;
}

.optimization-shell {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}

.optimization-form {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 1rem;
}

.optimization-actions {
  display: flex;
  align-items: flex-end;
  gap: 0.5rem;
}

.optimization-result {
  margin-top: 1rem;
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: var(--vt-radius-card);
  padding: 1rem;
  min-height: 80px;
}

.optimization-kpis {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
  gap: 0.75rem;
}

.optimization-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}

.optimization-projection-controls {
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem;
  align-items: flex-end;
  margin-bottom: 0.75rem;
}

.optimization-projection {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
  gap: 0.75rem;
  margin-bottom: 0.75rem;
}

.vt-next-actions-card .vt-next-actions-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 0.6rem;
  margin-bottom: 0.6rem;
}

.vt-next-actions-body {
  display: flex;
  flex-direction: column;
  gap: 0.6rem;
}

.vt-next-action {
  border: 1px solid var(--vt-border-subtle);
  border-radius: 0.75rem;
  padding: 0.75rem;
  background: rgba(15, 23, 42, 0.55);
}

.vt-next-action[data-priority="high"] {
  border-color: rgba(248, 113, 113, 0.65);
}

.vt-next-action-actions {
  display: flex;
  gap: 0.4rem;
  flex-wrap: wrap;
  margin-top: 0.5rem;
}

.vt-activity-card {
  flex: 2;
}

.vt-activity-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
  margin-bottom: 1rem;
}

.vt-activity-feed {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.vt-activity-item {
  border: 1px solid rgba(148, 163, 184, 0.15);
  border-radius: 0.9rem;
  padding: 0.9rem;
  background: rgba(10, 14, 35, 0.35);
}

.vt-activity-meta {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  font-size: 0.75rem;
  color: var(--vt-muted);
  margin-bottom: 0.35rem;
}

.vt-activity-type {
  text-transform: uppercase;
  letter-spacing: 0.08em;
  font-size: 0.7rem;
  padding: 0.15rem 0.55rem;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.08);
  color: var(--vt-text);
}

.vt-activity-summary {
  font-size: 0.95rem;
  margin-bottom: 0.25rem;
}

.vt-activity-link {
  font-size: 0.8rem;
  text-transform: uppercase;
  letter-spacing: 0.1em;
}

.vt-side-panel {
  flex: 1;
}

.vt-dashboard-shortcuts {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 0.6rem;
}

.vt-dashboard-shortcuts a {
  text-decoration: none;
  color: var(--vt-text);
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
}

.vt-dashboard-shortcuts a::before {
  content: "↗";
  font-size: 0.85rem;
  opacity: 0.6;
}

@media (min-width: 1024px) {
  .internal-home .vt-dashboard-top {
    flex-direction: row;
  }
  .internal-home .vt-dashboard-hero {
    flex: 1.4;
  }
  .internal-home .vt-dashboard-metrics {
    flex: 2;
  }
  .vt-dashboard-bottom {
    flex-direction: row;
    align-items: flex-start;
  }
  .vt-activity-card {
    flex: 2;
  }
  .vt-side-panel {
    max-width: 320px;
  }
}

.internal-settings .vt-settings-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
  gap: 1.5rem;
}

.internal-settings .settings-panel {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.internal-settings .settings-group {
  border: 1px solid rgba(148, 163, 184, 0.2);
  border-radius: 0.9rem;
  padding: 1rem;
  margin-bottom: 1rem;
  background: rgba(10, 14, 35, 0.25);
}

.internal-settings .settings-group h3 {
  margin: 0 0 0.5rem;
  font-size: 0.95rem;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  color: var(--vt-muted);
}

.internal-settings .vt-settings-form select,
.internal-settings .vt-settings-form input[type="text"] {
  width: 100%;
  padding: 0.5rem 0.75rem;
  border-radius: 0.5rem;
  border: 1px solid rgba(148, 163, 184, 0.35);
  background: rgba(4, 7, 20, 0.6);
  color: var(--vt-text);
}

.vt-switch {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 0.9rem;
  margin: 0.35rem 0;
}

.vt-switch input[type="checkbox"] {
  width: 1.1rem;
  height: 1.1rem;
}

.vt-toggle-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  gap: 0.65rem;
}

.diagnostics-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 0.75rem;
}

.diagnostics-grid .diagnostic-item {
  border: 1px solid rgba(148, 163, 184, 0.2);
  border-radius: 0.8rem;
  padding: 0.75rem;
  background: rgba(12, 16, 32, 0.45);
}

.diagnostics-grid .label {
  font-size: 0.75rem;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--vt-muted);
}

.diagnostics-grid .value {
  font-size: 1.05rem;
  margin-top: 0.35rem;
}

body[data-density="compact"] .vt-card {
  padding: 0.9rem;
}

body[data-density="compact"] .vt-dashboard-actions,
body[data-density="compact"] .vt-toggle-grid {
  gap: 0.45rem;
}

body[data-density="compact"] .vt-switch {
  font-size: 0.8rem;
}

.vt-field {
  display: flex;
  flex-direction: column;
  gap: 0.35rem;
  margin-bottom: 0.8rem;
}

.vt-field__label {
  font-size: 0.7rem;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--vt-muted);
}

.vt-field__input,
.vt-field select,
.vt-field textarea {
  width: 100%;
  padding: 0.5rem 0.75rem;
  border-radius: 0.65rem;
  border: 1px solid rgba(148, 163, 184, 0.3);
  background: rgba(15, 23, 42, 0.9);
  color: var(--vt-text);
  font-size: 0.9rem;
}

.analytics-link-row {
  margin-top: 0.8rem;
  padding: 0.75rem 0.85rem;
  border: 1px dashed var(--vt-border);
  border-radius: 0.85rem;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.6rem;
  background: rgba(5, 8, 20, 0.45);
}

.analytics-link-row .analytics-link-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 0.45rem;
}

.analytics-link-row .vt-btn-secondary {
  font-size: 0.78rem;
}

.vt-table__empty {
  text-align: center;
  color: var(--vt-muted);
}

.vt-status {
  font-size: 0.85rem;
  color: var(--vt-muted);
}

.vt-status.error {
  color: var(--vt-danger);
}

.muted {
  color: var(--vt-muted);
}

.vt-grid-two {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: 1.2rem;
}

.vt-grid-three {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 1rem;
}

.vt-chip {
  display: inline-flex;
  padding: 0.2rem 0.65rem;
  border-radius: 999px;
  border: 1px solid rgba(148, 163, 184, 0.4);
  font-size: 0.7rem;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.vt-chip.success {
  border-color: rgba(52, 211, 153, 0.7);
  color: #bbf7d0;
}

.vt-chip.warning {
  border-color: rgba(251, 191, 36, 0.7);
  color: #fde68a;
}

.vt-chip.danger {
  border-color: rgba(248, 113, 113, 0.7);
  color: #fecaca;
}

.is-hidden {
  display: none !important;
}

.vt-flex-between {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  flex-wrap: wrap;
}

.vt-inline-actions {
  display: flex;
  gap: 0.6rem;
  flex-wrap: wrap;
  align-items: center;
}

.vt-mt-sm {
  margin-top: 0.6rem;
}

.vt-mt-md {
  margin-top: 1rem;
}

/* ---------- Internal Home ---------- */

/* Phase16 release landing layout */
.internal-home .release-page { max-width:1120px; margin:0 auto; }
.internal-home .release-hero { display:flex; flex-wrap:wrap; gap:2rem; padding:0.75rem 0 1.25rem; border-bottom:1px solid #1e293b; }
.internal-home .release-hero-media { width:240px; flex:0 0 240px; display:flex; align-items:center; justify-content:center; }
.internal-home .release-cover-image { width:100%; border-radius:1rem; border:1px solid #1e293b; box-shadow:0 10px 34px rgba(15,23,42,0.6); }
.internal-home .release-cover-placeholder { width:100%; height:240px; border-radius:1rem; border:1px dashed #334155; background:#0f172a; display:flex; align-items:center; justify-content:center; font-size:0.7rem; color:#475569; letter-spacing:0.08em; text-transform:uppercase; }
.internal-home .release-hero-main { flex:1; min-width:260px; }
.internal-home .release-hero-main h1 { margin:0 0 0.4rem; font-size:1.9rem; }
.internal-home .release-hero-main .muted { font-size:0.85rem; }
.internal-home .release-pills { margin:0.75rem 0 0.9rem; display:flex; flex-wrap:wrap; gap:0.4rem; }
.internal-home .release-pills .pill { display:inline-block; padding:0.25rem 0.7rem; border-radius:999px; border:1px solid #334155; font-size:0.55rem; letter-spacing:0.14em; text-transform:uppercase; color:#94a3b8; }
.internal-home .release-primary-links { display:flex; flex-wrap:wrap; gap:0.5rem; margin-bottom:0.8rem; }
.internal-home .release-primary-links .btn-primary { background:#1e293b; border:1px solid #334155; padding:0.55rem 0.85rem; border-radius:0.6rem; font-size:0.65rem; font-weight:600; letter-spacing:0.05em; color:#e5e7eb; text-decoration:none; }
.internal-home .release-primary-links .btn-primary:hover { background:#0f172a; }
.internal-home .release-secondary-links .btn-link { font-size:0.7rem; text-decoration:none; color:#38bdf8; }
.internal-home .release-main { display:grid; grid-template-columns:minmax(0,1.2fr) minmax(0,0.8fr); gap:2.2rem; }
@media (max-width:900px){ .internal-home .release-main { grid-template-columns:minmax(0,1fr); } .internal-home .release-hero { padding:0.5rem 0 1rem; } }
.internal-home .release-main-left h2 { margin:0 0 0.6rem; font-size:1rem; letter-spacing:0.04em; }
.internal-home .release-main-left .muted { font-size:0.8rem; line-height:1.4; }
.internal-home .release-highlights h3 { margin:1.1rem 0 0.5rem; font-size:0.8rem; letter-spacing:0.08em; text-transform:uppercase; color:#94a3b8; }
.internal-home .release-highlights ul { list-style:disc; margin:0 0 0 1.1rem; padding:0; }
.internal-home .release-highlights li { font-size:0.75rem; margin-bottom:0.35rem; color:#e2e8f0; }
.internal-home #release-secondary-links-list ul { list-style:none; padding:0; margin:0.4rem 0 0; }
.internal-home #release-secondary-links-list li { margin:0 0 0.45rem; }
.internal-home #release-secondary-links-list a { font-size:0.65rem; color:#94a3b8; text-decoration:none; }
.internal-home #release-secondary-links-list a:hover { color:#e5e7eb; }
.internal-home .shell { max-width: 1200px; margin: 0 auto; padding: 1.5rem 1.25rem 3rem; }
.internal-home header { display: flex; align-items: center; justify-content: space-between; gap: 1rem; margin-bottom: 1.5rem; }
.internal-home .brand { display: flex; align-items: center; gap: 0.5rem; }
.internal-home .logo-mark { width: 28px; height: 28px; border-radius: 999px; background: linear-gradient(135deg, var(--vt-brand-color), var(--vt-brand-accent)); display: flex; align-items: center; justify-content: center; box-shadow: 0 10px 30px rgba(15, 23, 42, 0.8); }
.internal-home .logo-mark span { font-weight: 800; font-size: 0.75rem; color: #020617; }
.internal-home .brand-name { font-weight: 600; letter-spacing: 0.06em; font-size: 0.9rem; text-transform: uppercase; }
.internal-home .org-switcher { display: flex; flex-direction: column; gap: 0.2rem; min-width: 200px; }
.internal-home .org-switcher label { font-size: 0.7rem; letter-spacing: 0.08em; text-transform: uppercase; color: #9ca3af; }
.internal-home .org-switcher select { padding: 0.4rem 0.6rem; border-radius: 0.6rem; border: 1px solid rgba(148, 163, 184, 0.4); background: rgba(2, 6, 23, 0.85); color: #e2e8f0; font-size: 0.85rem; }
.internal-home nav a { font-size: 0.8rem; color: var(--vt-brand-muted); text-decoration: none; margin-left: 0.75rem; }
.internal-home nav a:hover { color: #e5e7eb; }
.internal-home .home-nav { display:flex; flex-wrap:wrap; gap:0.6rem; margin-bottom:1rem; }
.internal-home .home-nav a { margin-left:0; font-size:0.75rem; letter-spacing:0.08em; text-transform:uppercase; border:1px solid rgba(148,163,184,0.3); border-radius:999px; padding:0.35rem 0.7rem; color:#94a3af; text-decoration:none; }
.internal-home .home-nav a:hover { color:#f8fafc; border-color:rgba(148,163,184,0.5); }
.internal-home h1 { font-size: 1.4rem; margin: 0 0 0.4rem; }
.internal-home .subtitle { font-size: 0.85rem; color: #9ca3af; margin-bottom: 1.4rem; }
.internal-home .grid-main { display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr); gap: 1.5rem; }
@media (max-width: 960px) { .internal-home .grid-main { grid-template-columns: minmax(0, 1fr); } }
.internal-home .panel,
.internal-home .internal-panel {
  border-radius: 1rem;
  border: 1px solid var(--vt-border);
  background: var(--vt-surface);
  padding: 1rem 1.1rem;
  margin-bottom: 1.5rem;
}
.internal-home .panel h2 { font-size: 0.95rem; letter-spacing: 0.12em; text-transform: uppercase; color: #9ca3b8; margin: 0 0 0.6rem; }
.internal-home .panel p { font-size: 0.8rem; color: #9ca3b8; margin: 0 0 0.8rem; }
.internal-home label { display: block; font-size: 0.75rem; text-transform: uppercase; letter-spacing: 0.12em; color: #9ca3b8; margin-bottom: 0.25rem; }
.internal-home input, .internal-home select, .internal-home textarea { width: 100%; padding: 0.45rem 0.6rem; border-radius: 0.55rem; border: 1px solid rgba(148, 163, 184, 0.7); background: rgba(15, 23, 42, 0.95); color: #e5e7eb; font-size: 0.85rem; box-sizing: border-box; }
.internal-home textarea { min-height: 60px; resize: vertical; }
.internal-home .row { display: flex; gap: 0.75rem; }
.internal-home .row > div { flex: 1; }
.internal-home .actions { margin-top: 0.8rem; display: flex; justify-content: flex-end; gap: 0.6rem; flex-wrap: wrap; }
.internal-home button, .internal-home .btn-secondary { border-radius: 999px; border: 1px solid rgba(56, 189, 248, 0.7); background: rgba(15,23,42,0.9); color: #e5e7eb; font-size: 0.8rem; padding: 0.4rem 0.9rem; cursor: pointer; }
.internal-home button:hover, .internal-home .btn-secondary:hover { background: rgba(15,23,42,1); }
.internal-home .btn-secondary[aria-disabled="true"] { opacity: 0.45; pointer-events: none; cursor: not-allowed; }
.internal-home .upload-cta { margin: 1rem 0 1.4rem; display: flex; flex-wrap: wrap; gap: 0.6rem; }
.internal-home .upload-cta a { display: inline-flex; align-items: center; gap: 0.4rem; padding: 0.55rem 1rem; border-radius: 999px; border: 1px solid rgba(59, 130, 246, 0.5); color: #e0f2fe; letter-spacing: 0.06em; text-transform: uppercase; text-decoration: none; font-size: 0.72rem; background: rgba(15, 23, 42, 0.92); box-shadow: 0 5px 20px rgba(15, 23, 42, 0.9); }
.internal-home .upload-cta a:hover { border-color: rgba(59, 130, 246, 0.8); color: #fff; }
.internal-home .pipeline-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); gap: 1rem; margin-top: 0.6rem; }
.internal-home .pipeline-card { border: 1px solid rgba(56, 189, 248, 0.18); border-radius: 0.8rem; padding: 0.85rem; background: rgba(15, 23, 42, 0.6); }
.internal-home .pipeline-label { font-size: 0.68rem; letter-spacing: 0.18em; text-transform: uppercase; color: #94a3b8; margin-bottom: 0.2rem; }
.internal-home .pipeline-value { font-size: 1rem; font-weight: 600; color: #f8fafc; }
.internal-home .pipeline-meta { font-size: 0.75rem; color: #94a3b8; margin-top: 0.2rem; }
.internal-home .pipeline-actions { margin-top: 1rem; display: flex; flex-wrap: wrap; gap: 0.5rem; }
.internal-home .pipeline-details { margin-top: 1rem; display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 1rem; }
.internal-home .pipeline-section-card { border: 1px solid rgba(56, 189, 248, 0.14); border-radius: 0.75rem; padding: 0.75rem; background: rgba(15, 23, 42, 0.55); font-size: 0.82rem; color: #cbd5f5; }
.internal-home .pipeline-log-item { border-bottom: 1px solid rgba(30, 41, 59, 0.7); padding: 0.35rem 0; font-size: 0.75rem; }
.internal-home .pipeline-log-item:last-child { border-bottom: none; }
.internal-home .pipeline-debug { margin-top: 0.5rem; padding: 0.6rem; border-radius: 0.6rem; background: rgba(15, 23, 42, 0.7); border: 1px solid rgba(56, 189, 248, 0.18); font-size: 0.7rem; color: #cbd5f5; max-height: 200px; overflow: auto; display: none; white-space: pre-wrap; }
.internal-home .royalties-table-wrapper { width: 100%; overflow-x: auto; margin-top: 0.6rem; }
.internal-home table.royalties-table { width: 100%; border-collapse: collapse; font-size: 0.85rem; }
.internal-home table.royalties-table th, .internal-home table.royalties-table td { padding: 0.45rem 0.35rem; border-bottom: 1px solid rgba(30, 41, 59, 0.75); text-align: left; }
.internal-home table.royalties-table th { text-transform: uppercase; letter-spacing: 0.08em; font-size: 0.72rem; color: #94a3af; }
.internal-home .status { font-size: 0.75rem; color: #9ca3b8; margin-top: 0.3rem; }
.internal-home .status.error { color: #fca5a5; }
.internal-home .field-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); gap: 0.75rem; }
.internal-home .field { display: flex; flex-direction: column; }
.internal-home .input { width: 100%; padding: 0.45rem 0.6rem; border-radius: 0.55rem; border: 1px solid rgba(148, 163, 184, 0.7); background: rgba(15, 23, 42, 0.95); color: #e5e7eb; font-size: 0.85rem; box-sizing: border-box; }
.internal-home .muted { color: #94a3af; font-size: 0.85rem; }


/* ---------- Campaign Studio ---------- */

.internal-campaigns .campaigns-shell {
  max-width: 1200px;
  margin: 0 auto;
  padding: 1.5rem 1.5rem 3rem;
}

.internal-campaigns .campaigns-layout {
  display: flex;
  flex-direction: column;
  gap: var(--vt-spacing-xl);
}

.internal-campaigns .smart-subnav {
  display: inline-flex;
  gap: var(--vt-spacing-sm);
  margin-bottom: var(--vt-spacing-lg);
  border: 1px solid var(--vt-border-subtle);
  border-radius: var(--vt-radius-pill);
  padding: 4px;
  background: var(--vt-surface-alt);
}

.internal-campaigns .smart-subnav a {
  padding: 6px 14px;
  border-radius: var(--vt-radius-pill);
  font-size: 13px;
  color: var(--vt-text-muted);
}

.internal-campaigns .smart-subnav a[aria-current="page"] {
  background: var(--vt-accent-soft);
  color: var(--vt-accent-strong);
}

.internal-campaigns .campaigns-hero {
  display: flex;
  justify-content: space-between;
  gap: var(--vt-spacing-xl);
  flex-wrap: wrap;
  align-items: center;
}

.internal-campaigns .campaign-hero-actions {
  display: flex;
  gap: var(--vt-spacing-sm);
  flex-wrap: wrap;
}

.internal-campaigns .campaigns-summary-card {
  display: flex;
  flex-direction: column;
  gap: var(--vt-spacing-sm);
}

.internal-campaigns .campaigns-list-card {
  padding: var(--vt-spacing-xl);
}

.internal-campaigns .campaign-table-shell .smart-table {
  width: 100%;
  border-collapse: collapse;
  font-size: 0.95rem;
}

.internal-campaigns .smart-table th,
.internal-campaigns .smart-table td {
  padding: 0.65rem 0.4rem;
  border-bottom: 1px solid var(--vt-border-subtle);
  text-align: left;
}

.internal-campaigns .smart-table th {
  font-size: 0.75rem;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  color: var(--vt-text-muted);
}

.internal-campaigns .campaign-form-card {
  display: flex;
  flex-direction: column;
  gap: var(--vt-spacing-md);
}

.internal-campaigns .campaign-template-card,
.internal-campaigns .campaign-template-list {
  display: flex;
  flex-direction: column;
  gap: var(--vt-spacing-md);
}

.internal-campaigns .campaign-detail-card {
  display: flex;
  flex-direction: column;
  gap: var(--vt-spacing-md);
}

.internal-campaigns .campaign-detail-actions {
  display: flex;
  gap: var(--vt-spacing-sm);
  flex-wrap: wrap;
}

.internal-campaigns .steps-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
  gap: var(--vt-spacing-md);
}

.internal-campaigns .step-card {
  border: 1px solid var(--vt-border-subtle);
  border-radius: var(--vt-radius-card);
  padding: var(--vt-spacing-md);
  background: rgba(255, 255, 255, 0.02);
}

.internal-campaigns .step-card header {
  display: flex;
  justify-content: space-between;
  gap: var(--vt-spacing-sm);
  margin-bottom: 0.5rem;
}

.internal-campaigns .chip {
  display: inline-flex;
  align-items: center;
  padding: 0.15rem 0.6rem;
  border-radius: var(--vt-radius-pill);
  border: 1px solid var(--vt-border-subtle);
  font-size: 0.7rem;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  color: var(--vt-text-muted);
}

.internal-campaigns .chip.executed {
  border-color: rgba(134, 239, 172, 0.8);
  color: #bbf7d0;
}

.internal-campaigns .chip.failed {
  border-color: rgba(248, 113, 113, 0.8);
  color: #fecaca;
}

.internal-campaigns .step-actions {
  display: flex;
  flex-wrap: wrap;
  gap: var(--vt-spacing-sm);
  margin-top: 0.4rem;
}

.internal-campaigns .step-actions button {
  border-radius: 10px;
  border: 1px solid var(--vt-border-subtle);
  background: transparent;
  color: var(--vt-text);
  padding: 0.3rem 0.55rem;
  font-size: 0.75rem;
  cursor: pointer;
}
/* ---------- Campaign Task Board ---------- */

.internal-campaign-tasks .tasks-shell {
  max-width: 1200px;
  margin: 0 auto;
  padding: 1.5rem 1.5rem 3rem;
}

.internal-campaign-tasks .task-ai-helper {
  grid-column: 1 / -1;
  border-top: 1px solid var(--vt-border-subtle);
  margin-top: 0.6rem;
  padding-top: 0.8rem;
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem;
  align-items: flex-end;
}

.internal-campaign-tasks .task-ai-helper label {
  display: flex;
  flex-direction: column;
  gap: 0.35rem;
  min-width: 200px;
}

.internal-campaign-tasks .task-ai-modal {
  position: fixed;
  inset: 0;
  background: rgba(2, 6, 23, 0.8);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 100;
}

.internal-campaign-tasks .task-ai-modal[hidden] {
  display: none;
}

.internal-campaign-tasks .task-ai-modal-content {
  width: min(520px, 90vw);
  background: var(--vt-surface);
  border-radius: 1rem;
  border: 1px solid var(--vt-border);
  padding: 1rem;
  box-shadow: var(--vt-shadow-soft);
}

.internal-campaign-tasks .task-ai-modal-content header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 0.8rem;
}

.internal-campaign-tasks .task-ai-suggestions {
  display: flex;
  flex-direction: column;
  gap: 0.8rem;
}

.internal-campaign-tasks .task-ai-suggestion {
  border: 1px solid var(--vt-border-subtle);
  border-radius: 0.8rem;
  padding: 0.6rem;
  background: rgba(15, 23, 42, 0.6);
}

.internal-campaign-tasks .tasks-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  flex-wrap: wrap;
  margin-bottom: 1.25rem;
}

.internal-campaign-tasks .tasks-brand {
  display: flex;
  align-items: center;
  gap: 0.6rem;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #94a3af;
}

.internal-campaign-tasks .tasks-brand .logo {
  width: 34px;
  height: 34px;
  border-radius: 999px;
  background: linear-gradient(135deg, #f97316, #a855f7);
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 700;
  color: #020617;
}

.internal-campaign-tasks .panel {
  border-radius: 1rem;
  border: 1px solid var(--vt-border);
  background: var(--vt-surface);
  padding: 1.1rem;
  margin-bottom: 1.2rem;
  box-shadow: 0 15px 34px rgba(2, 6, 23, 0.2);
}

.internal-campaign-tasks .panel h2 {
  margin: 0 0 0.4rem;
  font-size: 1rem;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #9ca3af;
}

.internal-campaign-tasks label {
  display: block;
  font-size: 0.75rem;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #94a3af;
  margin-bottom: 0.25rem;
}

.internal-campaign-tasks input,
.internal-campaign-tasks select,
.internal-campaign-tasks textarea {
  width: 100%;
  padding: 0.45rem 0.6rem;
  border-radius: 0.6rem;
  border: 1px solid rgba(148, 163, 184, 0.3);
  background: rgba(15, 23, 42, 0.85);
  color: #f8fafc;
  font-size: 0.9rem;
  box-sizing: border-box;
}

.internal-campaign-tasks .btn-primary {
  border-radius: 999px;
  border: 1px solid rgba(249, 115, 22, 0.6);
  background: rgba(15, 23, 42, 0.95);
  color: #fb923c;
  padding: 0.45rem 1.2rem;
  cursor: pointer;
  font-size: 0.85rem;
}

.internal-campaign-tasks .task-filter-actions {
  margin-top: 0.8rem;
  display: flex;
  gap: 0.6rem;
  flex-wrap: wrap;
  align-items: center;
}

.internal-campaign-tasks .task-table {
  width: 100%;
  border-collapse: collapse;
  font-size: 0.9rem;
}

.internal-campaign-tasks .task-table th,
.internal-campaign-tasks .task-table td {
  padding: 0.5rem 0.35rem;
  border-bottom: 1px solid rgba(30, 41, 59, 0.75);
  text-align: left;
}

.internal-campaign-tasks .task-table th {
  text-transform: uppercase;
  letter-spacing: 0.08em;
  font-size: 0.75rem;
  color: #94a3af;
}

.internal-campaign-tasks .filter-grid,
.internal-campaign-tasks .form-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  gap: 0.75rem;
}

.internal-campaign-tasks .status-line {
  font-size: 0.85rem;
  color: #94a3af;
}

.internal-campaign-tasks .status-line.error {
  color: #fca5a5;
}

.internal-campaign-tasks .status-chip {
  display: inline-flex;
  padding: 0.15rem 0.65rem;
  border-radius: 999px;
  border: 1px solid rgba(148, 163, 184, 0.4);
  font-size: 0.7rem;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.internal-campaign-tasks .status-chip.pending {
  border-color: rgba(59, 130, 246, 0.5);
  color: #bfdbfe;
}

.internal-campaign-tasks .status-chip.in_progress {
  border-color: rgba(250, 204, 21, 0.6);
  color: #fde68a;
}

.internal-campaign-tasks .status-chip.done {
  border-color: rgba(16, 185, 129, 0.5);
  color: #6ee7b7;
}

.internal-campaign-tasks .status-chip.skipped {
  border-color: rgba(148, 163, 184, 0.5);
  color: #cbd5f5;
}

/* ---------- Social Ops ---------- */

.internal-social .internal-social-grid {
  display: flex;
  flex-direction: column;
  gap: var(--vt-spacing-xl);
}

.internal-social .social-hero-card {
  display: flex;
  justify-content: space-between;
  gap: var(--vt-spacing-xl);
  flex-wrap: wrap;
  align-items: center;
}

.internal-social .social-hero-meta {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
  gap: var(--vt-spacing-md);
  margin-top: var(--vt-spacing-md);
}

.internal-social .social-hero-meta strong {
  font-size: 1.1rem;
}

.internal-social .social-connect-pod {
  border: 1px solid var(--vt-border-subtle);
  border-radius: var(--vt-radius-card);
  padding: var(--vt-spacing-lg);
  background: var(--vt-surface-alt);
  min-width: 240px;
}

.internal-social .social-connect-actions {
  display: flex;
  flex-wrap: wrap;
  gap: var(--vt-spacing-sm);
  margin-top: var(--vt-spacing-sm);
}

.internal-social .social-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
  gap: var(--vt-spacing-xl);
}

.internal-social .social-card {
  display: flex;
  flex-direction: column;
  gap: var(--vt-spacing-md);
}

.internal-social .social-panel-header {
  display: flex;
  justify-content: space-between;
  gap: var(--vt-spacing-md);
  flex-wrap: wrap;
}

.internal-social .social-account-list {
  display: flex;
  flex-direction: column;
  gap: var(--vt-spacing-md);
}

.internal-social .social-account-card {
  border: 1px solid var(--vt-border-subtle);
  border-radius: var(--vt-radius-card);
  padding: var(--vt-spacing-md);
  background: rgba(255, 255, 255, 0.02);
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.02);
}

.internal-social .social-account-header {
  display: flex;
  justify-content: space-between;
  gap: var(--vt-spacing-md);
  align-items: flex-start;
  flex-wrap: wrap;
}

.internal-social .social-account-actions button {
  border-radius: var(--vt-radius-pill);
  border: 1px solid var(--vt-border-subtle);
  background: transparent;
  color: var(--vt-text);
  padding: 0.35rem 0.85rem;
  font-size: 0.85rem;
  cursor: pointer;
}

.internal-social .social-account-actions button.danger {
  border-color: var(--vt-danger);
  color: var(--vt-danger);
}

.internal-social .social-account-card .faux-table {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
  gap: var(--vt-spacing-sm);
  margin-top: var(--vt-spacing-sm);
  font-size: 0.85rem;
}

.internal-social .pill {
  display: inline-flex;
  padding: 0.1rem 0.7rem;
  border-radius: var(--vt-radius-pill);
  border: 1px solid var(--vt-border-subtle);
  font-size: 0.75rem;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.internal-social .social-form-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: var(--vt-spacing-md);
}

.internal-social .social-form-grid label {
  display: flex;
  flex-direction: column;
  gap: 6px;
  font-size: 0.85rem;
  color: var(--vt-text-muted);
}

.internal-social .social-form-grid input,
.internal-social .social-form-grid select,
.internal-social .social-form-grid textarea {
  border-radius: 12px;
  border: 1px solid var(--vt-border-subtle);
  background: rgba(255, 255, 255, 0.02);
  color: var(--vt-text);
  padding: 0.6rem 0.85rem;
  font-size: 0.95rem;
}

.internal-social .social-form-grid textarea {
  min-height: 140px;
}

.internal-social .form-actions {
  display: flex;
  gap: var(--vt-spacing-md);
  flex-wrap: wrap;
  align-items: center;
}

.internal-social .social-posts h3 {
  margin: 0 0 0.4rem;
}

.internal-social .social-posts-list {
  display: flex;
  flex-direction: column;
  gap: var(--vt-spacing-sm);
}

.internal-social .social-post-card {
  border: 1px solid var(--vt-border-subtle);
  border-radius: 14px;
  padding: var(--vt-spacing-md);
  background: rgba(255, 255, 255, 0.02);
  animation: fadeIn 240ms ease;
}

.internal-social .social-post-card header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--vt-spacing-md);
  font-size: 0.85rem;
}

.internal-social .tag {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0.15rem 0.6rem;
  border-radius: var(--vt-radius-pill);
  border: 1px solid var(--vt-border-subtle);
  font-size: 0.7rem;
  text-transform: uppercase;
  letter-spacing: 0.08em;
}

.internal-social .tag.posted {
  border-color: rgba(52, 211, 153, 0.6);
  color: #a7f3d0;
}

.internal-social .tag.failed {
  border-color: rgba(248, 113, 113, 0.75);
  color: #fecaca;
}

.internal-social .social-analytics-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  gap: var(--vt-spacing-md);
}

.internal-social .analytics-card {
  border: 1px solid var(--vt-border-subtle);
  border-radius: var(--vt-radius-card);
  padding: var(--vt-spacing-md);
  background: rgba(255, 255, 255, 0.02);
}

.internal-social .social-help-card ul {
  margin: 0;
  padding-left: 1.1rem;
  color: var(--vt-text-muted);
  font-size: 0.9rem;
}

/* ---------- Distribution Hub ---------- */

.internal-distribution .distribution-shell {
  max-width: 1200px;
  margin: 0 auto;
  padding: 1.5rem 1.5rem 3rem;
}

.internal-distribution .distribution-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  flex-wrap: wrap;
  margin-bottom: 1.25rem;
}

.internal-distribution .distribution-brand {
  display: flex;
  align-items: center;
  gap: 0.6rem;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #94a3af;
}

.internal-distribution .distribution-brand .logo {
  width: 34px;
  height: 34px;
  border-radius: 999px;
  background: linear-gradient(135deg, #34d399, #3b82f6);
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 700;
  color: #020617;
}

.internal-distribution .panel {
  border-radius: 1rem;
  border: 1px solid var(--vt-border);
  background: var(--vt-surface);
  padding: 1.1rem;
  margin-bottom: 1.2rem;
  box-shadow: 0 15px 34px rgba(2, 6, 23, 0.2);
}

.internal-distribution .panel h2 {
  margin: 0 0 0.4rem;
  font-size: 1rem;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #9ca3af;
}

.internal-distribution label {
  display: block;
  font-size: 0.75rem;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #94a3af;
  margin-bottom: 0.25rem;
}

.internal-distribution input,
.internal-distribution select {
  width: 100%;
  padding: 0.45rem 0.6rem;
  border-radius: 0.6rem;
  border: 1px solid rgba(148, 163, 184, 0.3);
  background: rgba(15, 23, 42, 0.85);
  color: #f8fafc;
  font-size: 0.9rem;
  box-sizing: border-box;
}

.internal-distribution .btn-primary {
  border-radius: 999px;
  border: 1px solid rgba(56, 189, 248, 0.6);
  background: rgba(15, 23, 42, 0.95);
  color: #38bdf8;
  padding: 0.45rem 1.2rem;
  cursor: pointer;
  font-size: 0.85rem;
}

.internal-distribution .filter-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  gap: 0.75rem;
}

.internal-distribution .filter-actions {
  margin-top: 0.8rem;
  display: flex;
  gap: 0.6rem;
  flex-wrap: wrap;
  align-items: center;
}

.internal-distribution .new-job {
  margin-top: 1rem;
}

.internal-distribution .new-job h3 {
  margin: 0 0 0.4rem;
  font-size: 0.9rem;
  text-transform: uppercase;
  color: #9ca3af;
}

.internal-distribution .job-form {
  display: flex;
  flex-wrap: wrap;
  gap: 0.6rem;
}

.internal-distribution .job-form label {
  flex: 1 1 200px;
}

.internal-distribution .job-form .job-form-actions {
  flex: 1 1 150px;
  align-self: flex-end;
  display: flex;
  justify-content: flex-start;
}

.internal-distribution .job-form .job-form-status {
  flex: 1 1 100%;
}

.internal-distribution table.distribution-table {
  width: 100%;
  border-collapse: collapse;
  font-size: 0.9rem;
}

.internal-distribution table.distribution-table th,
.internal-distribution table.distribution-table td {
  padding: 0.5rem 0.35rem;
  border-bottom: 1px solid rgba(30, 41, 59, 0.75);
  text-align: left;
}

.internal-distribution table.distribution-table th {
  text-transform: uppercase;
  letter-spacing: 0.08em;
  font-size: 0.75rem;
  color: #94a3af;
}

.internal-distribution .chip {
  display: inline-flex;
  padding: 0.15rem 0.65rem;
  border-radius: 999px;
  border: 1px solid rgba(148, 163, 184, 0.4);
  font-size: 0.7rem;
  text-transform: uppercase;
  letter-spacing: 0.08em;
}

.internal-distribution .chip.live {
  border-color: rgba(16, 185, 129, 0.5);
  color: #6ee7b7;
}

.internal-distribution .chip.pending {
  border-color: rgba(59, 130, 246, 0.5);
  color: #bfdbfe;
}

.internal-distribution .chip.failed {
  border-color: rgba(248, 113, 113, 0.5);
  color: #fecaca;
}

.internal-distribution .status-line {
  font-size: 0.85rem;
  color: #94a3af;
  margin-top: 0.4rem;
}

.internal-distribution .status-line.error {
  color: #fca5a5;
}

.internal-distribution .release-costs-form {
  margin-top: var(--vt-spacing-md);
  display: flex;
  flex-direction: column;
  gap: var(--vt-spacing-md);
}

.internal-distribution .release-costs-actions {
  display: flex;
  gap: var(--vt-spacing-sm);
  flex-wrap: wrap;
  align-items: center;
}

.internal-distribution .release-costs-panel .status-line {
  margin-top: 0;
}

.internal-distribution-submissions .distribution-submissions-grid {
  max-width: 1200px;
  margin: 0 auto;
  padding: 1.5rem 1.5rem 3rem;
  display: flex;
  flex-direction: column;
  gap: var(--vt-spacing-xl);
}

.internal-distribution-submissions .submissions-hero-card {
  display: flex;
  justify-content: space-between;
  gap: var(--vt-spacing-xl);
  flex-wrap: wrap;
  align-items: center;
}

.internal-distribution-submissions .submissions-hero-actions {
  display: flex;
  gap: var(--vt-spacing-sm);
  flex-wrap: wrap;
}

.internal-distribution-submissions .submissions-filter-card {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  gap: var(--vt-spacing-sm);
}

.internal-distribution-submissions .submissions-review-grid {
  display: grid;
  grid-template-columns: minmax(260px, 320px) 1fr;
  gap: var(--vt-spacing-xl);
  align-items: flex-start;
}

.internal-distribution-submissions .submissions-list-panel {
  display: flex;
  flex-direction: column;
  gap: var(--vt-spacing-sm);
}

.internal-distribution-submissions .submission-list-item {
  width: 100%;
  text-align: left;
  border: 1px solid var(--vt-border-subtle);
  border-radius: var(--vt-radius-card);
  padding: var(--vt-spacing-md);
  background: rgba(2, 6, 23, 0.8);
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--vt-spacing-sm);
  cursor: pointer;
}

.internal-distribution-submissions .submissions-detail-panel {
  display: flex;
  flex-direction: column;
  gap: var(--vt-spacing-md);
}

.internal-distribution-submissions .detail-header {
  display: flex;
  justify-content: space-between;
  gap: var(--vt-spacing-md);
  flex-wrap: wrap;
}

.internal-distribution-submissions .detail-actions {
  display: flex;
  gap: var(--vt-spacing-sm);
  flex-wrap: wrap;
}

.internal-distribution-submissions .detail-meta {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
  gap: var(--vt-spacing-sm);
}

.internal-distribution-submissions .detail-meta span {
  display: block;
  color: var(--vt-text-muted);
  font-size: 0.75rem;
  text-transform: uppercase;
  letter-spacing: 0.08em;
}

.internal-distribution-submissions .detail-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: var(--vt-spacing-md);
}

.internal-distribution-submissions .asset-card,
.internal-distribution-submissions .detail-notes {
  border: 1px solid var(--vt-border-subtle);
  border-radius: var(--vt-radius-card);
  padding: var(--vt-spacing-md);
  background: rgba(12, 16, 32, 0.85);
}

.internal-distribution-submissions .asset-preview img {
  max-width: 100%;
  border-radius: 0.75rem;
  border: 1px solid rgba(148, 163, 184, 0.25);
}

.internal-distribution-submissions .warning {
  color: var(--vt-warning);
  margin-top: 0.35rem;
}

/* ---------- Release Wizard ---------- */

.internal-release-wizard .release-wizard-shell {
  display: flex;
  flex-direction: column;
  gap: var(--vt-spacing-xl);
}

.internal-release-wizard .release-wizard-hero {
  display: flex;
  justify-content: space-between;
  gap: var(--vt-spacing-xl);
  flex-wrap: wrap;
}

.internal-release-wizard .release-wizard-hero-meta {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
  gap: var(--vt-spacing-md);
}

.internal-release-wizard .release-wizard-progress {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
  gap: var(--vt-spacing-sm);
}

.internal-release-wizard .release-wizard-progress-step {
  border: 1px solid var(--vt-border-subtle);
  border-radius: var(--vt-radius-pill);
  padding: 0.45rem 0.8rem;
  font-size: 0.85rem;
  color: var(--vt-text-muted);
  text-align: center;
}

.internal-release-wizard .release-wizard-progress-step.is-active {
  border-color: var(--vt-accent);
  color: var(--vt-accent-strong);
  background: var(--vt-accent-soft);
}

.internal-release-wizard .release-wizard-form {
  display: flex;
  flex-direction: column;
  gap: var(--vt-spacing-lg);
}

.internal-release-wizard .release-wizard-step {
  display: none;
  border: 1px solid var(--vt-border-subtle);
  border-radius: var(--vt-radius-card);
  padding: var(--vt-spacing-xl);
  background: var(--vt-surface-alt);
}

.internal-release-wizard .release-wizard-step.is-active {
  display: block;
}

.internal-release-wizard .wizard-step-actions {
  margin-top: var(--vt-spacing-lg);
  display: flex;
  gap: var(--vt-spacing-sm);
  flex-wrap: wrap;
}

.internal-release-wizard .release-wizard-template-list {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: var(--vt-spacing-md);
  margin: var(--vt-spacing-md) 0;
}

.internal-release-wizard .wizard-template-recommendation {
  border: 1px dashed var(--vt-border);
  border-radius: var(--vt-radius-card);
  padding: var(--vt-spacing-md);
  background: rgba(15, 23, 42, 0.4);
  font-size: 0.9rem;
}

.internal-release-wizard .wizard-template-recommendation strong {
  color: var(--vt-text-strong);
}

.internal-release-wizard .release-wizard-template {
  border: 1px solid var(--vt-border-subtle);
  border-radius: var(--vt-radius-card);
  padding: var(--vt-spacing-md);
  background: rgba(255, 255, 255, 0.02);
  display: flex;
  gap: var(--vt-spacing-md);
  cursor: pointer;
}

.internal-release-wizard .release-wizard-template input {
  margin-top: 0.3rem;
}

.internal-release-wizard .release-wizard-template.is-recommended {
  border-color: var(--vt-accent);
  box-shadow: 0 0 0 1px rgba(56, 189, 248, 0.5);
}

.internal-release-wizard .wizard-template-badge {
  display: inline-flex;
  align-items: center;
  gap: 0.3rem;
  font-size: 0.75rem;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  color: var(--vt-accent-strong);
  margin-bottom: 0.4rem;
}

.internal-release-wizard .release-wizard-template ul {
  margin: 0.5rem 0 0;
  padding-left: 1.1rem;
  font-size: 0.9rem;
  color: var(--vt-text-muted);
}

.internal-release-wizard .release-wizard-summary ul {
  margin: 0;
  padding-left: 1.1rem;
  color: var(--vt-text-muted);
}

.internal-release-wizard .wizard-checkbox {
  display: flex;
  gap: 0.5rem;
  align-items: center;
  font-size: 0.9rem;
  margin: 0.4rem 0;
  color: var(--vt-text-muted);
}

.internal-release-wizard .release-wizard-status {
  min-height: 1.2rem;
  color: var(--vt-text-muted);
  font-size: 0.9rem;
}

.internal-release-wizard .release-wizard-status.error {
  color: var(--vt-danger);
}

.internal-release-wizard .wizard-ai-panel,
.internal-release-wizard .wizard-angle-panel {
  border: 1px dashed var(--vt-border);
  border-radius: var(--vt-radius-card);
  padding: 0.9rem;
  margin-top: 1rem;
  background: rgba(15, 23, 42, 0.55);
}

.internal-release-wizard .wizard-success {
  margin-top: var(--vt-spacing-lg);
  border: 1px solid var(--vt-border-subtle);
  border-radius: var(--vt-radius-card);
  padding: var(--vt-spacing-lg);
  background: rgba(13, 148, 136, 0.1);
}

.internal-release-wizard .wizard-success[hidden] {
  display: none;
}

.internal-release-wizard .wizard-success-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 0.6rem;
  margin-top: 0.75rem;
}

.internal-release-wizard .wizard-ai-panel-actions,
.internal-release-wizard .wizard-angle-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  align-items: center;
  margin-top: 0.4rem;
}

.internal-release-wizard .wizard-ai-results {
  margin-top: 0.75rem;
  font-size: 0.9rem;
  color: var(--vt-text);
}

.internal-release-wizard .wizard-ai-block {
  margin-bottom: 0.6rem;
}

.internal-release-wizard .wizard-chip-wrap {
  display: flex;
  flex-wrap: wrap;
  gap: 0.35rem;
  margin-top: 0.3rem;
}

.internal-release-wizard .wizard-chip {
  border-radius: 999px;
  border: 1px solid var(--vt-border);
  padding: 0.15rem 0.7rem;
  font-size: 0.75rem;
  background: rgba(15, 23, 42, 0.7);
}

.internal-release-timeline .vt-release-timeline-shell {
  max-width: 1100px;
  margin: 0 auto;
  padding: 1.5rem 1.5rem 3rem;
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.internal-release-timeline .vt-release-timeline-controls {
  display: flex;
  gap: 0.75rem;
  flex-wrap: wrap;
  align-items: flex-end;
}

.vt-timeline {
  position: relative;
  padding-left: 1.8rem;
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.vt-timeline::before {
  content: "";
  position: absolute;
  left: 0.5rem;
  top: 0;
  bottom: 0;
  width: 2px;
  background: rgba(148, 163, 184, 0.35);
}

.vt-timeline-item {
  position: relative;
  padding-left: 1rem;
}

.vt-timeline-dot {
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background: var(--vt-accent);
  position: absolute;
  left: -0.1rem;
  top: 0.35rem;
  box-shadow: 0 0 0 3px rgba(56, 189, 248, 0.2);
}

.vt-timeline-content {
  border: 1px solid var(--vt-border-subtle);
  border-radius: 0.8rem;
  padding: 0.85rem 1rem;
  background: rgba(8, 12, 28, 0.85);
}

.vt-timeline-meta {
  display: flex;
  gap: 0.6rem;
  align-items: center;
  font-size: 0.78rem;
  color: var(--vt-text-muted);
  margin-bottom: 0.35rem;
}

.catalog-intelligence-shell {
  max-width: 1200px;
  margin: 0 auto;
  padding: 1.5rem 1.5rem 3rem;
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.catalog-intelligence-header {
  display: flex;
  justify-content: space-between;
  gap: 1rem;
  flex-wrap: wrap;
  align-items: center;
}

.catalog-intelligence-actions {
  display: flex;
  gap: 0.6rem;
  flex-wrap: wrap;
}

.catalog-intelligence-table-card {
  padding: 1rem;
}

.catalog-intelligence-controls {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
  margin-bottom: 1rem;
}

.catalog-intelligence-controls label {
  display: flex;
  flex-direction: column;
  gap: 0.35rem;
  font-size: 0.85rem;
  color: var(--vt-text-muted);
}

.catalog-intelligence-controls select {
  min-width: 190px;
}

.catalog-intelligence-links {
  display: flex;
  flex-direction: column;
  gap: 0.3rem;
}

.catalog-intelligence-links .link-btn {
  font-size: 0.75rem;
}

.internal-diagnostics .diagnostics-shell {
  max-width: 900px;
  margin: 0 auto;
  padding: 1.5rem 1.5rem 3rem;
}

.internal-logs .logs-shell {
  max-width: 1100px;
  margin: 0 auto;
  padding: 1.5rem 1.5rem 3rem;
}

.internal-logs .logs-controls {
  display: flex;
  gap: 0.75rem;
  flex-wrap: wrap;
  align-items: center;
}

.internal-logs .logs-container {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
  gap: 1rem;
  margin-top: 1rem;
}

.internal-logs .logs-panel {
  max-height: 320px;
  overflow: hidden;
}

.internal-logs .logs-body {
  max-height: 260px;
  overflow: auto;
  font-family: "SFMono-Regular", Consolas, "Liberation Mono", Menlo, Courier, monospace;
  font-size: 0.78rem;
  background: rgba(15, 23, 42, 0.7);
  padding: 0.6rem;
  border-radius: 0.5rem;
}

.internal-logs .logs-line {
  border-bottom: 1px solid rgba(148, 163, 184, 0.2);
  padding: 0.15rem 0;
}

.internal-logs .logs-line:last-child {
  border-bottom: none;
}

.internal-promo .promo-shell,
.internal-promo-release .promo-release-shell {
  max-width: 1200px;
  margin: 0 auto;
  padding: 1.5rem 1.5rem 3rem;
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.internal-promo .promo-header,
.internal-promo-release .promo-release-header {
  display: flex;
  justify-content: space-between;
  gap: 1rem;
  flex-wrap: wrap;
  align-items: center;
}

.promo-header-actions,
.promo-release-actions {
  display: flex;
  gap: 0.6rem;
  flex-wrap: wrap;
}

.promo-controls {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 1rem;
}

.promo-controls label,
.promo-form-grid label {
  display: flex;
  flex-direction: column;
  gap: 0.35rem;
  font-size: 0.85rem;
}

.promo-table-card .promo-tags-cell {
  max-width: 260px;
}

.promo-tags-cell .vt-tag {
  margin: 0 0.2rem 0.2rem 0;
}

.promo-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 0.35rem;
}

.promo-form-card {
  border: 1px solid var(--vt-border-subtle);
}

.promo-form-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 0.8rem;
  margin-bottom: 0.8rem;
}

.promo-form-grid label.full-width {
  grid-column: 1 / -1;
}

.promo-form-actions {
  display: flex;
  gap: 0.6rem;
  flex-wrap: wrap;
}

.promo-release-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: 1rem;
}

.promo-release-list {
  display: flex;
  flex-direction: column;
  gap: 0.6rem;
}

.promo-release-row {
  display: flex;
  justify-content: space-between;
  gap: 0.6rem;
  padding: 0.65rem 0;
  border-bottom: 1px solid rgba(148, 163, 184, 0.2);
}

.promo-release-row:last-child {
  border-bottom: none;
}

.promo-release-row .small {
  font-size: 0.75rem;
}

.vt-error-panel {
  border: 1px solid rgba(248, 113, 113, 0.4);
  border-radius: 0.75rem;
  padding: 0.85rem;
  background: rgba(248, 113, 113, 0.08);
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

.vt-error-panel-actions {
  display: flex;
  gap: 0.5rem;
  flex-wrap: wrap;
}

.creator-strategy-panel {
  border: 1px solid var(--vt-border-subtle);
  border-radius: var(--vt-radius-card);
  padding: 1rem;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
  gap: 0.8rem;
}

.creator-strategy-panel .strategy-pill {
  border: 1px solid rgba(34, 197, 94, 0.35);
  border-radius: 0.6rem;
  padding: 0.75rem;
  background: rgba(22, 163, 74, 0.08);
}

.catalog-projection-card {
  margin-top: 1rem;
  border-radius: var(--vt-radius-card);
  padding: 1rem;
}

.catalog-projection-header {
  display: flex;
  flex-wrap: wrap;
  gap: 0.6rem;
  align-items: center;
  margin-bottom: 0.8rem;
}

.catalog-projection-chart {
  display: flex;
  gap: 0.5rem;
  align-items: flex-end;
  border: 1px dashed rgba(148, 163, 184, 0.3);
  border-radius: 0.6rem;
  padding: 0.6rem;
  min-height: 160px;
}

.projection-bar {
  flex: 1;
  min-width: 28px;
  background: linear-gradient(180deg, rgba(59, 130, 246, 0.8), rgba(59, 130, 246, 0.2));
  border-radius: 0.35rem 0.35rem 0 0;
  position: relative;
}

.projection-bar span {
  position: absolute;
  bottom: 100%;
  left: 50%;
  transform: translate(-50%, -4px);
  font-size: 0.7rem;
}

.internal-experiment-intel .experiment-intel-shell {
  max-width: 1200px;
  margin: 0 auto;
  padding: 1.5rem 1.5rem 3rem;
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.internal-experiment-intel .experiment-intel-header {
  display: flex;
  justify-content: space-between;
  gap: 1rem;
  flex-wrap: wrap;
  align-items: center;
}

.internal-experiment-intel .experiment-intel-actions {
  display: flex;
  gap: 0.6rem;
  flex-wrap: wrap;
}

.experiment-intel-section,
.experiment-intel-grid article {
  width: 100%;
}

.experiment-intel-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: 1rem;
}

.experiment-channel-list {
  display: flex;
  flex-direction: column;
  gap: 0.9rem;
}

.experiment-channel-row {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}

.experiment-channel-bar {
  position: relative;
  border-radius: 999px;
  background: rgba(148, 163, 184, 0.2);
  padding: 0.35rem 0.6rem;
}

.experiment-channel-bar span {
  position: relative;
  z-index: 2;
  font-size: 0.85rem;
}

.experiment-channel-bar::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 999px;
  background: linear-gradient(90deg, rgba(56, 189, 248, 0.25), rgba(56, 189, 248, 0.6));
  width: var(--bar-width, 30%);
  max-width: 100%;
  transition: width 0.3s ease;
}

.experiment-insights-list {
  list-style: disc;
  padding-left: 1.1rem;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}

.experiment-recommendations {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
  gap: 0.8rem;
}

.experiment-recommendation-card {
  border: 1px solid var(--vt-border-subtle);
  border-radius: 0.9rem;
  padding: 0.9rem;
  background: rgba(15, 23, 42, 0.65);
}

.experiment-recommendation-card h4 {
  margin: 0 0 0.4rem;
}

.experiment-recommendation-card p {
  margin: 0.15rem 0;
  font-size: 0.85rem;
}

/* ---------- AI Ops ---------- */

.internal-ai .ai-shell {
  max-width: 1200px;
  margin: 0 auto;
  padding: 1.5rem 1.5rem 3rem;
}

.internal-ai .ai-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  flex-wrap: wrap;
  margin-bottom: 1.25rem;
}

.internal-ai .ai-brand {
  display: flex;
  align-items: center;
  gap: 0.6rem;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  color: #94a3af;
}

.internal-ai .ai-logo {
  width: 34px;
  height: 34px;
  border-radius: 999px;
  background: linear-gradient(135deg, #38bdf8, #a855f7);
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 700;
  color: #020617;
  box-shadow: 0 12px 32px rgba(15, 23, 42, 0.8);
}

.internal-ai .ai-nav {
  display: flex;
  gap: 0.9rem;
  flex-wrap: wrap;
}

.internal-ai .ai-nav a {
  color: #94a3af;
  text-decoration: none;
  font-size: 0.9rem;
}

.internal-ai .ai-nav a[aria-current=\"page\"],
.internal-ai .ai-nav a:hover {
  color: #f8fafc;
}

.internal-ai .panel {
  border-radius: 1rem;
  border: 1px solid var(--vt-border);
  background: var(--vt-surface);
  padding: 1.1rem;
  margin-bottom: 1.2rem;
  box-shadow: 0 15px 34px rgba(2, 6, 23, 0.2);
}

.internal-ai .panel h2 {
  margin: 0 0 0.4rem;
  font-size: 1rem;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #9ca3af;
}

.internal-ai label {
  display: block;
  font-size: 0.75rem;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #94a3af;
  margin-bottom: 0.25rem;
}

.internal-ai select,
.internal-ai input,
.internal-ai textarea {
  width: 100%;
  padding: 0.45rem 0.6rem;
  border-radius: 0.6rem;
  border: 1px solid rgba(148, 163, 184, 0.3);
  background: rgba(15, 23, 42, 0.85);
  color: #f8fafc;
  font-size: 0.9rem;
  box-sizing: border-box;
}

.internal-ai .btn-primary {
  border-radius: 999px;
  border: 1px solid rgba(56, 189, 248, 0.6);
  background: rgba(15, 23, 42, 0.95);
  color: #38bdf8;
  padding: 0.45rem 1.2rem;
  cursor: pointer;
  font-size: 0.85rem;
}

.internal-ai .status-line {
  font-size: 0.85rem;
  color: #94a3af;
  margin-top: 0.4rem;
}

.internal-ai .status-line.error {
  color: #fca5a5;
}

.internal-ai table.ai-table {
  width: 100%;
  border-collapse: collapse;
  font-size: 0.9rem;
}

.internal-ai table.ai-table th,
.internal-ai table.ai-table td {
  padding: 0.5rem 0.3rem;
  border-bottom: 1px solid rgba(30, 41, 59, 0.7);
  text-align: left;
}

.internal-ai table.ai-table th {
  font-size: 0.75rem;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  color: #94a3af;
}

.internal-ai .insight-card {
  border: 1px solid rgba(148, 163, 184, 0.35);
  border-radius: 0.9rem;
  padding: 0.85rem;
  margin-bottom: 0.8rem;
  background: rgba(15, 23, 42, 0.75);
}

.internal-ai .insight-card h3 {
  margin: 0 0 0.3rem;
  font-size: 1rem;
}

.internal-ai .insight-card ul {
  margin: 0.4rem 0 0;
  padding-left: 1.1rem;
}

.internal-ai #ai-insight-detail {
  display: none;
}

/* ---------- Automation ---------- */

.internal-automation .automation-page {
  max-width: 1200px;
  margin: 0 auto;
  padding: 1.5rem 1.5rem 3rem;
}

.internal-automation .automation-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  flex-wrap: wrap;
  margin-bottom: 1.25rem;
}

.internal-automation .automation-brand {
  display: flex;
  align-items: center;
  gap: 0.6rem;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #94a3b8;
}

.internal-automation .logo-mark {
  width: 30px;
  height: 30px;
  border-radius: 999px;
  background: conic-gradient(from 180deg, #22c55e, #38bdf8, #a855f7, #22c55e);
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 12px 32px rgba(15, 23, 42, 0.8);
}

.internal-automation .logo-mark span {
  font-weight: 800;
  font-size: 0.8rem;
  color: #020617;
}

.internal-automation nav a {
  color: #94a3af;
  text-decoration: none;
  font-size: 0.85rem;
  margin-left: 0.75rem;
}

.internal-automation nav a:hover {
  color: #e5e7eb;
}

.internal-automation .automation-hero {
  display: flex;
  justify-content: space-between;
  gap: var(--vt-spacing-xl);
  flex-wrap: wrap;
  align-items: center;
}

.internal-automation .automation-hero-actions {
  display: flex;
  flex-direction: column;
  gap: var(--vt-spacing-sm);
  min-width: 220px;
}

.internal-automation .automation-summary {
  display: flex;
  flex-direction: column;
  gap: var(--vt-spacing-md);
}

.internal-automation .automation-metric-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
  gap: var(--vt-spacing-md);
}

.internal-automation .summary-card {
  border-radius: var(--vt-radius-card);
  border: 1px solid var(--vt-border-subtle);
  background: rgba(2, 6, 23, 0.8);
  padding: var(--vt-spacing-md);
}

.internal-automation .summary-card strong {
  font-size: 1.3rem;
  display: block;
  margin-top: 0.35rem;
}

.internal-automation .automation-tabs {
  display: flex;
  gap: 0.6rem;
  margin: 1rem 0;
  flex-wrap: wrap;
}

.internal-automation .automation-panel {
  border-radius: 1.1rem;
  border: 1px solid var(--vt-border);
  background: var(--vt-surface);
  padding: 1rem 1.1rem;
  display: none;
}

.internal-automation .automation-panel.active {
  display: block;
}

.internal-automation table.automation-table {
  width: 100%;
  border-collapse: collapse;
  font-size: 0.85rem;
}

.internal-automation table.automation-table th,
.internal-automation table.automation-table td {
  padding: 0.45rem 0.35rem;
  border-bottom: 1px solid rgba(30, 41, 59, 0.8);
  text-align: left;
}

.internal-automation table.automation-table th {
  text-transform: uppercase;
  letter-spacing: 0.08em;
  font-size: 0.72rem;
  color: #94a3af;
}

.internal-automation .automation-actions button,
.internal-automation .automation-actions .link-btn {
  border: 1px solid rgba(148, 163, 184, 0.3);
  background: transparent;
  color: #f8fafc;
  padding: 0.3rem 0.75rem;
  border-radius: 0.6rem;
  font-size: 0.75rem;
  cursor: pointer;
  margin-right: 0.4rem;
}

.internal-automation .automation-actions button:hover {
  border-color: rgba(56, 189, 248, 0.5);
}

.internal-automation .automation-filters {
  display: flex;
  flex-wrap: wrap;
  gap: 0.8rem;
  margin-bottom: 0.9rem;
}

.internal-automation .automation-filters select {
  padding: 0.45rem 0.7rem;
  border-radius: 0.65rem;
  border: 1px solid rgba(148, 163, 184, 0.3);
  background: rgba(15, 23, 42, 0.85);
  color: #e5e7eb;
}

.internal-automation .suggestion-card {
  border: 1px solid rgba(148, 163, 184, 0.2);
  border-radius: 0.9rem;
  padding: 0.75rem;
  margin-bottom: 0.8rem;
  background: rgba(15, 23, 42, 0.7);
}

.internal-automation .suggestion-card h4 {
  margin: 0 0 0.2rem;
  font-size: 1rem;
}

.internal-automation .suggestion-meta {
  font-size: 0.75rem;
  color: #94a3af;
  margin-bottom: 0.4rem;
}

.internal-automation .suggestion-actions {
  display: flex;
  gap: 0.5rem;
  flex-wrap: wrap;
  margin-top: 0.6rem;
}

.internal-automation .suggestion-actions button {
  border: 1px solid rgba(248, 250, 252, 0.2);
  background: transparent;
  border-radius: 0.6rem;
  padding: 0.35rem 0.75rem;
  color: #e5e7eb;
  cursor: pointer;
}

.internal-automation .payload-preview {
  background: rgba(2, 6, 23, 0.8);
  border-radius: 0.6rem;
  padding: 0.55rem;
  font-size: 0.75rem;
  overflow: auto;
}

.internal-automation #automation-run-all {
  align-self: flex-start;
}

/* ---------- Organization Settings ---------- */

.internal-settings .settings-shell {
  max-width: 960px;
  margin: 0 auto;
  padding: 1.5rem 1.5rem 3rem;
}

.internal-settings header {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  margin-bottom: 1.5rem;
}

.internal-settings .brand {
  display: flex;
  align-items: center;
  gap: 0.6rem;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  color: #94a3b8;
}

.internal-settings .logo {
  width: 32px;
  height: 32px;
  border-radius: 999px;
  background: linear-gradient(135deg, #38bdf8, #a855f7);
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 700;
  font-size: 0.85rem;
  color: #020617;
}

.internal-settings nav a {
  color: #94a3af;
  text-decoration: none;
  margin-left: 0.75rem;
}

.internal-settings nav a:hover {
  color: #e5e7eb;
}

.internal-settings .panel {
  border-radius: 1rem;
  border: 1px solid var(--vt-border);
  background: var(--vt-surface);
  padding: 1.25rem;
  margin-bottom: 1.5rem;
}

.internal-settings .panel h2 {
  margin: 0 0 0.75rem;
  font-size: 1rem;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.internal-settings .form-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
  gap: 1rem;
}

.internal-settings label {
  display: block;
  font-size: 0.75rem;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: #94a3af;
  margin-bottom: 0.2rem;
}

.internal-settings input {
  width: 100%;
  padding: 0.5rem 0.6rem;
  border-radius: 0.6rem;
  border: 1px solid rgba(148, 163, 184, 0.4);
  background: rgba(15, 23, 42, 0.85);
  color: #e5e7eb;
}

.internal-settings button {
  border-radius: 999px;
  border: 1px solid rgba(56, 189, 248, 0.5);
  background: transparent;
  color: #e5e7eb;
  padding: 0.45rem 1.1rem;
  cursor: pointer;
}

.internal-settings button.primary {
  background: rgba(56, 189, 248, 0.2);
}

.internal-settings table {
  width: 100%;
  border-collapse: collapse;
  font-size: 0.85rem;
}

.internal-settings th,
.internal-settings td {
  padding: 0.45rem 0.35rem;
  border-bottom: 1px solid rgba(148, 163, 184, 0.15);
}

.internal-settings th {
  text-transform: uppercase;
  letter-spacing: 0.08em;
  font-size: 0.7rem;
  color: #94a3af;
  text-align: left;
}

.internal-settings .status {
  margin-top: 0.5rem;
  font-size: 0.85rem;
  color: #94a3af;
}

/* ---------- Analytics Overview ---------- */

.internal-analytics .analytics-page {
  max-width: 1200px;
  margin: 0 auto;
  padding: 1.5rem 1.5rem 3rem;
}

.internal-analytics .analytics-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
  margin-bottom: 1.5rem;
}

.internal-analytics .analytics-tabset {
  margin-top: 1.5rem;
}

.analytics-forecast-card {
  border: 1px solid var(--vt-border-subtle);
  border-radius: var(--vt-radius-card);
  padding: 1rem;
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.analytics-forecast-card .forecast-inputs {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
  gap: 0.75rem;
}

.analytics-forecast-card .forecast-inputs label {
  font-size: 0.85rem;
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}

.analytics-forecast-card .forecast-results {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
  gap: 0.8rem;
}

.analytics-forecast-card .forecast-result {
  border: 1px solid rgba(56, 189, 248, 0.25);
  border-radius: 0.65rem;
  padding: 0.75rem;
  background: rgba(15, 23, 42, 0.55);
}

.analytics-forecast-card .forecast-result strong {
  display: block;
  font-size: 1.1rem;
}

.analytics-forecast-card .forecast-chart {
  min-height: 130px;
  border: 1px dashed rgba(148, 163, 184, 0.3);
  border-radius: 0.65rem;
  padding: 0.6rem;
  display: flex;
  align-items: flex-end;
  gap: 0.6rem;
}

.forecast-chart-bar {
  flex: 1;
  min-width: 30px;
  background: linear-gradient(180deg, rgba(56, 189, 248, 0.8), rgba(56, 189, 248, 0.2));
  border-radius: 0.4rem 0.4rem 0 0;
  position: relative;
}

.forecast-chart-bar.cost {
  background: linear-gradient(180deg, rgba(248, 113, 113, 0.8), rgba(248, 113, 113, 0.2));
}

.forecast-chart-bar span {
  position: absolute;
  bottom: 100%;
  left: 50%;
  transform: translate(-50%, -4px);
  font-size: 0.7rem;
  white-space: nowrap;
}

.internal-analytics .analytics-tabs {
  display: inline-flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  margin-bottom: 1rem;
}

.internal-analytics .analytics-tab {
  border-radius: 999px;
  border: 1px solid var(--vt-border);
  background: transparent;
  color: var(--vt-text-muted);
  padding: 0.4rem 1rem;
  font-size: 0.82rem;
  cursor: pointer;
}

.internal-analytics .analytics-tab.active {
  background: var(--vt-accent-soft);
  color: var(--vt-accent-strong);
  border-color: transparent;
}

.internal-analytics .analytics-panel {
  display: none;
}

.internal-analytics .analytics-panel.is-active {
  display: block;
}

.internal-analytics .analytics-search-block {
  flex: 1;
  min-width: 260px;
  position: relative;
}

.internal-analytics .analytics-search-block input {
  width: 100%;
  padding: 0.55rem 0.7rem;
  border-radius: 0.65rem;
  border: 1px solid rgba(148, 163, 184, 0.3);
  background: rgba(2, 6, 23, 0.85);
  color: #e5e7eb;
}

.internal-analytics .analytics-search-results {
  position: absolute;
  top: calc(100% + 0.3rem);
  left: 0;
  right: 0;
  border-radius: 0.85rem;
  border: 1px solid rgba(148, 163, 184, 0.35);
  background: rgba(2, 6, 23, 0.95);
  box-shadow: 0 20px 30px rgba(2, 6, 23, 0.55);
  max-height: 260px;
  overflow-y: auto;
  padding: 0.4rem;
  z-index: 20;
}

.internal-analytics .analytics-search-results:empty {
  display: none;
}

.internal-analytics .analytics-result {
  width: 100%;
  text-align: left;
  border: 1px solid transparent;
  border-radius: 0.6rem;
  padding: 0.45rem 0.6rem;
  background: transparent;
  color: #e2e8f0;
  cursor: pointer;
}

.internal-analytics .analytics-result strong {
  display: block;
  font-size: 0.9rem;
}

.internal-analytics .analytics-result span {
  font-size: 0.75rem;
  color: #94a3af;
}

.internal-analytics .analytics-result:hover {
  border-color: rgba(56, 189, 248, 0.5);
  background: rgba(56, 189, 248, 0.1);
}

.internal-analytics .analytics-notifications-block {
  position: relative;
}

.internal-analytics .analytics-notifications-panel {
  display: none;
  position: absolute;
  top: calc(100% + 0.35rem);
  right: 0;
  width: min(320px, 70vw);
  background: rgba(2, 6, 23, 0.96);
  border: 1px solid rgba(148, 163, 184, 0.25);
  border-radius: 0.8rem;
  box-shadow: 0 18px 40px rgba(2, 6, 23, 0.7);
  padding: 0.6rem;
  z-index: 40;
}

.internal-analytics .analytics-notifications-panel.is-open {
  display: block;
}

.internal-analytics .notification-row {
  display: flex;
  justify-content: space-between;
  gap: 0.7rem;
  padding: 0.5rem 0;
  border-bottom: 1px solid rgba(148, 163, 184, 0.15);
}

.internal-analytics .notification-row:last-child {
  border-bottom: none;
}

.internal-analytics .notification-row.is-read {
  opacity: 0.65;
}

.internal-analytics .notification-row button {
  border: 1px solid rgba(148, 163, 184, 0.4);
  border-radius: 999px;
  padding: 0.3rem 0.8rem;
  background: transparent;
  color: #e2e8f0;
  cursor: pointer;
  font-size: 0.72rem;
}

.internal-analytics .analytics-summary-grid {
  margin-top: 1.6rem;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 1rem;
}

.internal-analytics .summary-card {
  border: 1px solid var(--vt-border);
  border-radius: 1rem;
  background: rgba(12, 16, 32, 0.85);
  padding: 0.9rem;
}

.internal-analytics .summary-card header {
  margin-bottom: 0.5rem;
}

.internal-analytics .summary-title {
  font-weight: 600;
  font-size: 1rem;
  margin-bottom: 0.2rem;
}

.internal-analytics .summary-subtitle {
  font-size: 0.78rem;
  color: #94a3af;
  margin-bottom: 0.45rem;
}

.internal-analytics .summary-metrics {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
  gap: 0.4rem;
}

.internal-analytics .summary-metric {
  background: rgba(15, 23, 42, 0.6);
  border-radius: 0.6rem;
  padding: 0.45rem;
  font-size: 0.78rem;
}

.internal-analytics .summary-metric .label {
  display: block;
  color: #94a3af;
  font-size: 0.7rem;
  margin-bottom: 0.15rem;
}

.internal-analytics .summary-metrics strong {
  font-size: 0.95rem;
  color: #e2e8f0;
}

.internal-analytics .summary-links {
  margin-top: 0.6rem;
  display: flex;
  flex-wrap: wrap;
  gap: 0.4rem;
}

.internal-analytics .summary-link {
  font-size: 0.72rem;
  padding: 0.3rem 0.7rem;
  border-radius: 999px;
  border: 1px solid rgba(148, 163, 184, 0.4);
  color: #e2e8f0;
  text-decoration: none;
}

.internal-analytics .summary-link:hover {
  border-color: rgba(56, 189, 248, 0.6);
  color: #38bdf8;
}

.internal-analytics .analytics-header {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  margin-bottom: 1.5rem;
}

.internal-analytics .brand {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #9ca3af;
}

.internal-analytics .logo-mark {
  width: 28px;
  height: 28px;
  border-radius: 999px;
  background: conic-gradient(from 180deg, #22c55e, #38bdf8, #a855f7, #22c55e);
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 12px 30px rgba(15, 23, 42, 0.8);
}

.internal-analytics .logo-mark span {
  font-weight: 800;
  font-size: 0.75rem;
  color: #020617;
}

.internal-analytics nav a {
  color: #9ca3af;
  text-decoration: none;
  font-size: 0.85rem;
  margin-left: 0.75rem;
}

.internal-analytics nav a:hover {
  color: #e5e7eb;
}

.internal-analytics .analytics-toolbar {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 1rem;
  margin-bottom: 1rem;
}

.internal-analytics .analytics-toolbar select,
.internal-analytics .quick-nav select {
  padding: 0.45rem 0.7rem;
  border-radius: 0.65rem;
  border: 1px solid rgba(148, 163, 184, 0.4);
  background: rgba(2, 6, 23, 0.85);
  color: #e5e7eb;
}

.internal-analytics .tiles-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
  gap: 0.9rem;
}

.internal-analytics .tile {
  border-radius: 0.95rem;
  border: 1px solid var(--vt-border-subtle);
  background: var(--vt-surface-alt);
  padding: 0.9rem 1rem;
  box-shadow: var(--vt-shadow-soft);
}

.internal-analytics .tile-label {
  font-size: 0.7rem;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: var(--vt-text-muted);
}

.internal-analytics .tile-value {
  font-size: 1.4rem;
  font-weight: 600;
  margin-top: 0.2rem;
}

.internal-analytics .tile-sub {
  font-size: 0.75rem;
  color: var(--vt-text-muted);
  margin-top: 0.15rem;
}

.internal-analytics .analytics-section {
  margin-top: 1.6rem;
  border-radius: 1rem;
  border: 1px solid var(--vt-border-subtle);
  background: var(--vt-surface);
  padding: 1rem 1.2rem;
  box-shadow: var(--vt-shadow-soft);
}

.internal-analytics .analytics-section h3 {
  margin: 0 0 0.6rem;
  text-transform: uppercase;
  letter-spacing: 0.12em;
  font-size: 0.82rem;
  color: var(--vt-text-muted);
}

.internal-analytics .profitability-header {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 1rem;
  align-items: center;
}

.internal-analytics .profitability-toolbar {
  display: flex;
  flex-wrap: wrap;
  gap: 0.8rem;
  align-items: center;
  justify-content: flex-end;
}

.internal-analytics .profitability-rate {
  font-size: 0.85rem;
  color: var(--vt-text-muted);
}

.internal-analytics .profitability-table-wrapper {
  margin-top: 0.8rem;
}

.internal-analytics .profitability-links {
  display: flex;
  flex-wrap: wrap;
  gap: 0.3rem;
  font-size: 0.75rem;
}

.internal-analytics .profitability-links a {
  color: var(--vt-accent);
  text-decoration: none;
}

.internal-analytics .profitability-links .divider {
  color: var(--vt-text-muted);
}

.internal-analytics .analytics-flex {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
  gap: 1rem;
  margin-top: 0.6rem;
}

.internal-analytics ul.analytics-list {
  list-style: none;
  padding: 0;
  margin: 0;
}

.internal-analytics ul.analytics-list li {
  display: flex;
  justify-content: space-between;
  font-size: 0.82rem;
  padding: 0.2rem 0;
}

.internal-analytics ul.analytics-list li span.value {
  color: #93c5fd;
}

.internal-analytics table.analytics-table {
  width: 100%;
  border-collapse: collapse;
  font-size: 0.8rem;
  background: var(--vt-surface);
  border: 1px solid var(--vt-border);
}

.internal-analytics table.analytics-table th,
.internal-analytics table.analytics-table td {
  padding: 0.35rem 0.25rem;
  text-align: left;
  border-bottom: 1px solid var(--vt-border);
}

.internal-analytics canvas.analytics-chart {
  width: 100%;
  height: 180px;
  border-radius: 0.9rem;
  background: var(--vt-surface);
  border: 1px solid var(--vt-border);
  margin-top: 0.5rem;
}

.internal-analytics .quick-nav {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 0.8rem;
  margin-top: 0.6rem;
}

.internal-analytics .timeline-item {
  padding: 0.6rem 0.8rem;
  border-radius: 0.75rem;
  border-left: 3px solid rgba(148, 163, 184, 0.4);
  background: rgba(12, 16, 32, 0.85);
  margin-bottom: 0.5rem;
}

.internal-analytics .timeline-item-head {
  display: flex;
  justify-content: space-between;
  gap: 0.6rem;
  font-size: 0.85rem;
}

.internal-analytics .timeline-item-head a {
  color: #38bdf8;
  text-decoration: none;
  font-size: 0.75rem;
}

.internal-analytics .timeline-item-meta {
  font-size: 0.75rem;
  color: #94a3af;
  margin-top: 0.25rem;
}

.internal-analytics .timeline-item.timeline-campaign_step {
  border-left-color: #38bdf8;
}

.internal-analytics .timeline-item.timeline-task {
  border-left-color: #f472b6;
}

.internal-analytics .timeline-item.timeline-distribution_job {
  border-left-color: #34d399;
}

/* ---------- Internal Strategy ---------- */
.internal-strategy .strategy-shell {
  max-width: 1100px;
  margin: 0 auto;
  padding: 1.5rem 1.5rem 3rem;
  display: flex;
  flex-direction: column;
  gap: 1.2rem;
}

.internal-strategy .strategy-header {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 1rem;
  align-items: center;
}

.internal-strategy .strategy-run-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem;
  align-items: center;
}

.internal-strategy .strategy-stats {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
  gap: 0.8rem;
}

.internal-strategy .strategy-stats .stat-label {
  font-size: 0.75rem;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--vt-muted);
}

.internal-strategy .strategy-stats .stat-value {
  font-size: 1.6rem;
  font-weight: 700;
}

.internal-strategy .strategy-filters {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 0.8rem;
  align-items: flex-end;
}

.internal-strategy .strategy-filters label {
  display: flex;
  flex-direction: column;
  gap: 0.35rem;
  font-size: 0.85rem;
}

.internal-strategy .strategy-filters input,
.internal-strategy .strategy-filters select {
  border-radius: 0.6rem;
  border: 1px solid rgba(148, 163, 184, 0.35);
  background: rgba(2, 6, 23, 0.85);
  color: var(--vt-text);
  padding: 0.45rem 0.6rem;
}

.internal-strategy .strategy-filter-actions {
  display: flex;
  gap: 0.6rem;
}

.internal-strategy .strategy-list-header {
  display: flex;
  justify-content: space-between;
  gap: 1rem;
  flex-wrap: wrap;
  align-items: center;
}

.internal-strategy .strategy-card {
  border: 1px solid var(--vt-border);
  border-radius: 0.95rem;
  padding: 1rem;
  margin-bottom: 1rem;
  background: var(--vt-surface);
}

.internal-strategy .strategy-card header {
  display: flex;
  justify-content: space-between;
  gap: 0.8rem;
  flex-wrap: wrap;
}

.internal-strategy .strategy-category {
  font-size: 0.75rem;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  color: var(--vt-muted);
}

.internal-strategy .strategy-meta {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

.internal-strategy .priority {
  padding: 0.2rem 0.6rem;
  border-radius: 999px;
  font-size: 0.75rem;
  border: 1px solid rgba(148, 163, 184, 0.4);
}

.internal-strategy .priority-high {
  border-color: var(--vt-danger);
  color: var(--vt-danger);
}

.internal-strategy .priority-medium {
  border-color: var(--vt-warning);
  color: var(--vt-warning);
}

.internal-strategy .priority-low {
  border-color: var(--vt-muted);
  color: var(--vt-muted);
}

.internal-strategy .entity-link {
  font-size: 0.8rem;
  color: var(--vt-accent);
  text-decoration: none;
}

.internal-strategy .strategy-task-suggestion {
  margin-top: 0.6rem;
  background: rgba(148, 163, 184, 0.08);
  border-radius: 0.65rem;
  padding: 0.6rem 0.7rem;
}

.internal-strategy .strategy-card-actions {
  margin-top: 0.8rem;
  display: flex;
  flex-wrap: wrap;
  gap: 0.6rem;
  align-items: flex-end;
}

.internal-strategy .strategy-card-actions label {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  font-size: 0.8rem;
  color: var(--vt-muted);
}

.internal-strategy .strategy-card-actions input {
  border-radius: 0.6rem;
  border: 1px solid rgba(148, 163, 184, 0.3);
  background: rgba(2, 6, 23, 0.85);
  color: var(--vt-text);
  padding: 0.35rem 0.5rem;
}

.internal-strategy .convert-to-task.is-success {
  border-color: var(--vt-success);
  color: var(--vt-success);
}

.internal-analytics-detail .analytics-detail {
  max-width: 1100px;
  margin: 0 auto;
  padding: 1.5rem 1.5rem 3rem;
}

.internal-analytics-detail .analytics-detail header {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  margin-bottom: 1rem;
}

.internal-analytics-detail .detail-toolbar {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 1rem;
  margin-bottom: 1rem;
}

.internal-analytics-detail .detail-toolbar select {
  padding: 0.45rem 0.6rem;
  border-radius: 0.65rem;
  border: 1px solid rgba(148, 163, 184, 0.4);
  background: rgba(2, 6, 23, 0.85);
  color: #e5e7eb;
}

.internal-analytics-detail .breadcrumb {
  font-size: 0.8rem;
  margin-bottom: 0.5rem;
}

.internal-analytics-detail .breadcrumb a {
  color: #38bdf8;
  text-decoration: none;
}
/***************
 * Module polish
 ***************/
.internal-social .social-shell,
.internal-strategy .strategy-shell,
.internal-intelligence .intelligence-shell,
.internal-automation .automation-page,
.internal-distribution .distribution-shell,
.internal-analytics .analytics-page,
.internal-help .vt-help-layout,
.internal-settings .vt-settings-grid,
.internal-creator-invites .creator-invites-shell {
  display: flex;
  flex-direction: column;
  gap: var(--vt-spacing-xl);
}

.internal-distribution-submissions .submission-grid {
  display: grid;
  grid-template-columns: minmax(280px, 1fr) 2fr;
  gap: var(--vt-spacing-lg);
}

@media (max-width: 960px) {
  .internal-distribution-submissions .submission-grid {
    grid-template-columns: 1fr;
  }
}

.internal-social .social-actions .vt-button {
  text-transform: capitalize;
}

.internal-social .social-form,
.internal-strategy .strategy-filters,
.internal-automation .automation-filters {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: var(--vt-spacing-md);
}

.internal-strategy .strategy-filters label,
.internal-automation .automation-filters label,
.internal-social .social-form label {
  display: flex;
  flex-direction: column;
  font-size: 13px;
  color: var(--vt-text-muted);
  gap: var(--vt-spacing-xs);
}

.internal-social .social-form input,
.internal-social .social-form select,
.internal-social .social-form textarea {
  border-radius: 10px;
  border: 1px solid var(--vt-border-subtle);
  background: rgba(255, 255, 255, 0.02);
  color: var(--vt-text);
  padding: 8px 12px;
}

.internal-social .social-posts {
  margin-top: var(--vt-spacing-lg);
}

.strategy-stats,
.automation-summary {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
  gap: var(--vt-spacing-md);
}

.strategy-stats > div,
.automation-summary .summary-card {
  background: var(--vt-surface-alt);
  border: 1px solid var(--vt-border-subtle);
  border-radius: 12px;
  padding: var(--vt-spacing-md);
}

.strategy-action-card,
.manager-agent-card,
.automation-panel,
.internal-intelligence .intel-panel {
  background: var(--vt-surface-alt);
  border: 1px solid var(--vt-border-subtle);
  border-radius: 12px;
  padding: var(--vt-spacing-md);
}

.internal-intelligence .intel-panel h3,
.internal-automation h3,
.internal-social h2,
.internal-strategy h2,
.internal-analytics h3 {
  text-transform: uppercase;
  letter-spacing: 0.1em;
  font-size: 0.85rem;
  color: var(--vt-text-muted);
}

.internal-automation .automation-tabs {
  display: inline-flex;
  gap: var(--vt-spacing-sm);
  flex-wrap: wrap;
}

.internal-automation .automation-tabs .vt-button {
  background: transparent;
  border: 1px solid var(--vt-border-subtle);
  color: var(--vt-text-muted);
}

.internal-automation .automation-tabs .vt-button.active,
.internal-automation .automation-tabs .vt-button[aria-current="true"] {
  background: var(--vt-accent-soft);
  border-color: transparent;
  color: var(--vt-accent-strong);
}

.automation-links-grid,
.intel-links-grid,
.internal-home .vt-dashboard-shortcuts {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  gap: var(--vt-spacing-sm);
}

.automation-links-grid a,
.intel-links-grid a,
.internal-home .vt-dashboard-shortcuts a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: var(--vt-spacing-sm) var(--vt-spacing-md);
  border-radius: var(--vt-radius-card);
  border: 1px solid var(--vt-border-subtle);
  background: rgba(255, 255, 255, 0.02);
  color: var(--vt-text);
  font-size: 14px;
  text-decoration: none;
}
.internal-intelligence .intelligence-panels {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
  gap: var(--vt-spacing-md);
}

.internal-intelligence #intel-release-search {
  border-radius: var(--vt-radius-pill);
  border: 1px solid var(--vt-border-subtle);
  padding: 8px 14px;
  background: rgba(255, 255, 255, 0.05);
  color: var(--vt-text);
}
.internal-audit .audit-table {
  margin-top: var(--vt-spacing-md);
  background: var(--vt-surface);
  border-radius: var(--vt-radius-card);
  padding: var(--vt-spacing-md);
  border: 1px solid var(--vt-border-subtle);
}
.vt-appbar-nav-link span:last-child {
  font-weight: 500;
}
.internal-creator-overview .creator-overview-shell {
  max-width: 1280px;
  margin: 0 auto;
  padding: 1.5rem 1.5rem 3rem;
  display: flex;
  flex-direction: column;
  gap: var(--vt-spacing-xl);
}

.creator-overview-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: var(--vt-spacing-xl);
}

.creator-overview-actions {
  display: flex;
  gap: 0.5rem;
  flex-wrap: wrap;
  justify-content: flex-end;
}

.creator-overview-identity {
  display: flex;
  gap: var(--vt-spacing-lg);
  align-items: center;
}

.creator-avatar {
  inline-size: 72px;
  block-size: 72px;
  border-radius: 20px;
  background: linear-gradient(135deg, #5f5bff, #9890ff);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 1.4rem;
  font-weight: 600;
  color: #fff;
}

.creator-stage-row {
  display: flex;
  gap: 0.5rem;
  flex-wrap: wrap;
  margin: 0.35rem 0;
}

.creator-stage-pill,
.creator-tier-pill {
  border-radius: var(--vt-radius-pill);
  border: 1px solid var(--vt-border-subtle);
  padding: 0.25rem 0.75rem;
  font-size: 0.8rem;
  color: var(--vt-text-muted);
}

.creator-tags,
.creator-social-chips {
  display: flex;
  flex-wrap: wrap;
  gap: 0.35rem;
  margin-top: 0.35rem;
}

.creator-tags span,
.creator-social-chips span {
  border-radius: var(--vt-radius-pill);
  border: 1px solid rgba(255, 255, 255, 0.1);
  padding: 0.2rem 0.65rem;
  font-size: 0.75rem;
  color: var(--vt-text-muted);
}

.creator-stat-grid,
.creator-analytics-grid,
.creator-utility-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: var(--vt-spacing-lg);
}

.creator-pipeline-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: var(--vt-spacing-lg);
}

.creator-pipeline-heading {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: var(--vt-spacing-md);
}

.creator-pipeline-count {
  font-size: 1.5rem;
  font-weight: 700;
  color: var(--vt-accent-strong);
}

.creator-pipeline-list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}

.creator-pipeline-list li {
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
  padding-bottom: 0.5rem;
}

.creator-pipeline-actions {
  margin-top: 0.75rem;
}

.creator-pipeline-actions .vt-button {
  font-size: 0.75rem;
}

.creator-panel-heading {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  gap: 0.5rem;
}

.creator-pill-list {
  list-style: none;
  margin: 0.25rem 0 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 0.35rem;
}

.creator-pill-list li {
  border-radius: var(--vt-radius-pill);
  border: 1px solid rgba(255, 255, 255, 0.08);
  padding: 0.2rem 0.6rem;
  font-size: 0.72rem;
}

.creator-analytics-metrics {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(170px, 1fr));
  gap: 1rem;
}

.creator-roi-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
  gap: 1rem;
}

.creator-task-stats {
  display: flex;
  gap: 1rem;
  font-size: 0.85rem;
  color: var(--vt-text-muted);
}

.creator-task-actions {
  display: flex;
  gap: 0.5rem;
  flex-wrap: wrap;
  margin-bottom: 0.75rem;
}

.creator-ai-list,
.creator-notes,
.creator-activity-list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}

.creator-ai-list li,
.creator-notes li,
.creator-activity-list li {
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: var(--vt-radius-md);
  padding: 0.85rem;
}

.creator-note-form {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  margin-bottom: 1rem;
}

.creator-note-form textarea {
  background: rgba(255, 255, 255, 0.03);
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: var(--vt-radius-md);
  padding: 0.75rem;
  color: inherit;
}

.creator-list-shell {
  max-width: 1280px;
  margin: 0 auto;
  padding: 1.5rem 1.5rem 3rem;
  display: flex;
  flex-direction: column;
  gap: var(--vt-spacing-xl);
}

.creator-list-toolbar {
  display: flex;
  justify-content: space-between;
  gap: var(--vt-spacing-xl);
  align-items: center;
  flex-wrap: wrap;
}

.creator-list-actions {
  display: flex;
  gap: 0.75rem;
  flex-wrap: wrap;
  align-items: center;
}

.creator-filter-bar {
  display: flex;
  justify-content: space-between;
  gap: var(--vt-spacing-lg);
  flex-wrap: wrap;
  align-items: center;
}

.creator-filter-pills {
  display: flex;
  gap: 0.5rem;
  flex-wrap: wrap;
}

.creator-filter-pills .vt-pill {
  border-radius: var(--vt-radius-pill);
  border: 1px solid var(--vt-border-subtle);
  padding: 0.35rem 0.8rem;
  background: transparent;
  cursor: pointer;
  font-size: 0.8rem;
  color: inherit;
  transition: background-color 120ms ease, border-color 120ms ease;
}

.creator-filter-pills .vt-pill.is-active {
  background: rgba(96, 92, 255, 0.18);
  border-color: var(--vt-accent-strong);
}

.creator-card-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: var(--vt-spacing-lg);
}

.creator-card {
  display: flex;
  flex-direction: column;
  gap: 0.8rem;
}

.creator-card-header {
  display: flex;
  justify-content: space-between;
  gap: 0.75rem;
  align-items: baseline;
}

.creator-card-tag {
  border-radius: var(--vt-radius-pill);
  border: 1px solid rgba(255, 255, 255, 0.12);
  padding: 0.2rem 0.65rem;
  font-size: 0.75rem;
}

.creator-card-body {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
  gap: 0.75rem;
}

.creator-card-footer {
  display: flex;
  justify-content: space-between;
  gap: 0.5rem;
  flex-wrap: wrap;
}

.creator-card .is-positive {
  color: #45e49c;
}

.creator-card .is-negative {
  color: #ff7b7b;
}

.internal-release-repurpose .release-repurpose-shell {
  max-width: 1200px;
  margin: 0 auto;
  padding: 1.5rem 1.5rem 3rem;
  display: flex;
  flex-direction: column;
  gap: var(--vt-spacing-xl);
}

.repurpose-generator {
  padding: var(--vt-spacing-xl);
}

.repurpose-header {
  display: flex;
  justify-content: space-between;
  gap: var(--vt-spacing-xl);
  flex-wrap: wrap;
  align-items: center;
  margin-bottom: var(--vt-spacing-lg);
}

.repurpose-generator-actions {
  display: flex;
  gap: 0.5rem;
}

.repurpose-form-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: var(--vt-spacing-lg);
}

.repurpose-fieldset {
  border: 1px solid var(--vt-border-subtle);
  border-radius: var(--vt-radius-card);
  padding: 1rem;
  display: flex;
  flex-direction: column;
  gap: 0.35rem;
}

.repurpose-fieldset legend {
  font-weight: 600;
  margin-bottom: 0.5rem;
}

.repurpose-fieldset label {
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  font-size: 0.9rem;
}

.repurpose-panel-header {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  gap: 0.5rem;
  margin-bottom: var(--vt-spacing-md);
}

.repurpose-variants-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
  gap: var(--vt-spacing-md);
}

.repurpose-variant-card {
  border: 1px solid var(--vt-border-subtle);
  border-radius: var(--vt-radius-card);
  padding: 1rem;
  background: rgba(0, 0, 0, 0.2);
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

.repurpose-variant-card header {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  gap: 0.5rem;
}

.repurpose-variant-card .variant-actions {
  display: flex;
  gap: 0.5rem;
  flex-wrap: wrap;
  margin-top: 0.5rem;
}

.repurpose-variant-card .variant-hook {
  font-weight: 600;
}

.repurpose-variant-card .variant-caption {
  font-size: 0.9rem;
}