/* Phase 13.0 - Dashboard visual alignment to Outputs */

/* Card and section surfaces: reuse the dashboard's existing 12px row radius
   so dashboard containers feel closer to the Outputs card language. */
.op-main-card,
.op-main-card.op-stats-card,
.activity-section {
  border-radius: 12px !important;
  box-shadow: 0 14px 36px rgba(2, 6, 23, 0.08) !important;
}

.op-mini-stat,
.dash-stat-card.op-mini-stat {
  border-radius: 12px !important;
  box-shadow: 0 8px 22px rgba(2, 6, 23, 0.06) !important;
}

.op-mini-stat:hover,
.dash-stat-card.op-mini-stat:hover {
  box-shadow: 0 12px 28px rgba(2, 6, 23, 0.09) !important;
  transform: translateY(-1px);
}

.activity-item,
#activityList .activity-item {
  border-radius: 12px !important;
  border-color: rgba(226, 232, 240, 0.86) !important;
  box-shadow: none !important;
}

#activityList .activity-item:hover,
.activity-item:hover {
  box-shadow: 0 10px 24px rgba(15, 23, 42, 0.07) !important;
  transform: translateY(-1px);
}

/* Controls: tighten pill-heavy controls while preserving existing behavior. */
.btn,
.btn-primary,
.btn-secondary,
.generate-btn,
.activity-filter-btn,
.btn-ghost-sm,
#activityList .op-action-btn,
#activityList .op-view-btn,
#activityList .op-copy-btn {
  border-radius: 10px !important;
}

.generate-btn::before,
.generate-btn::after,
.activity-filter-btn.active::after {
  border-radius: inherit !important;
}

.btn,
.btn-primary,
.btn-secondary,
.generate-btn,
.activity-filter-btn,
.btn-ghost-sm,
#activityList .op-action-btn,
#activityList .op-view-btn,
#activityList .op-copy-btn {
  transition: background-color 160ms ease-out, border-color 160ms ease-out, color 160ms ease-out, box-shadow 160ms ease-out, transform 160ms ease-out, filter 160ms ease-out;
}

.btn-primary,
.generate-btn {
  box-shadow: 0 10px 22px rgba(30, 107, 255, 0.16) !important;
}

.btn-primary:hover,
.generate-btn:hover:not(:disabled) {
  box-shadow: 0 12px 26px rgba(30, 107, 255, 0.18) !important;
  transform: translateY(-1px);
}

.btn-secondary:hover,
.btn-ghost-sm:hover,
.activity-filter-btn:hover,
#activityList .op-action-btn:hover,
#activityList .op-view-btn:hover,
#activityList .op-copy-btn:hover {
  box-shadow: 0 8px 18px -16px rgba(15, 23, 42, 0.28) !important;
}

.btn:focus-visible,
.generate-btn:focus-visible,
.activity-filter-btn:focus-visible,
.btn-ghost-sm:focus-visible,
#activityList .op-action-btn:focus-visible,
#activityList .op-view-btn:focus-visible,
#activityList .op-copy-btn:focus-visible {
  outline: none;
  box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.14), 0 8px 18px -16px rgba(15, 23, 42, 0.28) !important;
}

/* Phase 13.1 - Dashboard clarity summary */
.op-dashboard-summary {
  margin: 0 0 14px;
  padding: 12px 14px;
  border: 1px solid rgba(226, 232, 240, 0.86);
  border-radius: 12px;
  background: rgba(248, 250, 252, 0.72);
}

.op-dashboard-summary-kicker {
  margin-bottom: 5px;
  color: #64748b;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: 0.08em;
  line-height: 1.2;
  text-transform: uppercase;
}

.op-dashboard-summary-text {
  color: #334155;
  font-size: 0.88rem;
  font-weight: 650;
  line-height: 1.45;
}

/* Phase 13.0B - Dashboard container radius unification */
.op-main-card,
.op-main-card.op-stats-card,
.activity-section,
.dash-stat-card,
.dash-stat-card.op-mini-stat,
.op-mini-stat,
.activity-item,
#activityList .activity-item,
.op-dashboard-summary {
  border-radius: 6px !important;
}

/* Phase 13.0C - Remaining dashboard rounded container tightening */
.generator-card,
.api-key-status,
.api-key-status.op-topbar,
.content-type-btn,
.content-type-btn.active::after,
.input-mode-toggle,
.input-mode-toggle::before,
#generatorForm #url,
#generatorForm #prompt {
  border-radius: 6px !important;
}

/* Phase 13.0D - URL/Text Prompt trigger radius */
.input-mode-toggle,
.input-mode-toggle::before,
.input-mode-toggle .mode-highlight,
.input-mode-toggle .mode-btn,
.input-mode-toggle .mode-btn.active {
  border-radius: 6px !important;
}

/* Phase 13 - Editorial de-boxing */
body {
  background:
    linear-gradient(135deg, rgba(248, 250, 252, 0.96) 0%, rgba(241, 245, 249, 0.82) 48%, rgba(250, 247, 243, 0.88) 100%) !important;
  color: #111827 !important;
}

#generator {
  padding-top: 5.5rem !important;
  padding-bottom: 1.65rem !important;
}

.generator-header {
  margin-bottom: 1.65rem !important;
}

.generator-header h1 {
  font-size: clamp(2.15rem, 4.1vw, 3.05rem) !important;
  line-height: 1.02 !important;
  margin-bottom: 0.62rem !important;
  letter-spacing: -0.035em !important;
}

.generator-header p {
  max-width: 560px !important;
  font-size: 1.04rem !important;
  color: rgba(31, 41, 55, 0.76) !important;
}

#dashboard-stats {
  margin-top: 8px !important;
}

#dashboard-stats[data-omni-shell="1"] {
  display: block !important;
}

#dashboard-stats .container {
  max-width: 1210px !important;
  padding-bottom: 32px !important;
}

.op-workspace {
  gap: 20px !important;
}

.op-workspace-left {
  gap: 16px !important;
}

.generator-card,
.op-main-card,
.op-main-card.op-stats-card,
.activity-section {
  border-radius: 6px !important;
  border-color: rgba(148, 163, 184, 0.14) !important;
  box-shadow: 0 10px 28px rgba(15, 23, 42, 0.045) !important;
}

.generator-card {
  padding: 2rem !important;
  background: rgba(255, 255, 255, 0.86) !important;
}

.op-activity-card,
.activity-section,
.op-main-card.op-stats-card {
  background: rgba(248, 250, 252, 0.70) !important;
}

.activity-section,
.op-main-card.op-stats-card {
  padding: 1rem !important;
}

.api-key-status,
.api-key-status.op-topbar {
  padding: 0.85rem 1rem !important;
  background: rgba(248, 250, 252, 0.78) !important;
  border-color: rgba(148, 163, 184, 0.12) !important;
  box-shadow: none !important;
}

.content-type-selector {
  gap: 0.75rem !important;
  margin-bottom: 1.45rem !important;
}

.content-type-btn {
  padding: 1rem 0.9rem !important;
  background: rgba(255, 255, 255, 0.72) !important;
  border-color: rgba(148, 163, 184, 0.18) !important;
  box-shadow: none !important;
}

.content-type-btn:hover {
  box-shadow: none !important;
  transform: translateY(-1px) !important;
}

.content-type-btn.active {
  background: rgba(239, 246, 255, 0.92) !important;
  border-color: rgba(37, 99, 235, 0.36) !important;
  color: #12307a !important;
  box-shadow: inset 0 0 0 1px rgba(37, 99, 235, 0.08) !important;
}

.content-type-btn.active::after {
  opacity: 0 !important;
}

.content-type-btn .icon {
  margin-bottom: 0.55rem !important;
  box-shadow: none !important;
}

.form-group {
  margin-bottom: 1.1rem !important;
}

.form-group label {
  margin-bottom: 0.42rem !important;
  color: rgba(17, 24, 39, 0.88) !important;
}

.input-mode-toggle {
  margin-bottom: 1.05rem !important;
  background: rgba(241, 245, 249, 0.92) !important;
  border-color: rgba(148, 163, 184, 0.14) !important;
  box-shadow: none !important;
}

#generatorForm #url,
#generatorForm #prompt,
#apiKeyInput {
  background: rgba(255, 255, 255, 0.92) !important;
  border-color: rgba(148, 163, 184, 0.22) !important;
  box-shadow: none !important;
}

.input-hint,
.op-next-hint,
.activity-meta,
.stat-subtitle,
.stat-meta,
.op-helper {
  color: rgba(51, 65, 85, 0.76) !important;
}

.generate-btn {
  border-radius: 10px !important;
  box-shadow: 0 12px 26px rgba(30, 107, 255, 0.22) !important;
}

.generate-btn:hover:not(:disabled) {
  box-shadow: 0 16px 34px rgba(30, 107, 255, 0.24) !important;
  transform: translateY(-1px) !important;
}

.activity-header {
  margin-bottom: 0.85rem !important;
  padding: 0.2rem 0.1rem 0.65rem !important;
  border-bottom-color: rgba(148, 163, 184, 0.12) !important;
}

.activity-header h3 {
  font-size: 1.35rem !important;
  line-height: 1.12 !important;
}

.activity-header p {
  color: rgba(51, 65, 85, 0.72) !important;
}

.activity-list,
#activityList {
  gap: 0.42rem !important;
}

.activity-item,
#activityList .activity-item {
  padding: 0.62rem 0.78rem !important;
  background: rgba(255, 255, 255, 0.62) !important;
  border-color: transparent !important;
  box-shadow: none !important;
}

.activity-item:hover,
#activityList .activity-item:hover {
  background: rgba(255, 255, 255, 0.86) !important;
  box-shadow: none !important;
  transform: none !important;
}

.activity-label,
#activityList .activity-label {
  font-size: 0.84rem !important;
  font-weight: 620 !important;
  color: rgba(17, 24, 39, 0.90) !important;
}

.activity-meta,
#activityList .activity-meta {
  font-size: 0.76rem !important;
}

.activity-row-badges .activity-tag,
.activity-tag {
  border-radius: 6px !important;
}

.op-main-card.op-stats-card {
  padding: 0.85rem !important;
  border-color: transparent !important;
  box-shadow: none !important;
}

.op-stats-card .section-header {
  margin-bottom: 0.9rem !important;
  text-align: left !important;
}

.op-stats-card .section-header h2 {
  font-size: 1.05rem !important;
  line-height: 1.1 !important;
}

.op-stats-card .section-header p {
  max-width: 34ch !important;
  margin-left: 0 !important;
  color: rgba(51, 65, 85, 0.72) !important;
}

.op-dashboard-summary {
  margin-bottom: 0.65rem !important;
  padding: 0.78rem 0.85rem !important;
  background: rgba(255, 255, 255, 0.56) !important;
  border-color: transparent !important;
  box-shadow: none !important;
}

.op-dashboard-summary-text {
  color: rgba(17, 24, 39, 0.82) !important;
  font-weight: 620 !important;
}

.op-stats-mini-grid {
  gap: 0.5rem !important;
  margin-top: 0.65rem !important;
}

.op-mini-stat,
.dash-stat-card.op-mini-stat,
.dash-stat-card {
  padding: 0.75rem !important;
  min-height: 94px !important;
  background: rgba(255, 255, 255, 0.64) !important;
  border-color: transparent !important;
  box-shadow: none !important;
}

.op-mini-stat:hover,
.dash-stat-card.op-mini-stat:hover {
  background: rgba(255, 255, 255, 0.82) !important;
  box-shadow: none !important;
  transform: none !important;
}

.op-mini-stat .stat-title,
.dash-stat-card .stat-title {
  color: rgba(17, 24, 39, 0.70) !important;
  opacity: 1 !important;
}

.op-mini-stat .stat-value,
.dash-stat-card .stat-value {
  font-size: 1.42rem !important;
  font-weight: 720 !important;
  color: rgba(17, 24, 39, 0.94) !important;
}

@media (max-width: 980px) {
  #generator {
    padding-top: 4.5rem !important;
  }

  .generator-card {
    padding: 1.35rem !important;
  }

  .op-main-card.op-stats-card {
    padding: 0.75rem !important;
  }
}

/* Phase 13.0E - Generator visual correction */
.content-type-btn.active .label {
  color: rgba(17, 24, 39, 0.92) !important;
}

.content-type-btn.active .desc {
  color: rgba(51, 65, 85, 0.78) !important;
}

.input-mode-toggle,
.input-mode-toggle.mock-toggle {
  background: rgba(255, 255, 255, 0.96) !important;
  border-color: rgba(148, 163, 184, 0.16) !important;
  box-shadow: none !important;
}

.input-mode-toggle .mode-btn {
  color: rgba(51, 65, 85, 0.76) !important;
  box-shadow: none !important;
}

.input-mode-toggle .mode-btn.active,
.input-mode-toggle.mock-toggle .mode-btn.active {
  background: rgba(239, 246, 255, 0.88) !important;
  border-color: rgba(96, 165, 250, 0.22) !important;
  color: rgba(15, 23, 42, 0.88) !important;
  box-shadow: none !important;
}

.op-logo {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 40px !important;
  height: 40px !important;
  border-radius: 6px !important;
  background: rgba(239, 246, 255, 0.96) !important;
  border-color: rgba(191, 219, 254, 0.82) !important;
  box-shadow: none !important;
}

.op-logo .op-key-icon {
  width: 19px;
  height: 19px;
  stroke: #2563eb;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
}

/* Phase 13.0F - API tile fill and toggle shell/thumb correction */
.op-logo {
  background:
    radial-gradient(circle at 28% 24%, rgba(255, 255, 255, 0.78), transparent 42%),
    linear-gradient(135deg, #e9e7ff 0%, #dbeafe 54%, #dbeafe 100%) !important;
  border-color: rgba(147, 197, 253, 0.72) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.72) !important;
}

.op-logo .op-key-icon {
  stroke: #1d4ed8 !important;
  stroke-width: 2.35 !important;
}

.input-mode-toggle,
.input-mode-toggle.mock-toggle {
  background: rgba(241, 245, 249, 0.96) !important;
  border-color: rgba(203, 213, 225, 0.82) !important;
  box-shadow: none !important;
}

.input-mode-toggle .mode-btn.active,
.input-mode-toggle.mock-toggle .mode-btn.active {
  background: #ffffff !important;
  border-color: rgba(226, 232, 240, 0.96) !important;
  color: rgba(15, 23, 42, 0.88) !important;
  box-shadow: none !important;
}

/* Phase 13.0H - API tile fill restore and toggle vertical balance */
.op-logo {
  background:
    radial-gradient(circle at 30% 30%, rgba(59, 130, 246, 0.65), transparent 60%),
    radial-gradient(circle at 70% 70%, rgba(255, 122, 89, 0.45), transparent 60%),
    linear-gradient(135deg, rgba(255, 255, 255, 0.92), rgba(255, 255, 255, 0.75)) !important;
  border-color: rgba(148, 163, 184, 0.35) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.65) !important;
}

.op-logo .op-key-icon {
  stroke: #0d47a1 !important;
  stroke-width: 2.35 !important;
}

.input-mode-toggle,
.input-mode-toggle.mock-toggle {
  display: inline-flex !important;
  align-items: center !important;
  padding: 5px !important;
  line-height: 1 !important;
}

.input-mode-toggle .mode-btn,
.input-mode-toggle.mock-toggle .mode-btn {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  height: 38px !important;
  line-height: 1 !important;
}

.input-mode-toggle .toggle-ico {
  display: block !important;
  flex: 0 0 auto !important;
}

/* Phase 13.0I - API icon centering and toggle inset balance */
.op-logo .op-key-icon {
  display: block !important;
  width: 20px !important;
  height: 20px !important;
  overflow: visible !important;
  transform: translateX(-0.5px) !important;
  transform-origin: center !important;
  stroke: #0d47a1 !important;
  stroke-width: 2.35 !important;
  stroke-linecap: round !important;
  stroke-linejoin: round !important;
}

.input-mode-toggle,
.input-mode-toggle.mock-toggle {
  box-sizing: border-box !important;
  display: inline-flex !important;
  align-items: center !important;
  padding-block: 4px !important;
  padding-inline: 5px !important;
  line-height: 1 !important;
}

.input-mode-toggle::before,
.input-mode-toggle::after {
  content: none !important;
  display: none !important;
}

.input-mode-toggle .mode-btn,
.input-mode-toggle.mock-toggle .mode-btn {
  box-sizing: border-box !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  height: 36px !important;
  min-height: 36px !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  margin: 0 !important;
  line-height: 1 !important;
  transform: none !important;
}

.input-mode-toggle .mode-btn.active,
.input-mode-toggle.mock-toggle .mode-btn.active {
  transform: none !important;
}

.input-mode-toggle .toggle-ico {
  display: block !important;
  width: 14px !important;
  height: 14px !important;
  flex: 0 0 14px !important;
  margin: 0 !important;
}

/* Phase 13.0J - Recent Activity structural de-boxing */
.op-activity-card {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  padding: 0 !important;
}

.op-activity-card .activity-section {
  display: flex !important;
  flex-direction: column !important;
  gap: 14px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  border-radius: 0 !important;
  padding: 0 !important;
}

.activity-header.activity-header--stitch {
  display: flex !important;
  align-items: flex-start !important;
  justify-content: space-between !important;
  gap: 16px !important;
  margin: 0 !important;
  padding: 0 0 12px !important;
  border-bottom: 1px solid rgba(148, 163, 184, 0.14) !important;
}

.activity-title-group {
  display: flex !important;
  align-items: baseline !important;
  gap: 14px !important;
  flex-wrap: wrap !important;
  min-width: 0 !important;
}

.activity-title-group h3 {
  margin: 0 !important;
  font-size: 1.35rem !important;
  line-height: 1.12 !important;
}

.activity-title-group p {
  margin: 0 !important;
  color: rgba(51, 65, 85, 0.68) !important;
}

.activity-header--stitch .activity-actions {
  flex: 0 0 auto !important;
}

.activity-header--stitch .activity-filters {
  display: flex !important;
  flex-wrap: wrap !important;
  justify-content: flex-end !important;
  gap: 8px !important;
}

.activity-body {
  display: flex !important;
  flex-direction: column !important;
  gap: 12px !important;
  min-height: 448px !important;
}

#qualityTrendsMount {
  margin: 0 !important;
}

#qualityTrendsMount > div:first-child {
  margin-bottom: 8px !important;
  color: rgba(15, 23, 42, 0.86) !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  letter-spacing: 0.02em !important;
}

#qualityTrendsMount .quality-trends-card {
  min-height: 112px !important;
  padding: 12px !important;
  background: rgba(255, 255, 255, 0.68) !important;
  border: 1px solid rgba(226, 232, 240, 0.72) !important;
  border-radius: 6px !important;
  box-shadow: none !important;
}

.activity-list,
#activityList {
  gap: 8px !important;
  padding: 0 !important;
  background: transparent !important;
  min-height: 344px !important;
}

.activity-item,
#activityList .activity-item {
  background: rgba(255, 255, 255, 0.72) !important;
  border: 1px solid rgba(226, 232, 240, 0.72) !important;
  border-radius: 6px !important;
  box-shadow: none !important;
}

.activity-item:hover,
#activityList .activity-item:hover {
  background: rgba(255, 255, 255, 0.88) !important;
  border-color: rgba(203, 213, 225, 0.86) !important;
  box-shadow: none !important;
  transform: none !important;
}

.activity-loadmore-wrap {
  margin-top: 0.25rem !important;
}

@media (max-width: 760px) {
  .activity-header.activity-header--stitch,
  .activity-title-group {
    align-items: flex-start !important;
  }

  .activity-header.activity-header--stitch {
    flex-direction: column !important;
  }

  .activity-header--stitch .activity-filters {
    justify-content: flex-start !important;
  }
}

/* Phase 13.0K - Recent Activity unified section and Stitch-like rows */
.op-activity-card .activity-section {
  gap: 12px !important;
}

.activity-header.activity-header--stitch {
  padding: 22px 24px 16px !important;
  background: rgba(255, 255, 255, 0.54) !important;
  border: 1px solid rgba(226, 232, 240, 0.76) !important;
  border-bottom: none !important;
  border-radius: 6px 6px 0 0 !important;
}

.activity-header--stitch .activity-filter-btn {
  min-height: 34px !important;
  padding: 0 14px !important;
  border-radius: 10px !important;
  background: rgba(255, 255, 255, 0.78) !important;
  border-color: rgba(203, 213, 225, 0.78) !important;
  box-shadow: none !important;
}

.activity-header--stitch .activity-filter-btn.active {
  background: rgba(219, 234, 254, 0.78) !important;
  border-color: rgba(147, 197, 253, 0.9) !important;
  color: rgba(29, 78, 216, 0.92) !important;
}

#qualityTrendsMount {
  margin: -12px 0 18px !important;
  padding: 0 24px 20px !important;
  background: rgba(255, 255, 255, 0.54) !important;
  border: 1px solid rgba(226, 232, 240, 0.76) !important;
  border-top: none !important;
  border-radius: 0 0 6px 6px !important;
}

#qualityTrendsMount .quality-trends-card {
  background: rgba(255, 255, 255, 0.82) !important;
  border-color: rgba(226, 232, 240, 0.86) !important;
}

.activity-list,
#activityList {
  gap: 12px !important;
}

.activity-item,
#activityList .activity-item {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  align-items: center !important;
  column-gap: 20px !important;
  padding: 14px 16px !important;
  background: rgba(255, 255, 255, 0.78) !important;
  border: 1px solid rgba(226, 232, 240, 0.78) !important;
  border-radius: 6px !important;
}

.activity-main,
#activityList .activity-main {
  min-width: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 6px !important;
}

.activity-label,
#activityList .activity-label {
  position: relative !important;
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  min-width: 0 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  font-size: 0.88rem !important;
  font-weight: 700 !important;
  letter-spacing: 0.01em !important;
}

.activity-label::before,
#activityList .activity-label::before {
  content: "" !important;
  width: 8px !important;
  height: 8px !important;
  flex: 0 0 8px !important;
  border-radius: 999px !important;
  background: #3b82f6 !important;
  box-shadow: 0 0 0 4px rgba(59, 130, 246, 0.12) !important;
}

.activity-item--video .activity-label::before {
  background: #8b5cf6 !important;
  box-shadow: 0 0 0 4px rgba(139, 92, 246, 0.12) !important;
}

.activity-item--longform .activity-label::before {
  background: #f97316 !important;
  box-shadow: 0 0 0 4px rgba(249, 115, 22, 0.12) !important;
}

.activity-meta,
#activityList .activity-meta {
  padding-left: 16px !important;
  font-size: 0.78rem !important;
  color: rgba(71, 85, 105, 0.66) !important;
}

.activity-row-actions,
#activityList .activity-row-actions {
  min-width: 310px !important;
  display: grid !important;
  grid-template-rows: auto auto !important;
  justify-items: end !important;
  gap: 8px !important;
}

.activity-row-badges,
#activityList .activity-row-badges {
  display: grid !important;
  grid-template-columns: auto auto !important;
  grid-auto-rows: minmax(28px, auto) !important;
  align-items: center !important;
  justify-content: end !important;
  gap: 6px 8px !important;
}

.activity-row-badges .activity-tag,
#activityList .activity-row-badges .activity-tag {
  min-height: 28px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 6px !important;
  padding: 0 12px !important;
  border-radius: 6px !important;
  font-size: 0.76rem !important;
  font-weight: 700 !important;
  line-height: 1 !important;
}

.activity-tag.activity-tag--quality,
#activityList .activity-tag.activity-tag--quality {
  grid-column: 1 !important;
  grid-row: 1 !important;
  background: rgba(15, 23, 42, 0.96) !important;
  border-color: rgba(15, 23, 42, 0.96) !important;
  color: #ffffff !important;
}

.activity-tag.activity-tag--quality[data-tier="excellent"],
#activityList .activity-tag.activity-tag--quality[data-tier="excellent"] {
  background: rgba(49, 28, 86, 0.96) !important;
  border-color: rgba(49, 28, 86, 0.96) !important;
}

