/* 数制云工单 — v11 secondary-page coverage.
 * Opt-in presentation only. No selectors depend on API content, menu names or permissions.
 * Keep this link after v9. Existing dark mode, v-show, tables' own scroll areas and media
 * aspect ratios are preserved. Static classes are attached to the original components.
 */
html#htmlRoot { --szy-coverage-style-version: 11; }

html#htmlRoot:not([data-theme="dark"]) .ant-drawer.szy-v11-drawer .ant-drawer-body { padding: 0 !important; }

/* 01. Detail and workflow drawers: never subtract a desktop sidebar on a phone. */
html#htmlRoot:not([data-theme="dark"]) .ant-drawer.szy-v11-drawer > .ant-drawer-content-wrapper {
  max-width: calc(100vw - 24px) !important;
  box-sizing: border-box;
}
html#htmlRoot:not([data-theme="dark"]) .ant-drawer.szy-v11-drawer :is(.ant-drawer-body,.scrollbar,.scrollbar__view) {
  min-width: 0;
  max-width: 100%;
  box-sizing: border-box;
}
html#htmlRoot:not([data-theme="dark"]) .ant-drawer.szy-v11-drawer .ant-drawer-header-title {
  align-items: center;
  min-width: 0;
}
html#htmlRoot:not([data-theme="dark"]) .ant-drawer.szy-v11-drawer .ant-drawer-title {
  min-width: 0;
  line-height: 24px;
  overflow-wrap: anywhere;
}
html#htmlRoot:not([data-theme="dark"]) .ant-drawer.szy-v11-detail .scrollbar__view {
  padding: 0 !important;
}
html#htmlRoot:not([data-theme="dark"]) .szy-v11-detail .ant-descriptions {
  min-width: 0;
  width: 100%;
  margin-bottom: 16px;
}
html#htmlRoot:not([data-theme="dark"]) .szy-v11-detail .ant-descriptions-view {
  width: 100%;
  min-width: 0;
  border-color: #e8eaf2;
  border-radius: 7px;
  overflow: visible;
}
html#htmlRoot:not([data-theme="dark"]) .szy-v11-detail .ant-descriptions-view > table {
  width: 100%;
  table-layout: fixed;
}
html#htmlRoot:not([data-theme="dark"]) .szy-v11-detail .ant-descriptions-bordered .ant-descriptions-item-label {
  width: 108px !important;
  background: #f8f9fc;
  color: #65728a;
  font-weight: 400;
}
html#htmlRoot:not([data-theme="dark"]) .szy-v11-detail .ant-descriptions-item-content {
  width: auto !important;
  color: #263248;
}
html#htmlRoot:not([data-theme="dark"]) .szy-v11-detail :is(.ant-descriptions-item-label,.ant-descriptions-item-content) {
  padding: 12px !important;
  vertical-align: top;
  font-size: 12px;
  line-height: 22px;
  white-space: normal;
  overflow-wrap: anywhere;
  word-break: normal;
}
html#htmlRoot:not([data-theme="dark"]) .szy-v11-detail :is(.ant-descriptions-item-content a,.long-text) {
  max-width: 100%;
  overflow-wrap: anywhere;
  white-space: pre-wrap;
}
html#htmlRoot:not([data-theme="dark"]) .szy-v11-detail .ant-descriptions-item-content :is(img,canvas) {
  max-width: 100%;
  object-fit: contain;
}
html#htmlRoot:not([data-theme="dark"]) .szy-v11-detail :is(.greyBg,.base-info,.tab-content) {
  min-width: 0;
  max-width: 100%;
  box-sizing: border-box;
}
html#htmlRoot:not([data-theme="dark"]) .szy-v11-detail .ant-tabs-content-holder,
html#htmlRoot:not([data-theme="dark"]) .szy-v11-detail .ant-tabs-tabpane {
  min-width: 0;
  max-width: 100%;
}
html#htmlRoot:not([data-theme="dark"]) .szy-v11-detail .ant-tabs-nav { margin-bottom: 16px; }
html#htmlRoot:not([data-theme="dark"]) .szy-v11-detail .ant-tabs-tab { padding-top: 13px; padding-bottom: 13px; }
html#htmlRoot:not([data-theme="dark"]) .szy-v11-detail .ant-table-wrapper {
  max-width: 100%;
  min-width: 0;
  overflow-x: auto; /* Keep all data/columns; do not mask a wide table. */
}
html#htmlRoot:not([data-theme="dark"]) .szy-v11-detail .footherNew {
  position: sticky !important;
  bottom: 0;
  left: 0;
  width: 100% !important;
  min-height: 64px;
  height: auto !important;
  padding: 12px 16px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  gap: 10px;
  border-top: 1px solid #e8eaf2;
  background: #fff;
  box-sizing: border-box;
  z-index: 5;
}
html#htmlRoot:not([data-theme="dark"]) .szy-v11-detail .footherNew .ant-btn { margin: 0 !important; }

