/* R14: prevent document canvas intrinsic width from expanding model forms. */
html body .cpool-v25-model-editor-page form > .grid > div {
  min-width: 0 !important;
  max-width: 100%;
}
html body .cpool-v25-model-editor-page .cpool-dynamic-editor-card {
  min-width: 0;
  max-width: 100%;
}
html body .cpool-v25-model-editor-page html-editor > .sticky {
  flex-wrap: wrap !important;
  max-width: 100%;
  box-sizing: border-box;
}
html body .cpool-v25-model-editor-page html-editor > .sticky > details {
  max-width: 100%;
  min-width: 0;
}
html body :is(#cpool-main-yield, .cpool-portal-page, .cpool-portal-comms, .cpool-public-card, .cpool-studio-registration-page, .modal-box, dialog) .btn {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  vertical-align: middle !important;
  box-sizing: border-box !important;
  min-height: 40px !important;
  height: auto !important;
  max-width: 100% !important;
  line-height: 1.3 !important;
  white-space: normal !important;
  text-align: center !important;
}
html body #cpool-main-yield form.button_to {
  display: inline-flex; align-items: center; vertical-align: middle;
  max-width: 100%; margin: 0 !important;
}
html body #cpool-main-yield :is(.cpool-task-actions, .cpool-document-filter-actions, .cpool-builder-footer, .cpool-batch-toolbar-right, .cpool-working-actions, .cpool-form-actions) {
  display: flex; align-items: center; flex-wrap: wrap; gap: 12px; min-width: 0;
}
.cpool-form-actions { justify-content: flex-end; margin-top: 22px; }
#cpool-main-yield :is(table.table, .cpool-settings-edit-table) :is(th, td) { vertical-align: middle; }
.cpool-public-wrap, .cpool-public-card, .cpool-public-form :is(input, button, select, textarea) {
  box-sizing: border-box; min-width: 0; max-width: 100%;
}
.cpool-public-card :is(h1, p, a) { overflow-wrap: anywhere; }
@media (max-width: 640px) {
  .cpool-form-actions > :is(.btn, form) { flex: 1 1 100%; width: 100%; }
  .cpool-public-wrap { padding: 16px; }
  .cpool-public-card { padding: 22px; }
}
html body :is(#cpool-main-yield, .cpool-portal-page, #cpool-document-main) :is(.cpool-v2-list-main, .cpool-v2-panel-head > div, .cpool-v2-section-title > div) {
  min-width: 0 !important;
  overflow-wrap: anywhere;
}
html body :is(#cpool-main-yield, .cpool-portal-page, #cpool-document-main) :is(.cpool-v2-panel-head, .cpool-v2-section-title) {
  display: flex !important;
  align-items: center !important;
  gap: 16px !important;
}
html body :is(#cpool-main-yield, .cpool-portal-page, #cpool-document-main) :is(.cpool-v2-panel-head, .cpool-v2-section-title) > :is(a, form, button) {
  flex-shrink: 0;
  max-width: 100%;
}
html body :is(#cpool-main-yield, .cpool-portal-page, #cpool-document-main) :is(.cpool-v2-list-side, .cpool-v2-actions, .cpool-client-hero-actions) {
  align-items: center !important;
  gap: 12px !important;
  min-width: 0;
  flex-wrap: wrap;
}
html body :is(#cpool-main-yield, .cpool-portal-page, #cpool-document-main) :is(.cpool-v2-list-side, .cpool-v2-actions, .cpool-client-hero-actions) > form {
  display: inline-flex;
  align-items: center;
  margin: 0 !important;
  max-width: 100%;
}
html body :is(#cpool-main-yield, .cpool-portal-page, #cpool-document-main) :is(.cpool-v2-list-side, .cpool-v2-actions, .cpool-v2-panel-head, .cpool-v2-section-title, .cpool-client-hero-actions) .btn {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  box-sizing: border-box;
  min-height: 40px !important;
  height: auto !important;
  max-width: 100%;
  line-height: 1.3 !important;
  white-space: normal !important;
  text-align: center;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}