.activity-tag.activity-tag--quality .activity-qicon {
  color: var(--qcol, #22c55e) !important;
}

.activity-row-badges > .activity-tag:not(.activity-tag--quality),
#activityList .activity-row-badges > .activity-tag:not(.activity-tag--quality) {
  grid-column: 2 !important;
  grid-row: 1 !important;
  background: rgba(220, 252, 231, 0.76) !important;
  border-color: rgba(187, 247, 208, 0.88) !important;
  color: rgba(21, 128, 61, 0.96) !important;
}

.activity-row-badges .regen-pill,
#activityList .activity-row-badges .regen-pill {
  grid-column: 2 !important;
  grid-row: 2 !important;
  justify-self: stretch !important;
  min-height: 28px !important;
  border-radius: 6px !important;
  padding: 0 12px !important;
  background: rgba(248, 250, 252, 0.9) !important;
  border: 1px solid rgba(203, 213, 225, 0.88) !important;
  color: rgba(71, 85, 105, 0.96) !important;
  box-shadow: none !important;
}

.activity-row-buttons,
#activityList .activity-row-buttons {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
}

.regen-activity-btn,
.regen-manual-btn,
.copy-activity-btn,
.view-activity-btn,
#activityList .regen-activity-btn,
#activityList .regen-manual-btn,
#activityList .copy-activity-btn,
#activityList .view-activity-btn {
  min-height: 34px !important;
  padding: 0 14px !important;
  border-radius: 10px !important;
  font-size: 0.8rem !important;
  font-weight: 700 !important;
  line-height: 1 !important;
}

@media (max-width: 980px) {
  .activity-item,
  #activityList .activity-item {
    grid-template-columns: 1fr !important;
    row-gap: 12px !important;
  }

  .activity-row-actions,
  #activityList .activity-row-actions {
    min-width: 0 !important;
    justify-items: start !important;
  }

  .activity-row-badges,
  #activityList .activity-row-badges,
  .activity-row-buttons,
  #activityList .activity-row-buttons {
    justify-content: start !important;
  }
}

/* Phase 13.0L - True Stitch Recent Activity layout */
.op-activity-card .activity-section {
  background: rgba(255, 255, 255, 0.54) !important;
  border: none !important;
  box-shadow: none !important;
  border-radius: 6px !important;
  padding: 24px !important;
  gap: 18px !important;
}

.activity-header.activity-header--stitch {
  padding: 0 !important;
  background: transparent !important;
  border: none !important;
  border-radius: 0 !important;
}

#qualityTrendsMount {
  margin: 0 0 8px !important;
  padding: 0 !important;
  background: transparent !important;
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

#qualityTrendsMount .quality-trends-card {
  min-height: 104px !important;
  padding: 0 !important;
  background: transparent !important;
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

.activity-list,
#activityList {
  gap: 0 !important;
}

.activity-item,
#activityList .activity-item {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto auto !important;
  align-items: center !important;
  column-gap: 18px !important;
  padding: 14px 0 !important;
  background: transparent !important;
  border: none !important;
  border-top: 1px solid rgba(226, 232, 240, 0.72) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

.activity-item:first-child,
#activityList .activity-item:first-child {
  border-top-color: rgba(226, 232, 240, 0.58) !important;
}

.activity-item:hover,
#activityList .activity-item:hover {
  background: rgba(255, 255, 255, 0.48) !important;
  border-color: rgba(203, 213, 225, 0.78) !important;
  box-shadow: none !important;
  transform: none !important;
}

.activity-main,
#activityList .activity-main {
  grid-column: 1 !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 4px !important;
  min-width: 0 !important;
}

.activity-row-actions,
#activityList .activity-row-actions {
  display: contents !important;
  min-width: 0 !important;
}

.activity-row-badges,
#activityList .activity-row-badges {
  grid-column: 2 !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  justify-content: center !important;
  gap: 6px !important;
  min-width: 116px !important;
}

.activity-row-badges .activity-tag,
#activityList .activity-row-badges .activity-tag,
.activity-row-badges .regen-pill,
#activityList .activity-row-badges .regen-pill {
  width: 100% !important;
  min-height: 28px !important;
  justify-content: flex-start !important;
}

.activity-tag.activity-tag--quality,
#activityList .activity-tag.activity-tag--quality,
.activity-row-badges > .activity-tag:not(.activity-tag--quality),
#activityList .activity-row-badges > .activity-tag:not(.activity-tag--quality),
.activity-row-badges .regen-pill,
#activityList .activity-row-badges .regen-pill {
  grid-column: auto !important;
  grid-row: auto !important;
  justify-self: auto !important;
}

.activity-row-buttons,
#activityList .activity-row-buttons {
  grid-column: 3 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 8px !important;
  flex-wrap: nowrap !important;
}

.activity-label,
#activityList .activity-label {
  gap: 8px !important;
}

.activity-meta,
#activityList .activity-meta {
  padding-left: 16px !important;
}

@media (max-width: 980px) {
  .activity-item,
  #activityList .activity-item {
    grid-template-columns: 1fr !important;
    row-gap: 12px !important;
  }

  .activity-row-actions,
  #activityList .activity-row-actions {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 8px !important;
  }

  .activity-row-badges,
  #activityList .activity-row-badges,
  .activity-row-buttons,
  #activityList .activity-row-buttons {
    grid-column: 1 !important;
  }

  .activity-row-buttons,
  #activityList .activity-row-buttons {
    justify-content: flex-start !important;
    flex-wrap: wrap !important;
  }
}

/* Phase 13.0M - Separate entries and explicit activity columns */
.op-activity-card .activity-section {
  background: transparent !important;
  padding: 0 !important;
  gap: 18px !important;
}

.activity-header.activity-header--stitch,
#qualityTrendsMount {
  background: rgba(255, 255, 255, 0.56) !important;
}

.activity-header.activity-header--stitch {
  padding: 24px 24px 16px !important;
  border-radius: 6px 6px 0 0 !important;
}

#qualityTrendsMount {
  margin: -18px 0 10px !important;
  padding: 0 24px 24px !important;
  border-radius: 0 0 6px 6px !important;
}

.activity-list,
#activityList {
  display: flex !important;
  flex-direction: column !important;
  gap: 12px !important;
}

.activity-item,
#activityList .activity-item {
  display: grid !important;
  grid-template-columns: minmax(104px, 0.75fr) minmax(0, 2.2fr) minmax(120px, auto) minmax(220px, auto) !important;
  align-items: center !important;
  column-gap: 18px !important;
  padding: 16px !important;
  background: rgba(255, 255, 255, 0.74) !important;
  border: 1px solid rgba(226, 232, 240, 0.74) !important;
  border-radius: 6px !important;
  box-shadow: none !important;
}

.activity-item:first-child,
#activityList .activity-item:first-child {
  border-top: 1px solid rgba(226, 232, 240, 0.74) !important;
}

.activity-type-cell,
#activityList .activity-type-cell {
  grid-column: 1 !important;
  min-width: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 4px !important;
}

.activity-source-cell,
#activityList .activity-source-cell {
  grid-column: 2 !important;
  min-width: 0 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  color: rgba(31, 41, 55, 0.92) !important;
  font-size: 0.86rem !important;
  font-weight: 600 !important;
}

.activity-type-cell .activity-label,
#activityList .activity-type-cell .activity-label {
  overflow: visible !important;
  text-overflow: clip !important;
  white-space: nowrap !important;
  text-transform: none !important;
}

.activity-type-text {
  color: rgba(15, 23, 42, 0.9) !important;
  font-size: 0.82rem !important;
  font-weight: 800 !important;
  letter-spacing: 0.04em !important;
}

.activity-type-cell .activity-meta,
#activityList .activity-type-cell .activity-meta {
  padding-left: 16px !important;
}

.activity-row-badges,
#activityList .activity-row-badges {
  grid-column: 3 !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
  justify-content: center !important;
  gap: 6px !important;
  min-width: 120px !important;
}

.activity-row-badges .activity-tag,
#activityList .activity-row-badges .activity-tag,
.activity-row-badges .regen-pill,
#activityList .activity-row-badges .regen-pill {
  width: 100% !important;
  justify-content: flex-start !important;
}

.activity-row-buttons,
#activityList .activity-row-buttons {
  grid-column: 4 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  flex-wrap: nowrap !important;
  gap: 8px !important;
}

@media (max-width: 1120px) {
  .activity-item,
  #activityList .activity-item {
    grid-template-columns: minmax(96px, 0.8fr) minmax(0, 1.8fr) minmax(120px, auto) !important;
  }

  .activity-row-buttons,
  #activityList .activity-row-buttons {
    grid-column: 1 / -1 !important;
    justify-content: flex-start !important;
    flex-wrap: wrap !important;
  }
}

@media (max-width: 760px) {
  .activity-item,
  #activityList .activity-item {
    grid-template-columns: 1fr !important;
    row-gap: 12px !important;
  }

  .activity-type-cell,
  #activityList .activity-type-cell,
  .activity-source-cell,
  #activityList .activity-source-cell,
  .activity-row-badges,
  #activityList .activity-row-badges,
  .activity-row-buttons,
  #activityList .activity-row-buttons {
    grid-column: 1 !important;
  }
}

/* Phase 13.0N - Recent Activity unified card and right-side grouping */
.op-activity-card .activity-section {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  padding: 0 !important;
  gap: 18px !important;
}

.activity-header.activity-header--stitch {
  margin: 0 !important;
  padding: 26px 28px 14px !important;
  background: rgba(255, 255, 255, 0.78) !important;
  border: 1px solid rgba(226, 232, 240, 0.78) !important;
  border-bottom: none !important;
  border-radius: 6px 6px 0 0 !important;
  box-shadow: none !important;
}

#qualityTrendsMount {
  margin: -18px 0 18px !important;
  padding: 0 28px 24px !important;
  background: rgba(255, 255, 255, 0.78) !important;
  border: 1px solid rgba(226, 232, 240, 0.78) !important;
  border-top: none !important;
  border-radius: 0 0 6px 6px !important;
  box-shadow: none !important;
}

#qualityTrendsMount .quality-trends-card {
  min-height: 104px !important;
  padding: 0 !important;
  background: transparent !important;
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

#qualityTrendsMount > div:first-child {
  margin-top: 0 !important;
}

.activity-list,
#activityList {
  gap: 8px !important;
  margin-top: 8px !important;
  margin-bottom: 28px !important;
}

.activity-item,
#activityList .activity-item {
  display: grid !important;
  grid-template-columns: minmax(96px, 0.56fr) minmax(260px, 1.7fr) minmax(112px, auto) minmax(330px, auto) !important;
  align-items: center !important;
  column-gap: 20px !important;
  padding: 16px 18px !important;
  background: rgba(255, 255, 255, 0.76) !important;
  border: 1px solid rgba(226, 232, 240, 0.78) !important;
  border-radius: 6px !important;
  box-shadow: none !important;
}

.activity-item:hover,
#activityList .activity-item:hover {
  background: rgba(255, 255, 255, 0.9) !important;
  border-color: rgba(203, 213, 225, 0.86) !important;
  box-shadow: none !important;
  transform: none !important;
}

.activity-item--social .activity-label::before,
#activityList .activity-item--social .activity-label::before {
  background: #3b82f6 !important;
  box-shadow: 0 0 0 4px rgba(59, 130, 246, 0.12) !important;
}

.activity-item--video .activity-label::before,
#activityList .activity-item--video .activity-label::before {
  background: #8b5cf6 !important;
  box-shadow: 0 0 0 4px rgba(139, 92, 246, 0.12) !important;
}

.activity-item--longform .activity-label::before,
#activityList .activity-item--longform .activity-label::before {
  background: #f97316 !important;
  box-shadow: 0 0 0 4px rgba(249, 115, 22, 0.12) !important;
}

.activity-source-cell,
#activityList .activity-source-cell {
  min-width: 0 !important;
  max-width: none !important;
}

.activity-row-badges,
#activityList .activity-row-badges {
  grid-column: 3 !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  justify-content: center !important;
  gap: 6px !important;
  width: max-content !important;
  min-width: 0 !important;
}

.activity-row-badges .activity-tag,
#activityList .activity-row-badges .activity-tag,
.activity-row-badges .regen-pill,
#activityList .activity-row-badges .regen-pill {
  width: auto !important;
  min-width: 106px !important;
  max-width: 142px !important;
  min-height: 28px !important;
  padding: 0 12px !important;
  justify-content: flex-start !important;
}

.activity-tag.activity-tag--quality,
#activityList .activity-tag.activity-tag--quality {
  min-width: 112px !important;
}

.activity-row-badges .regen-pill,
#activityList .activity-row-badges .regen-pill {
  margin-top: 0 !important;
}

.activity-row-buttons,
#activityList .activity-row-buttons {
  grid-column: 4 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  flex-wrap: nowrap !important;
  gap: 8px !important;
  min-width: 330px !important;
}

@media (max-width: 1120px) {
  .activity-item,
  #activityList .activity-item {
    grid-template-columns: minmax(96px, 0.7fr) minmax(220px, 1.6fr) minmax(112px, auto) !important;
  }

  .activity-row-buttons,
  #activityList .activity-row-buttons {
    grid-column: 1 / -1 !important;
    justify-content: flex-start !important;
    flex-wrap: wrap !important;
    min-width: 0 !important;
  }
}

@media (max-width: 760px) {
  .activity-header.activity-header--stitch {
    padding: 22px 20px 14px !important;
  }

  #qualityTrendsMount {
    padding: 0 20px 22px !important;
  }

  .activity-item,
  #activityList .activity-item {
    grid-template-columns: 1fr !important;
    row-gap: 12px !important;
  }

  .activity-type-cell,
  #activityList .activity-type-cell,
  .activity-source-cell,
  #activityList .activity-source-cell,
  .activity-row-badges,
  #activityList .activity-row-badges,
  .activity-row-buttons,
  #activityList .activity-row-buttons {
    grid-column: 1 !important;
  }
}

/* Phase 13.0O - Bounded Recent Activity rows */
.activity-item,
#activityList .activity-item {
  display: grid !important;
  grid-template-columns: minmax(84px, 0.5fr) minmax(0, 1.35fr) minmax(260px, 0.95fr) !important;
  align-items: center !important;
  column-gap: 16px !important;
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
  overflow: hidden !important;
}

.activity-type-cell,
#activityList .activity-type-cell,
.activity-source-cell,
#activityList .activity-source-cell,
.activity-right-cell,
#activityList .activity-right-cell {
  min-width: 0 !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
}

.activity-source-cell,
#activityList .activity-source-cell {
  grid-column: 2 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

.activity-right-cell,
#activityList .activity-right-cell {
  grid-column: 3 !important;
  display: grid !important;
  grid-template-rows: auto auto !important;
  justify-items: end !important;
  align-items: center !important;
  gap: 8px !important;
  overflow: hidden !important;
}

.activity-status-wrap,
#activityList .activity-status-wrap {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-end !important;
  gap: 6px !important;
  max-width: 100% !important;
}

.activity-status-primary,
#activityList .activity-status-primary,
.activity-status-secondary,
#activityList .activity-status-secondary {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 8px !important;
  max-width: 100% !important;
}

.activity-status-secondary,
#activityList .activity-status-secondary {
  justify-content: flex-end !important;
}

.activity-row-badges,
#activityList .activity-row-badges {
  display: contents !important;
}

.activity-row-badges .activity-tag,
#activityList .activity-row-badges .activity-tag,
.activity-status-wrap .activity-tag,
#activityList .activity-status-wrap .activity-tag,
.activity-status-wrap .regen-pill,
#activityList .activity-status-wrap .regen-pill {
  width: auto !important;
  min-width: 0 !important;
  max-width: 100% !important;
  min-height: 28px !important;
  padding: 0 12px !important;
  justify-content: center !important;
  white-space: nowrap !important;
}

.activity-tag.activity-tag--quality,
#activityList .activity-tag.activity-tag--quality {
  min-width: 104px !important;
}

.activity-status-wrap .regen-pill,
#activityList .activity-status-wrap .regen-pill {
  margin-top: 0 !important;
}

/* Phase 13.5A - Recent Runs control gap normalization */
#activityList .activity-right-cell {
  gap: 12px !important;
}

#activityList .activity-status-wrap {
  gap: 12px !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

#activityList .activity-row-buttons {
  gap: 12px !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

#activityList .activity-row-badges,
#activityList .activity-status,
#activityList .activity-row-buttons > * {
  margin-left: 0 !important;
  margin-right: 0 !important;
}

/* Phase 13.5C - Recent Runs fixed-lane width correction */
#activityList .activity-status-wrap {
  width: 258px !important;
  min-width: 258px !important;
  max-width: 258px !important;
}

#activityList .activity-row-buttons {
  width: 250px !important;
  min-width: 250px !important;
  max-width: 250px !important;
}

#activityList .activity-right-cell:has(.activity-row-buttons > .regen-activity-btn) .activity-row-buttons {
  width: 346px !important;
  min-width: 346px !important;
  max-width: 346px !important;
}

.activity-row-buttons,
#activityList .activity-row-buttons {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  flex-wrap: nowrap !important;
  gap: 8px !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
  overflow: hidden !important;
}

.activity-row-buttons .btn,
#activityList .activity-row-buttons .btn,
.activity-row-buttons button,
#activityList .activity-row-buttons button {
  flex: 0 1 auto !important;
  min-width: 0 !important;
  max-width: 100% !important;
}

@media (max-width: 1180px) {
  .activity-item,
  #activityList .activity-item {
    grid-template-columns: minmax(84px, 0.45fr) minmax(0, 1fr) minmax(236px, 0.85fr) !important;
    column-gap: 14px !important;
  }

  .activity-row-buttons,
  #activityList .activity-row-buttons {
    gap: 6px !important;
  }
}

@media (max-width: 980px) {
  .activity-item,
  #activityList .activity-item {
    grid-template-columns: minmax(92px, auto) minmax(0, 1fr) !important;
    row-gap: 12px !important;
  }

  .activity-right-cell,
  #activityList .activity-right-cell {
    grid-column: 1 / -1 !important;
    justify-items: start !important;
  }

  .activity-status-wrap,
  #activityList .activity-status-wrap,
  .activity-status-primary,
  #activityList .activity-status-primary,
  .activity-status-secondary,
  #activityList .activity-status-secondary,
  .activity-row-buttons,
  #activityList .activity-row-buttons {
    justify-content: flex-start !important;
    align-items: flex-start !important;
  }

  .activity-row-buttons,
  #activityList .activity-row-buttons {
    flex-wrap: wrap !important;
  }
}

@media (max-width: 760px) {
  .activity-item,
  #activityList .activity-item {
    grid-template-columns: 1fr !important;
  }

  .activity-source-cell,
  #activityList .activity-source-cell,
  .activity-right-cell,
  #activityList .activity-right-cell {
    grid-column: 1 !important;
  }
}

/* Phase 13.0P - Stitch-like bounded horizontal activity rows */
.activity-item,
#activityList .activity-item {
  grid-template-columns: minmax(82px, 96px) minmax(0, 1fr) minmax(328px, auto) !important;
  column-gap: 14px !important;
  padding: 14px 16px !important;
  overflow: visible !important;
}

.activity-type-cell,
#activityList .activity-type-cell {
  width: 100% !important;
}

.activity-source-cell,
#activityList .activity-source-cell {
  min-width: 0 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

.activity-right-cell,
#activityList .activity-right-cell {
  width: 100% !important;
  min-width: 328px !important;
  max-width: 100% !important;
  overflow: visible !important;
  justify-items: end !important;
  gap: 7px !important;
}

.activity-status-wrap,
#activityList .activity-status-wrap {
  width: 100% !important;
  align-items: flex-end !important;
  gap: 8px !important;
  column-gap: 8px !important;
}

.activity-status-primary,
#activityList .activity-status-primary {
  width: 100% !important;
  justify-content: flex-end !important;
  gap: 8px !important;
  flex-wrap: nowrap !important;
}

.activity-status-secondary,
#activityList .activity-status-secondary {
  width: 100% !important;
  justify-content: flex-end !important;
  gap: 8px !important;
}

.activity-status-wrap .activity-tag,
#activityList .activity-status-wrap .activity-tag,
.activity-status-wrap .regen-pill,
#activityList .activity-status-wrap .regen-pill {
  flex: 0 0 auto !important;
  white-space: nowrap !important;
}

.activity-row-buttons,
#activityList .activity-row-buttons {
  width: 100% !important;
  justify-content: flex-end !important;
  flex-wrap: nowrap !important;
  gap: 8px !important;
  overflow: visible !important;
}

.activity-row-buttons .btn,
#activityList .activity-row-buttons .btn,
.activity-row-buttons button,
#activityList .activity-row-buttons button,
#activityList .op-action-btn,
#activityList .op-copy-btn,
#activityList .op-view-btn {
  flex: 0 0 auto !important;
  min-width: max-content !important;
  white-space: nowrap !important;
  padding-left: 12px !important;
  padding-right: 12px !important;
}

#activityList .op-copy-btn {
  min-width: 76px !important;
}

#activityList .op-view-btn {
  min-width: 54px !important;
}

@media (max-width: 1180px) {
  .activity-item,
  #activityList .activity-item {
    grid-template-columns: minmax(78px, 92px) minmax(0, 1fr) minmax(308px, auto) !important;
    column-gap: 12px !important;
  }

  .activity-right-cell,
  #activityList .activity-right-cell {
    min-width: 308px !important;
  }

  .activity-row-buttons,
  #activityList .activity-row-buttons,
  .activity-status-primary,
  #activityList .activity-status-primary {
    gap: 6px !important;
  }

  .activity-row-buttons .btn,
  #activityList .activity-row-buttons .btn,
  .activity-row-buttons button,
  #activityList .activity-row-buttons button,
  #activityList .op-action-btn,
  #activityList .op-copy-btn,
  #activityList .op-view-btn {
    padding-left: 10px !important;
    padding-right: 10px !important;
  }
}

@media (max-width: 980px) {
  .activity-item,
  #activityList .activity-item {
    grid-template-columns: minmax(92px, auto) minmax(0, 1fr) !important;
  }

  .activity-right-cell,
  #activityList .activity-right-cell {
    min-width: 0 !important;
    width: 100% !important;
  }

  .activity-status-wrap,
  #activityList .activity-status-wrap,
  .activity-status-primary,
  #activityList .activity-status-primary,
  .activity-status-secondary,
  #activityList .activity-status-secondary,
  .activity-row-buttons,
  #activityList .activity-row-buttons {
    align-items: flex-start !important;
    justify-content: flex-start !important;
  }

  .activity-row-buttons,
  #activityList .activity-row-buttons {
    flex-wrap: wrap !important;
  }
}

/* Phase 13.0Y - Hard-lock Recent Activity to one runtime top-card wrapper */
.op-activity-card .activity-section.activity-section--top-card-locked {
  gap: 18px !important;
}

.op-activity-card .activity-section.activity-section--top-card-locked > .activity-top-card {
  display: block !important;
  width: 100% !important;
  box-sizing: border-box !important;
  margin: 0 0 18px !important;
  padding: 30px 32px 28px !important;
  background: #ffffff !important;
  border: 1px solid rgba(226, 232, 240, 0.9) !important;
  border-radius: 6px !important;
  box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04) !important;
}

.op-activity-card .activity-section.activity-section--top-card-locked > .activity-top-card > .activity-header.activity-header--stitch {
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  border-radius: 0 !important;
}

.op-activity-card .activity-section.activity-section--top-card-locked > .activity-top-card > #qualityTrendsMount {
  margin: 24px 0 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  border-radius: 0 !important;
}

.op-activity-card .activity-section.activity-section--top-card-locked > .activity-top-card > #qualityTrendsMount > div:first-child {
  margin: 0 0 12px !important;
}

.op-activity-card .activity-section.activity-section--top-card-locked > .activity-top-card > #qualityTrendsMount .quality-trends-card {
  min-height: 116px !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  border-radius: 0 !important;
}

.op-activity-card .activity-section.activity-section--top-card-locked > .activity-top-card > #qualityTrendsMount .quality-trends-card::before,
.op-activity-card .activity-section.activity-section--top-card-locked > .activity-top-card > #qualityTrendsMount .quality-trends-card::after {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