/* 02. Dedicated modals, including nested approvals/exports, work without a list-page ancestor. */
html#htmlRoot:not([data-theme="dark"]) :is(.ant-modal.szy-v11-dialog,.szy-v11-dialog .ant-modal) {
  min-width: 0;
  max-width: calc(100vw - 24px) !important;
  box-sizing: border-box;
}
html#htmlRoot:not([data-theme="dark"]) .szy-v11-dialog .ant-modal-content { border-radius: 10px; }
html#htmlRoot:not([data-theme="dark"]) .szy-v11-dialog .ant-modal-title {
  min-width: 0;
  line-height: 24px;
  overflow-wrap: anywhere;
  padding-right: 54px;
}
html#htmlRoot:not([data-theme="dark"]) .szy-v11-dialog .ant-modal-body {
  min-width: 0;
  max-height: calc(100dvh - 188px);
  overflow: auto;
  box-sizing: border-box;
}
html#htmlRoot:not([data-theme="dark"]) .szy-v11-dialog .ant-modal-footer {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  align-items: center;
  gap: 10px;
  padding: 14px 20px;
}
html#htmlRoot:not([data-theme="dark"]) .szy-v11-dialog .ant-modal-footer > div {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  align-items: center;
  gap: 10px;
  min-width: 0;
  margin-left: 0 !important;
}
html#htmlRoot:not([data-theme="dark"]) .szy-v11-dialog .ant-modal-footer .ant-btn + .ant-btn { margin-left: 0; }
/* Conditional footer branches add nested divs; keep spacing inside those groups too. */
html#htmlRoot:not([data-theme="dark"]) .szy-v11-dialog .ant-modal-footer :is(div,span):has(> .ant-btn) {
  display: flex !important;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  gap: 10px;
  min-width: 0;
  max-width: 100%;
}

html#htmlRoot:not([data-theme="dark"]) .szy-v11-dialog :is(.ant-form-item-explain,.ant-alert-message,.ant-alert-description) {
  white-space: normal;
  overflow-wrap: anywhere;
}
html#htmlRoot:not([data-theme="dark"]) .szy-v11-dialog.fullscreen-modal {
  max-width: 100vw !important;
}

/* 03. Permission/data-rule trees and assignment panels. */
html#htmlRoot:not([data-theme="dark"]) .szy-v11-permission .jeecg-basic-tree {
  position: relative !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0;
}
html#htmlRoot:not([data-theme="dark"]) :is(.szy-v11-permission,.szy-v11-data-rule) .ant-drawer-body > .scrollbar > .scrollbar__wrap > .scrollbar__view {
  padding: 20px 20px 90px !important;
}
html#htmlRoot:not([data-theme="dark"]) .szy-v11-permission :is(.ant-tree,.ant-tree-list,.ant-tree-list-holder,.ant-tree-list-holder-inner) {
  width: 100%;
  max-width: 100%;
  min-width: 0;
}
html#htmlRoot:not([data-theme="dark"]) .szy-v11-permission .ant-tree-treenode { width: 100%; min-width: 0; align-items: flex-start; }
html#htmlRoot:not([data-theme="dark"]) .szy-v11-permission .ant-tree-node-content-wrapper {
  flex: 1 1 0;
  min-width: 0;
  white-space: normal;
  height: auto;
  line-height: 24px;
  padding: 4px 6px;
}
html#htmlRoot:not([data-theme="dark"]) .szy-v11-permission .ant-tree-title { overflow-wrap: anywhere; }
html#htmlRoot:not([data-theme="dark"]) .szy-v11-permission :is(.ant-tree-switcher,.ant-tree-checkbox) { flex: 0 0 auto; margin-top: 4px; }
html#htmlRoot:not([data-theme="dark"]) .szy-v11-data-rule :is(.ant-checkbox-wrapper,.ant-checkbox-group) {
  max-width: 100%;
  white-space: normal;
  overflow-wrap: anywhere;
}
html#htmlRoot:not([data-theme="dark"]) .szy-v11-transfer .ant-transfer { width: 100%; min-width: 0; }
html#htmlRoot:not([data-theme="dark"]) .szy-v11-transfer .ant-transfer-list {
  flex: 1 1 0;
  min-width: 0;
  width: auto !important;
  height: 360px !important;
}
html#htmlRoot:not([data-theme="dark"]) .szy-v11-transfer .ant-transfer-operation { flex: 0 0 auto; margin: 0 12px; }
html#htmlRoot:not([data-theme="dark"]) .szy-v11-transfer .ant-transfer-list-content-item {
  height: auto;
  min-height: 36px;
  align-items: flex-start;
}
html#htmlRoot:not([data-theme="dark"]) .szy-v11-transfer .ant-transfer-list-content-item-text {
  white-space: normal;
  overflow-wrap: anywhere;
  line-height: 22px;
}

