.fx-conv-comp-page,
.fx-conv-comp-page * { box-sizing: border-box; }
#shell.fx-system .fx-workspace:has(.fx-conv-comp-page) { grid-template-columns: minmax(0, 1fr); }
#shell.fx-system .fx-workspace:has(.fx-conv-comp-page) > .fx-actions { display: none; }
.fx-conv-comp-page { width: 100%; min-height: 100%; padding: 10px 6px 14px 12px; background: #f6f8fa; color: #0f172a; font-family: inherit; }
.fx-conv-comp-page .fx-conv-comp-title { margin: 0; font: 600 18px/1.2 inherit; color: #0f172a; }
.fx-conv-comp-page .fx-conv-comp-breadcrumb { margin-top: 6px; color: #2563eb; font: 400 10px/1.3 inherit; }
.fx-conv-comp-page .fx-conv-comp-section-title { margin: 12px 0 7px; font: 600 14px/1.2 inherit; color: #0f172a; }
.fx-conv-comp-layout { display: grid; grid-template-columns: minmax(0, 1fr) 116px; gap: 8px; align-items: stretch; }
.fx-conv-comp-card,
.fx-conv-comp-side { background: #fff; border: 1px solid #dde3ec; border-radius: 12px; box-shadow: 0 1px 2px rgba(15, 23, 42, .03); }
.fx-conv-comp-card { min-width: 0; padding: 9px; }
.fx-conv-comp-table-wrap { overflow: auto; border: 1px solid #d8e1e8; border-radius: 6px 6px 0 0; }
.fx-conv-comp-table { width: 100%; border-collapse: collapse; table-layout: fixed; background: #fff; }
.fx-conv-comp-table th { height: 32px; padding: 0 9px; text-align: left; vertical-align: middle; border-bottom: 1px solid #d8e1e8; background: #f7f9fb; color: #0f172a; font: 600 9.5px/1.2 inherit; }
.fx-conv-comp-table th:nth-child(1) { width: 13%; }
.fx-conv-comp-table th:nth-child(2) { width: 16%; }
.fx-conv-comp-table th:nth-child(3) { width: 29%; }
.fx-conv-comp-table th:nth-child(4) { width: 29%; }
.fx-conv-comp-table th:nth-child(5) { width: 13%; min-width: 92px; }
.fx-conv-comp-table td { height: 40px; padding: 6px 9px; vertical-align: middle; border-bottom: 1px solid #e5ebf0; color: #334155; font: 400 10px/1.3 inherit; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.fx-conv-comp-table tbody tr:hover,
.fx-conv-comp-table tbody tr.is-selected { background: #f8fbff; }
.fx-conv-comp-table tbody tr:last-child td { border-bottom: 0; }
.fx-conv-comp-download { height: 27px; min-width: 74px; padding: 0 6px; border: 1px solid #7db8d8; border-radius: 4px; background: #fff; color: #1c77a8; font: 500 9.5px/1 inherit; cursor: pointer; }
.fx-conv-comp-download:hover:not(:disabled) { background: #eff6ff; }
.fx-conv-comp-download:disabled { opacity: .45; cursor: not-allowed; }
.fx-conv-comp-footer { min-height: 34px; display: flex; align-items: center; justify-content: space-between; padding: 4px 9px; border: 1px solid #d8e1e8; border-top: 0; border-radius: 0 0 6px 6px; color: #475569; font: 400 9.5px/1.2 inherit; }
.fx-conv-comp-pager { display: flex; gap: 4px; align-items: center; }
.fx-conv-comp-side { padding: 7px 6px; border-radius: 6px; }
.fx-conv-comp-action { width: 100%; min-height: 31px; height: 31px; margin: 0 0 4px; padding: 0 7px; border: 1px solid #b8ccd8; border-radius: 4px; background: #fff; color: #1c77a8; font: 500 10.5px/1 inherit; text-align: left; white-space: nowrap; overflow: hidden; cursor: pointer; }
.fx-conv-comp-action:hover { background: #f8fafc; }
.fx-conv-comp-action.is-primary { background: linear-gradient(105deg,#1c77a8,#4f9bc2); border-color: #1c77a8; color: #fff; }
.fx-conv-comp-action.is-primary:hover { background: linear-gradient(105deg,#17678f,#4188ad); border-color: #17678f; }
.fx-conv-comp-action.is-pager { width: 27px; min-height: 27px; height: 27px; margin: 0; padding: 0; text-align: center; color: #64748b; }
.fx-conv-comp-action.is-pager.is-current { border-color: #60a5fa; color: #2563eb; background: #fff; }
@media (max-width: 1180px) {
  .fx-conv-comp-layout { grid-template-columns: minmax(0, 1fr) 112px; gap: 7px; }
  .fx-conv-comp-page { padding-left: 8px; padding-right: 4px; }
}