/* Shared mobile contract. Keep desktop and printed financial documents unchanged.
   Overflow belongs to data-table containers, never to the entire page. */
@media screen and (max-width: 700px) {
  :root { --control-font-size: 13px; --control-height: 44px; --body-copy-size: 14px; --section-title-size: 18px; }
  .client-directory-filter-bar, .project-directory-filter-bar { grid-template-columns: minmax(0, 1fr); }
  .project-directory-controls > .surface-head { flex-direction: column; align-items: stretch; }
  .project-export-button { width: 100%; min-height: 44px; }
  .contract-delete-trigger, #deleteContractDialog .danger-action { min-height: 44px; }
  .movement-filter { align-items: stretch; flex-direction: column; }
  .movement-filter select { width: 100%; min-height: 44px; font-size: 16px; }
  .client-directory-filter-bar input, .client-directory-filter-bar select,
  .project-directory-filter-bar input, .project-directory-filter-bar select { min-height: 44px; font-size: 16px; }
  .project-client-scope { min-height:44px; height:auto; }
  .client-directory-filter-actions, .project-filter-actions { grid-column: auto; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .client-directory-filter-actions .row-action, .project-filter-actions .row-action { min-height: 44px; width: 100%; }
  .activity-filter-bar { grid-template-columns: minmax(0, 1fr); padding: 12px; }
  .activity-filter-bar input, .activity-filter-bar select { min-height: 44px; height: 44px; font-size: 16px; }
  .activity-filter-actions { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .activity-filter-actions .row-action { width: 100%; min-height: 44px; }
  .activity-trail-surface > .surface-head { align-items: stretch; flex-direction: column; }
  .activity-archive-action { width: 100%; min-height: 44px; }
  .activity-item { grid-template-columns: 34px minmax(0, 1fr); padding: 14px; }
  .activity-item time { grid-column: 2; }
  .activity-pagination { align-items: flex-start; flex-direction: column; }
  .ypn-pulse { min-height:0; grid-template-columns:minmax(0,1fr); }
  .ypn-pulse-label { min-height:44px; padding:10px 13px; border-right:0; border-bottom:1px solid rgba(255,255,255,.1); flex-direction:row; align-items:center; }
  .ypn-pulse-label span,.ypn-pulse-label small { font-size:11px; }
  .ypn-pulse-stage { padding:11px; grid-template-columns:minmax(0,1fr); gap:11px; }
  .ypn-pulse-media,.ypn-pulse-media img { min-height:145px; max-height:190px; }
  .ypn-pulse-copy { padding:3px 2px; }
  .ypn-pulse-meta,.ypn-pulse-copy-foot > span { font-size:11px; }
  .ypn-pulse-platform i { width:30px; height:30px; font-size:11px; }
  .ypn-pulse-copy h2 { font-size:18px; }
  .ypn-pulse-copy > p { font-size:14px; }
  .ypn-pulse-link { min-height:44px; font-size:13px; }
  .ypn-pulse-controls { min-height:54px; padding:7px 10px; border-top:1px solid rgba(35,31,32,.07); border-left:0; flex-direction:row; }
  .ypn-pulse-controls > button { width:44px; height:44px; }
  .ypn-pulse-controls > div { display:flex; align-items:center; }
  .ypn-pulse-dot { width:10px; height:10px; }
  .ypn-pulse-dot.is-active { width:24px; height:10px; }
  .pulse-summary-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .pulse-admin-surface > .surface-head { align-items:stretch; flex-direction:column; }
  .pulse-admin-surface > .surface-head .primary-action { width:100%; min-height:44px; }
  .pulse-admin-card { padding:11px; grid-template-columns:86px minmax(0,1fr); align-items:start; }
  .pulse-admin-media { width:86px; height:78px; }
  .pulse-admin-copy > div { align-items:flex-start; flex-direction:column; }
  .pulse-admin-copy > div > span,.pulse-state,.pulse-admin-copy > small { font-size:10px; }
  .pulse-admin-copy h3 { font-size:14px; }
  .pulse-admin-copy p { font-size:12px; }
  .pulse-admin-actions { grid-column:1/-1; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); }
  .pulse-admin-actions .row-action { width:100%; min-height:44px; }
  .pulse-dialog { width:calc(100vw - 16px); max-height:calc(100dvh - 16px); border-radius:18px; }
  .pulse-dialog .dialog-head { padding:15px 14px 12px; }
  .pulse-dialog .dialog-head h2 { font-size:20px; }
  .pulse-dialog .dialog-head p { font-size:12px; }
  .pulse-dialog .pulse-form-grid { max-height:none; padding:13px; grid-template-columns:minmax(0,1fr); overflow:visible; }
  .pulse-dialog .field-wide { grid-column:auto; }
  .pulse-dialog .field span,.pulse-dialog .field > small { font-size:12px; }
  .pulse-dialog .field input,.pulse-dialog .field select,.pulse-dialog .field textarea { min-height:44px; font-size:16px; }
  .pulse-image-editor { grid-template-columns:minmax(0,1fr); }
  .pulse-image-preview { width:100%; height:150px; }
  .pulse-image-editor strong { font-size:14px; }
  .pulse-image-editor small { font-size:12px; }
  .pulse-image-editor > div:last-child > div { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); }
  .pulse-image-editor .secondary-action,.pulse-image-editor .quiet-action { min-height:44px; }
  .pulse-dialog .dialog-foot { position:sticky; bottom:0; padding:12px; align-items:stretch; flex-direction:column; background:rgba(249,248,244,.97); }
  .pulse-dialog .dialog-foot > div:last-child { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); }
  .pulse-dialog .dialog-foot button { min-height:44px; }
  .page-heading-title-row { width:100%; align-items:stretch; flex-direction:column; gap:10px; }
  .ypn-pulse { width:100%; max-width:100%; }
  .ypn-pulse-trigger { width:100%; min-height:52px; height:auto; }
  .ypn-pulse-trigger-copy small { font-size:9px; }
  .ypn-pulse-trigger-copy strong { font-size:12px; }
  .ypn-pulse-trigger > b { font-size:9px; }
  .ypn-pulse-popover { left:0; width:100%; min-width:0; }
  .ypn-pulse-stage { padding:10px; grid-template-columns:88px minmax(0,1fr); gap:10px; }
  .ypn-pulse-media,.ypn-pulse-media img { width:88px; height:92px; min-height:0; max-height:none; }
  .ypn-pulse-copy { padding:0; }
  .ypn-pulse-meta { font-size:9px; }
  .ypn-pulse-platform i { width:24px; height:24px; font-size:8px; }
  .ypn-pulse-copy h2 { margin-top:5px; font-size:14px; }
  .ypn-pulse-copy > p { font-size:11px; -webkit-line-clamp:1; }
  .ypn-pulse-link { min-height:32px; font-size:10px; }
  .ypn-pulse-controls { min-height:52px; padding:4px 8px; }
  .ypn-pulse-controls > button { width:44px; height:44px; }
  .directory-accordion > summary { min-height: 64px; }
  .directory-accordion > summary > b { min-width: 44px; width: 44px; height: 44px; }
  .asset-overview-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .asset-filter-bar { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .asset-filter-actions { grid-column:1/-1; }
  .asset-register-row { grid-template-columns:auto minmax(0,1fr) auto; }
  .asset-register-usage { display:none; }
  .asset-project-rule-options { grid-template-columns:minmax(0,1fr); max-height:260px; }
  .app-content, .fin-page, .fin-modal-body, .fin-modal-form, .fin-heading > div { min-width: 0; }
  .fin-page-heading > div { flex: 1 1 auto; width: 100%; }
  .fin-page-heading .view-badge { white-space: normal; overflow-wrap: anywhere; }
  .fin-page-heading > .fin-btn { width: 100%; }
  .fin-page-heading > .fin-page-actions { width: 100%; margin-inline-start: 0; align-self: stretch; display: grid; grid-template-columns: minmax(0, 1fr); }
  .fin-page-actions > .fin-btn { width: 100%; }
  .production-rate-picker, .production-service-choice, .production-rate-context .fin-form-grid, .production-rate-reason { grid-template-columns: minmax(0, 1fr); }
  .production-rate-heading > .fin-actions { width: 100%; margin-inline-start: 0; }
  .production-rate-caption, .production-rate-amount > small { font-size: 13px; }
  .production-rate-context > summary { min-height: 44px; font-size: 14px; }
  .production-quality-layout { gap: 12px; }
  .production-quality-my-assigned-work + .production-quality-layout { margin-top: 16px; }
  .production-quality-queue .surface-head, .production-quality-assignments .surface-head, .production-quality-invitations .surface-head { align-items: flex-start; flex-direction: column; }
  .production-quality-overview .surface-head { align-items: flex-start; flex-direction: column; }
  .production-quality-overview-body { grid-template-columns: minmax(0,1fr); }
  .production-quality-overview-hero { padding: 14px; border-right: 0; border-bottom: 1px solid var(--line); }
  .production-quality-craft { min-height: 160px; border-left: 0; }
  .production-quality-craft-copy { max-width: 68%; padding: 17px; }
  .production-quality-craft .provider-craft-watermark { right: 0; bottom: -8%; width: 48%; height: 78%; opacity: .11; }
  .production-quality-overview-score { grid-template-columns: 82px minmax(0,1fr); gap: 12px; }
  .production-quality-overview-score .donut { width: 82px; height: 82px; }
  .production-quality-overview-score > div:last-child > span, .production-quality-overview-score > div:last-child > small { font-size: 11px; }
  .production-quality-overview-score > div:last-child > strong { font-size: 22px; }
  .production-quality-overview-stats { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .production-quality-overview-stats small { font-size: 11px; }
  .production-quality-overview-stats strong { font-size: 13px; }
  .production-quality-my-work { padding: 14px; }
  .production-quality-my-work > div:first-child h3 { font-size: 16px; }
  .production-quality-my-work > div:first-child p { font-size: 12px; }
  .production-quality-assignment-row { min-height: 58px; }
  .production-quality-assignment-row > span:nth-child(2) strong { font-size: 13px; }
  .production-quality-assignment-row > span:nth-child(2) small, .production-quality-assignment-row .delivery-status { font-size: 10px; }
  .production-quality-project-toolbar { align-items: stretch; flex-direction: column; padding: 14px; }
  .production-quality-project-toolbar h3 { font-size: 16px; }
  .production-quality-project-toolbar > div:last-child { grid-template-columns: minmax(0,1fr); }
  .production-quality-project-toolbar label { font-size: 10px; }
  .production-quality-project-toolbar select { min-height: 44px; font-size: 13px; }
  .production-quality-project-list { padding: 0 14px 14px; }
  .production-quality-project-card > header { grid-template-columns: 42px minmax(0,1fr); }
  .production-quality-project-card > header .view-badge { grid-column: 1 / -1; justify-self: start; }
  .production-quality-project-card > header h3 { font-size: 14px; }
  .production-quality-project-card > header small { font-size: 11px; }
  .production-quality-project-progress { grid-template-columns: minmax(0,1fr); gap: 6px; }
  .production-quality-project-progress small, .production-quality-project-progress strong { font-size: 11px; }
  .production-quality-project-card summary { min-height: 48px; font-size: 12px; }
  .production-quality-project-card summary > span:last-child { font-size: 10px; }
  .production-quality-project-members { grid-template-columns: minmax(0,1fr); }
  .production-quality-member-row > header > div > strong { font-size: 14px; }
  .production-quality-member-row > header > div > span b { font-size: 10px; }
  .production-quality-member-row > footer, .production-quality-member-row .production-quality-member-action { width: 100%; }
  .production-quality-member-row .production-quality-member-action { min-height: 44px; }
  .production-quality-overview-empty { align-items: flex-start; justify-content: flex-start; min-height: 100px; margin: 14px; }
  .production-quality-overview-empty strong { font-size: 14px; }
  .production-quality-overview-empty p { font-size: 12px; }
  .assignment-invitation-deliverables, .assignment-field-requirements ul { grid-template-columns: minmax(0,1fr); }
  .production-quality-chart { margin: 12px; padding: 13px; }
  .production-quality-chart-head { align-items: center; }
  .production-quality-chart-head span { font-size: 10px; }
  .production-quality-chart-head strong { font-size: 13px; }
  .production-quality-chart-head > strong { font-size: 18px; }
  .production-quality-chart-track { height: 10px; }
  .production-quality-chart-legend { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 9px 14px; }
  .production-quality-chart-legend small { font-size: 11px; }
  .production-quality-chart-legend strong { font-size: 12px; }
  .production-quality-team-map { margin: 0 12px 12px; padding-top: 12px; }
  .production-quality-team-toolbar { align-items: stretch; flex-direction: column; }
  .production-quality-team-toolbar h3 { font-size: 15px; }
  .production-quality-team-toolbar nav { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); }
  .production-quality-team-toolbar button { min-height: 44px; font-size: 12px; }
  .production-quality-member-grid { grid-template-columns: minmax(0,1fr); }
  .production-quality-member-card { padding: 12px; }
  .production-quality-member-card > header > div > strong { font-size: 14px; }
  .production-quality-member-card > header > div > span b, .production-quality-member-card > header > div > small { font-size: 11px; }
  .production-quality-member-progress small, .production-quality-member-progress strong { font-size: 11px; }
  .production-quality-deliverable { min-height: 44px; }
  .production-quality-deliverable b { font-size: 13px; }
  .production-quality-deliverable small, .production-quality-deliverable > strong { font-size: 11px; }
  .production-quality-member-card > footer, .production-quality-member-action { width: 100%; }
  .production-quality-member-action { min-height: 44px; }
  .production-quality-empty { align-items: flex-start; gap: 10px; padding: 12px; }
  .production-quality-empty > span { flex-basis: 36px; height: 36px; }
  .production-quality-empty strong { font-size: 14px; }
  .production-quality-empty p { font-size: 12px; line-height: 1.5; }
  .assignment-invitation-head { grid-template-columns: 38px minmax(0,1fr); align-items: start; }
  .assignment-invitation-head .view-badge { grid-column: 1 / -1; justify-self: start; white-space: normal; }
  .assignment-invitation-head p { font-size: 12px; }
  .assignment-invitation-actions { display: grid; grid-template-columns: minmax(0,1fr); }
  .assignment-invitation-actions > button, .assignment-invitation-actions > button:only-child { width: 100%; min-width: 0; min-height: 44px; }
  .delivery-room-dialog > .dialog-head { padding: 13px 14px 11px; align-items: flex-start; }
  .delivery-room-dialog > .dialog-head h2 { font-size: 17px; }
  .delivery-room-dialog > .dialog-head p { font-size: 12px; }
  .project-detail-dialog { width: calc(100vw - 16px); max-height: calc(100dvh - 16px); border-radius: 18px; }
  .project-conversation-head { min-height: 0; padding: 14px !important; align-items: flex-start !important; gap: 10px; }
  .project-conversation-head .dialog-close { width: 44px; min-width: 44px; height: 44px; min-height: 44px; flex-shrink: 0; }
  .project-conversation-mark { width: 40px; height: 40px; flex-basis: 40px; border-radius: 12px; }
  .project-conversation-head h2 { font-size: 19px; }
  .project-conversation-head p:last-child { font-size: 11px; }
  .project-detail-body { padding: 12px; gap: 10px; }
  .project-conversation-overview { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .project-conversation-overview > div { min-height: 76px; padding: 12px; }
  .project-conversation-overview span { font-size: 9px; }
  .project-conversation-overview strong { font-size: 13px; }
  .project-conversation-overview .status { font-size: 10px; }
  .project-context-card,.published-client-updates,.comment-section { padding: 12px; }
  .project-collapsible-summary,.project-collapsible-summary.section-title { min-height: 48px; grid-template-columns: 36px minmax(0,1fr) auto 32px; gap: 9px; }
  .project-collapsible-summary::after { width: 32px; height: 32px; }
  .project-context-card > .project-collapsible-summary strong,.published-client-updates > .project-collapsible-summary strong,.section-title strong { font-size: 14px; }
  .project-context-card > .project-collapsible-summary small,.published-client-updates > .project-collapsible-summary small,.section-title > div > span { font-size: 11px; }
  .project-context-card > p,.client-update-timeline-item p,.comment-item p { font-size: 12px; }
  .project-context-groups { grid-template-columns: minmax(0,1fr); }
  .project-context-groups > div > span { font-size: 9px; }
  .project-context-chips > span { min-height: 34px; font-size: 11px; }
  .project-folder-card { grid-template-columns: 36px minmax(0,1fr); padding: 12px; }
  .project-folder-card .dropbox-link { grid-column: 1 / -1; min-height: 44px; display: flex; align-items: center; justify-content: center; }
  .project-detail-actions { position: static; align-items: stretch; flex-direction: column; }
  .project-detail-actions > span { flex: 0 0 auto; font-size: 11px; }
  .project-detail-actions > div { display: grid; grid-template-columns: minmax(0,1fr); }
  .project-detail-actions > div button { width: 100%; min-height: 44px; font-size: 12px; }
  .project-team-updates > summary strong { font-size: 14px; }
  #projectAssetDialog .project-asset-linked-row { flex-wrap: wrap; gap: 8px; }
  #projectAssetDialog .project-asset-linked-copy { flex-basis: calc(100% - 46px); }
  #projectAssetDialog .project-asset-linked-copy > strong { font-size: 13px; }
  #projectAssetDialog .project-asset-linked-row > button { margin-left: auto; font-size: 11px; }
  .project-team-updates .client-update-timeline-item strong { font-size: 13px; }
  .project-team-updates .client-update-timeline-item small { font-size: 11px; }
  .client-update-timeline-item { padding: 12px 12px 12px 40px; }
  .client-update-timeline-item header strong { font-size: 13px; }
  .client-update-timeline-item header small { font-size: 10px; }
  .delivery-deliverable-bundle { padding: 11px; }
  .delivery-deliverable-row { grid-template-columns: minmax(0,1fr) 82px 44px; gap: 7px; padding: 9px; }
  .delivery-deliverable-remove { width: 44px; height: 44px; }
  .delivery-deliverable-head small { font-size: 12px; }
  .fin-line-kind { align-items: flex-start; }
  .fin-line-kind strong { font-size: 14px; }
  .fin-line-kind small, .fin-work-round-note strong, .fin-work-round-note span { font-size: 12px; }
  .fin-line-workspace-proof { grid-template-columns: 32px minmax(0,1fr); }
  .fin-line-workspace-proof > span { width: 32px; height: 32px; }
  .fin-line-workspace-proof strong, .fin-line-workspace-proof small { font-size: 12px; }
  .workspace-metric-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 9px; }
  .workspace-metric-grid > .metric-card { min-height: 112px; padding: 12px; }
  .workspace-metric-grid .metric-value { font-size: 21px; }
  .workspace-metric-grid .metric-label, .workspace-metric-grid .metric-foot { font-size: 11px; }
  .fin-invoice-totalbar { align-items: stretch; flex-direction: column; }
  .fin-invoice-totalbar > .fin-actions { width: 100%; display: grid; grid-template-columns: minmax(0,1fr); }
  .fin-invoice-totalbar > .fin-actions .fin-btn { width: 100%; }
  #accountDialog { width: calc(100vw - 16px); max-height: calc(100vh - 16px); max-height: calc(100dvh - 16px); border-radius: 18px; }
  #accountDialog #accountForm { max-height: calc(100vh - 16px); max-height: calc(100dvh - 16px); }
  #accountDialog .account-dialog-head { padding: 16px 14px 13px; }
  #accountDialog .account-dialog-head h2 { font-size: 21px; }
  .account-form-body { padding: 12px; gap: 10px; }
  .account-form-section { padding: 12px; }
  .account-section-grid { grid-template-columns: minmax(0,1fr); }
  .account-section-grid .field-wide { grid-column: auto; }
  .account-section-head p { font-size: 12px; }
  .account-section-grid .field > small { font-size: 12px; }
  .account-dialog-foot { padding: 12px; }
  .account-dialog-foot .security-note { align-items: flex-start; }
  .account-dialog-foot .security-note p { font-size: 12px; }
  .account-dialog-actions { min-width: 0; width: 100%; display: grid !important; grid-template-columns: repeat(2,minmax(0,1fr)); }
  .account-dialog-actions > button { width: 100%; min-height: 44px; }
  .account-danger-zone { padding: 12px; align-items: stretch; flex-direction: column; gap: 10px; }
  .account-danger-zone p { font-size: 12px; }
  .account-danger-actions .account-delete-action { width: 100%; min-height: 44px; }
  .account-linked-profession { align-items: stretch; flex-direction: column; }
  .account-linked-profession > div > span, .account-linked-profession > div > small, .account-capability-preview span { font-size: 12px; }
  .account-linked-profession > div > strong { font-size: 16px; }
  .account-linked-profession > button { width: 100%; min-height: 44px; }
  .freelancer-primary-job-field { width: 100%; }
  .fin-form-grid, .fin-line-main, .fin-summary-grid, .fin-bank-grid,
  .payroll-adjustment, .payroll-employee-options, .production-checklist-item { grid-template-columns: minmax(0, 1fr); }
  .production-role-review > header { grid-template-columns: minmax(0,1fr) auto; padding: 12px; }
  .production-role-review > header > span { min-width: 58px; padding-left: 10px; }
  .production-checklist-section { padding: 7px 10px 10px; }
  .production-checklist-item { align-items: stretch; }
  .production-checklist-item > .field:last-child { grid-column: auto; }
  .production-checklist-item > div:first-child strong { font-size: 12px; }
  .production-checklist-item > div:first-child small, .production-role-review-note { font-size: 11px; }
  .fin-invoice-hero { align-items: flex-start; flex-direction: column; padding: 15px; }
  .fin-invoice-hero-status { justify-items: start; }
  .fin-invoice-route { grid-template-columns: minmax(0, 1fr); }
  .fin-invoice-route > b { display: none; }
  .fin-invoice-summary > div { padding-left: 48px; }
  .fin-beneficiary-overview { grid-template-columns: minmax(0, 1fr); padding: 14px; }
  .fin-beneficiary-chart { justify-self: center; }
  .fin-beneficiary-results-head { align-items: flex-start; flex-direction: column; }
  .fin-beneficiary-pages > .fin-btn { flex: 1 1 120px; }
  .fin-review-overview { align-items: flex-start; flex-direction: column; }
  .fin-review-checks { grid-template-columns: minmax(0, 1fr); }
  .fin-review-confirm { align-items: flex-start; }
  .fin-approval-heading { align-items: flex-start; }
  .fin-approval-queue > .fin-heading > .fin-actions { width: 100%; }
  .production-project-rate-picker, .production-person-rate-picker { grid-template-columns: minmax(0, 1fr); }
  .fin-heading, .fin-total, .payroll-progress { flex-wrap: wrap; }
  .fin-heading > *, .fin-batch > *, .fin-batch-detail > summary > * { min-width: 0; max-width: 100%; overflow-wrap: anywhere; }
  .fin-batch-detail > summary { flex-wrap: wrap; min-height: 44px; align-items: center; }
  .fin-batch-detail, .fin-line, .fin-panel { padding: 14px; }
  .fin-toolbar.partner-filter-bar, .fin-toolbar.partner-filter-bar:has(.fin-btn), .partner-filter-bar.payroll-filter { grid-template-columns: minmax(0, 1fr); }
  .fin-toolbar > *, .payroll-filter > * { grid-column: 1 / -1; width: 100%; min-width: 0; }
  .fin-tabs .fin-btn, .fin-actions .fin-btn { flex: 1 1 140px; }
  .payroll-advance-actions { width: 100%; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
  .payroll-advance-actions .fin-btn { width: 100%; min-width: 0; }
  .payroll-advance-actions .fin-btn:only-child { grid-column: 1 / -1; }
  .payroll-advance-empty { margin-top: 12px; padding: 22px 12px 14px; }
  .fin-btn, .fin-fx-table .fin-btn, .row-action, .nav-item { min-height: 44px; }
  .performance-directory-grid { grid-template-columns: 1fr; padding: 12px; }
  .performance-filter-bar { grid-template-columns: 1fr; padding: 12px; }
  .performance-visual { grid-template-columns: 88px 1fr; gap: 14px; }
  .performance-score-ring { width: 82px; }
  .performance-rating-row { grid-template-columns: 1fr; gap: 9px; }
  .performance-rating-row select { width: 100%; }
  .member-workspace-actions { width: 100%; justify-content: stretch; }
  .member-workspace-actions .row-action { flex: 1; }
  .modal-notice-dialog[open] { grid-template-columns: 38px 1fr; padding: 18px; }
  .modal-notice-icon { width: 38px; height: 38px; }
  .modal-notice-dialog .primary-action { min-height: 44px; }
  .fin-btn, .fin-fx-table .fin-btn { font-size: 13px; white-space: normal; overflow-wrap: anywhere; max-width: 100%; }
  .fin-field input, .fin-field select, .fin-field textarea { font-size: 16px; min-height: 44px; }
  .fin-field input, .fin-field select { height: 44px; }
  .fin-field > span, .fin-field-error, .fin-help, .fin-demo, .fin-rate-display small,
  .fin-table small, .fin-bank small, .fin-batch small, .fin-history small,
  .fin-summary-grid small, .fin-fx-policy, .production-quality-warning { font-size: 12px; line-height: 1.6; }
  .fin-table td strong, .fin-summary-grid > div, .fin-bank > strong,
  .fin-line-detail > summary, .fin-history > summary, .fin-batch-detail > summary { font-size: 14px; }
  .fin-line-detail > summary, .fin-history > summary { min-height: 44px; }
  .fin-table-wrap { min-width: 0; width: 100%; max-width: 100%; overflow-x: auto; overscroll-behavior-x: contain; -webkit-overflow-scrolling: touch; }
  .fin-table-wrap > .fin-table { min-width: 680px; }
  .fin-table th { font-size: 12px; }
  .fin-status, .fin-fx-status { font-size: 12px; }
  .profile-bank-help { max-width: none; padding: 9px 10px; font-size: 12px !important; line-height: 1.55 !important; }
  .fin-bank { border-radius: 14px; }
  .fin-bank-head { min-height: 62px; padding: 12px; }
  .fin-bank-title > span { width: 36px; height: 36px; flex-basis: 36px; }
  .fin-bank-title strong, .fin-bank-holder > strong { font-size: 14px; }
  .fin-bank-title small, .fin-bank-account > span { font-size: 11px; }
  .fin-bank-body { padding: 12px; }
  .fin-bank-account { padding: 10px 11px; }
  .fin-bank-account code { font-size: 14px; }
  .fin-bank-notice { grid-template-columns: 24px minmax(0,1fr); padding: 10px; font-size: 12px; }
  .fin-bank-notice > span:first-child { width: 24px; height: 24px; }
  .fin-bank-actions { width: 100%; padding: 10px 12px 12px; }
  .fin-bank-actions .fin-btn { min-height: 44px; }
  .payroll-employee-options label { min-height: 48px; font-size: 14px; }
  .payroll-employee-options input[type="checkbox"], .payroll-delegation input[type="checkbox"], .finance-authority-option input { width: 20px !important; min-width: 20px; height: 20px !important; min-height: 20px; }
  .payroll-delegation > span:nth-child(2) { min-height: 44px; }
  .financial-authority-head { align-items: stretch; flex-direction: column; }
  .financial-authority-head span, .finance-authority-option b { font-size: 14px; }
  .financial-authority-head small, .finance-authority-option small, .financial-authority-note { font-size: 12px; line-height: 1.55; }
  .finance-authority-option { min-height: 56px; padding: 12px; }
  .fin-modal-body { min-height: 0; overflow-y: auto; overscroll-behavior-y: contain; padding: 14px; }
  .fin-modal-form > header, .fin-modal-form > footer { padding: 14px; }
  .fin-modal-form > footer { flex-wrap: wrap; padding-bottom: max(14px, env(safe-area-inset-bottom, 0px)); }
  .fin-modal-form > footer > button { flex: 1 1 120px; }
  .fin-modal-form h2 { font-size: 20px; overflow-wrap: anywhere; }
  .fin-modal-form > header > div { min-width: 0; }
  .fin-modal-form > header > button { min-width: 44px; }
  .fin-dialog { width: calc(100vw - 16px); max-width: calc(100vw - 16px); max-height: calc(100vh - 16px); max-height: calc(100dvh - 16px); }
  .fin-modal-form { max-height: calc(100vh - 20px); max-height: calc(100dvh - 20px); }
  .qa-report-route { grid-template-columns: auto 18px 1fr; }
  .qa-report-route > small { grid-column: 1 / -1; font-size: 11px; }
  .production-qa-report > header, .production-qa-report > footer { align-items: flex-start; flex-direction: column; }
  .production-qa-report > p { font-size: 12px; }
  .production-qa-report > footer { font-size: 11px; }
  .production-qa-report > footer > div { width: 100%; justify-content: stretch; }
  .production-qa-report > footer .row-action { flex: 1 1 150px; min-height: 44px; justify-content: center; font-size: 11px; }
  .branding-dialog { width: calc(100vw - 16px); max-height: calc(100vh - 16px); max-height: calc(100dvh - 16px); border-radius: 18px; }
  .branding-editor { padding: 15px 14px; grid-template-columns: minmax(0,1fr); gap: 13px; }
  .branding-preview-panel { padding: 14px; }
  .company-logo-preview { height: 90px; }
  .branding-preview-panel > p, .branding-preview-panel > small, .branding-guidance small, .branding-upload small { font-size: 11px; }
  .browser-tab-preview { min-height: 48px; }
  .browser-tab-preview > strong { font-size: 13px; }
  .branding-fields { gap: 12px; }
  .identity-field-head strong { font-size: 13px; }
  .identity-field-head small,.identity-field-divider { font-size: 11px; }
  .branding-color-grid { grid-template-columns: minmax(0,1fr); }
  .branding-monogram-field input { min-height: 44px; }
  .color-input-wrap { min-height: 44px; }
  .color-input-wrap b, .branding-guidance strong { font-size: 13px; }
  .branding-upload { align-items: stretch; flex-direction: column; }
  .branding-upload .secondary-action { width: 100%; min-height: 44px; }
  .company-logo-actions { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); }
  .company-logo-actions .secondary-action,.company-logo-actions .quiet-action { width: 100%; min-height: 44px; }
  .identity-color-editor { grid-template-columns: minmax(0,1fr); }
  .identity-color-editor .quiet-action { min-height: 44px; }
  .identity-palette-preview { height: 44px; }
  .identity-theme-sample strong { font-size: 13px; }
  .identity-theme-sample small,.identity-theme-sample span { font-size: 10px; }
  .branding-dialog .profile-dialog-foot > div { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); }
  .branding-dialog .profile-dialog-foot button { min-height: 44px; }
  .branding-dialog .branding-reset { grid-column: 1 / -1; }
  .field-mission-summary-grid,.field-mission-grid,.field-mission-preview-team { grid-template-columns:1fr; }
  .field-mission-grid { padding:14px; }
  .field-mission-filter-bar { grid-template-columns:1fr; padding:14px; }
  .field-mission-filter-actions { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); }
  .field-mission-filter-actions .row-action { width:100%; min-height:44px; }
  .field-mission-card { min-height:0; grid-template-columns:1fr; grid-template-areas:"top" "head" "facts" "foot"; gap:14px; }
  .field-mission-card-head,.field-mission-card-foot,.field-mission-builder-head { align-items:stretch; flex-direction:column; }
  .field-mission-card-foot .primary-action,.field-mission-card-foot .secondary-action { width:100%; min-height:44px; }
  .field-mission-card-facts { grid-template-columns:1fr; padding-inline:0; border-inline:0; border-block:1px solid rgba(140,121,69,.16); }
  .field-mission-card-actions { grid-template-columns:1fr; }
  .field-mission-delete-action { width:100%; }
  .field-mission-dialog { width:100vw; max-width:none; height:100dvh; max-height:100dvh; border-radius:0; }
  .field-mission-dialog form { max-height:100dvh; }
  .field-mission-form-body { padding:16px; }
  .field-mission-team-toolbar { grid-template-columns:1fr; padding:11px; }
  .field-mission-team-result-bar { align-items:flex-start; }
  .field-mission-member-select { grid-template-columns:auto 44px 1fr; }
  .field-mission-readiness { grid-column:2/-1; justify-self:start; }
  .field-mission-member-controls { grid-template-columns:1fr; }
  .field-mission-team-pagination { justify-content:center; }
  .field-mission-vehicle-picker { grid-template-columns:1fr; }
  .field-mission-external-vehicle { grid-template-columns:1fr; }
  .field-mission-external-vehicle .field-wide,.field-mission-external-note { grid-column:auto; }
  .field-mission-vehicle-toggle { min-height:44px; }
  .field-mission-paper > header { flex-direction:column; }
  .field-mission-paper > header div { text-align:left; }
  .field-mission-id-frame { height:auto; aspect-ratio:1.45/1; }
  .field-mission-preview-vehicle { grid-template-columns:40px minmax(0,1fr); }
  .field-mission-dialog-foot { align-items:stretch; }
  .field-mission-dialog-foot > div:last-child { display:grid; grid-template-columns:1fr; width:100%; }
  .field-mission-dialog-foot button { width:100%; min-height:44px; }
  .field-mission-amendment-body { padding:16px; }
  .identity-credential-controls { grid-template-columns:1fr; padding:11px; }
  .identity-detail-field { padding:10px; }
  .identity-document-preview-head { align-items:stretch; flex-direction:column; }
  .identity-document-preview-actions { justify-content:space-between; }
  .identity-document-preview-frame { width:100%; height:auto; aspect-ratio:1.45/1; }
  .identity-crop-controls { grid-template-columns:1fr; }
  .identity-crop-control-head { grid-column:auto; align-items:stretch; flex-direction:column; }
  .identity-crop-control-actions { display:grid; grid-template-columns:1fr; }
  .identity-crop-presets { grid-column:auto; display:grid; grid-template-columns:1fr 1fr; }
  .identity-crop-presets > span { grid-column:1/-1; }
  .identity-crop-presets button,.identity-crop-reset,.identity-document-preview-actions .row-action { min-height:44px; }
  .field-mission-disclosure-options { grid-template-columns:1fr; }
  .freelancer-vehicle-row { grid-template-columns:1fr 1fr; }
  .freelancer-vehicle-row .freelancer-vehicle-driver { grid-column:1/-1; }
  .freelancer-vehicle-row .freelancer-row-remove { min-width:44px; min-height:44px; }
  .role-action-center { padding:14px; border-radius:18px; }
  .role-action-head { align-items:flex-start; }
  .role-action-head h2 { font-size:18px; }
  .role-action-head p { font-size:11px; }
  .role-action-list { grid-template-columns:minmax(0,1fr); }
  .role-action-item { grid-template-columns:44px minmax(0,1fr) auto; grid-template-areas:"icon copy action"; min-height:72px; }
  .role-action-icon { width:44px; height:44px; }
  .role-action-item > div strong { font-size:13px; }
  .role-action-item > div small { font-size:11px; }
  .role-action-item > button { min-height:44px; }
  .provider-profile-overview { grid-template-columns:minmax(0,1fr); }
  .provider-readiness-head { grid-template-columns:minmax(0,1fr) 68px; }
  .provider-readiness-head h2,.provider-availability-card h2 { font-size:17px; }
  .provider-readiness-head p,.provider-availability-card > p { font-size:11px; }
  .provider-readiness-list strong { font-size:12px; }
  .provider-readiness-list small { font-size:10px; }
  .provider-readiness-card > .secondary-action,.provider-availability-card > .secondary-action { min-height:44px; }
  .provider-craft-watermark { right:-2%; bottom:0; width:60%; height:62%; opacity:.085; }
  .provider-action-identity,.client-action-identity { width:100%; justify-content:flex-start; }
  .provider-craft-chip { max-width:70%; min-height:44px; }
  .provider-craft-chip b { font-size:11px; }
  .provider-craft-chip small { font-size:9px; }
  .provider-workflow li { font-size:9px; }
  .provider-workflow i { width:24px; height:24px; font-size:9px; }
  .client-request-template-grid { grid-template-columns:minmax(0,1fr); }
  .client-request-template-grid button { min-height:58px; font-size:12px; }
  .client-request-template-grid button > small,.client-request-quick-start-head small { font-size:10px; }
  .client-request-reuse { grid-template-columns:minmax(0,1fr); }
  .client-request-reuse .row-action,.client-request-reuse select { min-height:44px; }
  .provider-availability-fields,.provider-availability-options { grid-template-columns:minmax(0,1fr); }
  .provider-availability-planner-head small,.provider-availability-options .notify-choice small { font-size:10px; }
  .provider-availability-options .notify-choice { min-height:54px; }
  .project-dialog { width:calc(100vw - 12px); max-height:calc(100dvh - 12px); border-radius:18px; }
  .project-dialog .dialog-head { padding:15px 14px 12px; }
  .project-dialog .dialog-head h2 { font-size:20px; }
  .project-dialog .dialog-head p { font-size:11px; }
  .project-wizard-steps { grid-template-columns:repeat(6,minmax(82px,1fr)); padding:8px 10px; overflow-x:auto; scroll-snap-type:x proximity; scrollbar-width:none; }
  .project-wizard-steps::-webkit-scrollbar { display:none; }
  .project-wizard-steps button { min-height:48px; scroll-snap-align:start; }
  .project-wizard-steps button span { font-size:9px; }
  .project-wizard-stage-host,.project-wizard-panel,.project-wizard-stage-layout { min-height:0; }
  .project-wizard-stage-layout { grid-template-columns:minmax(0,1fr); }
  .project-wizard-illustration { min-height:132px; border-right:0; border-bottom:1px solid rgba(35,31,32,.07); }
  .project-wizard-illustration::before { width:190px; height:190px; left:-52px; bottom:-122px; }
  .project-wizard-illustration::after { top:18px; }
  .project-wizard-halo { width:104px; height:104px; }
  .project-wizard-scene-mark { width:68px; height:68px; border-radius:22px; font-size:26px; }
  .project-wizard-illustration > i { width:58px; margin-top:10px; }
  .project-wizard-illustration > b { left:12px; bottom:8px; font-size:34px; }
  .project-wizard-stage-content > header { padding:17px 14px 0; }
  .project-wizard-stage-content > header h3 { font-size:19px; }
  .project-wizard-stage-content > header p { font-size:12px; }
  .project-dialog .project-wizard-panel-fields { grid-template-columns:minmax(0,1fr); padding:14px 14px 20px; }
  .project-dialog .project-wizard-panel-fields > * { grid-column:auto; }
  .capture-requirements { padding:10px; }
  .capture-requirements-head { grid-template-columns:34px minmax(0,1fr); }
  .capture-requirements-head > span:last-child { grid-column:2; justify-self:start; }
  .capture-requirements-head strong { font-size:12px; }
  .capture-requirements-head small,.capture-requirement-card > summary small,.technical-media-panel > header small { font-size:10px; line-height:1.4; }
  .capture-requirement-card > summary { min-height:58px; padding:10px; }
  .capture-requirement-card > summary strong,.technical-media-panel > header strong { font-size:11px; }
  .capture-shot-types > div { display:grid; grid-template-columns:minmax(0,1fr); }
  .capture-shot-types label { min-height:44px; }
  .capture-shot-types input { width:20px; height:20px; }
  .capture-shot-types span,.capture-requirement-body .field > span { font-size:11px; }
  .capture-form-grid,.technical-requirements-grid { grid-template-columns:minmax(0,1fr); }
  .interview-person-fields { grid-template-columns:minmax(0,1fr); }
  .interview-person-card { padding:10px; }
  .interview-question-row { grid-template-columns:20px minmax(0,1fr) 44px; }
  .interview-question-row input,.interview-person-fields input,.interview-person-fields select { font-size:16px; }
  .capture-requirement-body .field textarea,.capture-requirement-body .field select { min-height:44px; font-size:12px; }
  .project-printing-choice { padding:12px; }
  .project-printing-choice legend strong { font-size:13px; }
  .project-printing-choice legend small { font-size:10px; }
  .project-printing-choice > div { grid-template-columns:minmax(0,1fr); }
  .project-printing-choice > div > label { min-height:54px; align-items:center; }
  .project-printing-choice input { width:22px; height:22px; }
  .project-printing-choice label strong { font-size:12px; }
  .project-printing-choice label small { font-size:10px; }
  .photographer-relationship-editor { grid-template-columns:minmax(0,1fr); grid-template-areas:"copy" "badge" "custom" "preview"; padding:13px; }
  .photographer-relationship-custom,.client-relationship-custom { grid-template-columns:minmax(0,1fr); }
  .photographer-relationship-copy small { font-size:10px; }
  .photographer-relationship-preview { min-height:54px; }
  .photographer-relationship-badge { min-height:44px; padding:7px 12px 7px 7px; font-size:11px; }
  .photographer-relationship-badge i { width:28px; height:28px; font-size:14px; }
  .client-relationship-editor { grid-template-columns:minmax(0,1fr); grid-template-areas:"copy" "badge" "custom" "preview"; padding:13px; }
  .client-relationship-copy small,.client-relationship-welcome > div > small { font-size:10px; }
  .client-relationship-preview { min-height:54px; }
  .client-relationship-badge { min-height:44px; padding:7px 12px 7px 7px; font-size:11px; }
  .client-relationship-badge i { width:28px; height:28px; font-size:14px; }
  .client-relationship-welcome { align-items:flex-start; flex-direction:column; padding:13px; }
  .invoice-dialog { width:calc(100vw - 12px); max-height:calc(100dvh - 12px); border-radius:18px; }
  .invoice-dialog .dialog-head { padding:15px 14px 12px; }
  .invoice-dialog .dialog-head h2 { font-size:20px; }
  .invoice-dialog .dialog-head p { font-size:11px; }
  .invoice-wizard-steps { grid-template-columns:repeat(5,minmax(0,1fr)); gap:2px; padding-inline:6px; overflow-x:hidden; }
  .invoice-wizard-steps button { padding-inline:2px; flex-direction:column; gap:3px; }
  .invoice-wizard-steps button span { width:100%; font-size:8px; text-align:center; }
  .invoice-wizard-stage-host,.invoice-wizard-stage-host .project-wizard-panel,.invoice-wizard-stage-host .project-wizard-stage-layout { min-height:0; }
  .invoice-dialog .project-wizard-panel-fields { grid-template-columns:minmax(0,1fr); padding:14px 14px 20px; }
  .invoice-dialog .project-wizard-panel-fields > * { grid-column:auto; }
  .invoice-dialog .invoice-wizard-review { grid-template-columns:minmax(0,1fr); }
  .invoice-dialog .invoice-lines-head { align-items:stretch; flex-direction:column; }
  .invoice-dialog .invoice-lines-head .row-action,.invoice-dialog .annex-file-button { min-height:44px; justify-content:center; }
  .invoice-dialog .invoice-line-row { grid-template-columns:minmax(0,1fr) minmax(0,1fr); }
  .invoice-dialog .invoice-line-description { grid-column:1/-1; }
  .invoice-dialog .invoice-line-total { min-height:44px; display:grid; place-items:center; }
  .invoice-dialog .line-remove { width:44px; height:44px; justify-self:end; }
  .invoice-dialog .dialog-foot { position:relative; bottom:auto; padding:11px 12px; align-items:stretch; flex-direction:column; }
  .project-wizard-review { grid-template-columns:minmax(0,1fr); }
  .project-wizard-review > div { min-height:66px; }
  .project-wizard-review span { font-size:10px; }
  .project-wizard-review strong { font-size:13px; }
  .project-wizard-ready { font-size:11px; }
  .project-dialog .dialog-foot { position:sticky; bottom:0; padding:11px 12px; align-items:stretch; flex-direction:column; }
  .project-wizard-foot-actions { width:100%; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); }
  .project-wizard-foot-actions button { width:100%; min-height:44px; }
  #saveDraftButton { grid-column:1/-1; order:3; }
}