/* 04. Inspection second/third step and year/month/week/day configuration. */
html#htmlRoot:not([data-theme="dark"]) .szy-v11-plan :is(#step2,#step3,.page-check-add-right,.page-check-add-right-conten) {
  min-width: 0;
  max-width: 100%;
}
html#htmlRoot:not([data-theme="dark"]) .szy-v11-plan :is(#step2,#step3) :is(.ant-row,.ant-col,.ant-form-item-control) {
  min-width: 0;
  max-width: 100%;
}
html#htmlRoot:not([data-theme="dark"]) .szy-v11-plan :is(#step2,#step3) .title-plan {
  display: flex;
  flex-wrap: wrap;
  gap: 8px 12px;
  align-items: center;
}
html#htmlRoot:not([data-theme="dark"]) .szy-v11-plan #step3 .ant-collapse-header {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
}
html#htmlRoot:not([data-theme="dark"]) .szy-v11-plan #step3 .ant-collapse-header-text {
  flex: 1 1 180px;
  min-width: 0;
  line-height: 22px;
  overflow-wrap: anywhere;
}
html#htmlRoot:not([data-theme="dark"]) .szy-v11-plan #step3 .ant-collapse-extra {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px 12px;
  margin: 0;
  min-width: 0;
}
html#htmlRoot:not([data-theme="dark"]) .szy-v11-plan #step3 .ant-collapse-extra .ant-btn { margin-left: 0 !important; }
html#htmlRoot:not([data-theme="dark"]) .szy-v11-plan #step3 :is(.ant-radio-wrapper,.ant-checkbox-wrapper) {
  white-space: normal;
  max-width: 100%;
  overflow-wrap: anywhere;
}
html#htmlRoot:not([data-theme="dark"]) .szy-v11-plan :is(#step2,#step3) .ant-table-wrapper {
  min-width: 0;
  max-width: 100%;
  overflow-x: auto;
}
html#htmlRoot:not([data-theme="dark"]) .szy-v11-plan-dialog .szy-v11-plan-fields { min-width: 0; width: 100%; padding: 4px; }
html#htmlRoot:not([data-theme="dark"]) .szy-v11-plan-dialog .szy-v11-plan-fields > .ant-row > .ant-col {
  min-width: 0;
  width: 100%;
  max-width: 100%;
  flex: 1 1 100%;
}
html#htmlRoot:not([data-theme="dark"]) .szy-v11-plan-fields .ant-form-item-label {
  white-space: normal;
  overflow: visible;
  line-height: 22px;
}
html#htmlRoot:not([data-theme="dark"]) .szy-v11-plan-fields .ant-form-item-label > label {
  height: auto;
  min-height: 32px;
  line-height: 22px;
}
html#htmlRoot:not([data-theme="dark"]) .szy-v11-plan-fields .ant-form-item-control { min-width: 0; }
html#htmlRoot:not([data-theme="dark"]) .szy-v11-plan-fields .ant-form-item-control-input-content > div[style*="flex"] {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  min-width: 0;
}
html#htmlRoot:not([data-theme="dark"]) .szy-v11-plan-fields .ant-tag { max-width: 100%; height: auto; white-space: normal; overflow-wrap: anywhere; }

