/*
 * Creator Studio desktop readability + full-width pass.
 *
 * Everything here is scoped to the launched Creator Studio experience. The
 * public feed and the rest of XPSync keep their existing layout and type scale.
 */

/* The app Layout already hands Creator Studio the full available width. Keep
   every layer inside that hand-off fluid; do not use 100vw here because 100vw
   includes the vertical scrollbar and can make tabs shift horizontally. */
body .creator-next-experience,
body .creator-next-experience .cdn-shell,
body .creator-next-experience .cdn-main {
  width: 100%;
  max-width: none;
  min-width: 0;
  margin-left: 0;
  margin-right: 0;
  box-sizing: border-box;
}

.creator-next-experience .cdn-content {
  width: 100%;
  max-width: none;
  min-width: 0;
  margin: 0;
  padding: 26px clamp(22px, 2vw, 36px) 48px;
  box-sizing: border-box;
}

/* A Creator Studio view should never re-introduce a centered desktop cap. */
.creator-next-experience .cdn-content > *,
.creator-next-experience .cdn-window,
.creator-next-experience .cdn-window-body {
  min-width: 0;
  max-width: none !important;
  box-sizing: border-box;
}

.creator-next-experience .cdn-content > .cdn-window,
.creator-next-experience .cdn-content > .cdn-stack,
.creator-next-experience .cdn-content > .cdn-overview,
.creator-next-experience .cdn-content > .cdn-live-workspace,
.creator-next-experience .cdn-window-body > div,
.creator-next-experience .cdn-window-body > section,
.creator-next-experience .cdn-window-body > main,
.creator-next-experience .cs-wrap.is-embedded {
  width: 100% !important;
  max-width: none !important;
  min-width: 0;
}

/* Shared Creator Studio readability floor. The existing experience already
   uses a larger scale in several places; these values only lift the pieces
   that were still falling through at 6–13px. */
.creator-next-experience .cdn-page-head p,
.creator-next-experience .cdn-window-body p,
.creator-next-experience .cdn-content p {
  font-size: 15.5px !important;
  line-height: 1.55 !important;
}

.creator-next-experience .cdn-window-body small,
.creator-next-experience .cdn-content small {
  font-size: 14.5px !important;
  line-height: 1.45 !important;
}

.creator-next-experience .cdn-window-body label,
.creator-next-experience .cdn-content label,
.creator-next-experience .cdn-window-body button,
.creator-next-experience .cdn-content button,
.creator-next-experience .cdn-window-body input,
.creator-next-experience .cdn-content input,
.creator-next-experience .cdn-window-body select,
.creator-next-experience .cdn-content select,
.creator-next-experience .cdn-window-body textarea,
.creator-next-experience .cdn-content textarea {
  font-size: 15px !important;
  line-height: 1.4;
}

.creator-next-experience .cdn-window-body th,
.creator-next-experience .cdn-window-body td,
.creator-next-experience .cdn-content th,
.creator-next-experience .cdn-content td {
  font-size: 14.5px !important;
  line-height: 1.45;
}

.creator-next-experience .cdn-nav-item {
  font-size: 15px;
}

.creator-next-experience .cdn-nav-heading,
.creator-next-experience .cdn-topbar-left,
.creator-next-experience .cdn-window-bar,
.creator-next-experience .cdn-window-status {
  font-size: 14px;
}

.creator-next-experience .cdn-tool-copy small,
.creator-next-experience .cdn-empty-state p,
.creator-next-experience .cdn-content-copy small,
.creator-next-experience .cdn-compact-empty span,
.creator-next-experience .cdn-monitor-screen span,
.creator-next-experience .cdn-credential-list label {
  font-size: 14.5px !important;
}

/* React inline styles are serialized in the browser as `font-size`, not
   `fontSize`. Catch the old micro-type values that the previous pass missed. */
.creator-next-experience [style*="font-size: 6px"],
.creator-next-experience [style*="font-size: 6.5px"],
.creator-next-experience [style*="font-size: 7px"],
.creator-next-experience [style*="font-size: 7.5px"],
.creator-next-experience [style*="font-size: 8px"],
.creator-next-experience [style*="font-size: 8.5px"],
.creator-next-experience [style*="font-size: 9px"],
.creator-next-experience [style*="font-size: 9.5px"],
.creator-next-experience [style*="font-size: 10px"],
.creator-next-experience [style*="font-size: 10.5px"],
.creator-next-experience [style*="font-size: 11px"],
.creator-next-experience [style*="font-size: 11.5px"],
.creator-next-experience [style*="font-size: 12px"],
.creator-next-experience [style*="font-size: 12.5px"],
.creator-next-experience [style*="font-size: 13px"],
.creator-next-experience [style*="font-size: 13.5px"] {
  font-size: 14.5px !important;
  line-height: 1.4 !important;
}

