/* LITM layout-only revision. No content, visibility, permissions or event changes. */
@media screen {
  :root {
    --color-primary: #2458d3;
    --color-primary-deep: #194aab;
    --color-text: #1f2937;
    --color-muted: #526176;
    --color-border: #d5dde8;
    --color-bg: #f4f6fa;
    --el-text-color-primary: #1f2937;
    --el-text-color-regular: #394a60;
    --el-text-color-placeholder: #647184;
    --el-color-primary-light-9: #edf3ff;
    --workspace-line: #d5dde8;
    --workspace-text-soft: #526176;
    --workspace-gap: 16px;
    --workspace-radius: 8px;
    --workspace-control-height: 36px;
    --workspace-toolbar-height: 36px;
    --workspace-surface-shadow: 0 1px 3px rgb(31 41 55 / 4%);
  }
  .app-shell { min-height: 0; }
  .app-shell .main { padding: 24px; }
  .app-shell .sidebar:not(.is-collapsed):not(.is-mobile) { width: 240px; }
  .app-shell .sidebar { background: #fff; border-right: 1px solid var(--color-border); }
  .app-shell .topbar { padding-inline: 24px; border-bottom: 1px solid var(--color-border); }
  .app-shell .page-head { gap: 16px; flex-wrap: wrap; }
  .app-shell .page-head h1 { font-size: 24px; line-height: 1.4; }
  .app-shell .page-description { line-height: 1.6; }
  .app-shell .module-command-surface { padding: 16px !important; }
  .app-shell .module-command-bar { gap: 12px; }
  .app-shell .module-command-filter-row,
  .app-shell .module-command-filters,
  .app-shell .module-command-operation-row,
  .app-shell .module-command-filter-actions,
  .app-shell .module-command-actions,
  .app-shell .module-command-actions > .module-actions {
    flex-wrap: wrap;
    gap: 8px;
  }
  .app-shell .module-command-filters { gap: 12px; }
  .app-shell .module-command-filters > * { order: 0; }
  .app-shell .module-command-filters > .module-command-status-filter,
  .app-shell .module-command-filters > .flat-date-picker,
  .app-shell .module-command-filters > .el-date-editor { order: 0; }
  .app-shell .module-command-filter-row { align-items: flex-start; }
  .app-shell .module-command-filter-actions { padding-block: 0; }
  .app-shell .module-command-operation-row { padding-top: 12px; row-gap: 12px; }
  .app-shell .module-command-actions {
    max-width: 100%;
    overflow: visible;
    margin-left: auto;
  }
  .app-shell .module-command-summary { white-space: normal; flex-wrap: wrap; }
  .app-shell .module-command-actions .el-button,
  .app-shell .module-command-filter-actions .el-button {
    margin-left: 0;
    min-height: 36px;
    height: auto;
    padding: 8px 14px;
    font-size: 14px;
    line-height: 20px;
    white-space: normal;
  }
  .app-shell .module-command-actions .el-button > span { white-space: normal; }
  .app-shell .el-table { font-size: 14px; font-variant-numeric: tabular-nums; }
  .app-shell .el-table .cell { line-height: 22px; }
  .app-shell .el-table th.el-table__cell { background: #f0f4fa; color: #394a60; }
  .app-shell .el-table td.el-table__cell { padding-block: 10px; }
  .app-shell .module-content-footer { flex-wrap: wrap; gap: 12px; }
  .app-shell .el-pagination { flex-wrap: wrap; gap: 8px; }
  .app-shell .module-menu .el-menu-item,
  .app-shell .module-menu .el-sub-menu__title { border-radius: 6px; }
  .el-dialog:not(.is-fullscreen) { max-width: calc(100vw - 32px); }
  .el-dialog__footer { border-top: 1px solid #d5dde8; padding-top: 16px; }
  .el-dialog__footer .el-button { min-height: 36px; }
  .app-shell :focus-visible { outline: 2px solid #2458d3; outline-offset: 3px; }
  .app-shell ::selection { color: #14284c; background: #cddcfa; }
  .app-shell .main, .app-shell .module-menu { scrollbar-color: #91a3bf #edf1f6; }
}
@media screen and (max-width: 1024px) {
  .app-shell .main { padding: 16px; }
  .app-shell .topbar { padding-inline: 16px; }
  .app-shell .module-command-filter-row { gap: 12px; }
  .app-shell .module-command-filters { flex-basis: 100%; }
  .app-shell .module-command-actions { margin-left: 0; justify-content: flex-start; }
}
@media screen and (max-width: 640px) {
  .app-shell .main { padding: 12px; }
  .app-shell .page-head h1 { font-size: 21px; }
  .app-shell .module-command-surface { padding: 12px !important; }
  .app-shell .module-command-filters > .el-input:first-of-type,
  .app-shell .module-command-filters .filter-keyword,
  .app-shell .module-command-filters > .el-select,
  .app-shell .module-command-filters > .flat-date-picker,
  .app-shell .module-command-filters > .el-date-editor {
    min-width: 0;
    max-width: 100%;
    width: 100%;
    flex-basis: 100%;
  }
  .app-shell .module-command-actions .el-button,
  .app-shell .module-command-filter-actions .el-button { min-height: 44px; }
  .el-dialog:not(.is-fullscreen) { max-width: calc(100vw - 16px); }
}