/* 05. Import validation, warehouse/options step, results and long messages. */
html#htmlRoot:not([data-theme="dark"]) .szy-v11-import .szy-v11-import-fields {
  width: min(100%, 460px) !important;
  min-width: 0;
  max-width: 100%;
  margin: 0 auto;
}
html#htmlRoot:not([data-theme="dark"]) .szy-v11-import :is(.ant-form,.ant-row,.ant-col) { min-width: 0; max-width: 100%; }
html#htmlRoot:not([data-theme="dark"]) .szy-v11-import .ant-form > .ant-row > .ant-col { flex: 1 1 100%; width: 100%; }
html#htmlRoot:not([data-theme="dark"]) .szy-v11-import .ant-form-item-label {
  white-space: normal;
  overflow: visible;
  text-align: left;
}
html#htmlRoot:not([data-theme="dark"]) .szy-v11-import .ant-form-item-label > label { height: auto; line-height: 22px; }
html#htmlRoot:not([data-theme="dark"]) .szy-v11-import .ant-form-item-control-input-content:has(> .ant-select + a) {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  align-items: center;
}
html#htmlRoot:not([data-theme="dark"]) .szy-v11-import .ant-form-item-control-input-content:has(> .ant-select + a) > .ant-select {
  flex: 1 1 180px;
  min-width: 0;
  width: auto !important;
  margin-right: 0 !important;
}
html#htmlRoot:not([data-theme="dark"]) .szy-v11-import .ant-form-item-control-input-content > a { flex: 0 0 auto; }
html#htmlRoot:not([data-theme="dark"]) .szy-v11-import .ant-select-single .ant-select-selector { min-height: 39px; height: auto !important; }
html#htmlRoot:not([data-theme="dark"]) .szy-v11-import .ant-select-selection-item {
  white-space: normal;
  overflow-wrap: anywhere;
  line-height: 22px !important;
  padding-top: 7px;
  padding-bottom: 7px;
}
html#htmlRoot:not([data-theme="dark"]) .szy-v11-import .ant-descriptions-view > table { width: 100%; table-layout: fixed; }
html#htmlRoot:not([data-theme="dark"]) .szy-v11-import .ant-descriptions-item-content { width: auto !important; white-space: pre-wrap; overflow-wrap: anywhere; }
html#htmlRoot:not([data-theme="dark"]) .szy-v11-import .ant-steps-item-title { white-space: normal; line-height: 24px; }

/* 06. Extended configuration forms/radio rows, not the category-navigation tree. */
html#htmlRoot:not([data-theme="dark"]) .szy-v11-configuration form.ant-form:not(.jeecg-basic-form) {
  width: min(720px, 100%);
  min-width: 0;
  margin: 0 auto;
  padding: 12px 20px;
  box-sizing: border-box;
}
html#htmlRoot:not([data-theme="dark"]) .szy-v11-configuration form.ant-form:not(.jeecg-basic-form) .ant-form-item {
  display: flex;
  align-items: flex-start;
  gap: 8px 16px;
}
html#htmlRoot:not([data-theme="dark"]) .szy-v11-configuration form.ant-form:not(.jeecg-basic-form) .ant-form-item-label {
  flex: 0 0 108px;
  max-width: 108px;
  padding: 7px 0;
  white-space: normal;
  overflow: visible;
}
html#htmlRoot:not([data-theme="dark"]) .szy-v11-configuration form.ant-form:not(.jeecg-basic-form) .ant-form-item-control { flex: 1 1 0; min-width: 0; max-width: 100%; }
html#htmlRoot:not([data-theme="dark"]) .szy-v11-configuration .ant-radio-group {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  gap: 8px;
}
html#htmlRoot:not([data-theme="dark"]) .szy-v11-configuration .ant-radio-wrapper { margin: 0; white-space: normal; overflow-wrap: anywhere; line-height: 22px; }

/* The original submit row has col-offset-8. It must not add 33% left margin
 * after the responsive form control is widened to 100%. */
html#htmlRoot:not([data-theme="dark"]) .szy-v11-config-form .ant-form-item-control.ant-col-offset-8 {
  margin-left: 0 !important;
}

