/**
 * CRM quick list ([data-quicklist="crm"] on .ao-crm-list in SiteBase.master).
 * Search + filter: one flex stack, 6px gap only. Count is outside that stack (was 16px line-height between rows).
 */

.ao-crm-list[data-quicklist="crm"] .ao-crm-list-header {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    margin-top: -2px;
    padding: 0 15px;
    box-sizing: border-box;
    flex: 0 0 auto;
    gap: 0 !important;
    grid-template-columns: none !important;
    grid-template-rows: none !important;
    row-gap: 0 !important;
}

.ao-crm-list[data-quicklist="crm"] .ao-crm-list-header.ao-crm-header-cols-3,
.ao-crm-list[data-quicklist="crm"] .ao-crm-list-header.ao-crm-header-cols-4 {
    display: flex !important;
    grid-template-columns: none !important;
    row-gap: 0 !important;
}

/*
 * Vertical spacing ONLY here (row-gap 6px). Never use gap shorthand on the wrap —
 * that also sets column-gap and confuses F12 (4+4=8px readings on child rows).
 * Height is content-driven: 32px search row + 6px + 28px filter row ≈ 66px (not fixed 76px).
 */
.ao-crm-list[data-quicklist="crm"] .ao-crm-quicklist-rows-wrap {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    row-gap: 6px !important;
    column-gap: 0 !important;
    width: 100%;
    min-width: 0;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    box-sizing: border-box;
}

.ao-crm-list[data-quicklist="crm"] .ao-crm-quicklist-rows-wrap > .ao-crm-ctrl-row {
    margin: 0 !important;
    padding: 0 !important;
    display: flex !important;
    flex-shrink: 0;
}

.ao-crm-list[data-quicklist="crm"] .ao-crm-quicklist-filter-row,
.ao-crm-list[data-quicklist="crm"] .ao-crm-list-header .ao-crm-filter-row {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
}

/* Horizontal spacing: column-gap only (never gap shorthand — gap: N 0 sets column-gap to 0). */
.ao-crm-list[data-quicklist="crm"] .ao-crm-quicklist-rows-wrap > .ao-crm-ctrl-row.ao-crm-quicklist-search-row,
.ao-crm-list[data-quicklist="crm"] .ao-crm-list-header .ao-crm-quicklist-search-row,
.ao-crm-list[data-quicklist="crm"] .ao-crm-quicklist-search-row {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: stretch !important;
    column-gap: 5px !important;
    row-gap: 0 !important;
    grid-column: auto !important;
    width: 100%;
    min-width: 0;
    max-height: 32px;
    box-sizing: border-box;
}

.ao-crm-list[data-quicklist="crm"] .ao-crm-search-reset-group {
    display: flex;
    flex: 1 1 0;
    min-width: 0;
    gap: 0;
    align-items: stretch;
}

.ao-crm-list[data-quicklist="crm"] .ao-crm-search-reset-group .ao-crm-list-search {
    flex: 1 1 0;
    min-width: 0;
}

.ao-crm-list[data-quicklist="crm"] .ao-crm-search-reset-group .ao-crm-reset-btn {
    flex: 0 0 auto;
}

.ao-crm-list[data-quicklist="crm"] .ao-crm-quicklist-search-row .ao-crm-create-filter-btn {
    flex: 0 0 auto;
    width: auto;
    min-width: 0;
}

.ao-crm-list[data-quicklist="crm"] .ao-crm-quicklist-rows-wrap > .ao-crm-ctrl-row.ao-crm-quicklist-filter-row,
.ao-crm-list[data-quicklist="crm"] .ao-crm-list-header .ao-crm-quicklist-filter-row,
.ao-crm-list[data-quicklist="crm"] .ao-crm-quicklist-filter-row,
.ao-crm-list[data-quicklist="crm"] .ao-crm-list-header.ao-crm-header-cols-3 > .ao-crm-ctrl-row.ao-crm-filter-row,
.ao-crm-list[data-quicklist="crm"] .ao-crm-list-header.ao-crm-header-cols-4 > .ao-crm-ctrl-row.ao-crm-filter-row {
    column-gap: 5px !important;
    row-gap: 0 !important;
    margin-top: 0 !important;
    width: 100%;
    min-width: 0;
    max-height: 28px;
    box-sizing: border-box;
}