/* Creator Intelligence was the biggest readability offender: several panels
   deliberately used 6–9px labels. Lift the entire intelligence surface while
   keeping metric values and headings visually dominant. */
.creator-next-experience .cic-shell {
  font-size: 15px !important;
}

.creator-next-experience .cic-shell span,
.creator-next-experience .cic-shell small,
.creator-next-experience .cic-shell em {
  font-size: 13.5px !important;
  line-height: 1.4 !important;
}

.creator-next-experience .cic-shell strong,
.creator-next-experience .cic-shell b {
  font-size: 14.5px !important;
  line-height: 1.35 !important;
}

.creator-next-experience .cic-shell button,
.creator-next-experience .cic-shell select,
.creator-next-experience .cic-shell input {
  font-size: 14px !important;
  min-height: 38px;
}

.creator-next-experience .cic-loading,
.creator-next-experience .cic-empty,
.creator-next-experience .cic-error,
.creator-next-experience .cic-na,
.creator-next-experience .cic-note,
.creator-next-experience .cic-key-warning,
.creator-next-experience .cic-forecast-warning {
  font-size: 14px !important;
  line-height: 1.5 !important;
}

.creator-next-experience .cic-header > div:first-child span,
.creator-next-experience .cic-hero small,
.creator-next-experience .cic-opportunity-hero small,
.creator-next-experience .cic-safety-hero small {
  font-size: 13px !important;
}

.creator-next-experience .cic-hero p,
.creator-next-experience .cic-opportunity-hero p,
.creator-next-experience .cic-safety-hero p {
  font-size: 14.5px !important;
}

.creator-next-experience .cic-panel-title strong {
  font-size: 15px !important;
}

.creator-next-experience .cic-panel-title small {
  font-size: 13.5px !important;
}

.creator-next-experience .cic-metric strong {
  font-size: 18px !important;
}

.creator-next-experience .cic-outcomes b,
.creator-next-experience .cic-appeals b {
  font-size: 17px !important;
}

.creator-next-experience .cic-person strong,
.creator-next-experience .cic-recommendations strong,
.creator-next-experience .cic-time-list strong,
.creator-next-experience .cic-device-list strong,
.creator-next-experience .cic-moment-list strong,
.creator-next-experience .cic-security-events strong,
.creator-next-experience .cic-category-list strong,
.creator-next-experience .cic-title-list strong,
.creator-next-experience .cic-vod-opportunities strong,
.creator-next-experience .cic-access-list strong {
  font-size: 14px !important;
}

/* Analytics used 12.5px for most labels, chart axes and table content. */
.creator-next-experience .cas-root .cas-toolbar > div:first-child > span,
.creator-next-experience .cas-root .cas-stat-top span,
.creator-next-experience .cas-root .cas-stat-bottom > span,
.creator-next-experience .cas-root .cas-stat-bottom em,
.creator-next-experience .cas-root .cas-chart-labels,
.creator-next-experience .cas-root .cas-table-wrap th,
.creator-next-experience .cas-root .cas-table-wrap td,
.creator-next-experience .cas-root .cas-content-cell small,
.creator-next-experience .cas-root .cas-revenue-list span,
.creator-next-experience .cas-root .cas-empty span,
.creator-next-experience .cas-root .cas-error span,
.creator-next-experience .cas-root .cas-notice span,
.creator-next-experience .cas-root .cas-report-banner small {
  font-size: 14.5px !important;
  line-height: 1.45 !important;
}

.creator-next-experience .cas-root .cas-kind,
.creator-next-experience .cas-root .cas-status {
  font-size: 13.5px !important;
}

/* Highlight Studio has a second compact type scale of its own. */
.creator-next-experience .cs-panel h2,
.creator-next-experience .cs-sources h2,
.creator-next-experience .cs-specs h3 {
  font-size: 14.5px !important;
  line-height: 1.3 !important;
}

.creator-next-experience .cs-preset b,
.creator-next-experience .cs-times,
.creator-next-experience .cs-inline,
.creator-next-experience .cs-status,
.creator-next-experience .cs-resultmeta,
.creator-next-experience .cs-sourcemeta b,
.creator-next-experience .cs-specs dt,
.creator-next-experience .cs-specs dd,
.creator-next-experience .cs-projectstate,
.creator-next-experience .cs-projectpicker select {
  font-size: 14px !important;
  line-height: 1.4 !important;
}

.creator-next-experience .cs-timeline-ruler {
  font-size: 12.5px !important;
}

/* Preserve the existing responsive shell behavior. */
@media (max-width: 980px) {
  .creator-next-experience .cdn-content {
    padding: 22px 16px 120px;
  }
}

@media (max-width: 700px) {
  .creator-next-experience .cdn-content {
    padding: 18px 12px 120px;
  }
}