/* Every rule is scoped to the server-defined business report presentation. */
.asr-business-role-page { min-width: 0; width: 100%; max-width: 100%; color: #24354a; box-sizing: border-box; }
.asr-business-role-page *, .asr-business-role-page *::before, .asr-business-role-page *::after { box-sizing: border-box; }
.asr-business-role-heading { display: flex; align-items: center; justify-content: space-between; gap: 18px; margin: 0 0 16px; padding: 20px 24px; border: 1px solid #dce4ed; border-left: 4px solid #256ec2; border-radius: 12px; background: #fff; }
.asr-business-role-heading__content { min-width: 0; }
.asr-business-role-eyebrow { color: #56748e; font-size: 12px; font-weight: 600; letter-spacing: .5px; }
.asr-business-role-heading h1 { margin: 4px 0 8px; color: #1b2d42; font-size: 24px; line-height: 1.35; }
.asr-business-role-heading p { margin: 0; max-width: 780px; color: #526982; font-size: 13px; line-height: 1.7; overflow-wrap: anywhere; }
.asr-business-role-capabilities { display: flex; flex-wrap: wrap; gap: 7px; margin-top: 10px; }
.asr-business-role-capabilities span { display: inline-flex; padding: 3px 8px; border: 1px solid #dce8f3; border-radius: 5px; background: #f5f9fd; color: #426782; font-size: 12px; line-height: 1.5; }
.asr-business-role-shortcuts { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 8px; flex: 0 0 auto; max-width: 390px; }
.asr-business-role-shortcuts .el-button { margin: 0; }
.asr-business-role-state { display: flex; align-items: center; gap: 12px; margin: 0 0 14px; padding: 14px 18px; border: 1px solid #dce6f1; border-radius: 8px; background: #f5f9fe; color: #4b657f; font-size: 13px; }
.asr-business-role-state > i { flex: 0 0 auto; font-size: 20px; }
.asr-business-role-state > div { flex: 1; min-width: 0; }
.asr-business-role-state strong { font-weight: 500; }
.asr-business-role-state p { margin: 5px 0 0; line-height: 1.6; overflow-wrap: anywhere; }
.asr-business-role-state--error { border-color: #f1c8c8; background: #fff7f7; color: #af3b3b; }
.asr-business-role-state--empty { background: #fafbfd; color: #60758b; }
.asr-business-role-page .table-card, .asr-business-role-page .page, .asr-business-role-page .account-flow-native { min-width: 0; max-width: 100%; }
.asr-business-role-page .el-table { max-width: 100%; }
.asr-business-role-page .el-table__body-wrapper { overflow-x: auto; overscroll-behavior-x: contain; }
.asr-business-role-page .asr-business-role-money .cell { white-space: nowrap; font-variant-numeric: tabular-nums; font-weight: 600; padding-right: 14px; }
.asr-business-role-page .asr-pinned-customers { display: flex; align-items: flex-start; gap: 12px; }
.asr-business-role-page .asr-pinned-customers__tags { min-width: 0; display: flex; flex-wrap: wrap; gap: 7px; }
.asr-business-role-page .asr-navigation-column-tools { flex-wrap: wrap; gap: 8px; }
.asr-business-role-page .filter-container, .asr-business-role-page .filter-bar, .asr-business-role-page .list-filter { max-width: 100%; min-width: 0; }
.asr-business-role-page--addOrder .section-card, .asr-business-role-page--reportEdit .sec-card { margin-bottom: 14px; }
.asr-business-role-dialog { max-width: calc(100vw - 32px); box-sizing: border-box; }
.asr-business-role-instrument-scope { margin-left: 10px; color: #526982; font-size: 12px; white-space: normal; }
.asr-business-role-page .asr-business-role-compact-header { padding: 10px 14px !important; margin-bottom: 12px; min-height: 0; border-left: 0 !important; }
.asr-business-role-page .asr-business-role-compact-header .ph-icon,
.asr-business-role-page .asr-business-role-compact-header .ph-title,
.asr-business-role-page .asr-business-role-compact-header .ph-desc { display: none !important; }
@media (max-width: 1100px) {
  .asr-business-role-heading { align-items: flex-start; flex-direction: column; }
  .asr-business-role-shortcuts { max-width: none; justify-content: flex-start; }
}
@media (max-width: 640px) {
  .asr-business-role-heading { padding: 16px; gap: 14px; border-radius: 8px; }
  .asr-business-role-heading h1 { font-size: 21px; }
  .asr-business-role-shortcuts { width: 100%; }
  .asr-business-role-shortcuts .el-button { flex: 1 1 138px; }
  .asr-business-role-state { padding: 12px; flex-wrap: wrap; }
  .asr-business-role-state > .el-button { margin-left: 32px; }
  .asr-business-role-page .el-dialog, .asr-business-role-dialog { width: calc(100vw - 24px) !important; max-width: calc(100vw - 24px); }
  .asr-business-role-page .pagination-wrap { overflow-x: auto; }
  .asr-business-role-page--addOrder #sec-sample > .el-card__body { display: block !important; }
  .asr-business-role-page--addOrder #sec-sample .el-row,
  .asr-business-role-page--addOrder #sec-fee .el-row,
  .asr-business-role-page--addOrder #sec-report .el-row { display: grid !important; grid-template-columns: minmax(0, 1fr) !important; gap: 0; }
  .asr-business-role-page--addOrder #sec-sample .el-col,
  .asr-business-role-page--addOrder #sec-fee .el-col,
  .asr-business-role-page--addOrder #sec-report .el-col { width: 100% !important; min-width: 0 !important; float: none !important; grid-column: 1 / -1; }
  .asr-business-role-page--addOrder #sec-sample .field-group-title { display: block !important; width: 100% !important; min-width: 0 !important; grid-column: 1 / -1; white-space: normal; writing-mode: horizontal-tb; }
  .asr-business-role-page--reportEdit .appendix-title-editor { flex-wrap: wrap; }
  .asr-business-role-page--reportEdit .appendix-title-editor > span:first-child { flex: 0 0 100%; width: auto !important; }
  .asr-business-role-page--reportEdit .appendix-title-editor > .el-input { flex: 1 1 100% !important; width: 100%; min-width: 0; }
  .asr-business-role-page--reportEdit .appendix-title-editor > .sec-hint { flex: 0 0 100%; width: 100%; margin-top: 2px; }
  .asr-business-role-page--addOrder #sec-fee .el-form-item__content { margin-left: 0 !important; }
  .asr-business-role-page--addOrder #sec-fee .el-form-item__label { float: none; width: auto !important; display: block; text-align: left; padding-bottom: 4px; }
  .asr-business-role-page--addOrder #sec-fee .el-input-number { width: 100% !important; min-width: 0; max-width: 100%; }
  #app .app-main .asr-business-role-page--addOrder .order-add-page > .submit-bar.ui-finish-submit { position: sticky !important; width: 100% !important; max-width: 100% !important; left: auto !important; right: auto !important; bottom: 0 !important; transform: none !important; margin: 0; }
}