/* 07. External work order quotes, long attachment names and media. */
html#htmlRoot:not([data-theme="dark"]) .szy-v11-detail .quote-toolbar { display: flex; flex-wrap: wrap; align-items: center; gap: 12px; }
html#htmlRoot:not([data-theme="dark"]) .szy-v11-detail .quote-select { width: min(360px,100%) !important; min-width: 0; max-width: 100%; }
html#htmlRoot:not([data-theme="dark"]) .szy-v11-media { min-width: 0; max-width: 100%; }
html#htmlRoot:not([data-theme="dark"]) .szy-v11-media :is(audio,video) { max-width: 100%; }
html#htmlRoot:not([data-theme="dark"]) .szy-v11-media video { object-fit: contain; }
html#htmlRoot:not([data-theme="dark"]) .szy-v11-media a { white-space: normal; overflow-wrap: anywhere; }

/* 08. Purchase is a comparison table, never a compressed data-list table. */
html#htmlRoot:not([data-theme="dark"]) .szy-v11-purchase {
  --purchase-primary: #302cbd;
  min-width: 0;
  max-width: 100%;
  box-sizing: border-box;
}
html#htmlRoot:not([data-theme="dark"]) .szy-v11-purchase .comparison-table { width: 100%; table-layout: fixed; }
html#htmlRoot:not([data-theme="dark"]) .szy-v11-purchase :is(th,td,.group-label) { overflow-wrap: anywhere; white-space: normal; }
html#htmlRoot:not([data-theme="dark"]) .szy-v11-contact .purchase-contact { text-align: center; }
html#htmlRoot:not([data-theme="dark"]) .szy-v11-contact .purchase-contact img { display: block; width: min(220px,100%); height: auto; object-fit: contain; margin: 0 auto 16px; }
html#htmlRoot:not([data-theme="dark"]) .szy-v11-contact .contact-phone { display: flex; flex-wrap: wrap; justify-content: center; gap: 6px; }

/* 09. Login/organization choice: keep original login methods and QR content. */
html#htmlRoot:not([data-theme="dark"]) .szy-v11-login { min-width: 0; min-height: 100dvh; height: auto !important; overflow: auto; }
html#htmlRoot:not([data-theme="dark"]) .szy-v11-login > .container { height: auto !important; min-height: calc(100dvh - 32px); }
html#htmlRoot:not([data-theme="dark"]) .szy-v11-login > .container > .flex { min-height: inherit; align-items: center; }
html#htmlRoot:not([data-theme="dark"]) .szy-v11-login .jeecg-login-form { width: min(420px,100%) !important; min-width: 0; max-width: 100%; box-sizing: border-box; }
html#htmlRoot:not([data-theme="dark"]) .szy-v11-login .jeecg-login-form :is(input,.ant-input-affix-wrapper) { min-width: 0 !important; }
html#htmlRoot:not([data-theme="dark"]) .szy-v11-login .jeecg-login-form canvas { max-width: 100%; height: auto !important; aspect-ratio: 1; }
html#htmlRoot:not([data-theme="dark"]) .szy-v11-login .ant-divider-inner-text { white-space: normal; line-height: 22px; }
html#htmlRoot:not([data-theme="dark"]) .szy-v11-org-select .ant-select { width: 100%; min-width: 0; }
html#htmlRoot:not([data-theme="dark"]) .szy-v11-org-select .ant-avatar { flex: 0 0 auto; }

