/* Asset intake typography v23: enforce the global Hux type scale inside the workflow form. */

.portal-dialog[data-mode="intake"] {
  font-size: var(--type-content);
  line-height: var(--leading-content);
}

.portal-dialog[data-mode="intake"] .portal-dialog-header h2 {
  font-size: 28px;
  line-height: 1.2;
}

.intake-eyebrow,
.intake-section-heading > div > span,
.intake-main-heading > div > span,
.intake-file-summary > span,
.intake-mcp-imports > span {
  font-size: var(--type-small);
  line-height: 1.4;
}

.intake-overview h3 {
  font-size: clamp(34px, 3.2vw, 46px);
  line-height: 1.12;
}

.intake-overview p,
.intake-section-heading p,
.intake-requirement-rail > p,
.intake-form-section header p,
.intake-mcp-flow p,
.intake-coming-soon p,
.intake-review p {
  font-size: var(--type-ui);
  line-height: var(--leading-content);
}

.intake-overview > div > p,
.intake-mcp-intro p {
  font-size: var(--type-content);
  line-height: var(--leading-content);
}

.intake-stage-line span {
  font-size: var(--type-caption);
}

.intake-stage-line strong {
  font-size: var(--type-small);
  line-height: 1.45;
}

.intake-section-heading h3 {
  font-size: 24px;
  line-height: 1.3;
}

.intake-type-code {
  font-size: var(--type-caption);
}

.intake-type-copy strong {
  font-size: 16px;
  line-height: 1.35;
}

.intake-type-copy small {
  font-size: 13px;
  line-height: 1.6;
}

.intake-type-state {
  font-size: var(--type-small);
  line-height: 1.4;
}

.intake-requirement-rail h3,
.intake-main-heading h3,
.intake-coming-soon h3 {
  font-size: 22px;
  line-height: 1.3;
}

.intake-requirement-rail li span {
  font-size: var(--type-caption);
}

.intake-requirement-rail li strong {
  font-size: 13px;
  line-height: 1.55;
}

.intake-prototype-note strong {
  font-size: var(--type-small);
}

.intake-prototype-note p {
  font-size: var(--type-small);
  line-height: 1.65;
}

.intake-method-switch button {
  font-size: var(--type-ui);
  line-height: 1.4;
}

.intake-form-section h4 {
  font-size: var(--type-reading);
  line-height: 1.35;
}

.intake-form-section > header > span,
.intake-mcp-flow li > span {
  font-size: var(--type-caption);
}

.intake-field > span,
.intake-materials > span,
.intake-visibility legend {
  font-size: var(--type-ui);
  line-height: 1.45;
}

.intake-field > span b {
  font-size: var(--type-caption);
}

.intake-field input,
.intake-field select,
.intake-field textarea {
  font-size: var(--type-content);
  line-height: 1.65;
}

.intake-material-grid label {
  font-size: 13px;
  line-height: 1.45;
}

.intake-dropzone strong {
  font-size: var(--type-ui);
  line-height: 1.45;
}

.intake-dropzone small,
.intake-file-summary li {
  font-size: var(--type-small);
  line-height: 1.6;
}

.intake-visibility strong {
  font-size: var(--type-ui);
  line-height: 1.4;
}

.intake-visibility small {
  font-size: var(--type-small);
  line-height: 1.55;
}

.intake-mcp-intro h4 {
  font-size: 28px;
  line-height: 1.22;
}

.intake-mcp-flow strong,
.intake-mcp-imports strong {
  font-size: var(--type-ui);
  line-height: 1.45;
}

.intake-mcp-imports small {
  font-size: var(--type-small);
  line-height: 1.6;
}

.intake-review strong {
  font-size: var(--type-ui);
  line-height: 1.4;
}

.intake-actions > p strong {
  font-size: var(--type-small);
  line-height: 1.4;
}

.intake-actions > p span {
  font-size: var(--type-caption);
  line-height: 1.45;
}

.intake-actions .button,
.intake-mcp-actions .button,
.intake-coming-soon .button {
  font-size: 13px;
  line-height: 1.4;
}

@media (max-width: 720px) {
  .portal-dialog[data-mode="intake"] .portal-dialog-header h2 {
    font-size: 24px;
  }

  .intake-overview h3 {
    font-size: 32px;
  }

  .intake-stage-line strong {
    font-size: var(--type-caption);
  }

  .intake-section-heading h3 {
    font-size: 22px;
  }

  .intake-type-copy strong {
    font-size: var(--type-content);
  }

  .intake-type-copy small {
    font-size: var(--type-small);
  }

  .intake-form-section h4 {
    font-size: 17px;
  }

  .intake-field > span,
  .intake-materials > span,
  .intake-visibility legend,
  .intake-method-switch button {
    font-size: 13px;
  }
}
