/* Compact chart controls. Preserve chart geometry, field order and business states. */
body.cailed-unified-controls :is(.cailed-selection-panel, .cailed-vip-panel) .cailed-selection-summary {
    min-height: 52px;
    padding: 8px 14px;
    gap: 10px 18px;
}
body.cailed-unified-controls :is(.cailed-selection-panel, .cailed-vip-panel) .cailed-selection-result,
body.cailed-unified-controls :is(.cailed-selection-panel, .cailed-vip-panel) .cailed-selection-actions {
    gap: 10px;
}
body.cailed-unified-controls :is(.cailed-selection-panel, .cailed-vip-panel) .cailed-selection-fields {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    gap: 10px 24px;
    padding: 10px 14px 12px;
}
body.cailed-unified-controls :is(.cailed-selection-panel, .cailed-vip-panel) .cailed-selection-field {
    display: flex;
    flex: 0 1 auto;
    flex-wrap: wrap;
    align-items: center;
    align-content: flex-start;
    gap: 5px 8px;
    max-width: 100%;
}
body.cailed-unified-controls :is(.cailed-selection-panel, .cailed-vip-panel) .cailed-field-heading {
    flex: 0 0 auto;
    margin: 0;
    min-height: 36px;
    align-items: center;
    white-space: nowrap;
}
body.cailed-unified-controls :is(.cailed-selection-panel, .cailed-vip-panel) :is(.cailed-number-inputs, .cailed-choice-options, .qujian) {
    gap: 5px;
}
body.cailed-unified-controls :is(.cailed-selection-panel, .cailed-vip-panel) .checkbox-inline {
    padding: 6px 9px;
    gap: 6px;
}
body.cailed-unified-controls :is(.cailed-selection-panel, .cailed-vip-panel) #hezhiyu3 { min-width: 94px; }
body.cailed-unified-controls :is(.cailed-selection-panel, .cailed-vip-panel) .tishi { margin: 0; }
body.cailed-unified-controls .cailed-choice-options > .cailed-field-heading { flex-basis: auto; }
body.cailed-unified-controls .cailed-group-selection .cailed-group-dropdown {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 5px 8px;
    min-height: 36px;
}
body.cailed-unified-controls .cailed-group-dropdown > .dropdown-toggle { margin-top: 0; }
body.cailed-unified-controls .cailed-group-selection .cailed-selection-field > br { display: none; }
body.cailed-unified-controls .cailed-group-selection .cailed-group-result { align-self: center; }
body.cailed-unified-controls .cailed-position-selection { flex-basis: 100%; }
body.cailed-unified-controls .cailed-position-field { display: flex; align-items: center; gap: 6px; }
body.cailed-unified-controls .cailed-position-field > span { margin-bottom: 0; }
body.cailed-unified-controls .cailed-vip-panel,
body.cailed-unified-controls #vipxh.cailed-vip-panel {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px 18px;
    min-height: 60px;
    padding: 10px 14px !important;
    margin-top: 10px !important;
}
body.cailed-unified-controls .cailed-vip-panel::after { display: none; }
body.cailed-unified-controls .cailed-vip-toolbar {
    width: auto !important;
    gap: 8px 16px;
}
body.cailed-unified-controls .cailed-vip-heading,
body.cailed-unified-controls .cailed-vip-heading p { font-size: 14px; }
body.cailed-unified-controls .cailed-vip-panel > .cailed-vip-results { margin-top: 0; }
body.cailed-unified-controls .cailed-vip-panel :is(.cailed-vip-pager, .cailed-vip-pager-row, .cailed-vip-result-row, .cailed-vip-current, .cailed-vip-numbers) { gap: 5px; }
/* The panel may follow a narrow chart on a large monitor; wrap fields inside it. */
@container cailed-chart-controls (max-width: 760px) {
    body.cailed-unified-controls .cailed-chart-aligned-panel .cailed-selection-fields { gap: 9px 18px; }
    body.cailed-unified-controls .cailed-chart-aligned-panel .cailed-selection-summary { flex-direction: row; align-items: center; }
}
@media (max-width: 620px) {
    body.cailed-unified-controls :is(.cailed-selection-panel, .cailed-vip-panel) .cailed-selection-summary {
        flex-direction: row;
        flex-wrap: wrap;
        align-items: center;
    }
    body.cailed-unified-controls :is(.cailed-selection-panel, .cailed-vip-panel) .cailed-selection-fields { gap: 10px 18px; }
}