/* ====================================================
   School Portal 3 - Warm Filter UI (search-panel.css)
   ==================================================== */

.search-card-wrap {
    padding: 36px !important;
}

.ag-filter-grid {
    display: grid !important;
    grid-template-columns: repeat(4, 1fr) !important;
    gap: 16px !important;
    margin-bottom: 24px !important;
}
@media (max-width: 900px) {
    .ag-filter-grid { grid-template-columns: repeat(2, 1fr) !important; }
}
@media (max-width: 520px) {
    .ag-filter-grid { grid-template-columns: 1fr !important; }
}

.ag-filter-group label {
    display: block !important;
    font-size: 0.82rem !important;
    font-weight: 700 !important;
    color: #4a5568 !important;
    margin-bottom: 8px !important;
}
.ag-filter-group select {
    width: 100% !important;
    padding: 12px 14px !important;
    border: 1.5px solid #cbd5e0 !important;
    border-radius: 12px !important;
    background: #ffffff !important;
    font-size: 0.9rem !important;
    font-weight: 700 !important;
    color: #2d3748 !important;
    outline: none !important;
}

.ag-tag-list {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    gap: 10px !important;
    font-size: 0.85rem !important;
}
.ag-tag-list span {
    color: #718096 !important;
    font-weight: 700 !important;
}
.tag-chip {
    background: #fff9f5 !important;
    border: 1px solid #feebc8 !important;
    color: #c05621 !important;
    padding: 6px 14px !important;
    border-radius: 20px !important;
    text-decoration: none !important;
    font-weight: 700 !important;
    transition: all 0.2s ease !important;
}
.tag-chip:hover {
    background: #ea580c !important;
    color: #ffffff !important;
}

.warm-text-btn {
    color: #059669 !important;
    font-weight: 800 !important;
    font-size: 1rem !important;
    text-decoration: none !important;
}
.warm-text-btn:hover {
    text-decoration: underline !important;
}