/* 10. Avatar cropping / search / preferences. Do not touch Cropper's positioned canvas. */
html#htmlRoot:not([data-theme="dark"]) .szy-v11-cropper-dialog .jeecg-cropper-am { display: flex; align-items: flex-start; gap: 20px; min-width: 0; }
html#htmlRoot:not([data-theme="dark"]) .szy-v11-cropper-dialog .jeecg-cropper-am-left { flex: 1 1 0; min-width: 0; height: auto; }
html#htmlRoot:not([data-theme="dark"]) .szy-v11-cropper-dialog .jeecg-cropper-am-right { flex: 0 1 240px; min-width: 0; height: auto; }
html#htmlRoot:not([data-theme="dark"]) .szy-v11-cropper-dialog .jeecg-cropper-am-toolbar,
html#htmlRoot:not([data-theme="dark"]) .szy-v11-cropper-dialog .jeecg-cropper-am-toolbar .ant-space { display: flex; flex-wrap: wrap; gap: 8px !important; align-items: center; }
html#htmlRoot:not([data-theme="dark"]) .szy-v11-cropper-dialog .jeecg-cropper-am-group { flex-wrap: wrap; gap: 8px; }
html#htmlRoot:not([data-theme="dark"]) .szy-v11-cropper-dialog .jeecg-cropper-am-group .ant-avatar { flex: 0 0 auto; }
html#htmlRoot:not([data-theme="dark"]) .szy-v11-cropper-dialog .jeecg-cropper-am-preview { width: min(220px,100%); height: auto; aspect-ratio: 1; }
html#htmlRoot:not([data-theme="dark"]) .szy-v11-search .jeecg-app-search-modal-content { max-width: calc(100vw - 24px); max-height: calc(100dvh - 64px); }
html#htmlRoot:not([data-theme="dark"]) .szy-v11-search .jeecg-app-search-modal-list__item { height: auto; min-height: 56px; gap: 8px; padding: 10px 12px; }
html#htmlRoot:not([data-theme="dark"]) .szy-v11-search .jeecg-app-search-modal-list__item-text { min-width: 0; line-height: 22px; overflow-wrap: anywhere; }
html#htmlRoot:not([data-theme="dark"]) .szy-v11-search :is(.jeecg-app-search-modal-list__item-icon,.jeecg-app-search-modal-list__item-enter) { flex: 0 0 22px; }
html#htmlRoot:not([data-theme="dark"]) .ant-drawer.setting-drawer > .ant-drawer-content-wrapper { max-width: calc(100vw - 24px); }
html#htmlRoot:not([data-theme="dark"]) .setting-drawer .ant-select { max-width: 100%; min-width: 0; }