.op-activity-card .activity-section.activity-section--top-card-locked > .activity-body > #activityList {
  margin-top: 0 !important;
}

@media (max-width: 760px) {
  .op-activity-card .activity-section.activity-section--top-card-locked > .activity-top-card {
    padding: 24px 20px !important;
  }

  .op-activity-card .activity-section.activity-section--top-card-locked > .activity-top-card > #qualityTrendsMount {
    margin-top: 20px !important;
  }
}

/* Phase 13.1A - Recent Activity polish: thin graph outline, soft pills, aligned widths */
.op-activity-card .activity-section.activity-section--top-card-locked > .activity-top-card {
  box-shadow: 0 1px 2px rgba(15, 23, 42, 0.03) !important;
}

.op-activity-card .activity-section.activity-section--top-card-locked > .activity-top-card > #qualityTrendsMount {
  border: 1px solid rgba(226, 232, 240, 0.6) !important;
  border-radius: 6px !important;
  padding: 18px 18px 16px !important;
  margin-top: 20px !important;
  background: rgba(248, 250, 252, 0.35) !important;
}

.op-activity-card .activity-section.activity-section--top-card-locked > .activity-top-card > #qualityTrendsMount .quality-trends-card {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  padding: 0 !important;
}

.activity-filter-btn {
  background: rgba(248, 250, 252, 0.7) !important;
  border: 1px solid rgba(226, 232, 240, 0.7) !important;
  box-shadow: none !important;
  transition: all 0.15s ease !important;
}

.activity-filter-btn.active {
  background: rgba(59, 130, 246, 0.08) !important;
  border-color: rgba(59, 130, 246, 0.25) !important;
  box-shadow: none !important;
}

.activity-filter-btn:hover {
  background: rgba(241, 245, 249, 0.9) !important;
}

.op-generator-card,
.op-activity-card {
  width: 100% !important;
  max-width: 100% !important;
}

.op-generator-card {
  margin-bottom: 32px !important;
}
/* Phase 13.1B - Generator card alignment with Recent Activity */
.op-workspace-left {
  gap: 18px !important;
}

.generator-card,
.op-activity-card {
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
}

.generator-card {
  margin-bottom: 0 !important;
  background: #ffffff !important;
  border: 1px solid rgba(226, 232, 240, 0.9) !important;
  border-radius: 6px !important;
  box-shadow: 0 1px 2px rgba(15, 23, 42, 0.03) !important;
}

/* Phase 13.1C - Equalize generator/activity/row vertical spacing */
.op-workspace-left {
  gap: 0 !important;
}

.op-generator-card,
.generator-card {
  margin-bottom: 0 !important;
}

.op-activity-card {
  margin-top: 18px !important;
}

/* Phase 13.1D - Single spacing source above Recent Activity */
.op-workspace-left {
  gap: 0 !important;
  row-gap: 0 !important;
}

.op-workspace-left > .generator-card,
.op-workspace-left > .op-generator-card {
  margin-bottom: 0 !important;
}

.op-workspace-left > .op-activity-card {
  margin-top: 0 !important;
}

.op-workspace-left > .generator-card + .op-activity-card {
  margin-top: 18px !important;
}

/* Phase 13.1F - kill flex gap completely */
.op-workspace-left {
  gap: 0 !important;
  row-gap: 0 !important;
}

.op-workspace-left > * {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

.op-workspace-left > .generator-card + .op-main-card.op-activity-card {
  margin-top: 18px !important;
}

.generator-card,
.op-generator-card {
  margin-bottom: 0 !important;
}

/* Phase 13.1F - final filter paint override (buttons + badges) */
.activity-filter-btn,
.activity-header--stitch .activity-filter-btn {
  background: rgba(248, 250, 252, 0.75) !important;
  border: 1px solid rgba(226, 232, 240, 0.7) !important;
  box-shadow: none !important;
  transition: none !important;
}

.activity-filter-btn.active,
.activity-header--stitch .activity-filter-btn.active {
  background: rgba(59, 130, 246, 0.08) !important;
  border-color: rgba(59, 130, 246, 0.25) !important;
}

.activity-filter-btn .activity-badge,
.activity-header--stitch .activity-filter-btn .activity-badge {
  background: rgba(148, 163, 184, 0.18) !important;
  border: 1px solid rgba(148, 163, 184, 0.25) !important;
  color: #475569 !important;
  box-shadow: none !important;
  transition: none !important;
}

.activity-filter-btn.active .activity-badge,
.activity-header--stitch .activity-filter-btn.active .activity-badge {
  background: rgba(59, 130, 246, 0.12) !important;
  border-color: rgba(59, 130, 246, 0.30) !important;
  color: #1d4ed8 !important;
}

.activity-filter-btn:hover,
.activity-header--stitch .activity-filter-btn:hover {
  background: rgba(241, 245, 249, 0.9) !important;
}

/* Phase 13.1G - Recent Activity row action button normalization */
.activity-row-buttons,
#activityList .activity-row-buttons {
  align-items: center !important;
  gap: 8px !important;
}

.activity-row-buttons .regen-activity-btn,
.activity-row-buttons .regen-manual-btn,
.activity-row-buttons .copy-activity-btn,
.activity-row-buttons .view-activity-btn,
#activityList .activity-row-buttons .regen-activity-btn,
#activityList .activity-row-buttons .regen-manual-btn,
#activityList .activity-row-buttons .copy-activity-btn,
#activityList .activity-row-buttons .view-activity-btn {
  min-height: 42px !important;
  height: 42px !important;
  padding: 0 16px !important;
  border-radius: 10px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 7px !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  white-space: nowrap !important;
  box-shadow: none !important;
  text-decoration: none !important;
  filter: none !important;
  transform: none !important;
  transition: background-color 140ms ease, border-color 140ms ease, color 140ms ease !important;
}

.activity-row-buttons .regen-activity-btn,
.activity-row-buttons .regen-manual-btn,
.activity-row-buttons .copy-activity-btn,
.activity-row-buttons .view-activity-btn,
#activityList .activity-row-buttons .regen-activity-btn,
#activityList .activity-row-buttons .regen-manual-btn,
#activityList .activity-row-buttons .copy-activity-btn,
#activityList .activity-row-buttons .view-activity-btn {
  background: rgba(37, 99, 235, 0.10) !important;
  border: 1px solid rgba(37, 99, 235, 0.34) !important;
  color: #2563eb !important;
}

.activity-row-buttons .regen-activity-btn:hover,
.activity-row-buttons .regen-manual-btn:hover,
.activity-row-buttons .copy-activity-btn:hover,
.activity-row-buttons .view-activity-btn:hover,
#activityList .activity-row-buttons .regen-activity-btn:hover,
#activityList .activity-row-buttons .regen-manual-btn:hover,
#activityList .activity-row-buttons .copy-activity-btn:hover,
#activityList .activity-row-buttons .view-activity-btn:hover {
  background: rgba(37, 99, 235, 0.14) !important;
  border-color: rgba(37, 99, 235, 0.42) !important;
  color: #1d4ed8 !important;
  box-shadow: none !important;
  filter: none !important;
  transform: none !important;
}

.activity-row-buttons .regen-activity-btn:active,
.activity-row-buttons .regen-manual-btn:active,
.activity-row-buttons .copy-activity-btn:active,
.activity-row-buttons .view-activity-btn:active,
#activityList .activity-row-buttons .regen-activity-btn:active,
#activityList .activity-row-buttons .regen-manual-btn:active,
#activityList .activity-row-buttons .copy-activity-btn:active,
#activityList .activity-row-buttons .view-activity-btn:active {
  box-shadow: none !important;
  filter: none !important;
  transform: none !important;
}

.activity-row-buttons .regen-activity-btn::before,
.activity-row-buttons .regen-activity-btn::after,
.activity-row-buttons .regen-manual-btn::before,
.activity-row-buttons .regen-manual-btn::after,
.activity-row-buttons .copy-activity-btn::before,
.activity-row-buttons .copy-activity-btn::after,
.activity-row-buttons .view-activity-btn::before,
.activity-row-buttons .view-activity-btn::after,
#activityList .activity-row-buttons .regen-activity-btn::before,
#activityList .activity-row-buttons .regen-activity-btn::after,
#activityList .activity-row-buttons .regen-manual-btn::before,
#activityList .activity-row-buttons .regen-manual-btn::after,
#activityList .activity-row-buttons .copy-activity-btn::before,
#activityList .activity-row-buttons .copy-activity-btn::after,
#activityList .activity-row-buttons .view-activity-btn::before,
#activityList .activity-row-buttons .view-activity-btn::after {
  content: none !important;
  display: none !important;
  box-shadow: none !important;
}

.activity-row-buttons .copy-activity-btn.is-copied,
#activityList .activity-row-buttons .copy-activity-btn.is-copied {
  background: rgba(34, 197, 94, 0.12) !important;
  border-color: rgba(34, 197, 94, 0.42) !important;
  color: #15803d !important;
}

.activity-row-buttons .regen-activity-btn:disabled,
.activity-row-buttons .regen-manual-btn:disabled,
#activityList .activity-row-buttons .regen-activity-btn:disabled,
#activityList .activity-row-buttons .regen-manual-btn:disabled {
  background: rgba(148, 163, 184, 0.12) !important;
  border-color: rgba(148, 163, 184, 0.25) !important;
  color: rgba(100, 116, 139, 0.82) !important;
  box-shadow: none !important;
  filter: none !important;
  transform: none !important;
}

@media (max-width: 760px) {
  .activity-row-buttons .regen-activity-btn,
  .activity-row-buttons .regen-manual-btn,
  .activity-row-buttons .copy-activity-btn,
  .activity-row-buttons .view-activity-btn,
  #activityList .activity-row-buttons .regen-activity-btn,
  #activityList .activity-row-buttons .regen-manual-btn,
  #activityList .activity-row-buttons .copy-activity-btn,
  #activityList .activity-row-buttons .view-activity-btn {
    min-height: 40px !important;
    height: 40px !important;
    padding-left: 14px !important;
    padding-right: 14px !important;
  }
}

/* Phase 13.1H - Dashboard typography alignment to Output system */
body {
  font-family: 'Inter', sans-serif !important;
  line-height: 1.6 !important;
  color: #2c2f31 !important;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

#generator h1,
#generator h2,
#generator h3,
#generator h4,
#dashboard-stats h1,
#dashboard-stats h2,
#dashboard-stats h3,
#dashboard-stats h4,
.activity-header h3,
.activity-title-group h3,
.op-stats-card .section-header h2,
.generator-header h1,
.logo,
.footer-logo {
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  letter-spacing: -0.02em !important;
  line-height: 1.08 !important;
  color: #2c2f31 !important;
}

.logo,
.footer-logo {
  font-weight: 800 !important;
  letter-spacing: -0.04em !important;
}

.nav-links a,
.btn,
.btn-primary,
.btn-secondary,
.generate-btn,
.activity-filter-btn,
.btn-ghost-sm,
.activity-row-buttons button,
#activityList .op-action-btn,
#activityList .op-copy-btn,
#activityList .op-view-btn {
  font-family: 'Inter', sans-serif !important;
  letter-spacing: 0 !important;
}

.btn,
.btn-primary,
.btn-secondary,
.generate-btn,
.activity-filter-btn,
.btn-ghost-sm,
.activity-row-buttons button {
  font-weight: 700 !important;
}

.nav-links a {
  font-weight: 600 !important;
  color: #595c5e !important;
}

.generator-header p,
.activity-meta,
#activityList .activity-meta,
.op-dashboard-summary-text,
.activity-title-group p {
  color: #595c5e !important;
}

.op-dashboard-summary-kicker,
.fa-kicker,
.activity-type-cell .activity-meta {
  font-family: 'Inter', sans-serif !important;
  font-weight: 800 !important;
  letter-spacing: 0.08em !important;
}

/* Phase 13.1H.C - Final verified row button geometry */
#activityList .activity-row-buttons > .regen-activity-btn,
#activityList .activity-row-buttons > .regen-manual-btn,
#activityList .activity-row-buttons > .copy-activity-btn,
#activityList .activity-row-buttons > .view-activity-btn {
  min-height: 48px !important;
  height: 48px !important;
  padding: 0 18px !important;
  border-radius: 7px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  line-height: 1 !important;
  box-shadow: none !important;
  filter: none !important;
  transform: none !important;
}

#activityList .activity-row-buttons > .regen-activity-btn:hover,
#activityList .activity-row-buttons > .regen-manual-btn:hover,
#activityList .activity-row-buttons > .copy-activity-btn:hover,
#activityList .activity-row-buttons > .view-activity-btn:hover,
#activityList .activity-row-buttons > .regen-activity-btn:active,
#activityList .activity-row-buttons > .regen-manual-btn:active,
#activityList .activity-row-buttons > .copy-activity-btn:active,
#activityList .activity-row-buttons > .view-activity-btn:active {
  box-shadow: none !important;
  filter: none !important;
  transform: none !important;
}

#activityList .activity-row-buttons > .regen-activity-btn::before,
#activityList .activity-row-buttons > .regen-activity-btn::after,
#activityList .activity-row-buttons > .regen-manual-btn::before,
#activityList .activity-row-buttons > .regen-manual-btn::after,
#activityList .activity-row-buttons > .copy-activity-btn::before,
#activityList .activity-row-buttons > .copy-activity-btn::after,
#activityList .activity-row-buttons > .view-activity-btn::before,
#activityList .activity-row-buttons > .view-activity-btn::after {
  content: none !important;
  display: none !important;
  box-shadow: none !important;
}

/* Phase 13.1H.D - Row control height, spacing, and status-pill scale */
#activityList .activity-row-buttons {
  gap: 5px !important;
  column-gap: 5px !important;
}

#activityList .activity-row-buttons > .regen-activity-btn,
#activityList .activity-row-buttons > .regen-manual-btn,
#activityList .activity-row-buttons > .copy-activity-btn,
#activityList .activity-row-buttons > .view-activity-btn {
  min-height: 52px !important;
  height: 52px !important;
  padding: 0 18px !important;
  border-radius: 7px !important;
  background: rgba(37, 99, 235, 0.065) !important;
  border-color: rgba(37, 99, 235, 0.26) !important;
  color: #1d4ed8 !important;
  box-shadow: none !important;
  filter: none !important;
  transform: none !important;
}

#activityList .activity-row-buttons > .regen-activity-btn:hover,
#activityList .activity-row-buttons > .regen-manual-btn:hover,
#activityList .activity-row-buttons > .copy-activity-btn:hover,
#activityList .activity-row-buttons > .view-activity-btn:hover {
  background: rgba(37, 99, 235, 0.095) !important;
  border-color: rgba(37, 99, 235, 0.34) !important;
  box-shadow: none !important;
  filter: none !important;
  transform: none !important;
}

#activityList .activity-status-primary {
  align-items: center !important;
  gap: 6px !important;
}

#activityList .activity-status-primary > .activity-tag {
  min-height: 52px !important;
  height: 52px !important;
  padding: 0 18px !important;
  border-radius: 7px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  line-height: 1 !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  box-shadow: none !important;
  transform: none !important;
}

#activityList .activity-status-primary > .activity-tag.activity-tag--quality {
  background: #111827 !important;
  border-color: rgba(17, 24, 39, 0.86) !important;
  color: #ffffff !important;
}

#activityList .activity-status-primary > .activity-tag:not(.activity-tag--quality) {
  background: rgba(22, 163, 74, 0.11) !important;
  border-color: rgba(22, 163, 74, 0.30) !important;
  color: #15803d !important;
}

/* Phase 13.1H.E - Tall compact row controls and split status block */
#activityList .activity-row-buttons {
  gap: 4px !important;
  column-gap: 4px !important;
}

#activityList .activity-row-buttons > .regen-activity-btn,
#activityList .activity-row-buttons > .regen-manual-btn,
#activityList .activity-row-buttons > .copy-activity-btn,
#activityList .activity-row-buttons > .view-activity-btn {
  min-height: 58px !important;
  height: 58px !important;
  min-width: 64px !important;
  padding: 0 14px !important;
  border-radius: 7px !important;
  font-size: 12px !important;
  font-weight: 650 !important;
  letter-spacing: 0 !important;
  line-height: 1.08 !important;
  text-align: center !important;
  white-space: nowrap !important;
  box-shadow: none !important;
  filter: none !important;
  transform: none !important;
}

#activityList .activity-row-buttons > .regen-manual-btn {
  width: 82px !important;
  max-width: 82px !important;
  white-space: normal !important;
  overflow-wrap: normal !important;
}

#activityList .activity-row-buttons > .copy-activity-btn {
  width: 74px !important;
  max-width: 74px !important;
}

#activityList .activity-row-buttons > .view-activity-btn {
  width: 58px !important;
  max-width: 58px !important;
}

#activityList .activity-status-wrap {
  display: grid !important;
  grid-template-columns: max-content minmax(112px, max-content) !important;
  grid-template-rows: 1fr !important;
  align-items: stretch !important;
  justify-content: end !important;
  gap: 4px !important;
}

#activityList .activity-status-primary {
  display: contents !important;
}

#activityList .activity-status-primary > .activity-tag.activity-tag--quality {
  grid-column: 1 !important;
  grid-row: 1 / -1 !important;
  min-height: 58px !important;
  height: 58px !important;
  padding: 0 18px !important;
}

#activityList .activity-status-primary > .activity-tag:not(.activity-tag--quality) {
  grid-column: 2 !important;
  grid-row: 1 !important;
  width: 100% !important;
  min-width: 112px !important;
  min-height: 58px !important;
  height: 58px !important;
  padding: 0 16px !important;
}

#activityList .activity-status-secondary {
  grid-column: 2 !important;
  grid-row: 2 !important;
  width: 100% !important;
  justify-content: stretch !important;
}

#activityList .activity-status-wrap:has(.activity-status-secondary) {
  grid-template-rows: 27px 27px !important;
  row-gap: 4px !important;
}

#activityList .activity-status-wrap:has(.activity-status-secondary) .activity-status-primary > .activity-tag:not(.activity-tag--quality),
#activityList .activity-status-wrap:has(.activity-status-secondary) .activity-status-secondary > .regen-pill {
  width: 100% !important;
  min-width: 112px !important;
  min-height: 27px !important;
  height: 27px !important;
  padding: 0 12px !important;
  border-radius: 7px !important;
  justify-content: center !important;
}

#activityList .activity-status-secondary > .regen-pill {
  display: inline-flex !important;
  align-items: center !important;
  box-shadow: none !important;
  transform: none !important;
}

/* Phase 13.1H.F - Compact row mini control panel */
#activityList .activity-right-cell {
  gap: 3px !important;
}

#activityList .activity-row-buttons {
  gap: 3px !important;
  column-gap: 3px !important;
}

#activityList .activity-row-buttons > .regen-manual-btn {
  line-height: 1.22 !important;
}

#activityList .activity-status-wrap {
  grid-template-columns: max-content minmax(96px, max-content) !important;
  gap: 3px !important;
}

#activityList .activity-status-wrap:has(.activity-status-secondary) {
  row-gap: 3px !important;
}

#activityList .activity-status-primary > .activity-tag {
  font-size: 12px !important;
  font-weight: 700 !important;
}

#activityList .activity-status-primary > .activity-tag.activity-tag--quality {
  padding: 0 12px !important;
}

#activityList .activity-status-primary > .activity-tag:not(.activity-tag--quality) {
  min-width: 96px !important;
  padding: 0 10px !important;
}

#activityList .activity-status-wrap:has(.activity-status-secondary) .activity-status-primary > .activity-tag:not(.activity-tag--quality),
#activityList .activity-status-wrap:has(.activity-status-secondary) .activity-status-secondary > .regen-pill {
  min-width: 96px !important;
  padding: 0 9px !important;
  font-size: 12px !important;
  font-weight: 700 !important;
}

/* Phase 13.1H.G - Lift controls and recover source context */
#activityList .activity-item {
  grid-template-columns: minmax(70px, 82px) minmax(0, 1fr) minmax(292px, auto) !important;
  column-gap: 8px !important;
  align-items: start !important;
}

#activityList .activity-type-cell {
  align-self: start !important;
}

#activityList .activity-type-cell .activity-label {
  margin-bottom: 8px !important;
}

#activityList .activity-source-cell {
  align-self: end !important;
  padding-top: 28px !important;
}

#activityList .activity-right-cell {
  align-self: start !important;
  justify-items: end !important;
  transform: translateY(-7px) !important;
}

#activityList .activity-status-wrap,
#activityList .activity-row-buttons {
  transform: translateY(-1px) !important;
}

#activityList .activity-row-buttons > .copy-activity-btn,
#activityList .activity-row-buttons > .view-activity-btn,
#activityList .activity-status-primary > .activity-tag,
#activityList .activity-status-secondary > .regen-pill {
  font-size: 11.5px !important;
  font-weight: 650 !important;
}

#activityList .activity-status-primary > .activity-tag.activity-tag--quality,
#activityList .activity-status-primary > .activity-tag:not(.activity-tag--quality) {
  font-weight: 650 !important;
}

#activityList .activity-status-secondary > .regen-pill {
  letter-spacing: 0 !important;
}

/* Phase 13.1H.H - Quiet metadata and prioritize source preview */
#activityList .activity-item {
  grid-template-columns: minmax(58px, 68px) minmax(0, 1fr) minmax(292px, auto) !important;
  column-gap: 5px !important;
}

#activityList .activity-type-cell {
  gap: 2px !important;
  opacity: 0.82 !important;
}

#activityList .activity-type-cell .activity-label {
  margin-bottom: 3px !important;
}

#activityList .activity-type-text {
  font-size: 11px !important;
  font-weight: 650 !important;
  letter-spacing: 0 !important;
  color: rgba(51, 65, 85, 0.72) !important;
}

#activityList .activity-type-cell .activity-meta,
#activityList .activity-meta {
  padding-left: 0 !important;
  font-size: 10.5px !important;
  font-weight: 500 !important;
  letter-spacing: 0 !important;
  color: rgba(100, 116, 139, 0.70) !important;
}

#activityList .activity-source-cell {
  font-size: 0.88rem !important;
  font-weight: 650 !important;
  padding-left: 0 !important;
  min-width: 0 !important;
}

/* Phase 13.1H.I - Reduce controls and let preview run under control plane */
#activityList .activity-item {
  position: relative !important;
  grid-template-columns: minmax(58px, 68px) minmax(0, 1fr) !important;
  column-gap: 5px !important;
  padding-right: 306px !important;
}

#activityList .activity-source-cell {
  grid-column: 2 / -1 !important;
  padding-right: 0 !important;
  max-width: none !important;
}

#activityList .activity-right-cell {
  position: absolute !important;
  top: 7px !important;
  right: 14px !important;
  width: 286px !important;
  min-width: 286px !important;
  transform: none !important;
}

#activityList .activity-status-wrap,
#activityList .activity-row-buttons {
  transform: none !important;
}

#activityList .activity-row-buttons > .regen-activity-btn,
#activityList .activity-row-buttons > .regen-manual-btn,
#activityList .activity-row-buttons > .copy-activity-btn,
#activityList .activity-row-buttons > .view-activity-btn,
#activityList .activity-status-primary > .activity-tag.activity-tag--quality {
  min-height: 54px !important;
  height: 54px !important;
}

#activityList .activity-status-wrap:has(.activity-status-secondary) {
  grid-template-rows: 25px 25px !important;
}

#activityList .activity-status-wrap:has(.activity-status-secondary) .activity-status-primary > .activity-tag:not(.activity-tag--quality),
#activityList .activity-status-wrap:has(.activity-status-secondary) .activity-status-secondary > .regen-pill {
  min-height: 25px !important;
  height: 25px !important;
}

#activityList .activity-type-text {
  color: #2563eb !important;
}

/* Phase 13.1H.J - Restore control plane and soften preview */
#activityList .activity-item {
  padding-right: 358px !important;
}

