.card-grid-container{display:flex;flex-wrap:wrap;justify-content:space-between;gap:20px;}
.card-item{width:calc(25% - 20px);margin-bottom:20px;background-color:#fff;box-shadow:0 0 10px rgba(0, 0, 0, 0.1);padding:15px;text-align:center;border-radius:8px;border:1px solid #ddd;transition:box-shadow 0.3s ease;}
.card-item:hover{box-shadow:0 0 15px rgba(0, 0, 0, 0.2);}
.card-item img{max-width:100%;height:auto;margin-bottom:10px;}
.card-item h4{font-size:16px;margin:10px 0;}
.card-item p{margin:5px 0;font-size:14px;}
.offer-button{background-color:#EEDC01;color:#000;padding:10px 15px;font-size:14px;border:none;border-radius:5px;cursor:pointer;text-transform:uppercase;font-weight:bold;transition:background-color 0.3s ease, color 0.3s ease;}
.offer-button:hover{background-color:#000;color:#EEDC01;}
.check-comps-button{display:inline-block;background-color:#0073e6;color:#fff;padding:10px 20px;font-size:14px;font-weight:bold;border-radius:5px;text-align:center;text-decoration:none;border:2px solid transparent;transition:background-color 0.3s ease, border-color 0.3s ease;margin-top:10px;}
.check-comps-button:hover{background-color:#005bb5;border-color:#005bb5;}
@media only screen and (max-width: 768px) {
.card-item{width:calc(50% - 20px) !important;}
.offer-button{padding:8px 10px;font-size:12px;width:90%;margin:10px auto;display:block;}
.check-comps-button{background-color:#0073e6;color:#fff;padding:6px 8px;font-size:10px;width:90%;margin:10px auto;display:block;}
}
@media only screen and (max-width: 480px) {
.card-item{width:calc(50% - 20px) !important;}
.offer-button{padding:6px 8px;font-size:10px;width:90%;margin:10px auto;display:block;}
.check-comps-button{background-color:#0073e6;color:#fff;padding:6px 8px;font-size:10px;width:90%;margin:10px auto;display:block;}
} .filter-form{margin-bottom:20px;}
.filter-form label{margin-right:10px;}
.filter-form select, .filter-form input{margin-right:15px;padding:8px;font-size:14px;border-radius:4px;border:1px solid #ddd;outline:none;}
.filter-form input[type="submit"]{background-color:#000;color:#fff;padding:8px 20px;border:none;border-radius:4px;cursor:pointer;transition:background-color 0.3s ease;}
.filter-form input[type="submit"]:hover{background-color:#EEDC01;color:#000;}
.cards-container{display:flex;flex-wrap:wrap;gap:20px;justify-content:center;}
.card{width:calc(25% - 20px);border:1px solid #ddd;padding:15px;text-align:center;border-radius:8px;background-color:#fff;transition:box-shadow 0.3s ease;}
.card:hover{box-shadow:0 0 15px rgba(0, 0, 0, 0.2);}
.card img{max-width:100%;height:auto;margin-bottom:10px;}
.submit-offer-button{background-color:#EEDC01;color:#000;padding:10px 15px;font-size:14px;border:none;cursor:pointer;width:100%;}
.submit-offer-button:hover{background-color:#000;color:#EEDC01;}
.btn-warning{background-color:#FFA500;border-color:#FFA500;color:white;}
.btn-warning:hover{background-color:#FF8C00;border-color:#FF8C00;}
.btn-primary{background-color:#007BFF;border-color:#007BFF;color:white;}
.btn-primary:hover{background-color:#0056b3;border-color:#0056b3;}
.modal-header{background-color:#f8f9fa;border-bottom:1px solid #dee2e6;}
.modal-title{font-size:1.5rem;font-weight:bold;}
.modal-body{padding:20px;}
.offer-form .form-group label{font-weight:bold;}
.offer-form .form-group input{margin-top:5px;margin-bottom:15px;}
.status-pill{display:inline-block;padding:6px 10px;border-radius:999px;font-weight:700}
.status-pill.accepted{background:#e8f7ee;color:#1e7e34;border:1px solid #b7e4c9}
.status-pill.declined{background:#fdecea;color:#b02a37;border:1px solid #f5c2c7}
.plain-close{position:absolute;top:50%;right:.75rem;transform:translateY(-50%);background:none;border:0;font-size:20px;line-height:1;cursor:pointer;color:inherit;opacity:.6;}
.plain-close:hover{opacity:1;}
.tab-nav{display:flex;gap:8px;margin:12px 0;flex-wrap:wrap}
.tab-btn{border:1px solid #ddd;background:#fff;padding:8px 12px;border-radius:999px;cursor:pointer;font-weight:600}
.tab-btn.active{background:#004400;color:#fff;border-color:#004400}
.tab-count{margin-left:6px;background:#f1f1f1;border-radius:999px;padding:2px 8px;font-size:12px}
.tab-panel{display:none}
.tab-panel.active{display:block}
.tab-nav{display:flex;gap:8px;margin:12px 0;flex-wrap:nowrap;overflow-x:auto;white-space:nowrap;-webkit-overflow-scrolling:touch;scrollbar-width:thin;}
.tab-btn{flex:0 0 auto;border:1px solid #ddd;background:#fff;padding:10px 14px;border-radius:999px;cursor:pointer;font-weight:600}
.tab-btn:focus{outline:2px solid #6aa84f;outline-offset:2px}
.tab-btn.active{background:#004400;color:#fff;border-color:#004400}
.tab-count{margin-left:6px;background:#f1f1f1;border-radius:999px;padding:2px 8px;font-size:12px}
@media(max-width:768px){
.offer-table{width:100%;border-collapse:separate;border-spacing:0 10px}
.offer-table thead{display:none}
.offer-table tr{display:block;background:#fff;border:1px solid #eee;border-radius:12px;padding:12px}
.offer-table td{display:flex;justify-content:space-between;gap:12px;padding:8px 10px;border:none}
.offer-table td::before{content:attr(data-label);font-weight:700;color:#666;}
.card-image{max-height:80px}
.status-pill{margin-top:6px}
} .tab-select{display:none;margin:10px 0;}
@media(max-width:768px){ .tab-select{display:block}
.tab-nav{display:none}
}
.tab-panel{display:none}
.tab-panel.active{display:block}
.tab-select{display:none;margin:12px 0;width:100%}
@media(max-width:768px){
.tab-nav{display:none}
.tab-select{display:block}
}
@media(min-width:769px){
.tab-nav{display:flex;gap:8px;margin-bottom:12px}
}