/* Responsive: scoped to the opted-in workflows, not the app shell/sidebar. */
@media (max-width: 1100px) {
  html#htmlRoot:not([data-theme="dark"]) .szy-v11-detail .ant-descriptions-bordered > .ant-descriptions-view > table > tbody > tr {
    display: grid;
    grid-template-columns: minmax(88px, 28%) minmax(0,1fr);
  }
  html#htmlRoot:not([data-theme="dark"]) .szy-v11-detail .ant-descriptions-bordered :is(.ant-descriptions-item-label,.ant-descriptions-item-content) {
    display: block;
    min-width: 0;
    width: auto !important;
    border-bottom: 1px solid #e8eaf2;
  }
  html#htmlRoot:not([data-theme="dark"]) .szy-v11-detail .ant-descriptions-bordered .ant-descriptions-item-content { border-right: 0; }
}
@media (max-width: 760px) {
  html#htmlRoot:not([data-theme="dark"]) .ant-drawer.szy-v11-drawer > .ant-drawer-content-wrapper {
    width: calc(100vw - 12px) !important;
    max-width: calc(100vw - 12px) !important;
  }
  html#htmlRoot:not([data-theme="dark"]) :is(.ant-modal.szy-v11-dialog,.szy-v11-dialog .ant-modal):not(.fullscreen-modal) {
    width: calc(100vw - 24px) !important;
    max-width: calc(100vw - 24px) !important;
    top: 16px;
    padding-bottom: 16px;
  }
  html#htmlRoot:not([data-theme="dark"]) .szy-v11-dialog .ant-modal-body { padding: 16px; max-height: calc(100dvh - 172px); }
  html#htmlRoot:not([data-theme="dark"]) .szy-v11-dialog .ant-modal-footer { padding: 12px 16px; }
  html#htmlRoot:not([data-theme="dark"]) .szy-v11-detail .ant-descriptions-bordered :is(.ant-descriptions-item-label,.ant-descriptions-item-content) { padding: 10px !important; }
  html#htmlRoot:not([data-theme="dark"]) :is(.szy-v11-permission,.szy-v11-data-rule) .ant-drawer-body > .scrollbar > .scrollbar__wrap > .scrollbar__view { padding: 16px 16px 96px !important; }
  html#htmlRoot:not([data-theme="dark"]) .szy-v11-transfer .ant-transfer { flex-direction: column; gap: 12px; }
  html#htmlRoot:not([data-theme="dark"]) .szy-v11-transfer .ant-transfer-list { flex: none; width: 100% !important; height: 240px !important; }
  html#htmlRoot:not([data-theme="dark"]) .szy-v11-transfer .ant-transfer-operation { flex-direction: row; gap: 12px; margin: 0; }
  html#htmlRoot:not([data-theme="dark"]) .szy-v11-transfer .ant-transfer-operation .ant-btn { margin: 0; }
  html#htmlRoot:not([data-theme="dark"]) .szy-v11-plan #step3 .ant-collapse-extra { flex: 1 1 100%; }
  html#htmlRoot:not([data-theme="dark"]) .szy-v11-plan-fields .ant-form-item { flex-direction: column; margin-bottom: 16px; }
  html#htmlRoot:not([data-theme="dark"]) .szy-v11-plan-fields :is(.ant-form-item-label,.ant-form-item-control) { flex: none !important; width: 100% !important; max-width: 100% !important; text-align: left; }
  html#htmlRoot:not([data-theme="dark"]) .szy-v11-plan-fields .ant-form-item-label { padding: 0 0 6px; }
  html#htmlRoot:not([data-theme="dark"]) .szy-v11-plan-fields .ant-form-item-label > label { min-height: 0; }
  html#htmlRoot:not([data-theme="dark"]) .szy-v11-plan-fields .ant-col > .ant-row:not(.ant-form-item) { display: flex; flex-wrap: wrap; gap: 0 12px; }
  html#htmlRoot:not([data-theme="dark"]) .szy-v11-plan-fields .ant-col > .ant-row:not(.ant-form-item) > .ant-col { flex: 1 1 100%; width: 100%; min-width: 0; max-width: 100%; }
  html#htmlRoot:not([data-theme="dark"]) .szy-v11-import .ant-steps { display: flex; flex-direction: column; }
  html#htmlRoot:not([data-theme="dark"]) .szy-v11-import .ant-steps-item { flex: none; width: 100%; padding-left: 0; margin-bottom: 8px; }
  html#htmlRoot:not([data-theme="dark"]) .szy-v11-import .ant-steps-item-title::after { display: none; }
  html#htmlRoot:not([data-theme="dark"]) .szy-v11-configuration form.ant-form:not(.jeecg-basic-form) { padding: 12px; }
  html#htmlRoot:not([data-theme="dark"]) .szy-v11-configuration form.ant-form:not(.jeecg-basic-form) .ant-form-item { flex-direction: column; gap: 6px; }
  html#htmlRoot:not([data-theme="dark"]) .szy-v11-configuration form.ant-form:not(.jeecg-basic-form) :is(.ant-form-item-label,.ant-form-item-control) { flex: none; width: 100%; max-width: 100%; text-align: left; }
  html#htmlRoot:not([data-theme="dark"]) .szy-v11-purchase { padding: 20px 12px; }
  html#htmlRoot:not([data-theme="dark"]) .szy-v11-purchase .purchase-header h1 { font-size: 22px; }
  html#htmlRoot:not([data-theme="dark"]) .szy-v11-purchase :is(th,td) { padding: 12px 8px; font-size: 12px; }
  html#htmlRoot:not([data-theme="dark"]) .szy-v11-purchase .plan-price { flex-wrap: wrap; white-space: normal; }
  html#htmlRoot:not([data-theme="dark"]) .szy-v11-login .jeecg-login-form { padding: 24px 16px !important; margin-left: auto !important; margin-right: auto !important; }
  html#htmlRoot:not([data-theme="dark"]) .szy-v11-cropper-dialog .jeecg-cropper-am { flex-direction: column; }
  html#htmlRoot:not([data-theme="dark"]) .szy-v11-cropper-dialog :is(.jeecg-cropper-am-left,.jeecg-cropper-am-right) { width: 100%; flex: none; }
  html#htmlRoot:not([data-theme="dark"]) .szy-v11-search { padding: 12px !important; }
  html#htmlRoot:not([data-theme="dark"]) .szy-v11-search .jeecg-app-search-modal-content { width: 100%; max-width: 100%; height: auto; max-height: calc(100dvh - 24px); border-radius: 12px; }
  html#htmlRoot:not([data-theme="dark"]) .szy-v11-search .jeecg-app-search-modal-list { max-height: calc(100dvh - 160px); }
}