#activityList .activity-right-cell {
  top: 7px !important;
  right: 14px !important;
  width: 340px !important;
  min-width: 340px !important;
  display: grid !important;
  grid-template-columns: minmax(150px, max-content) minmax(178px, max-content) !important;
  grid-template-rows: 54px !important;
  align-items: start !important;
  justify-content: end !important;
  column-gap: 5px !important;
  overflow: visible !important;
}

#activityList .activity-status-wrap {
  grid-column: 1 !important;
  grid-row: 1 !important;
  width: auto !important;
  min-width: 150px !important;
}

#activityList .activity-row-buttons {
  grid-column: 2 !important;
  grid-row: 1 !important;
  width: auto !important;
  min-width: 178px !important;
  justify-content: flex-end !important;
  flex-wrap: nowrap !important;
}

#activityList .activity-row-buttons > .regen-manual-btn {
  width: 78px !important;
  max-width: 78px !important;
}

#activityList .activity-row-buttons > .copy-activity-btn {
  width: 70px !important;
  max-width: 70px !important;
}

#activityList .activity-row-buttons > .view-activity-btn {
  width: 54px !important;
  max-width: 54px !important;
}

#activityList .activity-type-text {
  color: rgba(51, 65, 85, 0.78) !important;
}

#activityList .activity-source-cell {
  font-weight: 560 !important;
  color: rgba(31, 41, 55, 0.82) !important;
}

/* Phase 13.1H.K - Stable right control plane alignment */
#activityList .activity-item {
  padding-right: 420px !important;
}

#activityList .activity-right-cell {
  width: 402px !important;
  min-width: 402px !important;
  grid-template-columns: 174px 222px !important;
  grid-template-rows: 54px !important;
  column-gap: 6px !important;
  align-items: start !important;
  justify-content: end !important;
  overflow: visible !important;
}

#activityList .activity-status-wrap {
  width: 174px !important;
  min-width: 174px !important;
  max-width: 174px !important;
  grid-template-columns: 76px 94px !important;
  column-gap: 4px !important;
  row-gap: 4px !important;
  align-items: stretch !important;
  justify-content: start !important;
  overflow: visible !important;
}

#activityList .activity-row-buttons {
  width: 222px !important;
  min-width: 222px !important;
  max-width: 222px !important;
  gap: 4px !important;
  column-gap: 4px !important;
  align-items: stretch !important;
  justify-content: flex-end !important;
  overflow: visible !important;
}

#activityList .activity-row-buttons > .regen-activity-btn,
#activityList .activity-row-buttons > .regen-manual-btn {
  width: 82px !important;
  min-width: 82px !important;
  max-width: 82px !important;
}

#activityList .activity-row-buttons > .copy-activity-btn {
  width: 72px !important;
  min-width: 72px !important;
  max-width: 72px !important;
}

#activityList .activity-row-buttons > .view-activity-btn {
  width: 58px !important;
  min-width: 58px !important;
  max-width: 58px !important;
}

#activityList .activity-row-buttons > .regen-activity-btn,
#activityList .activity-row-buttons > .regen-manual-btn,
#activityList .activity-row-buttons > .copy-activity-btn,
#activityList .activity-row-buttons > .view-activity-btn,
#activityList .activity-status-primary > .activity-tag.activity-tag--quality,
#activityList .activity-status-wrap:not(:has(.activity-status-secondary)) .activity-status-primary > .activity-tag:not(.activity-tag--quality) {
  min-height: 54px !important;
  height: 54px !important;
}

#activityList .activity-status-primary > .activity-tag.activity-tag--quality {
  width: 76px !important;
  min-width: 76px !important;
  max-width: 76px !important;
  padding: 0 8px !important;
}

#activityList .activity-status-primary > .activity-tag:not(.activity-tag--quality) {
  width: 94px !important;
  min-width: 94px !important;
  max-width: 94px !important;
  padding: 0 8px !important;
}

#activityList .activity-status-secondary > .regen-pill {
  width: 94px !important;
  min-width: 94px !important;
  max-width: 94px !important;
  padding: 0 8px !important;
}

#activityList .activity-status-wrap:has(.activity-status-secondary) {
  grid-template-rows: 25px 25px !important;
  row-gap: 4px !important;
}

#activityList .activity-status-wrap:has(.activity-status-secondary) .activity-status-primary > .activity-tag:not(.activity-tag--quality),
#activityList .activity-status-wrap:has(.activity-status-secondary) .activity-status-secondary > .regen-pill {
  min-height: 25px !important;
  height: 25px !important;
}

#activityList .activity-item:has(.activity-row-buttons > .regen-activity-btn) {
  padding-right: 504px !important;
}

#activityList .activity-right-cell:has(.activity-row-buttons > .regen-activity-btn) {
  width: 486px !important;
  min-width: 486px !important;
  grid-template-columns: 174px 306px !important;
}

#activityList .activity-right-cell:has(.activity-row-buttons > .regen-activity-btn) .activity-row-buttons {
  width: 306px !important;
  min-width: 306px !important;
  max-width: 306px !important;
}

/* Phase 13.1H.L - Decouple top controls from bottom preview lane */
#activityList .activity-item {
  position: relative !important;
  display: grid !important;
  grid-template-columns: minmax(58px, 68px) minmax(0, 1fr) !important;
  grid-template-rows: 54px minmax(22px, auto) !important;
  column-gap: 8px !important;
  row-gap: 6px !important;
  align-items: start !important;
  padding: 8px 14px 10px 14px !important;
  padding-right: 14px !important;
}

#activityList .activity-type-cell {
  grid-column: 1 !important;
  grid-row: 1 !important;
  align-self: start !important;
}

#activityList .activity-right-cell {
  position: static !important;
  grid-column: 2 !important;
  grid-row: 1 !important;
  justify-self: end !important;
  align-self: start !important;
  top: auto !important;
  right: auto !important;
  width: 414px !important;
  min-width: 414px !important;
  grid-template-columns: 184px 224px !important;
  grid-template-rows: 54px !important;
  column-gap: 6px !important;
  transform: none !important;
}

#activityList .activity-status-wrap {
  width: 184px !important;
  min-width: 184px !important;
  max-width: 184px !important;
  grid-template-columns: 86px 94px !important;
}

#activityList .activity-status-primary > .activity-tag.activity-tag--quality {
  width: 86px !important;
  min-width: 86px !important;
  max-width: 86px !important;
}

#activityList .activity-row-buttons {
  width: 224px !important;
  min-width: 224px !important;
  max-width: 224px !important;
}

#activityList .activity-source-cell {
  grid-column: 1 / -1 !important;
  grid-row: 2 !important;
  align-self: start !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  padding-top: 0 !important;
  padding-right: 0 !important;
  padding-left: 0 !important;
}

#activityList .activity-item:has(.activity-row-buttons > .regen-activity-btn) {
  padding-right: 14px !important;
}

#activityList .activity-right-cell:has(.activity-row-buttons > .regen-activity-btn) {
  width: 498px !important;
  min-width: 498px !important;
  grid-template-columns: 184px 308px !important;
}

#activityList .activity-right-cell:has(.activity-row-buttons > .regen-activity-btn) .activity-row-buttons {
  width: 308px !important;
  min-width: 308px !important;
  max-width: 308px !important;
}

/* Phase 13.1H.M - Premium preview framing and status width polish */
#activityList .activity-source-cell {
  grid-column: 2 !important;
  grid-row: 2 !important;
  padding-right: 66px !important;
}

#activityList .activity-right-cell {
  width: 442px !important;
  min-width: 442px !important;
  grid-template-columns: 212px 224px !important;
}

#activityList .activity-status-wrap {
  width: 212px !important;
  min-width: 212px !important;
  max-width: 212px !important;
  grid-template-columns: 102px 106px !important;
}

#activityList .activity-status-primary > .activity-tag.activity-tag--quality {
  width: 102px !important;
  min-width: 102px !important;
  max-width: 102px !important;
  padding: 0 10px !important;
}

#activityList .activity-status-primary > .activity-tag:not(.activity-tag--quality),
#activityList .activity-status-secondary > .regen-pill {
  width: 106px !important;
  min-width: 106px !important;
  max-width: 106px !important;
  padding: 0 10px !important;
}

#activityList .activity-right-cell:has(.activity-row-buttons > .regen-activity-btn) {
  width: 526px !important;
  min-width: 526px !important;
  grid-template-columns: 212px 308px !important;
}

#activityList .activity-type-text {
  font-size: 11.75px !important;
  font-weight: 650 !important;
  color: rgba(51, 65, 85, 0.82) !important;
}

/* Phase 13.1H.N - Status width, button width, and preview rhythm polish */
#activityList .activity-item {
  row-gap: 9px !important;
}

#activityList .activity-right-cell {
  width: 462px !important;
  min-width: 462px !important;
  grid-template-columns: 226px 230px !important;
}

#activityList .activity-status-wrap {
  width: 226px !important;
  min-width: 226px !important;
  max-width: 226px !important;
  grid-template-columns: 108px 114px !important;
}

#activityList .activity-status-primary > .activity-tag.activity-tag--quality {
  width: 108px !important;
  min-width: 108px !important;
  max-width: 108px !important;
  padding: 0 11px !important;
}

#activityList .activity-status-primary > .activity-tag:not(.activity-tag--quality),
#activityList .activity-status-secondary > .regen-pill {
  width: 114px !important;
  min-width: 114px !important;
  max-width: 114px !important;
  padding: 0 11px !important;
}

#activityList .activity-row-buttons {
  width: 230px !important;
  min-width: 230px !important;
  max-width: 230px !important;
}

#activityList .activity-row-buttons > .regen-activity-btn,
#activityList .activity-row-buttons > .regen-manual-btn,
#activityList .activity-row-buttons > .copy-activity-btn {
  width: 82px !important;
  min-width: 82px !important;
  max-width: 82px !important;
}

#activityList .activity-right-cell:has(.activity-row-buttons > .regen-activity-btn) {
  width: 548px !important;
  min-width: 548px !important;
  grid-template-columns: 226px 316px !important;
}

#activityList .activity-right-cell:has(.activity-row-buttons > .regen-activity-btn) .activity-row-buttons {
  width: 316px !important;
  min-width: 316px !important;
  max-width: 316px !important;
}

#activityList .activity-source-cell {
  font-weight: 520 !important;
  color: rgba(31, 41, 55, 0.76) !important;
}

/* Phase 13.1H.O - Equal status widths and metadata readability */
#activityList .activity-right-cell {
  width: 486px !important;
  min-width: 486px !important;
  grid-template-columns: 250px 230px !important;
}

#activityList .activity-status-wrap {
  width: 250px !important;
  min-width: 250px !important;
  max-width: 250px !important;
  grid-template-columns: 123px 123px !important;
}

#activityList .activity-status-primary > .activity-tag.activity-tag--quality,
#activityList .activity-status-primary > .activity-tag:not(.activity-tag--quality),
#activityList .activity-status-secondary > .regen-pill {
  width: 123px !important;
  min-width: 123px !important;
  max-width: 123px !important;
  padding: 0 12px !important;
}

#activityList .activity-right-cell:has(.activity-row-buttons > .regen-activity-btn) {
  width: 572px !important;
  min-width: 572px !important;
  grid-template-columns: 250px 316px !important;
}

#activityList .activity-type-text {
  font-size: 12.25px !important;
}

#activityList .activity-type-cell .activity-meta,
#activityList .activity-meta {
  font-size: 11px !important;
}

/* Phase 13.1H.P - Action width and selected content-type icon shadow polish */
#activityList .activity-right-cell {
  width: 498px !important;
  min-width: 498px !important;
  grid-template-columns: 250px 242px !important;
}

#activityList .activity-row-buttons {
  width: 242px !important;
  min-width: 242px !important;
  max-width: 242px !important;
}

#activityList .activity-row-buttons > .regen-activity-btn,
#activityList .activity-row-buttons > .regen-manual-btn,
#activityList .activity-row-buttons > .copy-activity-btn {
  width: 88px !important;
  min-width: 88px !important;
  max-width: 88px !important;
}

#activityList .activity-right-cell:has(.activity-row-buttons > .regen-activity-btn) {
  width: 590px !important;
  min-width: 590px !important;
  grid-template-columns: 250px 334px !important;
}

#activityList .activity-right-cell:has(.activity-row-buttons > .regen-activity-btn) .activity-row-buttons {
  width: 334px !important;
  min-width: 334px !important;
  max-width: 334px !important;
}

.content-type-btn.active[data-type="social"] .icon {
  box-shadow: inset 0 1px 0 rgba(255,255,255,.18), 0 6px 12px rgba(30,136,229,.14) !important;
}

.content-type-btn.active[data-type="video"] .icon {
  box-shadow: inset 0 1px 0 rgba(255,255,255,.18), 0 6px 12px rgba(139,92,246,.12) !important;
}

.content-type-btn.active[data-type="longform"] .icon {
  box-shadow: inset 0 1px 0 rgba(255,255,255,.18), 0 6px 12px rgba(251,146,60,.11) !important;
}

/* Phase 13.1H.Q - Generator topbar key icon */
#generatorFormContainer .api-key-status.op-topbar .op-brand .op-logo {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
}

#generatorFormContainer .api-key-status.op-topbar .op-brand .op-logo .op-key-icon {
  display: block !important;
  width: 21px !important;
  height: 21px !important;
  color: #1d4ed8 !important;
  stroke: currentColor !important;
  stroke-width: 2.15 !important;
  stroke-linecap: round !important;
  stroke-linejoin: round !important;
  fill: none !important;
  transform: none !important;
}

#generatorFormContainer .api-key-status.op-topbar .op-brand .op-logo .op-key-icon circle,
#generatorFormContainer .api-key-status.op-topbar .op-brand .op-logo .op-key-icon path {
  fill: none !important;
  stroke: currentColor !important;
}

/* Phase 13.1H.R - Topbar key color and vertical rhythm alignment */
#generatorFormContainer .api-key-status.op-topbar .op-brand .op-logo .op-key-icon {
  color: #111827 !important;
}

.op-workspace-left > .generator-card + .op-main-card.op-activity-card {
  margin-top: 36px !important;
}

/* Phase 13.1H.S - Padding-based generator to activity spacing */
.op-workspace-left > .generator-card + .op-main-card.op-activity-card {
  margin-top: 0 !important;
  padding-top: 36px !important;
}

/* Phase 13.1H.T - Force visible generator to activity spacing at the real flex owner */
.op-workspace-left {
  gap: 36px !important;
  row-gap: 36px !important;
}

.op-workspace-left > .generator-card + .op-main-card.op-activity-card,
.op-workspace-left > .generator-card + .op-main-card.op-activity-card.loaded,
.op-workspace-left > .op-main-card.op-activity-card.loaded {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

/* Phase 13 - Activity header: reuse Output page typography system */
.op-activity-header {
  display: flex;
  flex-direction: column;
  gap: 6px;
  margin-bottom: 18px;
}

.op-activity-header .fa-kicker {
  display: inline-block;
  margin-bottom: 0;
  color: var(--muted);
  font-size: 0.78rem;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.op-activity-header h2 {
  margin: 0;
  font-family: 'Plus Jakarta Sans', sans-serif;
  font-size: 1.7rem;
  font-weight: 800;
  line-height: 1.08;
  letter-spacing: -0.02em;
  color: var(--text);
  margin-bottom: 14px;
}

.op-activity-subtitle {
  margin: 0;
  font-size: 0.95rem;
  color: var(--muted);
  line-height: 1.5;
  opacity: 0.85;
  margin-bottom: 18px;
}

/* Phase 13.1H.U - Overview header and Output-aligned primary/active controls */
.activity-header.activity-header--stitch:has(.op-activity-header--overview),
.op-activity-card .activity-section.activity-section--top-card-locked > .activity-top-card > .activity-header.activity-header--stitch {
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
  gap: 18px !important;
}

.op-activity-header--overview {
  margin-bottom: 0 !important;
}

.op-activity-header--overview + .activity-actions {
  align-self: flex-start !important;
}

.generate-btn {
  background: linear-gradient(135deg, #1c4dd7 0%, #819bff 100%) !important;
  color: #fff !important;
  font-family: 'Inter', sans-serif !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  box-shadow: 0 10px 22px rgba(28, 77, 215, 0.22) !important;
  transition: transform 0.2s ease, box-shadow 0.2s ease, filter 0.2s ease !important;
}

.generate-btn:hover:not(:disabled) {
  background: linear-gradient(135deg, #1c4dd7 0%, #819bff 100%) !important;
  color: #fff !important;
  transform: translateY(-1px) !important;
  box-shadow: 0 16px 32px rgba(28, 77, 215, 0.28) !important;
  filter: brightness(1.05) !important;
}

.generate-btn:active:not(:disabled) {
  transform: translateY(0) !important;
  box-shadow: 0 6px 16px rgba(28, 77, 215, 0.2) !important;
}

.content-type-btn.active,
.content-type-btn.active:hover,
.content-type-btn.active:focus,
.content-type-btn.active:active,
.activity-filter-btn.active,
.activity-filter-btn.active:hover,
.activity-filter-btn.active:focus,
.activity-filter-btn.active:active,
.activity-header--stitch .activity-filter-btn.active,
.activity-header--stitch .activity-filter-btn.active:hover,
.activity-header--stitch .activity-filter-btn.active:focus,
.activity-header--stitch .activity-filter-btn.active:active {
  background: linear-gradient(135deg, #1c4dd7 0%, #819bff 100%) !important;
  border-color: transparent !important;
  color: #fff !important;
  font-family: 'Inter', sans-serif !important;
  font-weight: 700 !important;
  box-shadow: 0 12px 24px rgba(28, 77, 215, 0.18) !important;
  transform: none !important;
}

.content-type-btn.active .label,
.content-type-btn.active:hover .label,
.content-type-btn.active .desc,
.content-type-btn.active:hover .desc,
.content-type-btn.active .op-ico,
.content-type-btn.active:hover .op-ico {
  color: #fff !important;
}

.content-type-btn:not(.active):hover {
  background: rgba(255, 255, 255, 0.94) !important;
  border-color: rgba(28, 77, 215, 0.18) !important;
  box-shadow: 0 8px 18px rgba(28, 77, 215, 0.08) !important;
  transform: translateY(-1px) !important;
}

.activity-filter-btn.active .activity-badge,
.activity-filter-btn.active:hover .activity-badge,
.activity-header--stitch .activity-filter-btn.active .activity-badge,
.activity-header--stitch .activity-filter-btn.active:hover .activity-badge {
  background: rgba(255, 255, 255, 0.18) !important;
  border-color: rgba(255, 255, 255, 0.28) !important;
  color: #fff !important;
}

/* Phase 13.1H.V - Generator topbar canonical section header */
#generatorFormContainer .api-key-status.op-topbar .op-brand {
  align-items: flex-start !important;
}

#generatorFormContainer .op-generator-header {
  display: flex !important;
  flex-direction: column !important;
  gap: 6px !important;
  margin: 0 !important;
}

#generatorFormContainer .op-generator-header .fa-kicker {
  display: inline-block !important;
  margin-bottom: 0 !important;
  color: var(--muted) !important;
  font-size: 0.78rem !important;
  font-weight: 800 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
}

#generatorFormContainer .op-generator-header h2 {
  margin: 0 !important;
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-size: 1.7rem !important;
  font-weight: 800 !important;
  line-height: 1.08 !important;
  letter-spacing: -0.02em !important;
  color: var(--text) !important;
}

#generatorFormContainer .op-generator-subtitle {
  margin: 0 !important;
  font-size: 0.95rem !important;
  color: var(--muted) !important;
  line-height: 1.5 !important;
}

#generatorFormContainer .op-generator-header + .op-statusline {
  margin-top: 10px !important;
}

/* Phase 13.1H.W - Generator header titles the whole generator card */
.generator-card > .op-generator-header {
  display: flex !important;
  flex-direction: column !important;
  gap: 6px !important;
  margin: 0 0 22px !important;
}

.generator-card > .op-generator-header .fa-kicker {
  display: inline-block !important;
  margin-bottom: 0 !important;
  color: var(--muted) !important;
  font-size: 0.78rem !important;
  font-weight: 800 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
}

.generator-card > .op-generator-header h2 {
  margin: 0 !important;
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-size: 1.7rem !important;
  font-weight: 800 !important;
  line-height: 1.08 !important;
  letter-spacing: -0.02em !important;
  color: var(--text) !important;
}

.generator-card > .op-generator-subtitle,
.generator-card > .op-generator-header .op-generator-subtitle {
  margin: 0 !important;
  font-size: 0.95rem !important;
  color: var(--muted) !important;
  line-height: 1.5 !important;
}

#generatorFormContainer .api-key-status.op-topbar .op-brand {
  align-items: center !important;
}

#generatorFormContainer .op-brand-text .op-statusline {
  margin-top: 0 !important;
}

/* Phase 13.1H.X - Output-aligned hero rhythm and softer filter count chips */
.activity-filter-btn .activity-badge,
.activity-header--stitch .activity-filter-btn .activity-badge {
  background: rgba(226, 232, 240, 0.52) !important;
  border-color: rgba(203, 213, 225, 0.58) !important;
  color: rgba(71, 85, 105, 0.92) !important;
}

.activity-filter-btn.active .activity-badge,
.activity-filter-btn.active:hover .activity-badge,
.activity-filter-btn.active:focus .activity-badge,
.activity-filter-btn.active:active .activity-badge,
.activity-header--stitch .activity-filter-btn.active .activity-badge,
.activity-header--stitch .activity-filter-btn.active:hover .activity-badge,
.activity-header--stitch .activity-filter-btn.active:focus .activity-badge,
.activity-header--stitch .activity-filter-btn.active:active .activity-badge {
  background: rgba(255, 255, 255, 0.72) !important;
  border-color: rgba(255, 255, 255, 0.62) !important;
  color: #1c4dd7 !important;
}

#generator {
  padding-top: 28px !important;
  padding-bottom: 28px !important;
}

#generator .container {
  max-width: 1440px !important;
}

#generator .generator-header {
  margin-bottom: 0 !important;
}

#generator .generator-header h1 {
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-size: clamp(2.6rem, 4.4vw, 4.2rem) !important;
  font-weight: 800 !important;
  line-height: 1.02 !important;
  letter-spacing: -0.04em !important;
  margin: 0 0 18px !important;
}

#generator .generator-header p,
#generator .generator-header #welcomeMessage {
  max-width: 60ch !important;
  margin: 0 auto !important;
  font-size: 1.06rem !important;
  font-weight: 500 !important;
  line-height: 1.75 !important;
  color: var(--muted) !important;
}

#dashboard-stats {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

#dashboard-stats .container {
  padding-top: 0 !important;
}

:root {
  --dashboard-fixed-topbar-height: 78px;
}

/* Phase 13.4D - Dashboard top nav reset from output_new.css */
.fa-topbar {
  position: sticky !important;
  top: 0 !important;
  z-index: 100 !important;
  min-height: 81px !important;
  padding: 0 !important;
  backdrop-filter: blur(14px) !important;
  -webkit-backdrop-filter: blur(14px) !important;
  background: rgba(255, 255, 255, 0.72) !important;
  border-bottom: 1px solid rgba(15, 23, 42, 0.06) !important;
}

.fa-topbar__inner {
  max-width: var(--max-width, 1440px) !important;
  margin: 0 auto !important;
  padding: 16px 28px !important;
  min-height: 78px !important;
  height: auto !important;
  display: grid !important;
  grid-template-columns: auto minmax(0, 1fr) auto !important;
  align-items: center !important;
  column-gap: 40px !important;
}

