/* Shared compact read-only details. Keep operation and editing forms independent. */
.mes-business-modal-root.mes-business-modal-detail .ant-modal { padding-bottom: 0; max-width: calc(100vw - 32px); }
.mes-business-modal-root.mes-business-modal-detail .ant-modal-container,
.mes-business-modal-root.mes-business-modal-detail .ant-modal-content { height: auto; max-height: calc(100dvh - 32px); padding: 0; }
.mes-business-modal-root.mes-business-modal-detail .ant-modal-header { min-height: 44px; padding: 8px 12px; }
.mes-business-modal-root.mes-business-modal-detail .ant-modal-close { top: 6px !important; inset-inline-end: 10px !important; }
.mes-business-modal-root.mes-business-modal-detail .ant-modal-body { max-height: none; padding: 8px 12px; overflow-y: auto; }
.mes-business-modal-root.mes-business-modal-detail .ant-modal-footer { min-height: 48px; padding: 8px 12px; justify-content: flex-end; text-align: right; }
.mes-business-modal-root.mes-business-modal-detail .ant-modal-footer .ant-btn { height: 32px; }
.mes-business-modal-detail .business-section-stack,
.mes-business-modal-detail .business-detail-flow,
.mes-business-modal-detail .scan-detail-content { display: grid; gap: 8px; }
.mes-business-modal-detail .business-section { overflow: hidden; border: 1px solid var(--business-modal-border); border-radius: 4px; background: #fff; }
.mes-business-modal-detail .ant-modal-body > .business-section + .business-section { margin-top: 8px; }
.mes-business-modal-detail .business-section-head { display: flex; min-height: 30px; padding: 4px 10px; background: #f2f6fa; }
.mes-business-modal-detail .business-section-head h3 { font-size: 14px; line-height: 21px; }
.mes-business-modal-detail .business-section-content { padding: 0; }
.mes-business-modal-detail .business-section-content > .business-detail-grid { border: 0; border-radius: 0; }
.mes-business-modal-detail .business-detail-item { min-height: 52px; padding: 6px 10px; }
.mes-business-modal-detail .scan-detail-pending,
.mes-business-modal-detail .scan-detail-empty,
.mes-business-modal-detail .scan-detail-note { min-height: 0; margin: 0; padding: 8px 10px; border: 0; border-radius: 0; overflow-wrap: anywhere; }
.mes-business-modal-detail .ant-empty { margin-block: 8px; }
.mes-business-modal-detail .ant-descriptions.ant-descriptions-small .ant-descriptions-item-label,
.mes-business-modal-detail .ant-descriptions.ant-descriptions-small .ant-descriptions-item-content { padding: 6px 10px; overflow-wrap: anywhere; }
/* Read-only role permissions scroll with the detail body, not inside a second pane. */
.mes-business-modal-detail.role-editor-modal .ant-modal-body > form { height: auto; min-height: 0; }
.mes-business-modal-detail.role-editor-modal .role-editor-permissions { min-height: 0; flex: none; }
.mes-business-modal-detail.role-editor-modal .role-editor-permissions > .ant-form-item-row,
.mes-business-modal-detail.role-editor-modal .role-editor-permissions .ant-form-item-control,
.mes-business-modal-detail.role-editor-modal .role-editor-permissions .ant-form-item-control-input,
.mes-business-modal-detail.role-editor-modal .role-editor-permissions .ant-form-item-control-input-content { height: auto; }
.mes-business-modal-detail.role-editor-modal .role-permission-directory,
.mes-business-modal-detail.role-editor-modal .role-permission-detail { min-height: 0; max-height: none; overflow: visible; }
.mes-business-modal-detail.role-editor-modal .role-permission-menu-list,
.mes-business-modal-detail.role-editor-modal .role-permission-detail-list { overflow-y: visible; }
@media (max-width: 760px) {
  .mes-business-modal-detail .business-detail-grid { grid-template-columns: 1fr; }
  .mes-business-modal-detail .ant-modal-footer .ant-btn { flex: none; }
  .mes-business-modal-detail.role-editor-modal .ant-modal { width: calc(100vw - 32px) !important; }
}