/* DCC collection only. Existing mobile layout and business bindings retained. */
.collection-page .collection-staff-section,
.collection-page .collection-records-heading { display:none; }
@media (min-width:1024px) {
 .app-shell:has(> .dcc-ui-workspace) .content:not(.dcc-overview-screen) .collection-page { background:transparent!important; border:0!important; box-shadow:none!important; padding:0!important; }
 .app-shell:has(> .dcc-ui-workspace) .collection-page > .panel-title { padding:16px 18px 10px; margin:0; background:#fff; border:1px solid #e5edf7; border-bottom:0; border-radius:10px 10px 0 0; gap:16px; flex-wrap:wrap; }
 .app-shell:has(> .dcc-ui-workspace) .collection-page > .panel-title > span { font-size:15px; font-weight:650; color:#18385e; }
 .app-shell:has(> .dcc-ui-workspace) .collection-page > .section-note { margin:0!important; padding:0 18px 12px; background:#fff; border-inline:1px solid #e5edf7; color:#71859f; }
 .app-shell:has(> .dcc-ui-workspace) .collection-page .collection-search-row { background:#fff; padding:0 18px 16px; margin-bottom:16px!important; border:1px solid #e5edf7; border-top:0; border-radius:0 0 10px 10px; }
 .app-shell:has(> .dcc-ui-workspace) .collection-page .toolbar-right { gap:8px; flex-wrap:wrap; }
 .app-shell:has(> .dcc-ui-workspace) .collection-page .toolbar-right .el-date-editor { width:148px!important; }
 .app-shell:has(> .dcc-ui-workspace) .collection-page .el-button { margin-left:0; }
 .app-shell:has(> .dcc-ui-workspace) .collection-page > .dcc-call-grid { display:none; }
 .app-shell:has(> .dcc-ui-workspace) .collection-page .collection-staff-section,
 .app-shell:has(> .dcc-ui-workspace) .collection-page .collection-records-section { display:block; padding:0 16px 12px; background:#fff; border:1px solid #e5edf7; border-radius:10px; margin-bottom:16px; min-width:0; }
 .collection-page .collection-section-heading { display:flex; align-items:center; min-height:50px; gap:12px; }
 .collection-page .collection-section-heading h2 { font-size:17px; font-weight:700; line-height:1.5; color:#18385e; border-left:3px solid #1677ff; padding-left:10px; margin:0; }
 .collection-page .collection-section-heading > span { font-size:12px; color:#7a8ea8; }
 .collection-page .collection-section-heading .collection-heading-hint { margin-left:auto; }
 .collection-page .collection-staff-scroll { max-height:438px; overflow:auto; scrollbar-width:thin; scrollbar-color:#c9d9eb transparent; }
 .collection-page .collection-staff-scroll:focus-visible { outline:2px solid #1677ff; outline-offset:2px; }
 .collection-page .collection-staff-table { width:100%; table-layout:fixed; border-collapse:separate; border-spacing:0; font-size:13px; font-variant-numeric:tabular-nums; color:#365374; }
 .collection-page .collection-staff-table th,.collection-page .collection-staff-table td { height:40px; padding:0 18px; text-align:center; border-bottom:1px solid #eef3f9; }
 .collection-page .collection-staff-table thead th { position:sticky; top:0; z-index:1; background:#f1f6fc; font-size:12px; font-weight:650; height:38px; color:#456080; }
 .collection-page .collection-staff-table th:first-child { width:62px; }
 .collection-page .collection-staff-table th:nth-child(2) { text-align:left; width:16%; }
 .collection-page .collection-staff-table th:nth-child(7) { width:22%; }
 .collection-page .collection-staff-table th:last-child { width:76px; }
 .collection-page .collection-staff-table thead th { height:48px; }
 .collection-page .collection-staff-table thead small { display:block; font-size:10px; line-height:16px; font-weight:400; color:#73859d; }
 .collection-page .collection-person-ratio { display:flex; align-items:center; justify-content:center; gap:10px; }
 .collection-page .collection-person-ratio span { min-width:45px; text-align:right; }
 .collection-page .collection-person-ratio progress { appearance:none; border:0; border-radius:8px; overflow:hidden; height:7px; width:100%; max-width:130px; background:#e3ebf5; }
 .collection-page .collection-person-ratio progress::-webkit-progress-bar { background:#e3ebf5; border-radius:8px; }
 .collection-page .collection-person-ratio progress::-webkit-progress-value { background:#1677ff; border-radius:8px; }
 .collection-page .collection-person-ratio progress::-moz-progress-bar { background:#1677ff; border-radius:8px; }
 .collection-page .collection-staff-table button.collection-view-button { padding:4px 13px; border:1px solid #d4e5fb; border-radius:5px; background:#f3f8ff; color:#1769ce; font-size:12px; }
 .collection-page .collection-staff-table button.collection-view-button:hover { background:#dfedff; border-color:#94bdf3; }
 .collection-page .collection-staff-table tbody th { text-align:left; font-weight:600; }
 .collection-page .collection-staff-table tbody tr:nth-child(even) { background:#f8fbff; }
 .collection-page .collection-staff-table tbody tr { cursor:default; }
 .collection-page .collection-staff-table tbody tr:hover { background:#edf5ff; }
 .collection-page .collection-staff-table tbody tr.active { background:#e6f1ff; color:#125ec4; }
 .collection-page .collection-staff-table tbody tr.active td:first-child { box-shadow:inset 3px 0 #1677ff; }
 .collection-page .collection-staff-table button { border:0; background:none; padding:6px 0; font:inherit; color:inherit; cursor:pointer; text-align:left; }
 .collection-page .collection-staff-table button:focus-visible { outline:2px solid #1677ff; outline-offset:3px; border-radius:3px; }
 .collection-page .collection-dial-count { font-weight:650; }
 .collection-page .collection-staff-empty { color:#8191a7; text-align:center; padding:20px; font-size:13px; }
 .app-shell:has(> .dcc-ui-workspace) .collection-page .collection-desktop-table { --el-table-header-bg-color:#f1f6fc; --el-table-row-hover-bg-color:#edf5ff; --el-table-border-color:#eaf0f7; --el-table-text-color:#365374; font-size:12px; border-radius:6px; }
 .app-shell:has(> .dcc-ui-workspace) .collection-page .collection-desktop-table .el-table__cell { padding:8px 0; }
 .app-shell:has(> .dcc-ui-workspace) .collection-page .collection-desktop-table tr:not(.red-call-row) > td { background:#fff; }
 .app-shell:has(> .dcc-ui-workspace) .collection-page .collection-desktop-table th.el-table__cell { padding:9px 0; background:#f1f6fc; font-weight:650; color:#456080; }
 .app-shell:has(> .dcc-ui-workspace) .collection-page .collection-desktop-table th .cell > span { color:inherit!important; }
 .app-shell:has(> .dcc-ui-workspace) .collection-page .collection-desktop-table .cell { line-height:20px; font-variant-numeric:tabular-nums; }
 .app-shell:has(> .dcc-ui-workspace) .collection-page .collection-desktop-table tr:nth-child(even):not(.red-call-row) > td { background:#f8fbff; }
 .app-shell:has(> .dcc-ui-workspace) .collection-page .collection-desktop-table tr.hover-row:not(.red-call-row) > td { background:#edf5ff; }
 .app-shell:has(> .dcc-ui-workspace) .collection-page .collection-desktop-table .el-tag { border-color:transparent; border-radius:4px; font-size:11px; }
 .app-shell:has(> .dcc-ui-workspace) .collection-page .collection-desktop-table .el-button--danger:not(.is-link) { background:#d9363e; color:#fff; border-color:#d9363e; }
 .app-shell:has(> .dcc-ui-workspace) .collection-page .collection-desktop-table .el-button--danger:not(.is-link):not(.is-disabled):hover { background:#bb252e; border-color:#bb252e; }
 .app-shell:has(> .dcc-ui-workspace) .collection-page .collection-desktop-table :is(.conversion-visit-button,.conversion-outcome-button) { background:#edf5ff!important; color:#1769ce!important; border-color:#c7ddf9!important; }
 .app-shell:has(> .dcc-ui-workspace) .collection-page .collection-desktop-table :is(.conversion-visit-button,.conversion-outcome-button):not(.is-disabled):hover { background:#dbeaff!important; color:#1057b1!important; border-color:#90b9ee!important; }
 .app-shell:has(> .dcc-ui-workspace) .collection-page .collection-desktop-table .conversion-result-confirmed { background:#1677ff!important; color:#fff!important; border-color:#1677ff!important; }
 .app-shell:has(> .dcc-ui-workspace) .collection-page .collection-desktop-table .conversion-result-confirmed:not(.is-disabled):hover { background:#1263d5!important; color:#fff!important; border-color:#1263d5!important; }
 .app-shell:has(> .dcc-ui-workspace) .collection-page .collection-desktop-table :is(.conversion-visit-button,.conversion-outcome-button).is-disabled { opacity:.55; }
 .app-shell:has(> .dcc-ui-workspace) .collection-page .collection-desktop-table .el-tag--warning { background:#edf5ff; color:#246bc1; border-color:#d9e8fc; }
 .collection-page .collection-records-section .el-pagination { --el-pagination-button-bg-color:#f4f8fd; --el-pagination-hover-color:#1677ff; }
 .app-shell:has(> .dcc-ui-workspace) .collection-page .collection-desktop-table .cell { padding-left:6px; padding-right:6px; overflow-wrap:anywhere; }
 .app-shell:has(> .dcc-ui-workspace) .collection-page .collection-desktop-table .el-button--small { padding-left:6px; padding-right:6px; }
 .app-shell:has(> .dcc-ui-workspace) .collection-page .collection-desktop-table .el-tag { max-width:100%; height:auto; white-space:normal; line-height:18px; }
 .app-shell:has(> .dcc-ui-workspace) .collection-page .collection-desktop-table .el-button-group { display:flex; flex-wrap:wrap; gap:4px; }
 .app-shell:has(> .dcc-ui-workspace) .collection-page .collection-desktop-table .el-button-group .el-button { margin:0; border-radius:4px; }
}