.fa-brand {
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-size: 1.9rem !important;
  font-weight: 800 !important;
  color: var(--text, #2c2f31) !important;
  letter-spacing: -0.04em !important;
  text-decoration: none !important;
}

.fa-mainnav {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  justify-self: start !important;
  margin-left: 28px !important;
  min-width: 288px !important;
}

.fa-mainnav .fa-navlink,
.fa-mainnav a {
  display: inline-flex !important;
  align-items: center !important;
  min-height: 44px !important;
  padding: 0 14px !important;
  border-radius: 999px !important;
  color: var(--muted, #595c5e) !important;
  font-weight: 600 !important;
  transition: all 0.2s ease !important;
}

.fa-mainnav .fa-navlink:hover,
.fa-mainnav a:hover {
  background: var(--surface-high, #dfe3e6) !important;
  color: var(--text, #2c2f31) !important;
  transform: translateY(-1px) !important;
}

.fa-mainnav .fa-navlink.is-active,
.fa-mainnav .fa-navlink[aria-current="page"],
.fa-mainnav a[aria-current="page"] {
  background: rgba(28, 77, 215, 0.08) !important;
  color: var(--primary, #1c4dd7) !important;
  transform: none !important;
}

.fa-topbar__right {
  display: flex !important;
  align-items: center !important;
  gap: 16px !important;
  justify-self: end !important;
  min-width: 226px !important;
}

.fa-topbar__right .fa-navlink--secondary,
.fa-cta {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 46px !important;
  padding: 0 22px !important;
  border-radius: 999px !important;
  background: var(--gradient-primary, linear-gradient(135deg, #1c4dd7 0%, #819bff 100%)) !important;
  color: #fff !important;
  font-weight: 700 !important;
  font-size: 14px !important;
  text-decoration: none !important;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04) !important;
  transition: transform 0.2s ease, box-shadow 0.2s ease, filter 0.2s ease !important;
  position: relative !important;
  z-index: 2 !important;
  min-width: 152px !important;
}

.fa-topbar__right .fa-navlink--secondary:hover,
.fa-topbar__right .fa-navlink--secondary:focus,
.fa-topbar__right .fa-navlink--secondary:active,
.fa-cta:hover,
.fa-cta:focus,
.fa-cta:active {
  color: #fff !important;
}

.fa-topbar__right .fa-navlink--secondary:hover,
.fa-cta:hover {
  transform: translateY(-1px) !important;
  box-shadow: none !important;
  filter: brightness(1.05) !important;
}

.fa-topbar__right .fa-navlink--secondary:active,
.fa-cta:active {
  transform: translateY(0) !important;
  box-shadow: 0 6px 16px rgba(28, 77, 215, 0.2) !important;
}

.fa-avatar {
  width: 40px !important;
  height: 40px !important;
  border-radius: 999px !important;
  background: var(--surface-high, #dfe3e6) !important;
  box-shadow: none !important;
}

.fa-topbar a,
.fa-topbar a:hover,
.fa-topbar a:focus,
.fa-topbar a:active {
  text-decoration: none !important;
}

.fa-topbar.nav-scrolled,
.fa-topbar.nav-soft,
.fa-topbar.nav-hidden,
body > nav.fa-topbar.nav-scrolled,
body > nav.fa-topbar.nav-soft,
body > nav.fa-topbar.nav-hidden,
nav.fa-topbar.nav-scrolled,
nav.fa-topbar.nav-soft,
nav.fa-topbar.nav-hidden {
  position: fixed !important;
  top: 0 !important;
  transform: translateY(0) !important;
  background: rgba(255, 255, 255, 0.72) !important;
  border-bottom-color: rgba(15, 23, 42, 0.06) !important;
  box-shadow: none !important;
}

.fa-topbar.nav-soft::after,
.fa-topbar.nav-scrolled::after,
.fa-topbar.nav-hidden::after {
  content: none !important;
}

body > nav.fa-topbar,
nav.fa-topbar {
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  width: 100% !important;
  z-index: 1000 !important;
  transform: none !important;
  backdrop-filter: blur(14px) !important;
  -webkit-backdrop-filter: blur(14px) !important;
}

/* Phase 13.1H.AD - document scroll-root ownership */
html:not(.loading-modal-active),
body:not(.loading-modal-active) {
  height: auto !important;
  min-height: 100% !important;
  max-height: none !important;
  overflow-y: auto !important;
  position: static !important;
  transform: none !important;
}

.fa-avatar {
  width: 40px !important;
  height: 40px !important;
  border-radius: 999px !important;
  background: var(--surface-high, #eef1f3) !important;
  box-shadow: none !important;
  flex: 0 0 40px !important;
}

.omni-user-avatar {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: var(--omni-avatar-bg, #e2e8f0) !important;
  color: var(--omni-avatar-fg, #334155) !important;
  border: 1px solid var(--omni-avatar-border, rgba(51, 65, 85, 0.14)) !important;
  box-shadow: none !important;
  overflow: hidden !important;
}

.omni-user-avatar--sm {
  width: 40px !important;
  height: 40px !important;
}

.omni-user-avatar-initials {
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-size: 0.84rem !important;
  font-weight: 800 !important;
  line-height: 1 !important;
  letter-spacing: 0 !important;
  text-transform: uppercase !important;
}

@media (max-width: 820px) {
  .fa-topbar__inner {
    padding: 14px 18px !important;
  }

  .fa-mainnav {
    display: none !important;
  }
}

/* Phase 13.4E — FINAL topbar sticky fix */

body > nav.fa-topbar,
nav.fa-topbar,
.fa-topbar {
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  width: 100% !important;
  z-index: 1000 !important;
  transform: none !important;
}

/* Phase 13.1I - Output-shell layout unification */
#generator .container,
#dashboard-stats .container {
  width: min(100%, var(--max-width, 1440px)) !important;
  max-width: var(--max-width, 1440px) !important;
  margin: 0 auto !important;
  padding-left: 24px !important;
  padding-right: 24px !important;
}

#generator {
  padding-top: 32px !important;
  padding-bottom: 30px !important;
}

#dashboard-stats .container {
  padding-bottom: 56px !important;
}

.op-workspace {
  grid-template-columns: minmax(0, 2fr) minmax(0, 1fr) !important;
  gap: 24px !important;
  align-items: start !important;
}

.op-workspace-left {
  gap: 24px !important;
  min-width: 0 !important;
}

.op-workspace-right {
  width: 100% !important;
  max-width: 420px !important;
}

.generator-card {
  padding: 2.45rem 2.5rem !important;
}

.op-main-card.op-stats-card,
.activity-section {
  padding: 2.45rem 2.5rem !important;
}

.activity-top-card,
.op-activity-card .activity-section.activity-section--top-card-locked > .activity-top-card {
  padding: 0 !important;
}

.generator-card,
.op-main-card.op-stats-card,
.activity-section {
  box-shadow: 0 12px 34px rgba(44, 47, 49, 0.06) !important;
}

.generator-card > .op-generator-header h2,
.op-activity-header h2,
.op-stats-card .section-header h2 {
  font-size: clamp(1.9rem, 2.1vw, 2.25rem) !important;
  line-height: 1.08 !important;
  letter-spacing: -0.025em !important;
}

.generator-card > .op-generator-header .op-generator-subtitle,
.op-activity-subtitle,
.op-stats-card .section-header p {
  font-size: 1rem !important;
  line-height: 1.65 !important;
}

.op-stats-card .section-header {
  margin-bottom: 1.1rem !important;
}

.op-mini-stat,
.dash-stat-card.op-mini-stat,
.dash-stat-card {
  padding: 0.95rem !important;
  min-height: 104px !important;
}

.op-mini-stat .stat-title,
.dash-stat-card .stat-title {
  font-size: 0.9rem !important;
  line-height: 1.45 !important;
}

.op-mini-stat .stat-value,
.dash-stat-card .stat-value {
  font-size: 1.58rem !important;
  line-height: 1.08 !important;
}

@media (max-width: 1180px) {
  .op-workspace {
    grid-template-columns: minmax(0, 2fr) minmax(0, 1fr) !important;
  }

  .op-workspace-right {
    width: 100% !important;
    max-width: 420px !important;
  }
}

@media (max-width: 980px) {
  #generator .container,
  #dashboard-stats .container {
    padding-left: 18px !important;
    padding-right: 18px !important;
  }

  .op-workspace {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  .op-workspace-right {
    width: auto !important;
    min-width: 0 !important;
  }

  .generator-card {
    padding: 1.7rem !important;
  }

  .op-main-card.op-stats-card,
  .activity-section {
    padding: 1.05rem 1.1rem !important;
  }
}

/* Phase 13.1K-B - Activity Snapshot inner content padding owner */
.op-activity-card .activity-section.activity-section--top-card-locked > .activity-top-card {
  width: 100% !important;
  margin: 0 0 18px !important;
  padding: 0 !important;
}

.op-activity-card .activity-section.activity-section--top-card-locked > .activity-top-card > .activity-header.activity-header--stitch,
.op-activity-card .activity-section.activity-section--top-card-locked > .activity-top-card > .activity-actions,
.op-activity-card .activity-section.activity-section--top-card-locked > .activity-top-card > #qualityTrendsMount,
.op-activity-card .activity-section.activity-section--top-card-locked > .activity-top-card > #qualityTrendsMount > div:first-child {
  margin-left: 0 !important;
  margin-right: 0 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

/* Phase 13.1K-C - patch live Activity Snapshot owner */
.op-activity-card .activity-top-card[data-omni-top-card="1"] {
  box-sizing: border-box !important;
  display: block !important;
  width: 100% !important;
  padding: 2.45rem 2.5rem !important;
  margin: 0 0 18px !important;
}

.op-activity-card .activity-top-card[data-omni-top-card="1"] > .activity-header,
.op-activity-card .activity-top-card[data-omni-top-card="1"] > .activity-header--stitch,
.op-activity-card .activity-top-card[data-omni-top-card="1"] > .activity-actions,
.op-activity-card .activity-top-card[data-omni-top-card="1"] > #qualityTrendsMount {
  margin-left: 0 !important;
  margin-right: 0 !important;
}

/* Phase 13.1K-F - final post-mutation Activity Snapshot stabilization */
.op-activity-card .activity-section.activity-section--top-card-locked > .activity-top-card[data-omni-top-card="1"] > .activity-header.activity-header--stitch {
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

.op-activity-card .activity-section.activity-section--top-card-locked > .activity-top-card[data-omni-top-card="1"] > #qualityTrendsMount {
  margin: 20px 0 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

.op-activity-card .activity-section.activity-section--top-card-locked > .activity-top-card[data-omni-top-card="1"] > #qualityTrendsMount > div:first-child,
.op-activity-card .activity-section.activity-section--top-card-locked > .activity-top-card[data-omni-top-card="1"] > #qualityTrendsMount .quality-trends-card {
  margin-left: 0 !important;
  margin-right: 0 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

/* Phase 13.1L - tighten right rail padding for better card width */
.op-workspace-right .op-main-card.op-stats-card,
.op-workspace-right .op-mini-stat,
.op-workspace-right .dash-stat-card {
  padding-left: 1.25rem !important;
  padding-right: 1.25rem !important;
}

.op-workspace-right .op-mini-stat,
.op-workspace-right .dash-stat-card {
  padding-top: 0.85rem !important;
  padding-bottom: 0.85rem !important;
}

/* Phase 13.1M - dashboard_new-owned clean Activity Snapshot section */
.omni-snapshot-card {
  margin: 0 0 18px !important;
  padding: 2.45rem 2.5rem !important;
  background: #ffffff !important;
  border: 1px solid rgba(226, 232, 240, 0.9) !important;
  border-radius: 6px !important;
  box-shadow: 0 1px 2px rgba(15, 23, 42, 0.03) !important;
}

.omni-snapshot-header {
  display: flex !important;
  flex-direction: column !important;
  gap: 6px !important;
  margin: 0 0 18px !important;
}

.omni-snapshot-header .fa-kicker {
  display: inline-block !important;
  margin: 0 !important;
  color: var(--muted) !important;
  font-size: 0.78rem !important;
  font-weight: 800 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
}

.omni-snapshot-header h2 {
  margin: 0 !important;
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-size: 1.7rem !important;
  font-weight: 800 !important;
  line-height: 1.08 !important;
  letter-spacing: -0.02em !important;
  color: var(--text) !important;
}

.omni-snapshot-header p {
  margin: 0 !important;
  font-size: 0.95rem !important;
  line-height: 1.5 !important;
  color: var(--muted) !important;
}

.omni-snapshot-filters {
  margin: 0 0 20px !important;
}

.omni-snapshot-filters > .activity-filters {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 12px !important;
  margin: 0 !important;
}

.omni-snapshot-trends {
  margin: 0 !important;
  min-height: 322px !important;
}

.omni-snapshot-trends > #qualityTrendsMount {
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

.omni-snapshot-trends > #qualityTrendsMount > div:first-child {
  margin: 0 0 12px !important;
  padding: 0 !important;
}

.omni-snapshot-trends > #qualityTrendsMount .omni-quality-trends-label {
  margin: 0 0 14px !important;
  color: rgba(100, 116, 139, 0.78) !important;
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-size: 0.78rem !important;
  font-weight: 800 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
}

.omni-snapshot-trends > #qualityTrendsMount .quality-trends-card {
  min-height: 278px !important;
  margin: 0 !important;
  padding: 20px 22px 18px !important;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.98) 0%, rgba(248, 250, 252, 0.9) 100%) !important;
  border: 1px solid rgba(226, 232, 240, 0.88) !important;
  border-radius: 6px !important;
  box-shadow: none !important;
  position: relative !important;
  overflow: hidden !important;
}

body > #op-logout-btn {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  opacity: 0 !important;
  overflow: hidden !important;
  pointer-events: none !important;
  clip-path: inset(50%) !important;
  white-space: nowrap !important;
}

@keyframes omniShellShimmer {
  0% { background-position: 200% 0; }
  100% { background-position: -200% 0; }
}

.omni-snapshot-trends > #qualityTrendsMount .quality-trends-card.is-loading,
.dash-stat-card.op-mini-stat.is-loading,
.op-dashboard-summary.is-loading,
.op-workspace-right.omni-ops-rail .omni-governance-card.is-loading {
  position: relative !important;
  overflow: hidden !important;
}

.omni-snapshot-trends > #qualityTrendsMount .quality-trends-card.is-loading::after,
.dash-stat-card.op-mini-stat.is-loading::after,
.op-dashboard-summary.is-loading::after,
.op-workspace-right.omni-ops-rail .omni-governance-card.is-loading::after {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  background: linear-gradient(90deg, rgba(226, 232, 240, 0.18) 0%, rgba(248, 250, 252, 0.62) 50%, rgba(226, 232, 240, 0.18) 100%) !important;
  background-size: 200% 100% !important;
  animation: omniShellShimmer 1.8s ease-in-out infinite !important;
  pointer-events: none !important;
}

.omni-snapshot-trends > #qualityTrendsMount .quality-trends-card.is-loading #qualityTrendsSvg,
.dash-stat-card.op-mini-stat.is-loading .stat-header,
.dash-stat-card.op-mini-stat.is-loading .stat-value,
.dash-stat-card.op-mini-stat.is-loading .stat-meta,
.dash-stat-card.op-mini-stat.is-loading .stat-progress,
.dash-stat-card.op-mini-stat.is-loading .op-helper,
.op-dashboard-summary.is-loading .op-dashboard-summary-kicker,
.op-dashboard-summary.is-loading .op-dashboard-summary-text,
.op-workspace-right.omni-ops-rail .omni-governance-card.is-loading > * {
  opacity: 0.18 !important;
}

#activityList.is-loading .activity-item,
.activity-item--placeholder {
  min-height: 76px !important;
}

#activityList.is-loading .activity-item,
#activityList .activity-item--placeholder {
  position: relative !important;
  overflow: hidden !important;
}

#activityList.is-loading .activity-item::after,
#activityList .activity-item--placeholder::after {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  background: linear-gradient(90deg, rgba(226, 232, 240, 0.12) 0%, rgba(248, 250, 252, 0.56) 50%, rgba(226, 232, 240, 0.12) 100%) !important;
  background-size: 200% 100% !important;
  animation: omniShellShimmer 1.8s ease-in-out infinite !important;
  pointer-events: none !important;
}

#activityList .activity-item--placeholder .activity-label,
#activityList .activity-item--placeholder .activity-meta,
#activityList .activity-item--placeholder .activity-tag {
  color: transparent !important;
  background: linear-gradient(90deg, rgba(226, 232, 240, 0.72) 0%, rgba(248, 250, 252, 0.96) 50%, rgba(226, 232, 240, 0.72) 100%) !important;
  background-size: 200% 100% !important;
  animation: omniShellShimmer 1.8s ease-in-out infinite !important;
  border-color: transparent !important;
}

#activityList .activity-item--placeholder .activity-label {
  width: min(68%, 260px) !important;
  min-height: 14px !important;
  border-radius: 999px !important;
}

#activityList .activity-item--placeholder .activity-meta {
  width: 92px !important;
  min-height: 12px !important;
  margin-top: 8px !important;
  border-radius: 999px !important;
}

#activityList .activity-item--placeholder .activity-tag {
  width: 68px !important;
  min-height: 28px !important;
  border-radius: 999px !important;
}

.omni-snapshot-trends > #qualityTrendsMount .quality-trends-card::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  background: linear-gradient(180deg, rgba(129, 155, 255, 0.04) 0%, rgba(129, 155, 255, 0) 38%) !important;
  pointer-events: none !important;
}

.omni-snapshot-trends > #qualityTrendsMount .quality-trends-card.is-empty::before {
  background: linear-gradient(180deg, rgba(226, 232, 240, 0.18) 0%, rgba(226, 232, 240, 0) 40%) !important;
}

.omni-snapshot-trends > #qualityTrendsMount #qualityTrendsSvg {
  display: block !important;
  width: 100% !important;
  height: 216px !important;
  overflow: visible !important;
  position: relative !important;
  pointer-events: all !important;
  z-index: 1 !important;
}

.omni-snapshot-trends > #qualityTrendsMount .omni-trend-tooltip {
  position: absolute !important;
  min-width: 126px !important;
  max-width: 156px !important;
  padding: 8px 10px !important;
  border-radius: 9px !important;
  background: rgba(255, 255, 255, 0.97) !important;
  border: 1px solid rgba(226, 232, 240, 0.88) !important;
  box-shadow: 0 16px 32px rgba(15, 23, 42, 0.09) !important;
  backdrop-filter: blur(10px) !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 1px !important;
  opacity: 0 !important;
  pointer-events: none !important;
  transform: translate3d(0, 6px, 0) scale(0.985) !important;
  transform-origin: left center !important;
  transition: opacity 0.14s ease, transform 0.16s ease !important;
  will-change: left, top, transform, opacity !important;
  z-index: 3 !important;
}

.omni-snapshot-trends > #qualityTrendsMount .omni-trend-tooltip.is-visible {
  opacity: 1 !important;
  transform: translate3d(0, 0, 0) scale(1) !important;
}

.omni-snapshot-trends > #qualityTrendsMount .omni-trend-tooltip__run {
  color: rgba(15, 23, 42, 0.92) !important;
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-size: 0.8rem !important;
  font-weight: 800 !important;
  line-height: 1.2 !important;
  margin-bottom: 1px !important;
}

.omni-snapshot-trends > #qualityTrendsMount .omni-trend-tooltip__score,
.omni-snapshot-trends > #qualityTrendsMount .omni-trend-tooltip__id,
.omni-snapshot-trends > #qualityTrendsMount .omni-trend-tooltip__date {
  font-size: 0.76rem !important;
  font-weight: 700 !important;
  line-height: 1.35 !important;
}

.omni-snapshot-trends > #qualityTrendsMount .omni-trend-tooltip__score {
  font-size: 0.76rem !important;
  font-weight: 800 !important;
}

.omni-snapshot-trends > #qualityTrendsMount .omni-trend-tooltip__id,
.omni-snapshot-trends > #qualityTrendsMount .omni-trend-tooltip__date {
  color: rgba(100, 116, 139, 0.92) !important;
  font-weight: 600 !important;
  font-size: 0.69rem !important;
  letter-spacing: 0.01em !important;
  word-break: break-word !important;
}

.omni-snapshot-trends > #qualityTrendsMount .quality-trends-meta {
  margin-top: 10px !important;
  color: rgba(71, 85, 105, 0.86) !important;
  font-size: 0.84rem !important;
  line-height: 1.55 !important;
  position: relative !important;
  z-index: 1 !important;
}

.omni-snapshot-trends > #qualityTrendsMount .quality-trends-card.is-empty .quality-trends-meta {
  color: rgba(100, 116, 139, 0.82) !important;
}

.omni-snapshot-trends > #qualityTrendsMount #qualityTrendsSvg .omni-trend-baseline {
  stroke: rgba(203, 213, 225, 0.18) !important;
  stroke-width: 0.9 !important;
  pointer-events: none !important;
}

.omni-snapshot-trends > #qualityTrendsMount #qualityTrendsSvg .omni-trend-hit-area {
  pointer-events: all !important;
}

.omni-snapshot-trends > #qualityTrendsMount #qualityTrendsSvg .omni-trend-focus-line {
  stroke-width: 0.68 !important;
  stroke-linecap: round !important;
  pointer-events: none !important;
}

.omni-snapshot-trends > #qualityTrendsMount #qualityTrendsSvg .omni-trend-area {
  pointer-events: none !important;
}

.omni-snapshot-trends > #qualityTrendsMount #qualityTrendsSvg .omni-trend-line {
  stroke-width: 2.15 !important;
  stroke-linecap: round !important;
  stroke-linejoin: round !important;
  pointer-events: none !important;
}

.omni-snapshot-trends > #qualityTrendsMount #qualityTrendsSvg .omni-trend-hover-marker,
.omni-snapshot-trends > #qualityTrendsMount #qualityTrendsSvg .omni-trend-hover-marker-scale {
  pointer-events: none !important;
}

.omni-snapshot-trends > #qualityTrendsMount #qualityTrendsSvg .omni-trend-hover-ring {
  fill: rgba(255, 255, 255, 0.94) !important;
  stroke: rgba(255, 255, 255, 0.88) !important;
  stroke-width: 0.48 !important;
  filter: drop-shadow(0 2px 5px rgba(15, 23, 42, 0.06)) !important;
  pointer-events: none !important;
}

.omni-snapshot-trends > #qualityTrendsMount #qualityTrendsSvg .omni-trend-hover-dot {
  stroke: rgba(255, 255, 255, 0.98) !important;
  stroke-width: 0.82 !important;
  filter: none !important;
  pointer-events: none !important;
}

/* Phase 13.1M-F - Snapshot filters: old dashboard behavior, new fill/shape */
#omniSnapshotFilters #activityFilters {
  display: flex !important;
  align-items: center !important;
  flex-wrap: wrap !important;
  gap: 10px !important;
}

#omniSnapshotFilters .activity-filter-btn {
  min-height: 44px !important;
  padding: 0 18px !important;
  border-radius: 6px !important;
  border: 1px solid rgba(203, 213, 225, 0.72) !important;
  background: rgba(248, 250, 252, 0.92) !important;
  color: rgba(31, 41, 55, 0.92) !important;
  font-size: 0.95rem !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  box-shadow: none !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  transition: all 0.2s ease !important;
}

#omniSnapshotFilters .activity-filter-btn.active {
  background: linear-gradient(135deg, #1c4dd7 0%, #819bff 100%) !important;
  color: #ffffff !important;
  border-color: transparent !important;
  box-shadow: none !important;
}

#omniSnapshotFilters .activity-filter-btn .activity-badge {
  min-width: 32px !important;
  height: 22px !important;
  padding: 0 9px !important;
  border-radius: 6px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: rgba(226, 232, 240, 0.9) !important;
  border: 1px solid rgba(203, 213, 225, 0.85) !important;
  color: rgba(51, 65, 85, 0.92) !important;
  font-size: 0.82rem !important;
  font-weight: 700 !important;
  line-height: 1 !important;
}

#omniSnapshotFilters .activity-filter-btn.active .activity-badge {
  background: rgba(255, 255, 255, 0.22) !important;
  border-color: rgba(255, 255, 255, 0.28) !important;
  color: #ffffff !important;
}

/* Phase 13.1N - Output/Stitch-style operations rail */
.op-workspace-right.omni-ops-rail .op-main-card.op-stats-card.omni-ops-shell {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  padding: 0 !important;
}

.op-workspace-right.omni-ops-rail .op-stats-mini-grid.omni-rail-layout {
  display: flex !important;
  flex-direction: column !important;
  gap: 18px !important;
  padding: 0 !important;
}

.omni-rail-group {
  margin: 0 !important;
}

