/* Native macOS fonts keep Chinese and Latin glyphs on compatible metrics. */
:root {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Microsoft YaHei", sans-serif;
}

html {
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
}

body.workspace-page,
body.admin-page {
  line-height: 1.45;
}

body.workspace-page :is(button, input, textarea, select, .ui-select-trigger, .ui-select-option),
body.admin-page :is(button, input, textarea, select, .ui-select-trigger, .ui-select-option) {
  line-height: 1.4;
}

/* The account table renders six cells; the old seven-track grid squeezed controls. */
body.admin-page #userTable .user-row {
  grid-template-columns: minmax(115px, 1.15fr) minmax(130px, 1.05fr) minmax(100px, .8fr) minmax(80px, .65fr) minmax(90px, .75fr) minmax(128px, 1.1fr);
}

body.admin-page #userTable .table-actions {
  flex-wrap: wrap;
  align-items: center;
}

body.admin-page #userTable .table-actions button {
  white-space: nowrap;
}

body.workspace-page #mediaView .dual-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

body.workspace-page #mediaView .dual-grid > .panel,
body.workspace-page #mediaView .dual-grid .form-grid,
body.workspace-page #mediaView .dual-grid .field {
  min-width: 0;
  max-width: 100%;
}

body.workspace-page #mediaView .dual-grid .form-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

body.workspace-page #mediaView .dual-grid .field-span-2,
body.workspace-page #mediaView .dual-grid .media-consent-note {
  grid-column: 1 / -1;
}

body.workspace-page #mediaView .dual-grid .field-hint,
body.workspace-page #mediaView .dual-grid .media-consent-note {
  display: block;
  width: 100%;
  max-width: 100%;
  white-space: normal !important;
  overflow-wrap: anywhere;
}

body.workspace-page #mediaView .dual-grid .primary-button.full {
  width: 100%;
  height: auto;
  min-height: 44px;
  padding-block: 10px;
  white-space: normal;
}

@media (max-width: 1400px) {
  body.workspace-page #mediaView .dual-grid {
    grid-template-columns: minmax(0, 1fr) !important;
  }
}

@media (max-width: 520px) {
  body.workspace-page #mediaView .dual-grid .form-grid {
    grid-template-columns: minmax(0, 1fr);
  }
}