.draft-banner {
    position: absolute;
    top: 30%;
    left: 40%;
    z-index: 9999;
    color: white;
    font-weight: bold;
    background: red;
    padding: 5px 10px;
    font-size: 1.2rem;
}

.tahn-developer-dashboard {
    display: grid;
    gap: 1.2rem;
    grid-template-columns: repeat(2, 1fr);
    font-family: system-ui, -apple-system, sans-serif;
}

@media screen and (max-width:768px){
    .tahn-developer-dashboard {
        grid-template-columns: 1fr;
    }
}

.tahn-developer-dashboard-section.with-linear-gradient {
    display: flex;
    flex-direction: column;
    padding: 1.5rem;
    gap: 1rem;
    min-height: 300px;
    justify-content: space-between; /* This helps distribute space */
}

/* List Deal specific */
.single-stat {
    margin: auto 0; /* This centers it vertically */
    text-align: center; /* This centers the content horizontally */
}

.tahn-developer-dashboard-section {
    border: 1px solid #e5e7eb;
    border-radius: 10px;
    background: white;
    box-shadow: 0 1px 3px rgba(0,0,0,0.1);
}

.section-header {
    font-size: 1rem;
    font-weight: 500;
    color: #1f2937;
    display: flex;
    align-items: center;
    gap: 0.5rem;
    margin-bottom: 1.5rem;
}

/* List Deal specific */
.big-number {
    font-size: 2.5rem;
    font-weight: 600;
    color: #111827;
    margin: 0;
    line-height: 1;
}

.label {
    color: #6b7280;
    font-size: 0.875rem;
    margin-top: 0.25rem;
}

/* Deal Tracker specific */
.stats-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1rem;
}

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

.stat-item span {
    text-align:center;
}

.total-deals {
    text-align: center;
}

/* Account specific */
.account-details {
    display: grid;
    grid-template-columns: auto 1fr;
    gap: 0.75rem;
    margin-top: 1rem;
}

.account-label {
    color: #6b7280;
    font-size: 0.875rem;
}

.account-value {
    color: #111827;
    font-size: 0.875rem;
    text-align: right;
}

/* Messenger specific */
.messenger-stats {
    display: flex;
    gap: 4rem;
    justify-content: center;
    margin-top: 2rem;
}

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

.developer-dashboard-action {
    background: #1e293b;
    color: white;
    padding: 0.75rem;
    border-radius: 0.5rem;
    text-align: center;
    text-decoration: none;
    font-weight: 500;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    margin-top: auto;
}

/* Sealed Bid Filters for Developers */
.sealed-dev-bid-filter-wrapper.developer {
    padding: 1rem 1.5rem;
    display: grid;
    gap: 0.8rem;
    grid-template-columns: repeat(3, 1fr);
}

.sealed-dev-bid-filter {
    width: 100%;
    height: 100%;
    cursor: pointer;
}

.sealed-dev-bid-filter .sealed-dev-bid-filter-content {
    display: flex;
    flex-wrap: nowrap;
    gap: 1rem;
    align-items: center;
    justify-content: space-between;
    padding: 1rem 1.5rem;
}

.sealed-dev-bid-filter-content p, .sealed-dev-bid-filter-content h4 {
    margin:0;
    padding:0;
}

.sealed-dev-bid-total.with-linear-gradient.developer {
    padding: 1rem 1.5rem;
    margin: 0rem 1.5rem 1.5rem;
}

.sealed-dev-bid-total.with-linear-gradient.developer p, .sealed-dev-bid-total.with-linear-gradient.developer h4 {
    margin:0;
    padding:0;
    text-align:center;
}

.sealed-dev-bid-filter.active {
    box-shadow: 0 0 0 2px #4a90e2;
    transform: scale(1.02);
}

.sealed-dev-bid-filter {
    cursor: pointer;
    transition: all 0.2s ease;
}

@media screen and (max-width:768px){
    .sealed-dev-bid-filter-wrapper {
        grid-template-columns: repeat(3,1fr);
    }
    .sealed-dev-bid-filter-content p {
        display: none;
    }
}

