/* Base Container */
.bipa-portal-container { width: 100%; font-family: sans-serif; }
#bipa-search-input { width: 100%; padding: 15px; border: 2px solid #253339; border-radius: 8px; font-size: 16px; margin-bottom: 20px; box-sizing: border-box; }

/* Responsive Table */
.bipa-table-wrapper { width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; border-radius: 8px; box-shadow: 0 2px 10px rgba(0,0,0,0.05); }
.bipa-table { width: 100%; border-collapse: collapse; min-width: 600px; }
.bipa-table th { background: #253339; color: #fff; padding: 12px; text-align: left; font-size: 14px; }
.bipa-table td { padding: 12px; border-bottom: 1px solid #eee; font-size: 14px; vertical-align: middle; }

/* Meta Grid for Tender Details */
.bipa-meta-grid { 
    display: grid; 
    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); 
    gap: 10px; 
    background: #fafafa; 
    padding: 20px; 
    border-radius: 8px; 
    margin-bottom: 25px; 
    border-left: 5px solid #a462e7; 
}
.b-box strong { display: block; font-size: 10px; text-transform: uppercase; color: #777; margin-bottom: 2px; }
.bipa-closing-date { color: #d9534f; font-weight: bold; }

/* Buttons & Triggers */
.bipa-term-trigger { color: #a462e7; cursor: pointer; text-decoration: underline; font-size: 13px; }
.bipa-btn { background: #a462e7; color: #fff !important; padding: 12px 24px; border-radius: 5px; font-weight: 600; text-decoration: none; display: inline-block; text-align: center; }

/* Teaser / Blur */
.bipa-locked-container { position: relative; padding: 15px; background: #fff; border: 1px solid #ddd; border-radius: 8px; }
.bipa-teaser-text { filter: blur(6px); opacity: 0.4; pointer-events: none; }
.bipa-cta-box { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; background: rgba(255,255,255,0.85); text-align: center; z-index: 5; padding: 10px; box-sizing: border-box; }

/* Pagination */
.bipa-pagination { margin-top: 15px; display: flex; flex-wrap: wrap; gap: 5px; justify-content: center; }
.bipa-page-btn { padding: 8px 12px; border: 1px solid #ddd; cursor: pointer; border-radius: 3px; font-size: 12px; }
.bipa-page-btn.active { background: #253339; color: #fff; border-color: #253339; }

/* MOBILE SPECIFIC FIXES */
@media screen and (max-width: 600px) {
    .bipa-meta-grid { grid-template-columns: 1fr 1fr; }
    .bipa-cta-box h4 { font-size: 18px; }
    .bipa-btn { width: 100%; box-sizing: border-box; padding: 15px; }
}