html body .cpool-dashboard .cpool-v2-list { container-type: inline-size; }
html body .cpool-dashboard .cpool-v2-list-row {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) 328px !important;
  align-items: center !important;
  gap: 20px !important;
}
html body .cpool-dashboard .cpool-v2-list-side {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) 168px !important;
  align-items: center !important;
  justify-items: end !important;
  gap: 12px !important;
  width: 100% !important;
  min-width: 0 !important;
}
html body .cpool-dashboard .cpool-v2-list-side > .btn {
  grid-column: 2;
  width: 100% !important;
  min-width: 0 !important;
  padding: 8px 12px !important;
}
html body .cpool-dashboard .cpool-v2-list-side > .cpool-status {
  max-width: 100%;
  box-sizing: border-box;
  white-space: normal !important;
  text-align: center;
}
@container (max-width: 620px) {
  html body .cpool-dashboard .cpool-v2-list-row {
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 12px !important;
  }
  html body .cpool-dashboard .cpool-v2-list-side {
    grid-template-columns: minmax(0, 1fr) minmax(0, 168px) !important;
  }
}
@media (max-width: 767px) {
  html body :is(#cpool-main-yield, .cpool-portal-page, #cpool-document-main) :is(.cpool-v2-panel-head, .cpool-v2-section-title) {
    flex-wrap: wrap !important;
    align-items: flex-start !important;
  }
  html body :is(#cpool-main-yield, .cpool-portal-page, #cpool-document-main) :is(.cpool-v2-panel-head, .cpool-v2-section-title) > div:first-child {
    flex-basis: 100%;
  }
}
@media (max-width: 820px) {
  html body.cpool-editor-layout #title_container {
    height: auto !important;
    min-height: 58px !important;
    flex-wrap: wrap !important;
    gap: 8px !important;
    padding: 10px 12px !important;
  }
  html body.cpool-editor-layout #title_container > div {
    max-width: 100% !important;
    flex-wrap: wrap !important;
    min-width: 0 !important;
  }
  html body.cpool-editor-layout #title_container .template-name {
    max-width: 100% !important;
  }
  html body.cpool-editor-layout #cpool-editor-main template-builder {
    display: flex !important;
    flex-direction: column !important;
    height: 100% !important;
    min-height: 0 !important;
  }
  html body.cpool-editor-layout template-builder > div:has(#main_container),
  html body.cpool-editor-layout template-builder > div > div:has(> #main_container) {
    display: flex !important;
    flex-direction: column !important;
    width: 100% !important;
    box-sizing: border-box !important;
    height: 100% !important;
    min-height: 0 !important;
    min-width: 0 !important;
    overflow: hidden !important;
  }
  html body.cpool-editor-layout #title_container { flex: 0 0 auto !important; }
  html body.cpool-editor-layout #main_container {
    width: 100% !important;
    flex-direction: column !important;
    flex: 1 1 auto !important;
    height: auto !important;
    max-height: none !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
  }
  html body.cpool-editor-layout #pages_container {
    flex: 0 0 auto !important;
    width: 100% !important;
    box-sizing: border-box !important;
    min-height: 300px !important;
    max-height: 60vh !important;
    padding: 12px !important;
  }
  html body.cpool-editor-layout :is(.cpool-editor-right-rail-v4, .cpool-editor-right-rail-v5, .cpool-editor-right-rail-v6, .cpool-editor-right-rail-v7) {
    flex: 0 0 auto !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    overflow: visible !important;
    border-left: 0 !important;
    border-top: 1px solid #e2e7ef !important;
  }
  html body.cpool-editor-layout #fields_list_container {
    display: block !important;
    flex: 0 0 auto !important;
    max-height: 50vh !important;
    box-sizing: border-box !important;
  }
}