/* APP identity columns are sized by colgroup, independently of legacy ordinal widths. */
.appBudget .budgetTable.appRegistryTable {
  table-layout: fixed !important;
  min-width: 1180px !important;
}
.appBudget .budgetTable.appRegistryTable :is(th, td) {
  width: auto !important;
  min-width: 0;
  text-align: left;
}
.appRegistryTable .managedAppLink {
  display: block;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #2563eb;
  text-decoration: none;
}
.appRegistryTable .managedAppLink:hover { text-decoration: underline; }
.appRegistryTable .managedAppLinkMissing { color: #94a3b8; }
.appRegistryTable input.inlineEdit { max-width: 100%; min-width: 0; }
.appRegistryTable .managedAppLinkEditor { min-width: 0; }
.appRegistryTable input.managedAppLinkInput { width: 100%; height: 30px; color: #2563eb; }
.appRegistryTable .managedAppLinkFeedback { display: flex; align-items: center; gap: 6px; min-width: 0; height: 14px; padding: 0 8px; font-size: 11px; line-height: 14px; color: #64748b; }
.appRegistryTable .managedAppLinkFeedback > span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.appRegistryTable .managedAppLinkFeedback button { flex: none; border: 0; border-radius: 0; padding: 0; background: transparent; color: #2563eb; font: inherit; line-height: inherit; cursor: pointer; }
.appRegistryTable .managedAppLinkEditor[data-state="error"] .managedAppLinkFeedback { height: auto; min-height: 14px; align-items: flex-start; color: #b91c1c; }
.appRegistryTable .managedAppLinkEditor[data-state="error"] .managedAppLinkFeedback > span { white-space: normal; overflow-wrap: anywhere; }
.appRegistryTable .managedAppLinkEditor[data-state="saved"] .managedAppLinkFeedback { color: #15803d; }
.appRegistryTable input.managedAppLinkInput[aria-invalid="true"] { border-color: #dc2626; }
.appBudget .appRegistryTable .budgetRuleCell .customSelectControl,
.appBudget .appRegistryTable .budgetRuleCell .customSelectTrigger { width: 100%; }
.appRegistryTable .budgetRuleCell .customSelectTrigger > span { white-space: normal; }
.appMonitorTable [data-monitor-col="summary:backendConversions"] .pulseTableSortLabel,
.appMonitorTable [data-monitor-col="summary:backendCpa"] .pulseTableSortLabel { white-space: normal; }
#editAppDialog .editAppForm {
  grid-template-rows: auto minmax(0, 1fr) auto;
  max-height: calc(100dvh - 32px);
  gap: 0;
}
#editAppDialog .editAppBody {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 14px;
  overflow-y: auto;
  min-height: 0;
  padding: 12px 1px;
}
#editAppDialog .editAppSelectionCount { margin: 0; color: #64748b; font-size: 12px; }
#editAppDialog .editAppActions { padding-top: 12px; border-top: 1px solid #e2e8f0; justify-content: flex-end; }
#editAppDialog label { min-width: 0; }
#editAppDialog input { min-width: 0; width: 100%; box-sizing: border-box; }
@media (min-width: 721px) and (max-width: 1200px) {
  .appCreatePanel .appCreateBar { grid-template-columns: 150px minmax(140px, 1fr) minmax(220px, 1.6fr) !important; }
}
@media (max-width: 720px) {
  .appCreatePanel .appCreateBar { grid-template-columns: minmax(0, 1fr) !important; }
  .appCreatePanel .appCreateBar > * { width: 100% !important; min-width: 0 !important; }
}
@media (max-width: 768px) {
  .appMonitorTable .appMonitorSummaryRow .backendConversionCell::before { content: "后台转化"; }
  .appMonitorTable .appMonitorSummaryRow .backendCpaCell::before { content: "后台CPA"; }
  html[lang="en"] .appMonitorTable .appMonitorSummaryRow .backendConversionCell::before { content: "Backend conversions"; }
  html[lang="en"] .appMonitorTable .appMonitorSummaryRow .backendCpaCell::before { content: "Backend CPA"; }
}