@media screen and (max-width: 600px) {
  .asset-overview-grid { grid-template-columns:1fr 1fr; gap:10px; }
  .asset-overview-grid > article { min-height:94px; padding:14px; border-radius:18px; }
  .asset-overview-grid > article > span { width:40px; height:40px; }
  .asset-overview-grid strong { font-size:22px; }
  .asset-filter-bar { grid-template-columns:1fr; padding:15px; }
  .asset-filter-actions { grid-column:auto; }
  .asset-filter-actions > button { min-height:44px; flex:1; }
  .asset-library-head { align-items:stretch; }
  .asset-library-head .surface-actions { width:100%; display:grid; grid-template-columns:minmax(0,1fr); }
  .asset-library-head .primary-action,.asset-library-head .secondary-action { width:100%; min-height:44px; justify-content:center; }
  .asset-register-row { grid-template-columns:auto minmax(0,1fr); gap:11px; padding:15px; }
  .asset-register-main small { white-space:normal; }
  .asset-register-actions { grid-column:1/-1; justify-content:stretch; width:100%; min-width:0; }
  .asset-register-actions .row-action { min-height:44px; flex:1 1 0; width:auto; }
  .asset-form-body,.project-asset-manager-body { padding:16px 14px 120px; }
  .asset-safety-note { padding:15px; }
  .project-asset-option { grid-template-columns:auto auto minmax(0,1fr); }
  .project-asset-option > b { grid-column:3; justify-self:start; }
  .project-assets-panel { margin:0; border-radius:18px; }
  .project-assets-head { display:grid; padding:17px; }
  .project-assets-head-actions { justify-content:space-between; }
  .project-assets-head-actions .row-action { min-height:44px; }
  .project-asset-row { grid-template-columns:auto minmax(0,1fr); padding:14px; }
  .project-asset-download { grid-column:1/-1; min-height:44px; width:100%; }
  .asset-governance-banner { padding:15px; }
  .app-content { padding-inline: 12px; }
  .topbar { height: auto; min-height: 66px; padding: 8px 12px; gap: 8px; align-items: flex-start; }
  .topbar-actions { flex: 1; min-width: 0; flex-wrap: wrap; justify-content: flex-end; }
  .topbar .role-preview { flex: 1 1 140px; min-width: 0; max-width: 100%; height: auto; min-height: 54px; }
  .topbar .role-preview select { width: 100%; min-width: 0; max-width: 100%; min-height: 32px; font-size: 16px; }
  .topbar .role-preview span { font-size: 10px; }
  .mobile-menu, .notification-button, .profile-trigger { width: 44px; min-width: 44px; height: 44px; }
  .topbar .primary-action { min-height: 44px; height: auto; white-space: normal; }
  .sidebar { height: calc(100vh - 28px); height: calc(100dvh - 28px); padding-bottom: max(18px, env(safe-area-inset-bottom, 0px)); }
  html.authenticated-session .sidebar { top: 0; height: 100vh; height: 100dvh; }
  html.authenticated-session .topbar { top: 0; }
  html.authenticated-session .profile-menu { top: 74px; width: min(360px, calc(100vw - 16px)); max-height: calc(100dvh - 84px); overflow: hidden; }
  html.authenticated-session .profile-menu-controls { min-height: 0; overflow-y: auto; overscroll-behavior: contain; scrollbar-width: thin; }
  html.authenticated-session .profile-menu-actions { position: relative; z-index: 1; box-shadow: 0 -7px 16px rgba(35,31,32,.035); }
  html.authenticated-session .profile-presence-options button,
  html.authenticated-session .profile-chat-sound-toggle,
  html.authenticated-session .profile-menu-manage { min-height: 44px; }
  .field input:not([type="checkbox"]):not([type="radio"]):not([type="color"]), .field select, .field textarea,
  .partner-filter-bar input, .partner-filter-bar select { min-width: 0; max-width: 100%; min-height: 44px; font-size: 16px; }
  .delivery-deliverable-head { align-items: stretch; flex-direction: column; }
  .delivery-deliverable-head .inline-add { width: 100%; min-height: 44px; }
  .field-documentation-builder-head, .field-documentation-panel > header { align-items: flex-start; flex-direction: column; }
  .field-documentation-private, .field-documentation-progress { align-self: flex-start; font-size: 11px; }
  .field-requirement-row { grid-template-columns: 40px minmax(0,1fr); padding: 12px; }
  .field-requirement-row > .field, .field-requirement-template { grid-column: 1 / -1; }
  .member-deliverable-summary-list { grid-template-columns: minmax(0,1fr); }
  .member-workspace-panel-head { align-items: stretch; flex-direction: column; }
  .member-add-deliverable { width: 100%; min-height: 44px; }
  .member-shared-handoff { margin: 10px 8px 0; padding: 12px; }
  .member-shared-handoff > header { flex-direction: column; }
  .member-shared-handoff > header small { font-size: 11px; }
  .member-shared-handoff-composer { grid-template-columns: minmax(0,1fr); }
  .member-shared-handoff-composer input,.member-shared-handoff-composer .row-action { width: 100%; min-height: 44px; }
  .member-handoff-workflow > div > strong { font-size: 13px; }
  .member-handoff-workflow > div > small { font-size: 11px; }
  .member-handoff-workflow > .primary-action { min-height: 48px; }
  .member-handoff-workflow.is-submitted { grid-template-columns: minmax(0,1fr); }
  .member-handoff-workflow.is-submitted > .delivery-status { justify-self: start; }
  .member-submission-audit { margin: 10px 8px 0; }
  .member-quality-review-gate { margin: 10px 8px 0; padding: 8px; }
  .member-quality-review-gate > .primary-action { width: 100%; min-width: 0; min-height: 52px; font-size: 14px; }
  .member-workspace-decision-bar { margin: 10px 8px; padding: 8px; }
  .member-workspace-decision-bar .member-quality-review-gate { margin: 0; padding: 0; }
  .member-workspace-decision-bar .member-quality-review-gate > .primary-action { min-height: 52px; font-size: 14px; }
  .member-workspace-decision-bar .member-workspace-actions { width: 100%; display: grid; grid-template-columns: minmax(0,1fr); }
  .member-workspace-decision-bar .member-workspace-actions .row-action { width: 100%; min-width: 0; min-height: 44px; }
  .member-deliverable-breakdown { margin: 10px 8px; }
  .member-deliverable-breakdown > header { padding: 12px; }
  .member-deliverable-breakdown > header span { font-size: 11px; }
  .member-deliverable-breakdown > header strong { font-size: 13px; }
  .member-quality-review-dialog { width: calc(100vw - 16px); max-width: calc(100vw - 16px); }
  .member-quality-review-session { grid-template-columns: minmax(0,1fr); padding: 12px; }
  .member-quality-review-session > div:first-child span { font-size: 11px; }
  .member-quality-review-session > div:first-child strong { font-size: 15px; }
  .member-quality-review-session > div:first-child small { font-size: 11px; }
  .member-quality-review-session-facts { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .member-quality-review-session-facts small { font-size: 10px; }
  .member-quality-review-session-facts strong { font-size: 12px; }
  .member-quality-review-number { min-height: 64px; grid-template-columns: 40px minmax(0,1fr) 40px; padding: 11px; }
  .member-quality-review-number > span { width: 40px; height: 40px; font-size: 12px; }
  .member-quality-review-number > div > strong { font-size: 14px; }
  .member-quality-review-number > div > small { font-size: 11px; }
  .member-quality-review-number > b { grid-column: 2; justify-self: start; font-size: 10px; }
  .member-quality-review-number > i { grid-column: 3; grid-row: 1 / 3; width: 40px; height: 40px; }
  .member-quality-review-content > .production-role-review,.member-quality-review-content > .production-quality-decision { padding: 12px; }
  .member-review-checklist-label { align-items: flex-start; flex-direction: column; }
  .member-review-checklist-label strong { font-size: 13px; }
  .member-review-checklist-label span { font-size: 11px; }
  .member-quality-review-item .production-quality-decision .fin-form-grid { grid-template-columns: minmax(0,1fr); }
  .member-quality-review-dialog .fin-modal-form > footer .fin-primary { min-width: 0; width: 100%; min-height: 48px; }
  .delivery-task-specific-note { font-size: 11px; }
  .field-requirement-copy strong, .field-documentation-requirement > summary > div strong, .field-document-record > strong, .field-record-na { font-size: 13px; }
  .field-requirement-copy small, .field-requirement-template, .field-documentation-boundary, .field-documentation-panel > header p, .field-documentation-requirement > summary > div small, .field-document-record > p, .field-condition-copy, .field-documentation-panel > footer { font-size: 11px; }
  .field-documentation-requirement > summary { min-height: 58px; grid-template-columns: 40px minmax(0,1fr) auto 16px; }
  .field-documentation-detail { padding: 0 12px 12px; }
  .field-document-record { grid-template-columns: minmax(0,1fr); }
  .field-document-record > div:last-child { justify-content: stretch; }
  .field-document-record .row-action, .field-documentation-actions .row-action { flex: 1 1 130px; min-height: 44px; }
  .field-documentation-panel.is-review-view .field-document-record { padding: 12px; }
  .field-documentation-panel.is-review-view .field-document-record > div:last-child { margin-top: 4px; }
  .field-documentation-panel.is-review-view .field-evidence-action { width: 100%; }
  .field-check-grid { grid-template-columns: minmax(0,1fr); padding: 10px; }
  .field-checklist-panel.is-provider-view .field-check-grid { grid-template-columns: minmax(0,1fr); }
  #deliveryRoomDialog .member-deliverable-breakdown:has(.field-checklist-panel) { margin-inline: 0; }
  #deliveryRoomDialog .member-role-stack:has(.field-checklist-panel) { padding-inline: 0; }
  #deliveryRoomDialog .delivery-task-card.is-embedded:has(.field-checklist-panel) { padding-inline: 6px; }
  #deliveryRoomDialog .field-checklist-panel .field-check-grid { padding-inline: 6px; }
  #deliveryRoomDialog .field-checklist-panel .field-check-item { grid-template-columns: 28px minmax(0,1fr); padding: 10px; align-items: start; }
  #deliveryRoomDialog .field-checklist-panel .field-check-copy > div { flex-direction: row; flex-wrap: wrap; }
  .field-check-item { grid-template-columns: 40px minmax(0,1fr); padding: 12px; }
  .field-check-icon { width: 28px; height: 28px; }
  .field-check-copy strong { font-size: 12px; }
  .field-check-copy > small, .field-check-copy > p, .field-check-state { font-size: 10px; }
  .field-check-copy > div { align-items: flex-start; flex-direction: column; }
  .field-check-actions, .field-check-actions:has(form) { grid-column: 1 / -1; align-items: stretch; justify-content: stretch; }
  .field-check-actions .row-action { flex: 1 1 130px; min-height: 44px; justify-content: center; }
  .field-check-actions form.field-review-decision-form { grid-template-columns: minmax(0,1fr); }
  .field-review-decision-form .field-review-choice select { font-size: 16px; }
  .member-workspace-expand.is-review-action { width: 100%; min-height: 44px; margin-left: 0; align-items: center; justify-content: center; flex-direction: row; }
  .member-workspace-expand.is-review-action strong { font-size: 12px; }
  .member-workspace-expand.is-review-action i { display: grid; }
  .delivery-task-actions > .delivery-remove-scope { min-height: 44px; }
  .project-card-foot { align-items: stretch; }
  .project-card-foot .owner-stack { align-self: flex-start; }
  .project-card-foot .project-action-control { display: grid; grid-template-columns: minmax(0,1fr) auto; }
  .project-card-foot .project-action-control select { width: 100%; min-height: 44px; font-size: 16px; }
  .project-card-foot .project-action-control .row-action.primary { min-width: 72px; height: 44px; }
  .field-evidence-upload { padding: 11px; }
  .field-evidence-upload > span, .field-evidence-upload small, .field-record-more > summary { font-size: 12px; }
  .field-evidence-upload input[type="file"], .field-record-more > summary { min-height: 44px; }
  .delivery-chat-stack { max-height: calc(100dvh - 16px); bottom: max(8px, env(safe-area-inset-bottom, 0px)); }
  .floating-team-chat { min-height: 0; height: min(70dvh, 560px); flex-shrink: 1; }
  .floating-chat-dock { flex-shrink: 0; }
  .floating-chat-head { grid-template-columns: 36px minmax(0,1fr) 44px 44px 44px; }
  .floating-chat-head > button { width: 44px; height: 44px; }
  .profile-chat-sound-toggle { min-height: 44px; }
  .floating-chat-toolbar { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .floating-chat-toolbar label { min-height: 44px; height: auto; }
  .floating-chat-toolbar label > span { font-size: 11px; }
  .floating-chat-toolbar select { min-height: 40px; font-size: 16px; padding-inline-end: 16px; }
  .floating-chat-toolbar .chat-color-control input { width: 36px; height: 36px; }
  .floating-team-chat .team-chat-composer { grid-template-columns: minmax(0, 1fr) 44px; flex-shrink: 0; }
  .floating-team-chat .team-chat-composer button { width: 44px; min-height: 44px; }
  .floating-team-chat .team-chat-composer textarea::placeholder { font-size: 13px; }
  .floating-team-chat .team-chat-composer small { font-size: 11px; }
  .role-action-head { flex-direction:column; }
  .role-action-item { grid-template-columns:44px minmax(0,1fr); grid-template-areas:"icon copy" "action action"; }
  .role-action-item > button { width:100%; justify-content:center; }
  .provider-readiness-list { grid-template-columns:minmax(0,1fr); }
  .provider-readiness-head { padding:15px 15px 10px; }
  .provider-readiness-list { padding:0 15px 12px; }
  .provider-readiness-card > .secondary-action { width:calc(100% - 30px); margin-inline:15px; }
  .provider-task-grid, .provider-project-task-card { min-width:0; max-width:100%; }
  .provider-workflow { min-width:0; max-width:100%; overflow-x:auto; grid-template-columns:repeat(6,minmax(72px,1fr)); }
  .provider-project-task-card h3, .provider-project-deliverables small { overflow-wrap:anywhere; }
  .provider-project-deliverables { grid-template-columns:minmax(0,1fr); }
  .provider-project-deliverables li { min-height:58px; grid-template-columns:28px minmax(0,1fr); }
  .provider-project-deliverables li > .delivery-status { grid-column:2; justify-self:start; font-size:10px; }
  .provider-project-deliverables strong { font-size:13px; white-space:normal; }
  .provider-project-deliverables small { font-size:11px; }
  .provider-project-deliverable-icon { width:28px; height:28px; }
  .provider-project-invitation { grid-template-columns:minmax(0,1fr); }
  .provider-project-invitation > div:first-child > strong { font-size:13px; }
  .provider-project-invitation > div:first-child > small { font-size:11px; }
  .provider-project-invitation .assignment-invitation-actions { width:100%; }
  .client-request-quick-start-head,.provider-availability-planner-head { flex-direction:column; }
  .page-heading-title-row { min-height:0; }
  /* The dock is inside .topbar-actions, which starts after the menu button.
     Pull its second row back across that reserved column so it aligns with
     the topbar's outer padding instead of appearing offset to the right. */
  .topbar-pulse-host { order:3; width:calc(100% + 52px); max-width:none; height:64px; margin-inline-start:-52px; flex:0 0 calc(100% + 52px); }
  .ypn-pulse { width:100%; max-width:none; height:64px; margin:0; align-self:flex-start; }
  .ypn-pulse-dock-link { min-height:64px; height:64px; grid-template-columns:50px minmax(0,1fr) 44px; }
  .ypn-pulse-dock-copy small { font-size:11px; }
  .ypn-pulse-dock-copy strong { font-size:14px; }
  .ypn-pulse-dock-arrow { width:44px; height:44px; border-radius:12px; }
  .pulse-settings-form { padding:12px; grid-template-columns:minmax(0,1fr); }
  .pulse-settings-heading { padding-bottom:4px; }
  .pulse-settings-heading h2 { font-size:16px; }
  .pulse-settings-heading p { font-size:12px; }
  .pulse-settings-toggle { min-height:58px; }
  .pulse-settings-toggle strong { font-size:14px; }
  .pulse-settings-toggle small,.pulse-settings-field > span { font-size:12px; }
  .pulse-settings-field select { min-height:44px; font-size:16px; }
  .pulse-settings-actions { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); }
  .pulse-settings-actions .secondary-action,.pulse-settings-actions .primary-action { width:100%; min-height:44px; }
  .pulse-settings-save { width:100%; min-height:44px; }
}

/* Short landscape / keyboard-resized viewports must not clip the composer. */
@media screen and (max-width: 900px) and (max-height: 500px) {
  .floating-team-chat { max-height: calc(100vh - 90px); max-height: calc(100dvh - 90px); overflow-y: auto; }
  .floating-team-chat .team-chat-thread { min-height: 100px; flex: 0 0 auto; max-height: 160px; overflow-y: auto; }
}

@media screen and (max-width: 760px) {
  .qa-closeout-dialog { width:calc(100vw - 16px); max-height:calc(100dvh - 16px); }
  .qa-closeout-dialog #qaCloseoutForm { max-height:calc(100dvh - 16px); }
  .qa-closeout-steps { grid-template-columns:repeat(3,minmax(0,1fr)); overflow:visible; }
  .qa-closeout-steps button { min-height:44px; }
  .qa-closeout-stage-layout { min-height:0; grid-template-columns:1fr; }
  .qa-closeout-art { min-height:150px; border-right:0; border-bottom:1px solid rgba(35,31,32,.07); }
  .qa-closeout-art .project-wizard-scene-mark { width:68px; height:68px; border-radius:22px; font-size:26px; }
  .qa-closeout-art > b { left:18px; bottom:12px; font-size:34px; }
  .qa-closeout-stage-content { padding:20px 16px 24px; }
  .qa-closeout-stage-content > header h3 { font-size:20px; }
  .qa-closeout-grid { grid-template-columns:1fr; }
  .qa-closeout-grid .field-wide,.qa-closeout-card.field-wide { grid-column:auto; }
  .qa-closeout-team,.qa-closeout-package,.qa-closeout-quality-list,.qa-closeout-confirmations,.qa-closeout-file,.qa-closeout-approval { grid-column:auto; }
  .qa-closeout-row { grid-template-columns:34px minmax(0,1fr); }
  .qa-closeout-row > b,.qa-closeout-quantity { grid-column:2; justify-self:start; }
  .qa-closeout-member-deliveries > span { align-items:flex-start; flex-direction:column; gap:3px; }
  .qa-closeout-member-deliveries b { white-space:normal; }
  .qa-closeout-dialog .dialog-foot { align-items:stretch; }
  .qa-closeout-dialog .dialog-foot > .security-note { display:none; }
  .qa-closeout-dialog .project-wizard-foot-actions { width:100%; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); }
  .qa-closeout-dialog .project-wizard-foot-actions button { min-height:44px; }
  .brand-identity-toolbar { align-items:stretch; gap:10px; }
  .brand-identity-toolbar,.brand-identity-toolbar > div,.brand-organization-switch { width:100%; }
  .brand-organization-switch { grid-template-columns:1fr; gap:6px; }
  .brand-identity-toolbar .surface-actions { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); }
  .brand-identity-toolbar .surface-actions button { width:100%; min-height:44px; }
  .brand-summary-grid,.brand-category-grid,.brand-content-grid { grid-template-columns:1fr; }
  .brand-category-grid { padding:0 12px 12px; }
  .brand-category-filter { min-height:48px; }
  .brand-category-actions button { min-height:44px; padding-inline:8px; }
  .brand-category-pagination { align-items:flex-start; flex-direction:column; padding:0 12px 12px; }
  .brand-category-pagination > div { width:100%; overflow-x:auto; padding-bottom:2px; }
  .brand-asset-pagination { align-items:flex-start; flex-direction:column; padding:0 12px 12px; }
  .brand-asset-pagination > div { width:100%; overflow-x:auto; padding-bottom:2px; }
  .brand-content-grid { gap:10px; }
  .brand-activity-surface { position:static; }
  .brand-activity-list { grid-template-columns:1fr; padding-inline:12px; }
  .brand-filter-bar { grid-template-columns:repeat(2,minmax(0,1fr)); padding:12px; }
  .brand-filter-bar > input { grid-column:1 / -1; }
  .brand-filter-actions { grid-column:auto; }
  .brand-filter-actions { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); }
  .brand-filter-actions .row-action { width:100%; min-height:44px; }
  .brand-asset-grid { padding:0; }
  .brand-asset-card { grid-template-columns:64px minmax(0,1fr); align-items:start; padding:14px 12px; }
  .brand-asset-media { width:64px; height:64px; }
  .brand-asset-actions { grid-column:1 / -1; grid-template-columns:repeat(2,minmax(0,1fr)); }
  .brand-asset-actions { display:grid; max-width:none; grid-auto-flow:row; grid-auto-columns:auto; }
  .brand-asset-actions .row-action { width:100%; min-width:0; min-height:44px; font-size:8px; }
  .brand-asset-copy p { white-space:normal; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; }
  .brand-history-body { max-height:none; padding:14px; }
  .brand-history-timeline header { flex-direction:column; gap:3px; }
  .brand-asset-dialog,.brand-category-dialog,.brand-history-dialog { width:calc(100vw - 16px); max-height:calc(100dvh - 16px); }
  .brand-preview-dialog { width:calc(100vw - 16px); }
  .brand-preview-body { min-height:220px; height:min(62dvh,520px); padding:12px; }
  .brand-preview-shell header { padding:12px; }
}
@media(max-width:700px){.provider-assignment-tabs{grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;padding:12px}.provider-assignment-tab{display:flex;justify-content:space-between;gap:3px;min-height:48px;padding:7px;border-radius:10px}.provider-assignment-tab-icon,.provider-assignment-tab-copy small{display:none}.provider-assignment-tab-copy strong{font-size:8px}.provider-assignment-tab b{min-width:18px;padding:2px 3px;font-size:8px}.provider-assignment-list{margin:0;border-top:1px solid var(--line)}.provider-assignment-row>summary{display:grid;grid-template-columns:38px minmax(0,1fr) 30px;align-items:center;gap:7px;min-height:76px;padding:10px 12px}.provider-assignment-icon{grid-row:1/3;width:38px;height:38px;flex-basis:38px}.provider-assignment-main{grid-column:2;grid-row:1;flex-basis:auto;padding-right:0}.provider-assignment-main strong{font-size:10px}.provider-assignment-main>small:last-child{font-size:8px}.provider-assignment-meta{grid-column:2;grid-row:2;display:flex;justify-content:flex-start;gap:6px}.provider-assignment-chevron{grid-column:3;grid-row:1/3;width:30px;height:30px}.provider-assignment-detail{padding:8px 12px 14px}.provider-assignment-pagination{padding:10px 12px}.ypn-message-hero{min-height:108px;padding:16px;gap:8px}.ypn-message-hero h2{font-size:15px}.ypn-message-hero p{font-size:8px;line-height:1.45}.ypn-message-hero-side{min-width:48px}.ypn-message-hero-art{width:42px;height:42px;font-size:19px}.ypn-message-hero-side small{font-size:7px}.ypn-message-compose{padding:0}.ypn-message-compose>summary{padding:12px}.ypn-message-compose form{padding:13px}.ypn-message-compose-fields,.ypn-message-layout,.ypn-message-controls{grid-template-columns:1fr}.ypn-message-compose form>.primary-action{justify-self:stretch}.ypn-message-list{max-height:260px;border-right:0;border-bottom:1px solid var(--line)}.ypn-message-thread{padding:0}.ypn-message-thread-head{padding:14px 12px;flex-wrap:wrap}.ypn-message-thread-head .ypn-message-status{margin-left:50px}.ypn-message-thread-meta,.ypn-message-controls{padding:10px 12px}.ypn-message-entries{max-height:420px;padding:14px 12px}.ypn-message-entry{max-width:94%}.ypn-message-reply{padding:12px}.ypn-message-reply>div{align-items:stretch;flex-direction:column}.ypn-message-reply .primary-action{width:100%;min-height:44px}.ypn-message-empty{min-height:230px}}
@media(max-width:700px){.ypn-message-editor-toolbar{gap:2px}.ypn-message-editor-toolbar select{min-width:108px}.ypn-message-emoji-grid{grid-template-columns:repeat(4,44px)}.ypn-message-editor{min-height:100px}.ypn-message-entry-body{font-size:11px}}
@media(max-width:700px){.ypn-message-folders{gap:5px;padding:8px 10px}.ypn-message-folders button{flex:1;justify-content:center;padding:0 5px}.ypn-message-actions-menu{min-width:190px}.ypn-message-list{max-height:none}}
@media(max-width:700px){.ypn-message-recipient-results{max-height:240px}.ypn-message-recipient-results button{min-height:58px}}
@media(max-width:700px){.ypn-message-folders button{min-height:44px;font-size:9px}.ypn-message-list-row .ypn-message-list-item{min-height:70px}.ypn-message-actions>summary{width:44px;height:44px}.ypn-message-actions-menu button{min-height:44px;font-size:11px}}
@media(max-width:700px){.provider-assignment-journey{margin:12px;padding:8px}.provider-assignment-journey-head{margin:2px 3px 8px}.provider-assignment-journey-head small{display:none}.provider-assignment-journey .provider-assignment-tabs{grid-template-columns:repeat(3,minmax(0,1fr));gap:0;padding:0}.provider-assignment-journey .provider-assignment-tab{display:grid;grid-template-columns:minmax(0,1fr) 22px;grid-template-rows:27px auto;align-content:center;gap:4px;min-height:78px;padding:7px 6px}.provider-assignment-journey .provider-assignment-tab-icon{display:grid;grid-column:1;grid-row:1;width:27px;height:27px;grid-template-columns:1fr 1fr;align-items:center;gap:0}.provider-assignment-tab-icon small{font-size:6px}.provider-assignment-tab-icon i{font-size:12px}.provider-assignment-journey .provider-assignment-tab-copy{grid-column:1/-1;grid-row:2}.provider-assignment-journey .provider-assignment-tab-copy strong{font-size:8px;line-height:1.2;overflow-wrap:anywhere}.provider-assignment-journey .provider-assignment-tab-copy small{display:none}.provider-assignment-journey .provider-assignment-tab b{grid-column:2;grid-row:1;width:22px;min-width:22px;height:22px;font-size:8px}.provider-assignment-empty{grid-template-columns:42px minmax(0,1fr);gap:10px;min-height:118px;padding:16px 12px}.provider-assignment-empty-mark{width:42px;height:42px;border-radius:12px;font-size:19px}.provider-assignment-empty strong{font-size:10px}.provider-assignment-empty p{font-size:8px}.provider-assignment-empty .row-action{grid-column:2;justify-self:start}}
