Ë6.container {
    display: flex;
    flex-direction: column;
    height: 100vh;
    background-color: var(--bg-body);
}

.header {
    background: white;
    border-bottom: 1px solid #e2e8f0;
    padding: 1.5rem 2rem 0 2rem;
    flex-shrink: 0;
}

.headerTop {
    display: flex;
    justify-content: space-between;
    margin-bottom: 1.5rem;
}

.backBtn {
    background: none;
    border: none;
    display: flex;
    align-items: center;
    gap: 0.5rem;
    color: var(--text-muted);
    cursor: pointer;
    font-weight: 500;
}

.headerActions {
    display: flex;
    gap: 0.5rem;
}

.actionBtn {
    background: white;
    border: 1px solid #cbd5e1;
    padding: 0.4rem 0.8rem;
    border-radius: var(--radius-sm);
    font-size: 0.85rem;
    color: var(--text-main);
    cursor: pointer;
}

.actionBtn:hover {
    background: #f8fafc;
    border-color: #94a3b8;
}

.clientSummary {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    margin-bottom: 1.5rem;
}

.clientName {
    font-size: 1.8rem;
    margin: 0 0 0.5rem 0;
    color: var(--text-main);
}

.clientBadges {
    display: flex;
    gap: 0.75rem;
    align-items: center;
}

.stageBadges {
    font-weight: 600;
    color: var(--text-main);
    background: #f1f5f9;
    padding: 2px 10px;
    border-radius: 99px;
    font-size: 0.8rem;
}

.agentBadge {
    display: flex;
    align-items: center;
    gap: 4px;
    font-size: 0.8rem;
    color: var(--text-muted);
}

.headerStats {
    display: flex;
    gap: 2rem;
}

.stat {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}

.statLabel {
    font-size: 0.75rem;
    color: var(--text-muted);
    text-transform: uppercase;
    font-weight: 600;
}

.statValue {
    font-size: 1.2rem;
    font-weight: 700;
    color: var(--text-main);
}

/* Tabs */
.tabs {
    display: flex;
    gap: 2rem;
}

.tab {
    background: none;
    border: none;
    padding: 1rem 0;
    font-size: 0.95rem;
    color: var(--text-muted);
    cursor: pointer;
    border-bottom: 2px solid transparent;
    display: flex;
    align-items: center;
    gap: 0.5rem;
    transition: all 0.2s;
}

.tab:hover {
    color: var(--text-main);
}

.activeTab {
    color: var(--color-primary);
    border-bottom-color: var(--color-primary);
    font-weight: 600;
}

/* Content */
.mainContent {
    flex: 1;
    overflow-y: auto;
    padding: 2rem;
}

.grid {
    display: grid;
    grid-template-columns: 2fr 1fr;
    gap: 2rem;
    max-width: 1200px;
    margin: 0 auto;
}

/* Reuse existing card styles */
.section {
    margin-bottom: 2rem;
}

.sectionHeader {
    display: flex;
    justify-content: space-between;
    margin-bottom: 1rem;
}

.matchBtn {
    background: var(--color-primary);
    color: white;
    border: none;
    padding: 0.5rem;
    border-radius: 4px;
    cursor: pointer;
}

