/* Fill the available content canvas; preserve navigation, modal and media geometry. */
.qk-native-app :is(.qk-page-scroll, .production-content) {
  min-width: 0;
}
.qk-native-app :is(.qk-page-scroll, .production-content) > :is(.qk-panel, .qk-admin-content, form, [role='tabpanel']) {
  width: 100%;
  max-width: none;
  min-width: 0;
}
.qk-native-app :is(.qk-page-scroll, .production-content) :is(.qk-profile-layout, .qk-script-reader, .qk-runtime-form) {
  width: 100%;
  max-width: none;
  min-width: 0;
}
.qk-native-app .qk-page-scroll > form:has(.qk-profile-layout),
.qk-native-app .qk-page #manual-panel > form {
  width: 100%;
  max-width: none;
}
.qk-native-app :is(.qk-page-scroll, .production-content) :is(.facts, .form-grid) {
  grid-template-columns: repeat(auto-fit, minmax(min(240px, 100%), 1fr));
}
.qk-native-app .qk-page-scroll .filters .search-field {
  flex: 1 1 260px;
  max-width: none;
}
.qk-native-app .qk-page-scroll .qk-admin-content > .actions > .field {
  flex: 1 1 240px;
  margin-bottom: 0;
}
.qk-native-app :is(.qk-page-scroll, .production-content, .qk-dialog-body) .table-scroll {
  width: 100%;
  max-width: 100%;
  min-width: 0;
  overflow-x: auto;
}
.qk-native-app :is(.qk-page-scroll, .production-content, .qk-dialog-body) .table-scroll > table {
  width: 100%;
}
.qk-native-app :is(.qk-page-scroll, .production-content, .qk-dialog-body) .table-scroll:has(th:nth-child(3)) > table { min-width: 640px; }
.qk-native-app :is(.qk-page-scroll, .production-content, .qk-dialog-body) .table-scroll:has(th:nth-child(5)) > table { min-width: 720px; }
.qk-native-app :is(.qk-page-scroll, .production-content, .qk-dialog-body) .table-scroll:has(th:nth-child(7)) > table { min-width: 960px; }
.qk-native-app .production-content .source-text {
  width: 100%;
  max-width: none;
}
@media (min-width: 1024px) {
  .qk-native-app .qk-page-scroll .qk-profile-layout {
    grid-template-columns: minmax(260px, 1fr) minmax(0, 2fr);
    align-items: start;
    gap: 32px;
  }
}
@media (max-width: 1023px) {
  .qk-native-app .qk-page-scroll .qk-profile-layout { grid-template-columns: minmax(0, 1fr); }
}
@media (max-width: 760px) {
  .qk-native-app :is(.qk-page-scroll, .production-content) :is(.facts, .form-grid) { grid-template-columns: minmax(0, 1fr); }
}

/* Long pages and wide tables use the same visible scrollbar as shared dialogs. */
.qk-native-app :is(.qk-page-scroll, .production-content, .table-scroll, .qk-dialog-body) {
  scrollbar-gutter: stable;
  scrollbar-width: auto;
  scrollbar-color: auto;
}
.qk-native-app :is(.qk-page-scroll, .production-content, .table-scroll, .qk-dialog-body)::-webkit-scrollbar { width: 8px !important; height: 8px !important; }
.qk-native-app :is(.qk-page-scroll, .production-content, .table-scroll, .qk-dialog-body)::-webkit-scrollbar-track { background: var(--Color_gray_4) !important; }
.qk-native-app :is(.qk-page-scroll, .production-content, .table-scroll, .qk-dialog-body)::-webkit-scrollbar-thumb { background: var(--Color_gray_24) !important; border: 2px solid var(--Color_bg) !important; border-right-width: 2px !important; background-clip: padding-box !important; }
.qk-native-app :is(.qk-page-scroll, .production-content, .table-scroll, .qk-dialog-body):hover::-webkit-scrollbar-thumb { background: var(--Color_gray_40) !important; }
/* Horizontal selectors own their scrolling instead of widening the content page. */
.qk-native-app :is(.qk-page-scroll, .production-content) .qk-tabs { min-width: 0; max-width: 100%; }
.qk-native-app :is(.qk-page-scroll, .production-content) .qk-tabs .arco-tabs-header {
  max-width: 100%;
  overflow-x: auto;
  flex-wrap: nowrap;
}
.qk-native-app :is(.qk-page-scroll, .production-content) .qk-tabs .arco-tabs-header-title { flex-shrink: 0; white-space: nowrap; }
@media (max-width: 1023px) {
  .qk-native-app .project-workspace .project-tabs { width: 100%; max-width: none; }
}
.qk-native-app .qk-page-scroll > form:has(.qk-profile-layout) > .actions {
  justify-content: flex-end;
  margin-top: 24px;
  padding-top: 16px;
  border-top: 1px solid var(--Color_gray_12);
}
@media (min-width: 1200px) {
  .qk-native-app .qk-profile-layout > .qk-panel:last-child {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    column-gap: 24px;
  }
  .qk-native-app .qk-profile-layout > .qk-panel:last-child > :is(.section-heading, .field:last-child) { grid-column: 1 / -1; }
}
.qk-native-app .qk-skills-cards article { border-top: 1px solid var(--Color_gray_12); }

.qk-native-app .table-scroll:focus-visible { outline: 1px solid var(--Color_gray_40); outline-offset: -2px; }