﻿/* ============================================
   کامپوننت گرید حرفه‌ای جلسه‌یار
   ============================================ */

.jdw-grid-bulkbar {
    display: flex;
    align-items: center;
    gap: var(--jdw-space-3);
    background: var(--jdw-gray-900);
    color: #fff;
    border-radius: var(--jdw-radius-md);
    padding: 10px var(--jdw-space-4);
    margin-bottom: var(--jdw-space-3);
    animation: jdwToastIn .2s ease;
}

.jdw-grid-bulk-count {
    font-size: var(--jdw-text-sm);
    font-weight: 700;
}

.jdw-grid-bulk-actions {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
    flex: 1;
}

    .jdw-grid-bulk-actions button, .jdw-grid-bulk-actions .btn {
        background: rgba(255,255,255,.12);
        color: #fff;
        border: 1px solid rgba(255,255,255,.2);
        font-size: var(--jdw-text-xs);
        padding: 6px 14px;
        border-radius: var(--jdw-radius-sm);
    }

        .jdw-grid-bulk-actions button:hover, .jdw-grid-bulk-actions .btn:hover {
            background: rgba(255,255,255,.22);
            color: #fff;
        }

.jdw-grid-bulk-clear {
    background: none;
    border: none;
    color: #d1d3e0;
    font-size: var(--jdw-text-xs);
    text-decoration: underline;
}

.jdw-grid-filterbar {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--jdw-space-2);
}

.jdw-grid-search-wrap {
    position: relative;
    flex: 1;
    min-width: 220px;
}

    .jdw-grid-search-wrap input {
        padding-left: 36px !important;
        border-radius: var(--jdw-radius-md) !important;
    }

.jdw-grid-search-icon {
    position: absolute;
    left: 12px;
    top: 50%;
    transform: translateY(-50%);
    color: var(--jdw-gray-400);
}

.jdw-grid-pagination {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: var(--jdw-space-3);
    padding: var(--jdw-space-4);
    border-top: 1px solid var(--jdw-gray-100);
}

.jdw-grid-page-size select {
    width: auto;
    display: inline-block;
}

.jdw-grid-range-info {
    color: var(--jdw-gray-500);
    font-size: var(--jdw-text-xs);
}

.jdw-grid-export-menu .dropdown-item {
    font-size: var(--jdw-text-sm);
}
