/**
 * Lookup Payment / Pay Supplier List modals — match Customer Payment (cp-root).
 */

.cp-lookup-modal-window .modal-dialog {
    width: calc(100% - 24px);
    max-width: 1100px;
    margin: 12px auto;
}

.cp-lookup-modal-window .modal-content {
    border: none;
    border-radius: 0;
    overflow: hidden;
}

.cp-lookup-modal-window .modal-body {
    padding: 0;
}

/* Match Invoice4 blue banner + white title (modal is outside main ui-view ng-app scope) */
.cp-lookup-modal-window .cp-lookup-root.panel-primary > .panel-heading,
.cp-lookup-modal-window .cp-lookup-root > .panel-heading.purchaseHeading {
    background: linear-gradient(135deg, #005a8f, #0079bf) !important;
    border-color: #005a8f !important;
    color: #fff !important;
    text-align: center;
    font-size: 17px;
    font-weight: 600;
    padding: 12px 48px 12px 14px !important;
    position: relative;
    border-radius: 0 !important;
}

.cp-lookup-modal-window .cp-lookup-root .panel-heading .close {
    position: absolute;
    right: 8px;
    top: 50%;
    transform: translateY(-50%);
    display: block;
    float: none;
    min-width: 44px;
    min-height: 44px;
    margin: 0;
    padding: 0;
    font-size: 28px;
    font-weight: 300;
    line-height: 44px;
    text-align: center;
    color: #fff !important;
    opacity: 1;
    text-shadow: none;
}

.cp-lookup-modal-window .cp-lookup-root .panel-heading .close:hover,
.cp-lookup-modal-window .cp-lookup-root .panel-heading .close:focus {
    color: #fff !important;
    opacity: 0.85;
}

.cp-lookup-root {
    --cp-blue: #31b0d5;
    --cp-border: #c0c0c0;
    --cp-bg: #f4f5f7;
    --cp-card: #fff;
    --cp-tap: 44px;
    --cp-gap: 12px;
    --cp-radius: 8px;
    border-radius: 0 !important;
    width: 100% !important;
    max-width: 100%;
    margin: 0;
}

.cp-lookup-root .panel-body {
    padding: 8px 12px 16px !important;
    background: var(--cp-bg);
}

.cp-lookup-root .purchaseHeading {
    font-size: 17px;
    padding: 12px 48px 12px 14px !important;
    position: relative;
}

.cp-lookup-root .panel-heading .close {
    position: absolute;
    right: 8px;
    top: 50%;
    transform: translateY(-50%);
    min-width: 44px;
    min-height: 44px;
    font-size: 28px;
    opacity: 1;
    color: #fff;
}

.cp-lookup-page {
    display: flex;
    flex-direction: column;
    gap: var(--cp-gap);
}

.cp-lookup-hint {
    background: var(--cp-card);
    border: 1px solid var(--cp-border);
    border-radius: var(--cp-radius);
    padding: 10px 12px;
    font-size: 14px;
    line-height: 1.45;
    color: #444;
}

.cp-lookup-root .cp-section {
    border: 1px solid var(--cp-border);
    border-radius: var(--cp-radius);
    padding: 12px;
    margin: 0;
    background: var(--cp-card);
}

.cp-lookup-root .cp-search-row {
    display: grid;
    grid-template-columns: 1fr;
    gap: 10px;
}

.cp-lookup-root .cp-search-row .cp-field {
    margin-bottom: 0;
}

/* No selection column — lookup uses row double-click via cellnav */
.cp-lookup-root .cp-lookup-grid .ui-grid-pinned-container-left,
.cp-lookup-root .cp-lookup-grid .ui-grid-row-header-cell {
    display: none !important;
    width: 0 !important;
    min-width: 0 !important;
    max-width: 0 !important;
    padding: 0 !important;
    border: none !important;
}

.cp-lookup-root .cp-lookup-grid {
    width: 100% !important;
    min-height: 280px;
    height: 320px;
}

/* ui-grid-selection removed — no pinned left viewport */
.cp-lookup-root .cp-lookup-grid .ui-grid-pinned-container-left .ui-grid-viewport,
.cp-lookup-root .cp-lookup-grid .ui-grid-pinned-container-right .ui-grid-viewport {
    overflow: hidden !important;
}

.cp-lookup-root .ui-grid-viewport {
    overflow-x: auto !important;
    overflow-y: auto !important;
    -webkit-overflow-scrolling: touch;
}

.cp-lookup-root .ui-grid-filter-container {
    display: none !important;
}

.cp-lookup-root .ui-grid-header-cell {
    text-align: center !important;
}

.cp-lookup-root .datepicker {
    z-index: 10000 !important;
}

@media (min-width: 768px) {
    .cp-lookup-root .cp-search-row-3 {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .cp-lookup-root .cp-search-row-2 {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}