.op-workspace-right.omni-ops-rail .omni-rail-group--operations {
  min-height: 392px !important;
}

.op-workspace-right.omni-ops-rail .omni-rail-group--usage .omni-rail-grid {
  min-height: 466px !important;
}

.op-workspace-right.omni-ops-rail .omni-rail-group--performance .omni-rail-grid {
  min-height: 222px !important;
}

.op-workspace-right.omni-ops-rail .omni-rail-group--content .omni-rail-grid {
  min-height: 344px !important;
}

.omni-rail-kicker {
  margin: 0 0 10px !important;
  color: var(--muted) !important;
  font-size: 0.78rem !important;
  font-weight: 800 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
}

.omni-ops-card,
.omni-rail-grid > .dash-stat-card,
.omni-rail-grid > .op-mini-stat {
  background: rgba(255, 255, 255, 0.82) !important;
  border: 1px solid rgba(226, 232, 240, 0.9) !important;
  border-radius: 6px !important;
  box-shadow: 0 1px 2px rgba(15, 23, 42, 0.03) !important;
}

.omni-ops-card {
  padding: 1.3rem 1.25rem !important;
  min-height: 284px !important;
}

.omni-ops-card .section-header {
  margin-bottom: 1rem !important;
  text-align: left !important;
}

.omni-ops-card .section-header h2 {
  margin: 0 0 0.4rem !important;
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-size: 1.5rem !important;
  line-height: 1.08 !important;
  letter-spacing: -0.02em !important;
  color: var(--text) !important;
}

.omni-ops-card .section-header p,
.omni-ops-card .op-dashboard-summary-text,
.op-workspace-right.omni-ops-rail .stat-subtitle,
.op-workspace-right.omni-ops-rail .stat-meta,
.op-workspace-right.omni-ops-rail .op-helper {
  color: var(--muted) !important;
}

.omni-ops-card .section-header p {
  margin: 0 !important;
  font-size: 0.96rem !important;
  line-height: 1.55 !important;
  max-width: 30ch !important;
}

.omni-ops-card #opDashboardSummary {
  margin: 0 0 14px !important;
  padding: 0.95rem 1rem !important;
  background: rgba(248, 250, 252, 0.84) !important;
  border: 1px solid rgba(226, 232, 240, 0.92) !important;
  border-radius: 6px !important;
}

.omni-ops-card .op-dashboard-summary-kicker,
.op-workspace-right.omni-ops-rail .stat-title {
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-size: 0.74rem !important;
  font-weight: 800 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
  color: rgba(71, 85, 105, 0.86) !important;
}

.omni-ops-card .op-insights {
  margin: 0 !important;
}

.op-workspace-right.omni-ops-rail .omni-admin-governance {
  margin-top: 12px;
}

.op-workspace-right.omni-ops-rail .omni-governance-card {
  display: grid;
  gap: 10px;
  min-height: 246px;
}

.op-workspace-right.omni-ops-rail .omni-governance-card__header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 0 !important;
}

.op-workspace-right.omni-ops-rail .omni-governance-card__header h3 {
  margin: 0 0 0.2rem;
  font-family: 'Plus Jakarta Sans', sans-serif;
  font-size: 0.86rem;
  line-height: 1.18;
  font-weight: 700;
  letter-spacing: -0.01em;
  color: rgba(15, 23, 42, 0.92) !important;
}

.op-workspace-right.omni-ops-rail .omni-governance-card__header p {
  margin: 0;
  color: rgba(51, 65, 85, 0.74) !important;
  font-size: 0.76rem;
  line-height: 1.5;
  max-width: 30ch;
}

.op-workspace-right.omni-ops-rail .omni-governance-pill {
  display: inline-flex;
  align-items: center;
  min-height: 28px;
  padding: 0 10px;
  border-radius: 999px;
  border: 1px solid rgba(226, 232, 240, 0.88);
  background: rgba(248, 250, 252, 0.96);
  color: rgba(100, 116, 139, 0.9);
  font-size: 0.68rem;
  font-weight: 600;
  letter-spacing: 0.01em;
  white-space: nowrap;
}

.op-workspace-right.omni-ops-rail .omni-governance-pill.is-active {
  border-color: rgba(16, 185, 129, 0.2);
  background: rgba(236, 253, 245, 0.96);
  color: rgba(5, 150, 105, 0.96);
}

.op-workspace-right.omni-ops-rail .omni-governance-pill.is-warning {
  border-color: rgba(245, 158, 11, 0.16);
  background: rgba(255, 251, 235, 0.84);
  color: rgba(146, 64, 14, 0.82);
}

.op-workspace-right.omni-ops-rail .omni-governance-pill.is-muted {
  border-color: rgba(226, 232, 240, 0.88);
  background: rgba(248, 250, 252, 0.82);
  color: rgba(100, 116, 139, 0.82);
}

.op-workspace-right.omni-ops-rail .omni-governance-summary-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
}

.op-workspace-right.omni-ops-rail .omni-governance-metric {
  display: grid;
  gap: 4px;
  padding: 8px 10px;
  border: 1px solid rgba(226, 232, 240, 0.88);
  border-radius: 12px;
  background: rgba(255, 255, 255, 0.98);
}

.op-workspace-right.omni-ops-rail .omni-governance-metric span {
  color: rgba(100, 116, 139, 0.88);
  font-size: 0.68rem;
  font-weight: 700;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  line-height: 1.35;
}

.op-workspace-right.omni-ops-rail .omni-governance-metric strong {
  color: rgba(30, 41, 59, 0.9);
  font-size: 0.86rem;
  line-height: 1.2;
  font-weight: 600;
}

.op-workspace-right.omni-ops-rail .omni-governance-note {
  color: rgba(51, 65, 85, 0.74);
  font-size: 0.72rem;
  line-height: 1.45;
}

.op-workspace-right.omni-ops-rail .omni-governance-inventory {
  display: grid;
  gap: 8px;
}

.op-workspace-right.omni-ops-rail .omni-governance-inventory__header {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 12px;
  color: rgba(100, 116, 139, 0.86);
  font-size: 0.7rem;
  font-weight: 700;
  letter-spacing: 0.05em;
  text-transform: uppercase;
}

.op-workspace-right.omni-ops-rail .omni-governance-inventory__header strong {
  color: inherit;
  font-size: inherit;
  font-weight: inherit;
  letter-spacing: inherit;
  text-transform: inherit;
}

.op-workspace-right.omni-ops-rail .omni-governance-inventory__list {
  display: grid;
  gap: 8px;
  min-height: 118px;
}

.op-workspace-right.omni-ops-rail .omni-governance-inventory__row,
.op-workspace-right.omni-ops-rail .omni-governance-inventory__empty {
  display: grid;
  gap: 6px;
  padding: 8px 10px;
  border: 1px solid rgba(226, 232, 240, 0.88);
  border-radius: 6px;
  background: rgba(255, 255, 255, 0.98);
}

.op-workspace-right.omni-ops-rail .omni-governance-inventory__row-top,
.op-workspace-right.omni-ops-rail .omni-governance-inventory__row-meta {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 10px;
}

.op-workspace-right.omni-ops-rail .omni-governance-inventory__row-top {
  align-items: center;
}

.op-workspace-right.omni-ops-rail .omni-governance-inventory__tenant {
  color: rgba(51, 65, 85, 0.9);
  font-size: 0.74rem;
  font-weight: 600;
  word-break: break-word;
}

.op-workspace-right.omni-ops-rail .omni-governance-inventory__state {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

.op-workspace-right.omni-ops-rail .omni-governance-inventory__meta {
  color: rgba(100, 116, 139, 0.86);
  font-size: 0.68rem;
  line-height: 1.42;
}

.op-workspace-right.omni-ops-rail .omni-governance-inventory__row-meta {
  display: grid;
  grid-template-columns: 1fr;
  gap: 4px;
}

.op-workspace-right.omni-ops-rail .omni-governance-inventory__row-meta .omni-governance-inventory__meta:first-child {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 5px 8px;
  color: rgba(100, 116, 139, 0.82);
}

.op-workspace-right.omni-ops-rail .omni-governance-inventory__row-meta .omni-governance-inventory__meta:last-child {
  color: rgba(148, 163, 184, 0.92);
  font-size: 0.66rem;
}

.op-workspace-right.omni-ops-rail .omni-governance-inventory__meta code {
  display: inline-block;
  padding: 2px 7px;
  border: 1px solid rgba(226, 232, 240, 0.76);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.96);
  color: rgba(100, 116, 139, 0.82);
  font-size: 0.67rem;
  font-weight: 600;
}

@media (max-width: 720px) {
  .op-workspace-right.omni-ops-rail .omni-governance-card__header,
  .op-workspace-right.omni-ops-rail .omni-governance-inventory__header,
  .op-workspace-right.omni-ops-rail .omni-governance-inventory__row-top,
  .op-workspace-right.omni-ops-rail .omni-governance-inventory__row-meta {
    display: grid;
    grid-template-columns: 1fr;
  }

  .op-workspace-right.omni-ops-rail .omni-governance-summary-grid {
    grid-template-columns: 1fr;
  }
}

.omni-rail-grid {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 14px !important;
}

.op-workspace-right.omni-ops-rail .omni-rail-grid > .dash-stat-card,
.op-workspace-right.omni-ops-rail .omni-rail-grid > .op-mini-stat {
  padding: 1rem 1.05rem 0.95rem !important;
  min-height: 112px !important;
}

.op-workspace-right.omni-ops-rail .dash-stat-card,
.op-workspace-right.omni-ops-rail .op-mini-stat {
  transform: none !important;
}

.op-workspace-right.omni-ops-rail .dash-stat-card:hover,
.op-workspace-right.omni-ops-rail .op-mini-stat:hover {
  background: rgba(255, 255, 255, 0.9) !important;
  box-shadow: 0 14px 36px rgba(44, 47, 49, 0.07) !important;
}

.op-workspace-right.omni-ops-rail .stat-header {
  align-items: flex-start !important;
  margin-bottom: 0.55rem !important;
  padding-right: 0 !important;
}

.op-workspace-right.omni-ops-rail .stat-icon,
.op-workspace-right.omni-ops-rail .stat-dot {
  position: static !important;
  margin-left: auto !important;
  flex: 0 0 auto !important;
}

.op-workspace-right.omni-ops-rail .stat-value {
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-size: 1.85rem !important;
  font-weight: 800 !important;
  line-height: 1.04 !important;
  color: rgba(15, 23, 42, 0.96) !important;
}

.op-workspace-right.omni-ops-rail .quality-card .stat-value {
  display: flex !important;
  align-items: baseline !important;
  gap: 0.18rem !important;
}

.op-workspace-right.omni-ops-rail .quality-out-of {
  font-size: 1rem !important;
  color: rgba(71, 85, 105, 0.88) !important;
}

.op-workspace-right.omni-ops-rail .progress-label,
.op-workspace-right.omni-ops-rail .progress-label span,
.op-workspace-right.omni-ops-rail .quality-badge-row {
  font-size: 0.8rem !important;
}

.op-workspace-right.omni-ops-rail .op-mini-ring {
  top: 12px !important;
  right: 12px !important;
}

.omni-rail-footer {
  display: flex !important;
  flex-direction: column !important;
  gap: 12px !important;
  margin-top: 2px !important;
}

.omni-rail-brand {
  position: static !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 10px !important;
  margin-top: 2px !important;
  padding: 0 2px !important;
  color: rgba(71, 85, 105, 0.86) !important;
}

/* ==========================================================================
   Dashboard regeneration UI polish
   Keeps success layout intact while stabilizing the running state.
   ========================================================================== */

#activityList .activity-item.is-regenerating {
  position: relative !important;
  border-radius: 6px !important;
  isolation: isolate !important;
  z-index: 1 !important;
  background: inherit !important;
  border-color: rgba(139, 92, 246, 0.55) !important;
  box-shadow:
    0 0 0 1px rgba(139, 92, 246, 0.45),
    0 0 0 4px rgba(139, 92, 246, 0.08),
    0 14px 32px rgba(139, 92, 246, 0.08) !important;
  animation: omni-recent-regen-pulse 1.6s ease-in-out infinite !important;
}

#activityList .activity-item.is-regenerating .activity-main,
#activityList .activity-item.is-regenerating .activity-row-actions,
#activityList .activity-item.is-regenerating .activity-right-cell,
#activityList .activity-item.is-regenerating .activity-source-cell {
  position: relative !important;
  z-index: 2 !important;
}

#activityList .activity-item.is-regenerating::after {
  content: '' !important;
  position: absolute !important;
  inset: 0 !important;
  border-radius: inherit !important;
  pointer-events: none !important;
  z-index: 1 !important;
  background-repeat: no-repeat !important;
  background-image:
    linear-gradient(90deg, rgba(139, 92, 246, 0), rgba(139, 92, 246, 0.95), rgba(139, 92, 246, 0)),
    linear-gradient(180deg, rgba(139, 92, 246, 0), rgba(139, 92, 246, 0.95), rgba(139, 92, 246, 0)),
    linear-gradient(270deg, rgba(139, 92, 246, 0), rgba(139, 92, 246, 0.95), rgba(139, 92, 246, 0)),
    linear-gradient(0deg, rgba(139, 92, 246, 0), rgba(139, 92, 246, 0.95), rgba(139, 92, 246, 0)) !important;
  background-size:
    140px 2px,
    2px 90px,
    140px 2px,
    2px 90px !important;
  background-position:
    16px -1px,
    -999px -999px,
    -999px -999px,
    -999px -999px !important;
  filter: drop-shadow(0 0 5px rgba(139, 92, 246, 0.16)) !important;
  animation: omni-recent-regen-glint 2.6s linear infinite !important;
}

@keyframes omni-recent-regen-pulse {
  0%,
  100% {
    border-color: rgba(139, 92, 246, 0.45);
    box-shadow:
      0 0 0 1px rgba(139, 92, 246, 0.38),
      0 0 0 3px rgba(139, 92, 246, 0.06),
      0 12px 28px rgba(139, 92, 246, 0.06);
  }

  50% {
    border-color: rgba(139, 92, 246, 0.85);
    box-shadow:
      0 0 0 2px rgba(139, 92, 246, 0.68),
      0 0 0 7px rgba(139, 92, 246, 0.14),
      0 18px 38px rgba(139, 92, 246, 0.12);
  }
}

@keyframes omni-recent-regen-glint {
  0% {
    background-position:
      16px -1px,
      -999px -999px,
      -999px -999px,
      -999px -999px;
  }

  24.99% {
    background-position:
      calc(100% - 156px) -1px,
      -999px -999px,
      -999px -999px,
      -999px -999px;
  }

  25% {
    background-position:
      -999px -999px,
      calc(100% - 1px) 16px,
      -999px -999px,
      -999px -999px;
  }

  49.99% {
    background-position:
      -999px -999px,
      calc(100% - 1px) calc(100% - 106px),
      -999px -999px,
      -999px -999px;
  }

  50% {
    background-position:
      -999px -999px,
      -999px -999px,
      calc(100% - 156px) calc(100% - 1px),
      -999px -999px;
  }

  74.99% {
    background-position:
      -999px -999px,
      -999px -999px,
      16px calc(100% - 1px),
      -999px -999px;
  }

  75% {
    background-position:
      -999px -999px,
      -999px -999px,
      -999px -999px,
      -1px calc(100% - 106px);
  }

  100% {
    background-position:
      -999px -999px,
      -999px -999px,
      -999px -999px,
      -1px 16px;
  }
}

#activityList .activity-item.is-regenerating .activity-row-buttons > .regen-manual-btn.is-loading {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 0 !important;
  min-height: 48px !important;
  width: 88px !important;
  min-width: 88px !important;
  max-width: 88px !important;
  padding: 0 6px !important;
  line-height: 1 !important;
  text-align: center !important;
  white-space: nowrap !important;
  opacity: 1 !important;
  overflow: hidden !important;
  color: rgba(37, 99, 235, 0.94) !important;
  font-size: 9px !important;
  font-weight: 700 !important;
  letter-spacing: -0.04em !important;
}

#activityList .activity-item.is-regenerating .activity-row-buttons > .regen-manual-btn.is-loading::after {
  content: none !important;
  display: none !important;
}

#activityList .activity-item.is-regenerating .activity-row-buttons > .regen-manual-btn.is-loading::after {
  content: 'Regen…' !important;
  position: absolute !important;
  inset: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: #6d28d9 !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  letter-spacing: 0 !important;
  line-height: 1 !important;
  text-align: center !important;
  pointer-events: none !important;
}

#activityList .activity-item.is-regenerating .btn-spinner {
  display: none !important;
}

#activityList .activity-item.is-regenerating .activity-row-buttons > .regen-manual-btn.is-loading::after {
  content: none !important;
  display: none !important;
}

#activityList .activity-item.is-regenerating .activity-row-buttons > button:disabled {
  cursor: default !important;
}

#activityList .activity-item.newly-generated {
  position: relative !important;
  border-radius: 6px !important;
  animation: omni-recent-regen-complete 1.35s ease-in-out 3 !important;
}

#activityList .activity-item.newly-generated::after {
  content: '' !important;
  position: absolute !important;
  inset: 0 !important;
  border-radius: 6px !important;
  padding: 1px !important;
  background: linear-gradient(
    135deg,
    rgba(109, 40, 217, 0.18),
    rgba(167, 139, 250, 0.94),
    rgba(124, 58, 237, 0.28)
  ) !important;
  -webkit-mask:
    linear-gradient(#fff 0 0) content-box,
    linear-gradient(#fff 0 0) !important;
  -webkit-mask-composite: xor !important;
  mask-composite: exclude !important;
  pointer-events: none !important;
  z-index: 2 !important;
  animation: omni-recent-regen-complete-outline 1.35s ease-in-out 3 !important;
}

@keyframes omni-recent-regen-complete {
  0%,
  100% {
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.99), rgba(255, 255, 255, 0.99));
    box-shadow:
      inset 0 0 0 1px rgba(124, 58, 237, 0.12),
      0 1px 4px rgba(124, 58, 237, 0.03);
  }

  50% {
    background: linear-gradient(180deg, rgba(245, 243, 255, 0.98), rgba(250, 245, 255, 0.98));
    box-shadow:
      inset 0 0 0 1px rgba(124, 58, 237, 0.34),
      0 4px 10px rgba(124, 58, 237, 0.06);
  }
}

@keyframes omni-recent-regen-complete-outline {
  0%,
  100% {
    opacity: 0.72;
  }

  50% {
    opacity: 1;
  }
}

.op-new-pill.op-new-pill--regen {
  background: linear-gradient(135deg, #7c3aed, #8b5cf6) !important;
  box-shadow:
    0 2px 6px rgba(124, 58, 237, 0.26),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}

#statQualityBadges,
.op-workspace-right.omni-ops-rail .quality-badge-row {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
  width: 100% !important;
  min-width: 0 !important;
  align-items: flex-start !important;
}

#statQualityBadges .quality-pill,
.op-workspace-right.omni-ops-rail .quality-pill {
  max-width: 100% !important;
}

#statQualityBadges .regen-compare,
.op-workspace-right.omni-ops-rail .regen-compare {
  position: relative !important;
  flex: 1 1 100% !important;
  width: 100% !important;
  min-width: 0 !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  grid-template-rows: auto auto !important;
  gap: 6px 10px !important;
  align-items: center !important;
  padding: 12px 14px !important;
  border: 1px solid rgba(148, 163, 184, 0.3) !important;
  background: rgba(255, 255, 255, 0.98) !important;
  box-shadow: none !important;
  box-sizing: border-box !important;
  overflow: visible !important;
}

#statQualityBadges .regen-compare--pos,
.op-workspace-right.omni-ops-rail .regen-compare--pos {
  border-color: rgba(0, 133, 66, 0.34) !important;
  color: #008542 !important;
}

#statQualityBadges .regen-compare--zero,
.op-workspace-right.omni-ops-rail .regen-compare--zero {
  border-color: rgba(100, 116, 139, 0.28) !important;
  color: #64748b !important;
}

#statQualityBadges .regen-compare--neg,
.op-workspace-right.omni-ops-rail .regen-compare--neg {
  border-color: rgba(217, 119, 6, 0.34) !important;
  color: #d97706 !important;
}

#statQualityBadges .regen-compare__label,
.op-workspace-right.omni-ops-rail .regen-compare__label {
  grid-column: 1 !important;
  grid-row: 1 !important;
  min-width: 0 !important;
  padding-right: 0 !important;
  color: inherit !important;
  opacity: 0.82 !important;
}

#statQualityBadges .regen-compare__ico,
.op-workspace-right.omni-ops-rail .regen-compare__ico {
  position: static !important;
  grid-column: 2 !important;
  grid-row: 1 !important;
  justify-self: end !important;
  align-self: center !important;
  margin: 0 !important;
  color: inherit !important;
  transform: translate(4px, 2px) !important;
}

#statQualityBadges .regen-compare__row,
.op-workspace-right.omni-ops-rail .regen-compare__row {
  grid-column: 1 / -1 !important;
  grid-row: 2 !important;
  display: grid !important;
  grid-template-columns: max-content max-content max-content !important;
  grid-auto-rows: auto !important;
  align-items: baseline !important;
  justify-content: start !important;
  min-width: 0 !important;
  max-width: 100% !important;
  overflow: visible !important;
  flex-wrap: nowrap !important;
  gap: 4px 8px !important;
}

#statQualityBadges .regen-compare__row > span,
.op-workspace-right.omni-ops-rail .regen-compare__row > span {
  min-width: 0 !important;
  white-space: nowrap !important;
}

#statQualityBadges .regen-compare__delta,
.op-workspace-right.omni-ops-rail .regen-compare__delta {
  grid-column: 1 / -1 !important;
  display: block !important;
  margin-left: 0 !important;
}

@media (max-width: 980px) {
  #activityList .activity-row-buttons > .regen-activity-btn,
  #activityList .activity-row-buttons > .regen-manual-btn,
  #activityList .activity-row-buttons > .copy-activity-btn,
  #activityList .activity-row-buttons > .view-activity-btn {
    flex: 1 1 132px !important;
    width: auto !important;
    min-width: 132px !important;
    max-width: none !important;
  }

  #activityList .activity-item.is-regenerating .activity-row-buttons > .regen-manual-btn.is-loading {
    flex: 1 1 132px !important;
    width: auto !important;
    min-width: 132px !important;
    max-width: none !important;
    font-size: 12px !important;
  }

  #statQualityBadges .regen-compare,
  .op-workspace-right.omni-ops-rail .regen-compare {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  #statQualityBadges .regen-compare__ico,
  .op-workspace-right.omni-ops-rail .regen-compare__ico {
    grid-column: 1 !important;
    grid-row: 1 !important;
    justify-self: end !important;
    transform: translate(0, 1px) !important;
  }

  #statQualityBadges .regen-compare__row,
  .op-workspace-right.omni-ops-rail .regen-compare__row {
    grid-column: 1 !important;
    font-size: 12px !important;
  }
}

.omni-rail-brand .op-wm-dot {
  width: 10px !important;
  height: 10px !important;
}

.omni-rail-brand .op-wm-text {
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-size: 0.98rem !important;
  font-weight: 800 !important;
  letter-spacing: -0.02em !important;
}

@media (max-width: 980px) {
  .omni-rail-grid {
    grid-template-columns: 1fr !important;
  }
}