.sealed-dev-bid-filter {
    transition: all 0.3s ease;
    position: relative;
    cursor: pointer;
}

.sealed-dev-bid-filter:hover {
    transform: translateY(-2px);
}

/* Active state */
.sealed-dev-bid-filter.with-linear-gradient-active {
    box-shadow: 0 0 0 2px #fff, 0 0 0 4px #1BE36B;
    transform: translateY(-2px);
}

/* Status-specific active borders */
.sealed-dev-bid-filter[data-bid-status="active"].with-linear-gradient-active {
    box-shadow: 0 0 0 2px #fff, 0 0 0 4px #1BE36B;
}

.sealed-dev-bid-filter[data-bid-status="sealed-bids"].with-linear-gradient-active {
    box-shadow: 0 0 0 2px #fff, 0 0 0 4px #1ACFF6;
}

.sealed-dev-bid-filter[data-bid-status="accepted-bids"].with-linear-gradient-active {
    box-shadow: 0 0 0 2px #fff, 0 0 0 4px #FF0000;
}

.sealed-dev-bid-filter[data-bid-status="heads-of-terms-agreed"].with-linear-gradient-active {
    box-shadow: 0 0 0 2px #fff, 0 0 0 4px #0C23F0;
}

.sealed-dev-bid-filter[data-bid-status="exchanged"].with-linear-gradient-active {
    box-shadow: 0 0 0 2px #fff, 0 0 0 4px #F61AD2;
}

.sealed-dev-bid-filter[data-bid-status="completed"].with-linear-gradient-active {
    box-shadow: 0 0 0 2px #fff, 0 0 0 4px #9438FD;
}

/* Ripple effect */
.sealed-dev-bid-filter::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(255, 255, 255, 0.3);
    border-radius: inherit;
    opacity: 0;
    pointer-events: none;
}

/* Search filter dev specific */
.deal-stats {
    display: flex;
    flex-wrap: wrap;
    gap: .5rem;
}

.deal-tenure-breakdown {
    display: grid;
    gap: 0.8rem;
    align-items: center;
}

/* Three columns for screens larger than 1024px */
@media (min-width: 1024px) {
    .deal-tenure-breakdown {
        grid-template-columns: repeat(3, 1fr);
    }
}

/* Two columns for screens between 600px and 1024px */
@media (min-width: 600px) and (max-width: 1024px) {
    .deal-tenure-breakdown {
        grid-template-columns: repeat(2, 1fr);
    }
}

/* One column for screens smaller than 600px */
@media (max-width: 600px) {
    .deal-tenure-breakdown {
        grid-template-columns: 1fr;
    }
}


.deal-tenure-item {
    color: #6A5CF0;
    background: #D7D2FF;
    text-align:center;
    border-radius:9999px;
    padding: 0.5rem 0.8rem;
    font-size: 0.8rem;
}

.message-developer {
    width:100%;
}

.deal-tenure-breakdown-no-units {
    display: flex;
    flex-wrap: wrap;
    gap: .5rem;
}

.deal-tenure-item-home {
    font-size: .83rem;
    background: #BCECFF;
    color: #0B88B8;
    padding: 5px 15px;
    border-radius: 5em;
}
.search-area-dev {
    position: relative;
}

/*
.tahn-search-result-filters.map-view {
    top: 12vh;
    background: #fff;
    border-radius: 8px;
    margin: 1em;
}
*/
.tahn-search-result-filters.filter-open {
    background: #fff;
    border-radius: 8px;
    margin-left: 200px;
}

.tahn-search-result-filters.map-view.filter-open {
    top: 40vh;
    background: #fff;
    border-radius: 8px;
    margin: 1em;
}

@media screen and (max-width:768px){
    div#tahn-search-results {
        height: calc(85vh - 200px)!important;
    }
    .sealed-dev-bid-filter-content {
        padding: .8rem!important;
    }
}