.ao-crm-list[data-quicklist="crm"] .ao-crm-quicklist-filter-row .ao-crm-name-sort,
.ao-crm-list[data-quicklist="crm"] .ao-crm-quicklist-filter-row .ao-crm-dd {
    flex: 1 1 0;
    min-width: 0;
    margin-top: 0 !important;
}

/* Legacy wrapper / stray count between rows — must not consume 16px between search and filter. */
.ao-crm-list[data-quicklist="crm"] .ao-crm-quicklist-controls {
    display: contents;
}

.ao-crm-list[data-quicklist="crm"] .ao-crm-quicklist-rows-wrap .ao-crm-count,
.ao-crm-list[data-quicklist="crm"] .ao-crm-quicklist-controls .ao-crm-count {
    display: none !important;
}

.ao-crm-list[data-quicklist="crm"] .ao-crm-list-header > .ao-crm-count {
    margin-top: 4px;
    margin-bottom: 0;
    font: normal 11px/16px Conv_GOTHIC, Arial, sans-serif;
    color: #8a9aa8;
    text-align: right;
    grid-column: auto;
    flex: 0 0 auto;
}

.ao-crm-list[data-quicklist="crm"] .ao-crm-list-body {
    display: flex;
    flex-direction: column;
    flex: 1 1 0;
    min-height: 0;
    overflow: hidden;
    padding: 6px 15px 20px;
    box-sizing: border-box;
}

.ao-crm-list[data-quicklist="crm"] .ao-crm-quicklist-rows {
    flex: 1 1 auto;
    min-height: 0;
    overflow-y: auto;
    position: relative;
    width: 100%;
}

/*
 * CRM + PTF quick list header actions: 4px corners (mask / row-shortcut aligned).
 * Heights, padding, line-height unchanged — border-radius only.
 */
.ao-crm-list[data-quicklist="crm"] .ao-crm-list-header .ao-crm-create-filter-btn,
.ao-crm-list[data-quicklist="crm"] .ao-crm-list-header .ao-crm-name-sort,
.ao-crm-list[data-quicklist="crm"] .ao-crm-list-header .ao-crm-dd-display,
.ao-app.visu-list-layout .ao-crm-list .ao-crm-list-header .ao-crm-create-filter-btn,
.ao-app.visu-list-layout .ao-crm-list .ao-crm-list-controls .ao-crm-create-filter-btn,
.ao-app.visu-list-layout .ao-crm-list .ao-crm-list-header .ao-crm-name-sort,
.ao-app.visu-list-layout .ao-crm-list .ao-crm-list-controls .ao-crm-name-sort,
.ao-app.visu-list-layout .ao-crm-list .ao-crm-list-header .ao-crm-dd-display,
.ao-app.visu-list-layout .ao-crm-list .ao-crm-list-controls .ao-crm-dd-display {
    border-radius: 4px;
}

.ao-crm-list[data-quicklist="crm"] .ao-crm-list-header .ao-crm-search-reset-group .ao-crm-list-search,
.ao-app.visu-list-layout .ao-crm-list .ao-crm-list-header .ao-crm-search-reset-group .ao-crm-list-search,
.ao-app.visu-list-layout .ao-crm-list .ao-crm-list-controls .ao-crm-search-reset-group .ao-crm-list-search {
    border-radius: 4px 0 0 4px;
}

.ao-crm-list[data-quicklist="crm"] .ao-crm-list-header .ao-crm-search-reset-group .ao-crm-reset-btn,
.ao-app.visu-list-layout .ao-crm-list .ao-crm-list-header .ao-crm-search-reset-group .ao-crm-reset-btn,
.ao-app.visu-list-layout .ao-crm-list .ao-crm-list-controls .ao-crm-search-reset-group .ao-crm-reset-btn {
    border-radius: 0 4px 4px 0;
}

.ao-crm-list[data-quicklist="crm"] .ao-crm-list-header .ao-crm-dd-list,
.ao-app.visu-list-layout .ao-crm-list .ao-crm-list-header .ao-crm-dd-list,
.ao-app.visu-list-layout .ao-crm-list .ao-crm-list-controls .ao-crm-dd-list {
    border-radius: 4px;
}