/* Phase 13.1N-A - right rail alignment and spacing polish */
.op-workspace-right.omni-ops-rail {
  padding-top: 0 !important;
  margin-top: 0 !important;
  align-self: start !important;
  gap: 18px !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

.op-workspace-right.omni-ops-rail .op-main-card.op-stats-card,
.op-workspace-right.omni-ops-rail .omni-ops-shell,
.op-workspace-right.omni-ops-rail .op-stats-mini-grid,
.op-workspace-right.omni-ops-rail .omni-rail-layout,
.op-workspace-right.omni-ops-rail .omni-rail-group {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

.op-workspace-right.omni-ops-rail .omni-rail-layout {
  gap: 18px !important;
}

.op-workspace-right.omni-ops-rail .omni-rail-group:first-child,
.op-workspace-right.omni-ops-rail .omni-rail-group--operations,
.op-workspace-right.omni-ops-rail .omni-rail-group {
  margin-top: 0 !important;
  padding-top: 0 !important;
  margin-bottom: 0 !important;
}

.op-workspace-right.omni-ops-rail .omni-rail-kicker {
  margin-bottom: 8px !important;
}

.op-workspace-right.omni-ops-rail .omni-rail-grid {
  gap: 12px !important;
}

.op-workspace-right.omni-ops-rail .omni-ops-card,
.op-workspace-right.omni-ops-rail .dash-stat-card,
.op-workspace-right.omni-ops-rail .op-mini-stat {
  box-shadow: none !important;
}

.op-workspace-right.omni-ops-rail .omni-rail-footer {
  gap: 10px !important;
  margin-top: 0 !important;
}

.op-workspace-right.omni-ops-rail .omni-rail-group--content .op-mini-ring {
  top: 34px !important;
  right: 18px !important;
}

/* Phase 13.1N-B - final right rail alignment and haze cleanup */
.op-workspace-right.omni-ops-rail {
  margin-top: 24px !important;
  padding-top: 0 !important;
  align-self: start !important;
  gap: 12px !important;
  row-gap: 12px !important;
}

.op-workspace-right.omni-ops-rail .omni-rail-layout {
  gap: 12px !important;
  row-gap: 12px !important;
}

.op-workspace-right.omni-ops-rail .omni-rail-group:first-child,
.op-workspace-right.omni-ops-rail .omni-rail-group--operations,
.op-workspace-right.omni-ops-rail .omni-rail-group {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

.op-workspace-right.omni-ops-rail .omni-rail-kicker {
  margin-bottom: 6px !important;
}

.op-workspace-right.omni-ops-rail .omni-rail-grid {
  gap: 10px !important;
  row-gap: 10px !important;
}

.op-workspace-right.omni-ops-rail .omni-rail-footer {
  margin-top: 2px !important;
  gap: 8px !important;
}

.op-workspace-right.omni-ops-rail,
.op-workspace-right.omni-ops-rail::before,
.op-workspace-right.omni-ops-rail::after,
.op-workspace-right.omni-ops-rail .op-main-card.op-stats-card,
.op-workspace-right.omni-ops-rail .op-main-card.op-stats-card::before,
.op-workspace-right.omni-ops-rail .op-main-card.op-stats-card::after,
.op-workspace-right.omni-ops-rail .omni-ops-shell,
.op-workspace-right.omni-ops-rail .omni-ops-shell::before,
.op-workspace-right.omni-ops-rail .omni-ops-shell::after,
.op-workspace-right.omni-ops-rail .op-stats-mini-grid,
.op-workspace-right.omni-ops-rail .op-stats-mini-grid::before,
.op-workspace-right.omni-ops-rail .op-stats-mini-grid::after,
.op-workspace-right.omni-ops-rail .omni-rail-layout,
.op-workspace-right.omni-ops-rail .omni-rail-layout::before,
.op-workspace-right.omni-ops-rail .omni-rail-layout::after,
.op-workspace-right.omni-ops-rail .omni-rail-group,
.op-workspace-right.omni-ops-rail .omni-rail-group::before,
.op-workspace-right.omni-ops-rail .omni-rail-group::after {
  background: transparent !important;
  background-image: none !important;
  border: 0 !important;
  box-shadow: none !important;
  filter: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

.op-workspace-right.omni-ops-rail .omni-ops-card,
.op-workspace-right.omni-ops-rail .dash-stat-card,
.op-workspace-right.omni-ops-rail .op-mini-stat {
  background: rgba(255, 255, 255, 0.82) !important;
  border: 1px solid rgba(226, 232, 240, 0.9) !important;
  box-shadow: none !important;
}

.op-workspace-right.omni-ops-rail .omni-rail-group--content .op-mini-ring {
  top: 46px !important;
  right: 18px !important;
}

/* Phase 13.1N-C - flatten shadows and align operations card */
.op-workspace-right.omni-ops-rail {
  margin-top: 0 !important;
  padding-top: 0 !important;
  align-self: start !important;
}

.op-workspace-right.omni-ops-rail .omni-rail-group--operations {
  padding-top: 0 !important;
  margin-top: 0 !important;
}

.op-workspace-right.omni-ops-rail .omni-rail-group--operations .omni-ops-card {
  margin-top: 10px !important;
}

.op-workspace-right.omni-ops-rail .omni-ops-card,
.op-workspace-right.omni-ops-rail .omni-ops-mini-card,
.op-workspace-right.omni-ops-rail .dash-stat-card,
.op-workspace-right.omni-ops-rail .op-mini-stat {
  box-shadow: none !important;
  transform: none !important;
  transition: border-color 0.18s ease, background-color 0.18s ease !important;
}

.op-workspace-right.omni-ops-rail .omni-ops-card:hover,
.op-workspace-right.omni-ops-rail .omni-ops-mini-card:hover,
.op-workspace-right.omni-ops-rail .dash-stat-card:hover,
.op-workspace-right.omni-ops-rail .op-mini-stat:hover {
  box-shadow: none !important;
  transform: none !important;
  border-color: rgba(148, 163, 184, 0.55) !important;
  background: rgba(255, 255, 255, 0.88) !important;
}

.op-workspace-right.omni-ops-rail #planStatusCard {
  border-color: rgba(59, 130, 246, 0.9) !important;
}

.op-workspace-right.omni-ops-rail #planStatusCard:hover {
  border-color: rgba(59, 130, 246, 0.9) !important;
  box-shadow: none !important;
}

.generator-card,
.generator-card:hover {
  box-shadow: none !important;
  transform: none !important;
}

.content-type-btn,
.content-type-btn:hover,
.content-type-btn.selected,
.content-type-btn.active,
.content-type-btn.selected:hover,
.content-type-btn.active:hover {
  box-shadow: none !important;
  transform: none !important;
}

.content-type-btn.active[data-type="social"] .icon,
.content-type-btn.active[data-type="video"] .icon,
.content-type-btn.active[data-type="longform"] .icon {
  box-shadow: none !important;
}

.generate-btn,
.generate-btn:hover,
.generate-btn:focus,
.generate-btn:active,
.generate-btn:focus-visible,
.generate-btn:hover:not(:disabled),
.generate-btn:active:not(:disabled) {
  box-shadow: none !important;
  transform: none !important;
  filter: none !important;
}

.generate-btn {
  box-shadow: none !important;
  transform: none !important;
  filter: none !important;
  transition: filter 0.18s ease, background 0.18s ease, border-color 0.18s ease !important;
}

.generate-btn:hover,
.generate-btn:hover:not(:disabled) {
  box-shadow: none !important;
  transform: none !important;
  filter: brightness(1.04) saturate(1.04) !important;
}

.generate-btn:active,
.generate-btn:active:not(:disabled) {
  box-shadow: none !important;
  transform: none !important;
  filter: brightness(0.96) saturate(1.02) !important;
}

.generate-btn:focus-visible {
  box-shadow: none !important;
  outline: 2px solid rgba(59, 130, 246, 0.35) !important;
  outline-offset: 3px !important;
}

.op-workspace-right.omni-ops-rail .omni-ops-card .omni-ops-mini-card,
.op-workspace-right.omni-ops-rail .omni-ops-card .omni-ops-mini-card:hover,
.op-workspace-right.omni-ops-rail .omni-ops-card .omni-ops-insights,
.op-workspace-right.omni-ops-rail .omni-ops-card .omni-ops-insights:hover,
.op-workspace-right.omni-ops-rail .omni-ops-card .op-insights,
.op-workspace-right.omni-ops-rail .omni-ops-card .op-insights:hover,
.op-workspace-right.omni-ops-rail .omni-ops-card #opDashboardSummary,
.op-workspace-right.omni-ops-rail .omni-ops-card #opDashboardSummary:hover {
  box-shadow: none !important;
  transform: none !important;
}

.op-workspace-right.omni-ops-rail .omni-ops-card .omni-ops-mini-card:hover,
.op-workspace-right.omni-ops-rail .omni-ops-card .omni-ops-insights:hover,
.op-workspace-right.omni-ops-rail .omni-ops-card .op-insights:hover,
.op-workspace-right.omni-ops-rail .omni-ops-card #opDashboardSummary:hover {
  border-color: rgba(226, 232, 240, 0.9) !important;
  background: rgba(255, 255, 255, 0.72) !important;
}

.op-workspace-right.omni-ops-rail .omni-rail-brand,
.op-workspace-right.omni-ops-rail .op-stats-watermark {
  justify-content: flex-start !important;
  text-align: left !important;
  margin-left: 0 !important;
  padding-left: 0 !important;
  width: 100% !important;
}

.op-workspace-right.omni-ops-rail,
.op-workspace-right.omni-ops-rail .omni-rail-layout {
  gap: 18px !important;
  row-gap: 18px !important;
}

.op-workspace-right.omni-ops-rail .omni-rail-grid {
  gap: 12px !important;
  row-gap: 12px !important;
}

.op-workspace-right.omni-ops-rail .omni-rail-kicker {
  margin-bottom: 8px !important;
}

.op-workspace-right.omni-ops-rail .omni-rail-footer {
  margin-top: 8px !important;
  gap: 10px !important;
}

.op-workspace-right.omni-ops-rail .omni-rail-brand,
.op-workspace-right.omni-ops-rail .op-stats-watermark {
  justify-content: flex-end !important;
  text-align: right !important;
  margin-left: auto !important;
  margin-right: 0 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  width: 100% !important;
}

.op-workspace-right.omni-ops-rail,
.op-workspace-right.omni-ops-rail .omni-rail-layout {
  gap: 26px !important;
  row-gap: 26px !important;
}

.op-workspace-right.omni-ops-rail .omni-rail-grid {
  gap: 14px !important;
  row-gap: 14px !important;
}

.op-workspace-right.omni-ops-rail .omni-rail-kicker {
  margin-bottom: 9px !important;
}

.op-workspace-right.omni-ops-rail .omni-rail-footer {
  margin-top: 14px !important;
  gap: 10px !important;
}

.op-workspace-right.omni-ops-rail {
  margin-top: 0 !important;
  padding-top: 0 !important;
  align-self: start !important;
}

.op-workspace-right.omni-ops-rail .omni-rail-group--operations {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

.op-workspace-right.omni-ops-rail .omni-rail-group--operations .omni-ops-card {
  margin-top: 18px !important;
}

.content-type-btn,
.content-type-btn:hover,
.content-type-btn:focus,
.content-type-btn:focus-visible,
.content-type-btn:active,
.content-type-btn.active,
.content-type-btn.selected,
.content-type-btn.active:hover,
.content-type-btn.selected:hover,
.content-type-btn.active:focus,
.content-type-btn.selected:focus {
  box-shadow: none !important;
  filter: none !important;
}

.content-type-btn .icon,
.content-type-btn:hover .icon,
.content-type-btn.active .icon,
.content-type-btn.selected .icon {
  box-shadow: none !important;
  filter: none !important;
}

/* Phase 13.5F - Normalize statusWrap gap to 8px */

#activityList .activity-status-wrap {
  gap: 8px !important;
  column-gap: 8px !important;
}

/* Phase 13.5E - Runtime-winning Recent Runs gap correction */

#activityList .activity-status-wrap {
  column-gap: 12px !important;
  gap: 12px !important;
}

#activityList .activity-row-buttons {
  column-gap: 12px !important;
  gap: 12px !important;
}

/* Phase 13.5D - Runtime-winning Recent Runs lane spacing override */

#activityList .activity-right-cell {
  gap: 12px !important;
}

#activityList .activity-status-wrap {
  width: 258px !important;
  min-width: 258px !important;
  max-width: 258px !important;
  gap: 12px !important;
}

#activityList .activity-row-buttons {
  width: 250px !important;
  min-width: 250px !important;
  max-width: 250px !important;
  gap: 12px !important;
}

#activityList .activity-right-cell:has(.activity-row-buttons > .regen-activity-btn) .activity-row-buttons {
  width: 346px !important;
  min-width: 346px !important;
  max-width: 346px !important;
  gap: 12px !important;
}

/* Phase 13.5 - final dashboard visual polish */
#generator > .generator-header,
.generator-header {
  margin-bottom: 1.85rem !important;
}

.generator-header h1 {
  line-height: 1.04 !important;
  margin-bottom: 0.72rem !important;
}

.generator-header p,
#welcomeMessage {
  color: rgba(51, 65, 85, 0.78) !important;
  line-height: 1.55 !important;
}

.generator-card {
  padding: 2.15rem 2.2rem !important;
}

.generator-card > .op-generator-header {
  margin-bottom: 1.25rem !important;
}

.generator-card > .op-generator-header h2 {
  line-height: 1.08 !important;
  margin-bottom: 0.35rem !important;
}

.generator-card > .op-generator-header .op-generator-subtitle {
  color: rgba(51, 65, 85, 0.74) !important;
  line-height: 1.5 !important;
}

.op-workspace-right.omni-ops-rail,
.op-workspace-right.omni-ops-rail .omni-rail-layout {
  gap: 32px !important;
  row-gap: 32px !important;
}

.op-workspace-right.omni-ops-rail .omni-rail-group + .omni-rail-group,
.op-workspace-right.omni-ops-rail .omni-rail-group + .omni-rail-footer,
.op-workspace-right.omni-ops-rail .omni-rail-footer {
  margin-top: 32px !important;
}

.op-workspace-right.omni-ops-rail .omni-rail-kicker {
  margin-bottom: 12px !important;
}

.op-workspace-right.omni-ops-rail .omni-rail-grid {
  gap: 14px !important;
  row-gap: 14px !important;
}

.op-workspace-right.omni-ops-rail .omni-ops-card,
.op-workspace-right.omni-ops-rail .dash-stat-card,
.op-workspace-right.omni-ops-rail .op-mini-stat {
  padding: 1rem !important;
}

.op-workspace-right.omni-ops-rail .omni-ops-card .section-header h2,
.op-workspace-right.omni-ops-rail .dash-stat-card .section-header h2 {
  line-height: 1.12 !important;
}

.op-workspace-right.omni-ops-rail .omni-ops-card .section-header p,
.op-workspace-right.omni-ops-rail .omni-ops-card .op-dashboard-summary-text {
  color: rgba(51, 65, 85, 0.74) !important;
}

#activityList .activity-right-cell {
  align-items: center !important;
  gap: 12px !important;
}

#activityList .activity-status-wrap,
#activityList .activity-row-badges,
#activityList .activity-row-buttons {
  align-items: center !important;
}

#activityList .activity-row-badges,
#activityList .activity-row-buttons {
  gap: 8px !important;
}

#activityList .activity-row-badges .activity-tag,
#activityList .activity-row-badges .regen-pill,
#activityList .activity-tag.activity-tag--quality,
#activityList .activity-status,
#activityList .quality-badge {
  min-height: 30px !important;
  padding: 0 12px !important;
  line-height: 1 !important;
}

#activityList .activity-row-buttons button,
#activityList .activity-row-buttons .btn,
#activityList .regen-activity-btn,
#activityList .regen-manual-btn,
#activityList .copy-activity-btn,
#activityList .view-activity-btn {
  min-height: 36px !important;
  padding: 0 14px !important;
  line-height: 1 !important;
}

#activityList .activity-source-cell,
#activityList .activity-url,
#activityList .activity-source,
#activityList .activity-meta,
#activityList .activity-status-secondary {
  line-height: 1.4 !important;
}

/* Phase 13.3I - Exact restore of Recent Runs right controls from dashboard_new-000.css */
.activity-right-cell,
#activityList .activity-right-cell {
  width: 100% !important;
  min-width: 328px !important;
  max-width: 100% !important;
  overflow: visible !important;
  justify-items: end !important;
  gap: 7px !important;
}

.activity-status-wrap,
#activityList .activity-status-wrap {
  width: 100% !important;
  align-items: flex-end !important;
  gap: 8px !important;
  column-gap: 8px !important;
}

.activity-status-primary,
#activityList .activity-status-primary {
  width: 100% !important;
  justify-content: flex-end !important;
  gap: 8px !important;
  flex-wrap: nowrap !important;
}

.activity-status-secondary,
#activityList .activity-status-secondary {
  width: 100% !important;
  justify-content: flex-end !important;
  gap: 8px !important;
}

.activity-row-badges,
#activityList .activity-row-badges {
  display: contents !important;
}

.activity-status-wrap .activity-tag,
#activityList .activity-status-wrap .activity-tag,
.activity-status-wrap .regen-pill,
#activityList .activity-status-wrap .regen-pill {
  flex: 0 0 auto !important;
  white-space: nowrap !important;
}

.activity-tag.activity-tag--quality,
#activityList .activity-tag.activity-tag--quality {
  min-width: 104px !important;
}

.activity-status-wrap .regen-pill,
#activityList .activity-status-wrap .regen-pill {
  margin-top: 0 !important;
}

.activity-row-buttons,
#activityList .activity-row-buttons {
  width: 100% !important;
  justify-content: flex-end !important;
  flex-wrap: nowrap !important;
  gap: 8px !important;
  overflow: visible !important;
}

.activity-row-buttons .btn,
#activityList .activity-row-buttons .btn,
.activity-row-buttons button,
#activityList .activity-row-buttons button,
#activityList .op-action-btn,
#activityList .op-copy-btn,
#activityList .op-view-btn,
.regen-activity-btn,
.regen-manual-btn,
.copy-activity-btn,
.view-activity-btn {
  flex: 0 0 auto !important;
  min-width: max-content !important;
  white-space: nowrap !important;
  padding-left: 12px !important;
  padding-right: 12px !important;
}

#activityList .op-copy-btn,
.copy-activity-btn {
  min-width: 76px !important;
}

#activityList .op-view-btn,
.view-activity-btn {
  min-width: 54px !important;
}

@media (max-width: 1180px) {
  .activity-right-cell,
  #activityList .activity-right-cell {
    min-width: 308px !important;
  }

  .activity-row-buttons,
  #activityList .activity-row-buttons,
  .activity-status-primary,
  #activityList .activity-status-primary {
    gap: 6px !important;
  }

  .activity-row-buttons .btn,
  #activityList .activity-row-buttons .btn,
  .activity-row-buttons button,
  #activityList .activity-row-buttons button,
  #activityList .op-action-btn,
  #activityList .op-copy-btn,
  #activityList .op-view-btn {
    padding-left: 10px !important;
    padding-right: 10px !important;
  }
}

@media (max-width: 980px) {
  .activity-right-cell,
  #activityList .activity-right-cell {
    min-width: 0 !important;
    width: 100% !important;
  }

  .activity-status-wrap,
  #activityList .activity-status-wrap,
  .activity-status-primary,
  #activityList .activity-status-primary,
  .activity-status-secondary,
  #activityList .activity-status-secondary,
  .activity-row-buttons,
  #activityList .activity-row-buttons {
    align-items: flex-start !important;
    justify-content: flex-start !important;
  }

  .activity-row-buttons,
  #activityList .activity-row-buttons {
    flex-wrap: wrap !important;
  }
}

/* Phase 13.3J - Status / Button spacing fix */
#activityList .activity-right-cell {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 8px !important;
  column-gap: 8px !important;
}

#activityList .activity-status-wrap {
  margin-right: 0 !important;
}

#activityList .activity-row-buttons {
  margin-left: 0 !important;
  display: flex !important;
  gap: 12px !important;
}


/* Phase 13.2 - Dashboard UI polish pass */

/* Hero: reduce landing-page dead space using live dashboard selectors */
#generator {
  padding-top: calc(var(--dashboard-fixed-topbar-height) + clamp(56px, 6vw, 88px)) !important;
  padding-bottom: clamp(12px, 2vw, 24px) !important;
  margin-bottom: 32px !important;
}

#generator .container {
  max-width: 1440px !important;
  padding-inline: 24px !important;
}

.generator-header {
  margin-bottom: 18px !important;
  max-width: 860px !important;
}

.generator-header h1 {
  margin-bottom: 12px !important;
  line-height: 1.02 !important;
}

.generator-header p,
#welcomeMessage {
  margin-bottom: 0 !important;
  max-width: 52ch !important;
}

/* Main workspace rhythm */
#dashboard-stats {
  padding-top: 1rem !important;
}

#dashboard-stats .container {
  max-width: 1440px !important;
}

.op-workspace {
  gap: 24px !important;
  align-items: start !important;
}

.op-workspace-left {
  gap: 20px !important;
}

/* Generator card refinement */
.generator-card {
  max-width: 100% !important;
  padding: 2.2rem 2.35rem !important;
  border-radius: 6px !important;
  border: 1px solid rgba(226, 232, 240, 0.92) !important;
  background: rgba(255, 255, 255, 0.9) !important;
  box-shadow: none !important;
  margin-bottom: 20px !important;
}

.generator-card:hover {
  box-shadow: none !important;
  transform: none !important;
}

.generator-card > .op-generator-header {
  margin-bottom: 1.35rem !important;
}

.generator-card > .op-generator-header h2 {
  margin-bottom: 0.55rem !important;
}

.generator-card > .op-generator-header .op-generator-subtitle {
  max-width: 56ch !important;
}

/* Content type cards: keep outline and state, remove shadow weight */
.content-type-btn,
.content-type-btn:hover,
.content-type-btn:focus,
.content-type-btn:active,
.content-type-btn.selected,
.content-type-btn.active {
  box-shadow: none !important;
  filter: none !important;
}

.content-type-btn:hover {
  border-color: rgba(148, 163, 184, 0.58) !important;
}

/* Primary generator CTA: no shadow, subtle interaction only */
.generate-btn,
.generate-btn:hover,
.generate-btn:focus,
.generate-btn:active {
  box-shadow: none !important;
  transform: none !important;
}

.generate-btn:hover {
  filter: brightness(1.04) saturate(1.04) !important;
}

.generate-btn:active {
  filter: brightness(0.96) saturate(1.02) !important;
}

/* Right rail: lighter, calmer secondary weight */
.op-workspace-right.omni-ops-rail .omni-ops-card,
.op-workspace-right.omni-ops-rail .dash-stat-card,
.op-workspace-right.omni-ops-rail .op-mini-stat {
  border-radius: 6px !important;
  border-color: rgba(226, 232, 240, 0.88) !important;
  background: rgba(255, 255, 255, 0.82) !important;
  box-shadow: none !important;
}

.op-workspace-right.omni-ops-rail .omni-ops-card:hover,
.op-workspace-right.omni-ops-rail .dash-stat-card:hover,
.op-workspace-right.omni-ops-rail .op-mini-stat:hover {
  border-color: rgba(148, 163, 184, 0.55) !important;
  background: rgba(255, 255, 255, 0.9) !important;
  box-shadow: none !important;
  transform: none !important;
}

.op-workspace-right.omni-ops-rail #planStatusCard,
.op-workspace-right.omni-ops-rail #planStatusCard:hover {
  border-color: rgba(59, 130, 246, 0.9) !important;
}

/* Activity Snapshot refinement */
.omni-snapshot-card {
  border-radius: 6px !important;
  border: 1px solid rgba(226, 232, 240, 0.92) !important;
  background: rgba(255, 255, 255, 0.88) !important;
  box-shadow: none !important;
}

.omni-snapshot-card h2 {
  letter-spacing: -0.03em !important;
}

#omniSnapshotFilters {
  margin-top: 20px !important;
  margin-bottom: 24px !important;
}

/* Recent Runs: keep the current system, tighten rhythm */
#activityList .activity-item {
  min-height: 96px !important;
  padding-top: 20px !important;
  padding-bottom: 20px !important;
}

#activityList .activity-row-actions,
#activityList .activity-row-buttons,
#activityList .activity-row-badges {
  align-items: center !important;
  gap: 8px !important;
}

#activityList .activity-source-cell,
#activityList .activity-url,
#activityList .activity-source {
  color: rgba(51, 65, 85, 0.94) !important;
  font-weight: 700 !important;
}

/* Load More / Less controls */
#activityLoadMoreWrap,
.activity-loadmore-wrap {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  gap: 12px !important;
  margin-top: 28px !important;
  margin-bottom: 12px !important;
}