.resultsList {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.resultCard {
    background: white;
    padding: 1rem;
    border-radius: 8px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.resultInfo {
    display: flex;
    flex-direction: column;
    gap: 0.2rem;
}

.emptyState {
    padding: 3rem;
    text-align: center;
    color: var(--text-muted);
    border: 2px dashed #cbd5e1;
    border-radius: 8px;
}

.contactRow {
    display: flex;
    gap: 0.5rem;
    margin-bottom: 0.5rem;
    align-items: center;
}

/* Enhanced Result Card */
.cardActions {
    display: flex;
    gap: 0.5rem;
    align-items: center;
}

.secondaryBtn {
    background: white;
    border: 1px solid #cbd5e1;
    padding: 0.4rem 0.8rem;
    border-radius: 6px;
    font-size: 0.85rem;
    color: var(--text-main);
    text-decoration: none;
    cursor: pointer;
}

.secondaryBtn:hover {
    background: #f8fafc;
}

.primarySmlBtn {
    background: #25D366;
    /* WhatsApp Green */
    border: none;
    padding: 0.4rem 0.8rem;
    border-radius: 6px;
    font-size: 0.85rem;
    color: white;
    text-decoration: none;
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 0.3rem;
    font-weight: 500;
}

.primarySmlBtn:hover {
    background: #128C7E;
}

/* Map Visualization */
.mapContainer {
    height: 200px;
    background: #e2e8f0;
    border-radius: 8px;
    position: relative;
    overflow: hidden;
    border: 1px solid #cbd5e1;
}

.mapGrid {
    width: 100%;
    height: 100%;
    background-image:
        linear-gradient(#cbd5e1 1px, transparent 1px),
        linear-gradient(90deg, #cbd5e1 1px, transparent 1px);
    background-size: 20px 20px;
    opacity: 0.3;
}

.mapOverlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    justify-content: center;
    align-items: center;
}

.mapLabel {
    background: rgba(255, 255, 255, 0.8);
    padding: 0.5rem 1rem;
    border-radius: 20px;
    font-weight: 600;
    color: var(--text-muted);
    z-index: 10;
}

.pin {
    filter: drop-shadow(0 2px 2px rgba(0, 0, 0, 0.2));
    animation: bounce 1s infinite alternate;
}

@keyframes bounce {
    from {
        transform: translateY(0);
    }

    to {
        transform: translateY(-5px);
    }
}

.sideColumn {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}

/* Criteria Tab */
.tabContainer {
    max-width: 1000px;
    margin: 0 auto;
}

.criteriaGrid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1.5rem;
}

.fieldsList {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1rem;
}

.fieldItem {
    display: flex;
    flex-direction: column;
}

.fieldItem label {
    font-size: 0.75rem;
    color: var(--text-muted);
    font-weight: 600;
    text-transform: uppercase;
}

.fieldItem span {
    font-weight: 500;
}

.amenityTag {
    background: #f1f5f9;
    padding: 4px 8px;
    border-radius: 6px;
    font-size: 0.85rem;
    display: inline-block;
    margin-right: 0.5rem;
    margin-bottom: 0.5rem;
}

.notesBox {
    background: #fffbeb;
    padding: 1rem;
    border: 1px solid #fcd34d;
    border-radius: 6px;
    font-size: 0.9rem;
    font-style: italic;
    color: #92400e;
}

.mapPlaceholder {
    background: #e2e8f0;
    height: 300px;
    border-radius: 8px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    color: var(--text-muted);
}

.zonesList {
    margin-top: 1rem;
    display: flex;
    gap: 0.5rem;
}

.zoneTag {
    background: white;
    padding: 2px 8px;
    border-radius: 4px;
    font-size: 0.8rem;
    font-weight: 600;
}
 
*cascade08*cascade08 
*cascade08*cascade08 
*cascade08+*cascade08+- 
*cascade08-3*cascade0836 
*cascade086:*cascade08:; 
*cascade08;<*cascade08<C 
*cascade08CX*cascade08XY 
*cascade08Ya*cascade08ab 
*cascade08bš
*cascade08š
›
 
*cascade08›
œ
*cascade08œ
�
 
*cascade08�
©
*cascade08©
ª
 
*cascade08ª
¯
*cascade08¯
°
 
*cascade08°
³
*cascade08³
¸
 
*cascade08¸
Æ
*cascade08Æ
Í
 
*cascade08Í
Î
*cascade08Î
Ï
 
*cascade08Ï
Ñ
*cascade08Ñ
Ó
 
*cascade08Ó
Ô
*cascade08Ô
Ö
 
*cascade08Ö
â
*cascade08â
ä
 
*cascade08ä
ý
*cascade08ý
Π
*cascade08Œ�*cascade08�ß 
*cascade08ßâ*cascade08⯠
*cascade08¯Æ*cascade08ÆÌ 
*cascade08ÌÑ*cascade08ÑÓ 
*cascade08ÓÕ*cascade08ÕÖ 
*cascade08Ö×*cascade08×Þ 
*cascade08Þß*cascade08ßà 
*cascade08àá*cascade08áã 
*cascade08ãæ*cascade08æç 
*cascade08çè*cascade08èô 
*cascade08ôø*cascade08ø� 
*cascade08�œ*cascade08œž 
*cascade08ž¡*cascade08¡£ 
*cascade08£¯*cascade08¯° 
*cascade08°·*cascade08·¹ 
*cascade08¹Ã*cascade08ÃÆ 
*cascade08ÆË*cascade08ËÌ 
*cascade08ÌÑ*cascade08ÑØ 
*cascade08ØÙ*cascade08ÙÛ 
*cascade08Ûå*cascade08åí 
*cascade08íî*cascade08îï 
*cascade08ïð*cascade08ðñ 
*cascade08ñò*cascade08òó 
*cascade08óô*cascade08ôõ 
*cascade08õø*cascade08øƒ 
*cascade08ƒ†*cascade08†Š 
*cascade08Š�*cascade08�¶ 
*cascade08¶·*cascade08·¸ 
*cascade08¸¹*cascade08¹º 
*cascade08º»*cascade08»½ 
*cascade08½Â*cascade08Âà 
*cascade08ÃÄ*cascade08ÄÇ 
*cascade08ÇÍ*cascade08ÍÎ 
*cascade08ÎÐ*cascade08ÐÑ 
*cascade08ÑÒ*cascade08ÒÓ 
*cascade08ÓÖ*cascade08Ö× 
*cascade08×Ú*cascade08ÚÜ 
*cascade08ÜÞ*cascade08Þå 
*cascade08åé*cascade08éê 
*cascade08êë*cascade08ëì 
*cascade08ìî*cascade08îð 
*cascade08ð÷*cascade08÷þ 
*cascade08þÿ*cascade08ÿ€ 
*cascade08€‚*cascade08‚ƒ 
*cascade08ƒŠ*cascade08ŠŒ 
*cascade08Œ’*cascade08’œ 
*cascade08œ§*cascade08§¨ 
*cascade08¨©*cascade08©º 
*cascade08º¾*cascade08¾Å 
*cascade08ÅÉ*cascade08ÉÊ 
*cascade08ÊÌ*cascade08ÌÍ 
*cascade08ÍÐ*cascade08ÐÒ 
*cascade08Ò×*cascade08×Ù 
*cascade08ÙÚ*cascade08ÚÜ 
*cascade08Üë*cascade08ëì 
*cascade08ìî*cascade08îï 
*cascade08ïô*cascade08ôø 
*cascade08øÿ*cascade08ÿ† 
*cascade08†‰*cascade08‰Š 
*cascade08Š“*cascade08“• 
*cascade08•˜*cascade08˜Ã 
*cascade08ÃÄ*cascade08ÄÚ 
*cascade08ÚÛ*cascade08Û‰	 
*cascade08‰	Š	*cascade08Š	�	 
*cascade08�	�	*cascade08�	‘	 
*cascade08‘	’	*cascade08’	”	 
*cascade08”	•	*cascade08•	­	 
*cascade08­	À	*cascade08À	Ú	 
*cascade08Ú	ï	*cascade08ï	ó	 
*cascade08ó	û	*cascade08û	ü	 
*cascade08ü	þ	*cascade08þ	€
 
*cascade08€
�
*cascade08�
‚
 
*cascade08‚
ƒ
*cascade08ƒ
 
 
*cascade08 
¢
*cascade08¢
©
 
*cascade08©
­
*cascade08­
¯
 
*cascade08¯
±
*cascade08±
²
 
*cascade08²
³
*cascade08³
Ê
 
*cascade08Ê
Î
*cascade08Î
Ð
 
*cascade08Ð
Ó
*cascade08Ó
Ö
 
*cascade08Ö
Û
*cascade08Û
Ü
 
*cascade08Ü
Þ
*cascade08Þ
ß
 
*cascade08ß
ä
*cascade08ä
å
 
*cascade08å
è
*cascade08è
é
 
*cascade08é
î
*cascade08î
ÿ
 
*cascade08ÿ
‚*cascade08‚Ž 
*cascade08Ž‘*cascade08‘“ 
*cascade08“”*cascade08”• 
*cascade08•˜*cascade08˜Ó 
*cascade08ÓÖ*cascade08ÖÝ 
*cascade08Ýß*cascade08ßá 
*cascade08áæ*cascade08æê 
*cascade08êë*cascade08ëˆ 
*cascade08ˆŒ*cascade08Œ– 
*cascade08–�*cascade08�  
*cascade08 ¡*cascade08¡© 
*cascade08©­*cascade08­® 
*cascade08®°*cascade08°² 
*cascade08²³*cascade08³´ 
*cascade08´¶*cascade08¶½ 
*cascade08½¾*cascade08¾¿ 
*cascade08¿À*cascade08ÀÂ 
*cascade08ÂÄ*cascade08ÄÅ 
*cascade08ÅÆ*cascade08ÆÏ 
*cascade08ÏÐ*cascade08ÐÓ 
*cascade08ÓÚ*cascade08ÚÛ 
*cascade08Ûà*cascade08àá 
*cascade08áâ*cascade08âã 
*cascade08ãæ*cascade08æç 
*cascade08çé*cascade08éï 
*cascade08ïñ*cascade08ñõ 
*cascade08õ÷*cascade08÷ÿ 
*cascade08ÿ‚
*cascade08‚
ƒ
 
*cascade08ƒ
„
*cascade08„
�
 
*cascade08�
�
*cascade08�
’
 
*cascade08’
“
*cascade08“
”
 
*cascade08”
—
*cascade08—
™
 
*cascade08™
›
*cascade08›
œ
 
*cascade08œ
¡
*cascade08¡
ª
 
*cascade08ª
«
*cascade08«
®
 
*cascade08®
±
*cascade08±
²
 
*cascade08²
³
*cascade08³
»
 
*cascade08»
¼
*cascade08¼
¾
 
*cascade08¾
Ä
*cascade08Ä
Æ
 
*cascade08Æ
Í
*cascade08Í
Ô
 
*cascade08Ô
×
*cascade08×
Û
 
*cascade08Û
ã
*cascade08ã
ä
 
*cascade08ä
é
*cascade08é
ë
 
*cascade08ë
ì
*cascade08ì
ó
 
*cascade08ó
ô
*cascade08ô
õ
 
*cascade08õ
÷
*cascade08÷
ø
 
*cascade08ø
ù
*cascade08ù
û
 
*cascade08û
ü
*cascade08ü
ý
 
*cascade08ý
�*cascade08�ƒ 
*cascade08ƒ‡*cascade08‡ˆ 
*cascade08ˆ‰*cascade08‰‹ 
*cascade08‹Œ*cascade08Œ“ 
*cascade08“•*cascade08•– 
*cascade08–›*cascade08›œ 
*cascade08œž*cascade08ž  
*cascade08 Ê*cascade08ÊÕ 
*cascade08ÕØ*cascade08ØÚ 
*cascade08ÚÜ*cascade08ÜÞ 
*cascade08Þà*cascade08àâ 
*cascade08âå*cascade08åÿ 
*cascade08ÿ‚*cascade08‚‹ 
*cascade08‹—*cascade08—š 
*cascade08šœ*cascade08œ¤ 
*cascade08¤¨*cascade08¨© 
*cascade08©«*cascade08«­ 
*cascade08­¯*cascade08¯¸ 
*cascade08¸»*cascade08»½ 
*cascade08½¾*cascade08¾Ê 
*cascade08ʤ*cascade08¤¥ 
*cascade08¥½*cascade08½Á 
*cascade08Áœ 
*cascade08œË*cascade08Ë� 
*cascade08�ž*cascade08ž¼ 
*cascade08¼¬ 
*cascade08¬Ö*cascade08ÖÞ 
*cascade08Þ™+*cascade08™+ì+ 
*cascade08ì+ó+ 
*cascade08ó+Ë6*cascade082…
file:///c:/Users/Victoria/OneDrive/Escritorio/Proyectos%20Antigravity/Derpa%20Tech/web/src/app/opportunities/%5Bid%5D/page.module.css