#activityLoadMoreBtn {
  width: 240px !important;
  min-height: 48px !important;
  border-radius: 6px !important;
  box-shadow: none !important;
  transform: none !important;
}

#activityLoadLess {
  min-width: 140px !important;
  min-height: 48px !important;
  border-radius: 6px !important;
  box-shadow: none !important;
  transform: none !important;
}

/* Phase 13.3A - center dashboard hero block */
#generator > .generator-header,
.generator-header {
  width: 100% !important;
  max-width: 980px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  text-align: center !important;
}

.generator-header h1,
.generator-header p,
#welcomeMessage {
  text-align: center !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

.generator-header p,
#welcomeMessage {
  max-width: 720px !important;
}

/* Phase 13.1R - clean single-owner logout button */
.op-workspace-right.omni-ops-rail .omni-rail-footer,
.op-workspace-right.omni-ops-rail .omni-rail-footer__logout,
.op-workspace-right.omni-ops-rail .op-logout-tile,
.op-workspace-right.omni-ops-rail .op-logout-tile.op-mini-stat,
.op-workspace-right.omni-ops-rail .op-mini-stat.op-logout-tile {
  all: unset !important;
  display: block !important;
  width: 100% !important;
  box-sizing: border-box !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  overflow: visible !important;
}

.op-workspace-right.omni-ops-rail .omni-rail-footer__logout {
  min-height: 64px !important;
}

.op-workspace-right.omni-ops-rail #op-logout-btn,
.op-workspace-right.omni-ops-rail #op-logout-btn.op-logout-in-tile {
  all: unset !important;
  appearance: none !important;
  -webkit-appearance: none !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  height: 64px !important;
  min-height: 64px !important;
  box-sizing: border-box !important;
  border-radius: 6px !important;
  border: 1px solid rgba(20, 119, 232, 0.62) !important;
  background: rgba(255, 255, 255, 0.86) !important;
  color: #1477e8 !important;
  font-size: 1rem !important;
  font-weight: 800 !important;
  letter-spacing: -0.01em !important;
  cursor: pointer !important;
  box-shadow: none !important;
  transform: none !important;
  filter: none !important;
  overflow: hidden !important;
}

.op-workspace-right.omni-ops-rail #op-logout-btn:hover,
.op-workspace-right.omni-ops-rail #op-logout-btn.op-logout-in-tile:hover {
  border-color: rgba(249, 115, 22, 0.78) !important;
  background: rgba(255, 247, 237, 0.9) !important;
  color: #f97316 !important;
  box-shadow: none !important;
  transform: none !important;
  filter: none !important;
}

.op-workspace-right.omni-ops-rail #op-logout-btn:active,
.op-workspace-right.omni-ops-rail #op-logout-btn.op-logout-in-tile:active {
  border-color: #2563eb !important;
  background: linear-gradient(135deg, #2563eb 0%, #3b82f6 100%) !important;
  color: #ffffff !important;
  box-shadow: none !important;
  transform: none !important;
  filter: none !important;
}

.op-workspace-right.omni-ops-rail #op-logout-btn *,
.op-workspace-right.omni-ops-rail #op-logout-btn.op-logout-in-tile * {
  color: inherit !important;
  background: transparent !important;
}

/* Phase 13.1Q - logout FULL RESET to original */
.op-workspace-right.omni-ops-rail #op-logout-btn,
.op-workspace-right.omni-ops-rail .op-logout-tile,
.op-workspace-right.omni-ops-rail .op-mini-stat.op-logout-tile,
.op-workspace-right.omni-ops-rail .omni-rail-footer__logout {
  all: unset !important;
}

.op-workspace-right.omni-ops-rail #op-logout-btn {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  cursor: pointer !important;
}

/* Phase 13.1P - Recent Runs Load More / Less controls */
#activityLoadMoreWrap,
.activity-load-more-row,
.load-more-row,
.activity-loadmore-wrap {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  gap: 12px !important;
  margin-top: 22px !important;
}

#activityLoadMoreBtn,
#activityLoadMore,
#loadMoreActivity,
#loadMoreBtn,
.load-more-btn,
.activity-load-more,
#activityList + button {
  min-height: 46px !important;
  padding: 0 26px !important;
  border-radius: 6px !important;
  border: 1px solid rgba(37, 99, 235, 0.72) !important;
  background: linear-gradient(135deg, #2563eb 0%, #6d8cff 100%) !important;
  color: #ffffff !important;
  font-size: 0.92rem !important;
  font-weight: 800 !important;
  letter-spacing: -0.01em !important;
  box-shadow: none !important;
  transform: none !important;
  transition: filter 0.18s ease, border-color 0.18s ease, background 0.18s ease !important;
}

#activityLoadMoreBtn:hover,
#activityLoadMore:hover,
#loadMoreActivity:hover,
#loadMoreBtn:hover,
.load-more-btn:hover,
.activity-load-more:hover,
#activityList + button:hover {
  filter: brightness(1.04) saturate(1.04) !important;
  box-shadow: none !important;
  transform: none !important;
}

#activityLoadMoreBtn:active,
#activityLoadMore:active,
#loadMoreActivity:active,
#loadMoreBtn:active,
.load-more-btn:active,
.activity-load-more:active,
#activityList + button:active {
  filter: brightness(0.96) !important;
  box-shadow: none !important;
  transform: none !important;
}

#activityLoadLess,
.activity-load-less {
  min-height: 46px !important;
  padding: 0 24px !important;
  border-radius: 6px !important;
  border: 1px solid rgba(203, 213, 225, 0.9) !important;
  background: rgba(255, 255, 255, 0.86) !important;
  color: rgba(51, 65, 85, 0.95) !important;
  font-size: 0.92rem !important;
  font-weight: 800 !important;
  box-shadow: none !important;
  transform: none !important;
}

#activityLoadLess:hover,
.activity-load-less:hover {
  border-color: rgba(148, 163, 184, 0.58) !important;
  background: rgba(248, 250, 252, 0.96) !important;
  box-shadow: none !important;
  transform: none !important;
}

/* Phase 13.1O - Recent Runs Output-style rows */
#activityList .activity-item {
  position: relative !important;
  overflow: hidden !important;
  min-height: 92px !important;
  padding: 18px 20px 18px 24px !important;
  border-radius: 6px !important;
  border: 1px solid rgba(226, 232, 240, 0.9) !important;
  background: rgba(255, 255, 255, 0.82) !important;
  box-shadow: none !important;
  transition: border-color 0.18s ease, background-color 0.18s ease !important;
}

#activityList .activity-item:hover {
  border-color: rgba(148, 163, 184, 0.58) !important;
  background: rgba(255, 255, 255, 0.92) !important;
  box-shadow: none !important;
  transform: none !important;
}

#activityList .activity-item.is-regenerating,
#activityList .activity-item.is-regenerating:hover {
  border-color: rgba(139, 92, 246, 0.55) !important;
  background: rgba(255, 255, 255, 0.82) !important;
  box-shadow:
    0 0 0 1px rgba(139, 92, 246, 0.45),
    0 0 0 4px rgba(139, 92, 246, 0.08),
    0 14px 32px rgba(139, 92, 246, 0.08) !important;
  animation: omni-recent-regen-pulse 1.6s ease-in-out infinite !important;
  transform: none !important;
}

#activityList .activity-item.is-regenerating::after,
#activityList .activity-item.is-regenerating:hover::after {
  content: none !important;
  display: none !important;
}

#activityList .activity-item::before {
  content: "" !important;
  position: absolute !important;
  left: 0 !important;
  top: 0 !important;
  bottom: 0 !important;
  width: 4px !important;
  background: rgba(37, 99, 235, 0.62) !important;
}

#activityList .activity-item.activity-item--social::before {
  background: rgba(37, 99, 235, 0.62) !important;
}

#activityList .activity-item.activity-item--video::before {
  background: rgba(124, 58, 237, 0.62) !important;
}

#activityList .activity-item.activity-item--longform::before {
  background: rgba(249, 115, 22, 0.62) !important;
}

#activityList .activity-item,
#activityList .activity-item * {
  -webkit-font-smoothing: antialiased !important;
}

#activityList .activity-title,
#activityList .activity-item-title,
#activityList .activity-type-text,
#activityList .activity-label,
#activityList .activity-category {
  font-size: 0.95rem !important;
  font-weight: 800 !important;
  letter-spacing: -0.01em !important;
  color: rgba(15, 23, 42, 0.9) !important;
}

#activityList .activity-item.activity-item--empty-state {
  display: block !important;
  min-height: auto !important;
}

#activityList .activity-item.activity-item--empty-state::before {
  display: none !important;
}

#activityList .activity-item.activity-item--empty-state .activity-main,
#activityList .activity-item.activity-item--empty-state .activity-main--empty-state {
  display: block !important;
  width: 100% !important;
  min-width: 0 !important;
}

#activityList .activity-item.activity-item--empty-state .activity-label,
#activityList .activity-item.activity-item--empty-state .activity-meta {
  overflow: visible !important;
  text-overflow: clip !important;
  white-space: normal !important;
  padding-left: 0 !important;
}

#activityList .activity-item.activity-item--empty-state .activity-label::before {
  display: none !important;
}

#activityList .activity-item.activity-item--loading-state {
  display: block !important;
  min-height: auto !important;
}

#activityList .activity-item.activity-item--loading-state .activity-main,
#activityList .activity-item.activity-item--loading-state .activity-main--loading-state {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  width: 100% !important;
  min-width: 0 !important;
}

#activityList .activity-item.activity-item--loading-state .activity-label {
  display: flex !important;
  align-items: center !important;
  margin-bottom: 0 !important;
  overflow: visible !important;
  text-overflow: clip !important;
  white-space: normal !important;
  padding-left: 0 !important;
  line-height: 1.35 !important;
}

#activityList .activity-item.activity-item--loading-state .activity-label::before {
  flex: 0 0 auto !important;
  margin-right: 10px !important;
}

#activityList .activity-item.activity-item--loading-state .activity-meta {
  display: none !important;
}

#activityList .activity-url,
#activityList .activity-source,
#activityList .activity-time,
#activityList .activity-meta,
#activityList .activity-source-cell,
#activityList .activity-status-secondary {
  font-size: 0.9rem !important;
  line-height: 1.5 !important;
  color: rgba(71, 85, 105, 0.9) !important;
}

#activityList .activity-item button,
#activityList .activity-item .btn,
#activityList .activity-item .activity-btn,
#activityList .regen-activity-btn,
#activityList .regen-manual-btn,
#activityList .copy-activity-btn,
#activityList .view-activity-btn {
  min-height: 42px !important;
  border-radius: 6px !important;
  font-size: 0.88rem !important;
  font-weight: 800 !important;
  letter-spacing: -0.01em !important;
  box-shadow: none !important;
  transform: none !important;
  transition: border-color 0.18s ease, background-color 0.18s ease, color 0.18s ease !important;
}

#activityList .activity-item button:hover,
#activityList .activity-item .btn:hover,
#activityList .activity-item .activity-btn:hover,
#activityList .regen-activity-btn:hover,
#activityList .regen-manual-btn:hover,
#activityList .copy-activity-btn:hover,
#activityList .view-activity-btn:hover {
  box-shadow: none !important;
  transform: none !important;
  border-color: rgba(37, 99, 235, 0.42) !important;
  background: rgba(239, 246, 255, 0.88) !important;
}

#activityList .activity-row-badges .activity-tag,
#activityList .activity-row-badges .regen-pill,
#activityList .activity-tag.activity-tag--quality,
#activityList .activity-status,
#activityList .quality-badge {
  border-radius: 6px !important;
  min-height: 40px !important;
  padding: 0 14px !important;
  font-size: 0.86rem !important;
  font-weight: 800 !important;
  box-shadow: none !important;
}

/* Phase 13.1N-K - restore API setup inside generator card */
#apiKeySetup {
  margin-left: auto !important;
  margin-right: auto !important;
  transform: none !important;
}

#apiKeySetup {
  margin-left: auto !important;
  margin-right: auto !important;
  transform: none !important;
  margin-top: 1.5rem !important;
}

.op-workspace-right.omni-ops-rail {
  padding-top: 0 !important;
  padding-left: 12px !important;
  align-self: start !important;
  margin-top: 0 !important;
  border-left: none !important;
}

.op-workspace-right.omni-ops-rail .omni-rail-group--operations {
  margin-top: 32px !important;
}

.op-workspace-right.omni-ops-rail .omni-rail-group--operations .omni-ops-card {
  margin-top: 0 !important;
}

.op-workspace-right.omni-ops-rail,
.op-workspace-right.omni-ops-rail .omni-rail-layout {
  gap: 38px !important;
  row-gap: 38px !important;
}

.op-workspace-right.omni-ops-rail .omni-rail-layout {
  gap: 18px !important;
  row-gap: 18px !important;
}

.op-workspace-right.omni-ops-rail .omni-rail-group {
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}

.op-workspace-right.omni-ops-rail .omni-rail-kicker {
  margin-bottom: 10px !important;
}

.op-workspace-right.omni-ops-rail .omni-rail-grid {
  gap: 16px !important;
  row-gap: 16px !important;
}

.op-workspace-right.omni-ops-rail .omni-rail-footer {
  margin-top: 20px !important;
  gap: 12px !important;
}

.op-workspace-right.omni-ops-rail .omni-rail-group + .omni-rail-group {
  margin-top: 10px !important;
}

.op-workspace-right.omni-ops-rail .omni-rail-group + .omni-rail-footer,
.op-workspace-right.omni-ops-rail .omni-rail-footer {
  margin-top: 38px !important;
}

/* Phase 13.1N-G - right rail owner alignment and premium logged-out screen */
.op-workspace-right.omni-ops-rail .op-stats-mini-grid.omni-rail-layout {
  padding-top: 0 !important;
  margin-top: 0 !important;
}

.op-workspace-right.omni-ops-rail .omni-rail-group--operations {
  margin-top: 24px !important;
  padding-top: 0 !important;
}

.op-workspace-right.omni-ops-rail .omni-rail-group--operations .omni-ops-card {
  margin-top: 0 !important;
}

#apiKeySetup {
  width: min(100%, 640px) !important;
  min-height: 560px !important;
  padding: 3.5rem 3.75rem !important;
  border-radius: 10px !important;
  background:
    radial-gradient(circle at 18% 12%, rgba(37, 99, 235, 0.10), transparent 28%),
    radial-gradient(circle at 90% 0%, rgba(249, 115, 22, 0.08), transparent 24%),
    rgba(255, 255, 255, 0.86) !important;
  border: 1px solid rgba(226, 232, 240, 0.95) !important;
  box-shadow: 0 24px 70px rgba(15, 23, 42, 0.06) !important;
  position: relative !important;
  overflow: hidden !important;
}

#apiKeySetup::before {
  content: "" !important;
  position: absolute !important;
  width: 220px !important;
  height: 220px !important;
  right: -80px !important;
  top: -80px !important;
  border-radius: 999px !important;
  background: linear-gradient(135deg, rgba(37, 99, 235, 0.10), rgba(249, 115, 22, 0.08)) !important;
  pointer-events: none !important;
}

#apiKeySetup::after {
  content: "" !important;
  position: absolute !important;
  width: 140px !important;
  height: 140px !important;
  left: -52px !important;
  bottom: -52px !important;
  border-radius: 999px !important;
  background: rgba(37, 99, 235, 0.06) !important;
  pointer-events: none !important;
}

#apiKeySetup > * {
  position: relative !important;
  z-index: 1 !important;
}

#apiKeySetup label {
  display: inline-block !important;
  margin-bottom: 0.75rem !important;
  font-size: 0.82rem !important;
  font-weight: 800 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
  color: rgba(71, 85, 105, 0.9) !important;
}

#apiKeySetup .form-group {
  margin-bottom: 1.35rem !important;
}

#apiKeySetup .op-generator-header h2,
#apiKeySetup h2,
#apiKeySetup .generator-title {
  font-size: clamp(2.25rem, 3vw, 3.2rem) !important;
  line-height: 1.02 !important;
  letter-spacing: -0.045em !important;
  font-weight: 800 !important;
}

#apiKeySetup p,
#apiKeySetup .input-hint,
#apiKeySetup .op-generator-subtitle {
  font-size: 1.06rem !important;
  line-height: 1.7 !important;
  color: rgba(71, 85, 105, 0.94) !important;
}

#apiKeySetup input,
#apiKeyInput {
  min-height: 58px !important;
  border-radius: 10px !important;
  font-size: 1rem !important;
  padding: 0 1.35rem !important;
  background: rgba(255, 255, 255, 0.9) !important;
}

#apiKeySetup button,
#apiKeySetup .btn,
#apiKeySetup .btn.btn-primary,
#saveApiKeyBtn {
  min-height: 64px !important;
  border-radius: 6px !important;
  font-size: 1.02rem !important;
  font-weight: 800 !important;
  box-shadow: none !important;
}

/* Phase 13.1N-H - center logged-out API setup */
#apiKeySetup {
  margin-left: auto !important;
  margin-right: auto !important;
}

/* Phase 13.1N-H - remove Select Content Type card hover shadow */
.content-type-btn,
.content-type-btn:hover,
.content-type-btn:focus,
.content-type-btn:focus-visible,
.content-type-btn:active,
.content-type-btn.active,
.content-type-btn.selected,
.content-type-btn.active:hover,
.content-type-btn.selected:hover,
.content-type-btn:hover:not(.active):not(.selected) {
  box-shadow: none !important;
  filter: none !important;
}

.content-type-btn .icon,
.content-type-btn:hover .icon,
.content-type-btn.active .icon,
.content-type-btn.selected .icon {
  box-shadow: none !important;
  filter: none !important;
}

/* Phase 13.6A - centered vertical divider */

.op-workspace-right.omni-ops-rail {
  position: relative !important;
}

.op-workspace-right.omni-ops-rail::before {
  content: "" !important;
  position: absolute !important;
  top: 0 !important;
  bottom: 0 !important;
  left: -6px !important;
  width: 1px !important;
  background: rgba(15, 23, 42, 0.05) !important;
  z-index: 2 !important;
  pointer-events: none !important;
}

@media (max-width: 980px) {
  .omni-snapshot-trends > #qualityTrendsMount .quality-trends-card {
    min-height: 208px !important;
    padding: 16px 16px 16px !important;
  }

  .omni-snapshot-trends > #qualityTrendsMount #qualityTrendsSvg {
    height: 142px !important;
  }
}

body.omni-dashboard-access-blocked #opDashboardSummary {
  border-color: rgba(239, 68, 68, 0.18) !important;
  background: rgba(254, 242, 242, 0.92) !important;
}

body.omni-dashboard-access-blocked .op-dashboard-summary-kicker,
body.omni-dashboard-access-blocked .op-dashboard-summary-text {
  color: #991b1b !important;
}

body.omni-dashboard-access-blocked #planStatusCard {
  border-color: rgba(239, 68, 68, 0.18) !important;
  background: rgba(255, 255, 255, 0.92) !important;
}

body.omni-dashboard-access-blocked #generatorFormContainer {
  position: relative;
}

body.omni-dashboard-access-blocked #generatorFormContainer .generate-btn:disabled,
body.omni-dashboard-access-blocked #generatorFormContainer .content-type-btn:disabled,
body.omni-dashboard-access-blocked #generatorFormContainer .mode-btn:disabled,
body.omni-dashboard-access-blocked #generatorFormContainer input:disabled,
body.omni-dashboard-access-blocked #generatorFormContainer textarea:disabled {
  cursor: not-allowed !important;
  opacity: 0.62 !important;
  box-shadow: none !important;
}

/* Phase 30B.5a.1 - keep credential gate in normal card flow */
.generator-card > #apiKeySetup {
  transform: none !important;
  margin: 1.5rem auto 0 !important;
  position: relative !important;
  top: auto !important;
  left: auto !important;
  right: auto !important;
}

#apiKeySetup input,
#apiKeyInput {
  border-radius: 10px !important;
}

body.omni-dashboard-access-blocked .op-generator-subtitle,
body.omni-dashboard-access-blocked #welcomeMessage {
  color: #7f1d1d !important;
}

.omni-dashboard-access-note {
  margin: 0 0 1rem;
  padding: 0.85rem 1rem;
  border: 1px solid rgba(239, 68, 68, 0.18);
  border-radius: 6px;
  background: rgba(254, 242, 242, 0.88);
  color: #991b1b !important;
  font-weight: 600;
}

.omni-activity-blocked-empty {
  padding: 1rem 1.1rem;
  border: 1px dashed rgba(239, 68, 68, 0.22);
  border-radius: 6px;
  background: rgba(254, 242, 242, 0.7);
  color: #991b1b;
  font-weight: 600;
}

@keyframes dashboardLpFooterStripeShift {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}

.dashboard-lp-footer {
  position: relative;
  overflow: hidden;
  padding: 4rem 0 3rem;
  background: #f8fafc;
  border-top: 1px solid rgba(226, 232, 240, 0.5);
}

.dashboard-lp-footer__bg {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 300px;
  background: linear-gradient(to top, rgba(28, 77, 215, 0.05), transparent);
  pointer-events: none;
}

.dashboard-lp-footer__container {
  position: relative;
  z-index: 1;
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 24px;
}

.dashboard-lp-footer__grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 3rem;
  margin-bottom: 3.5rem;
}

.dashboard-lp-footer__brand-link,
.dashboard-lp-footer__column h4 {
  color: #0f172a;
  font-family: 'Plus Jakarta Sans', sans-serif;
}

.dashboard-lp-footer__brand-link {
  display: block;
  margin-bottom: 1.5rem;
  font-size: 2rem;
  font-weight: 900;
  line-height: 1.08;
  letter-spacing: -0.03em;
  text-decoration: none;
}

.dashboard-lp-footer__brand-link:hover,
.dashboard-lp-footer__brand-link:focus-visible {
  color: #0f172a;
  text-decoration: none;
}

.dashboard-lp-footer__tagline {
  margin: 0 0 1rem;
  color: #475569;
  font-size: 0.875rem;
  font-weight: 700;
  letter-spacing: 0.16em;
  text-transform: uppercase;
}

.dashboard-lp-footer__description {
  max-width: 19rem;
  margin: 0;
  color: #475569;
  font-size: 0.95rem;
  line-height: 1.7;
}

.dashboard-lp-footer__column h4 {
  margin: 0 0 1.5rem;
  font-size: 1.05rem;
  font-weight: 900;
  line-height: 1.15;
  letter-spacing: -0.02em;
}

.dashboard-lp-footer__column ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.dashboard-lp-footer__column li + li {
  margin-top: 1rem;
}

.dashboard-lp-footer__column a {
  color: #475569;
  font-size: 0.95rem;
  font-weight: 500;
  text-decoration: none;
  transition: color 200ms ease;
}

.dashboard-lp-footer__column a:hover,
.dashboard-lp-footer__column a:focus-visible {
  color: #1c4dd7;
  text-decoration: none;
}

.dashboard-lp-footer__bottom {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  padding-top: 2rem;
  color: #475569;
  font-size: 0.875rem;
  font-weight: 500;
}

.dashboard-lp-footer__divider {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 1.5px;
  background: linear-gradient(90deg, #1c4dd7 0%, #ff7a59 50%, #819bff 100%);
  background-size: 200% 100%;
  opacity: 0.4;
  animation: dashboardLpFooterStripeShift 6s linear infinite;
}

.dashboard-lp-footer__made-with {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
}

.dashboard-lp-footer__heart {
  color: #ff7a59;
  font-size: 1.125rem;
  line-height: 1;
}

@media (max-width: 1024px) {
  .dashboard-lp-footer__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 768px) {
  .dashboard-lp-footer {
    padding: 3.5rem 0 2.5rem;
  }

  .dashboard-lp-footer__container {
    padding: 0 20px;
  }

  .dashboard-lp-footer__grid {
    grid-template-columns: 1fr;
    gap: 2.25rem;
    margin-bottom: 2.75rem;
  }

  .dashboard-lp-footer__description {
    max-width: none;
  }

  .dashboard-lp-footer__bottom {
    flex-direction: column;
    align-items: flex-start;
  }
}