/* dashboard.css */
.stats {
    /* Let the inner flex wrapper (inserted by JS) take full width */
    display: block;
}

.stats .card {
    text-align: center;
}

/* Map + toggles unchanged */
.view-toggle {
    display: flex;
    gap: 10px;
    margin: 12px 0 16px;
}

.map-panel {
    display: grid;
    grid-template-columns: 2fr 1fr;
    gap: 16px;
}

.fake-map {
    height: 420px;
    background: #1f1f1f;
    border: 1px dashed var(--border);
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--text-dim);
}

/* Make "Search by Asset ID" a bit wider */
#assetIdSearchWrap {
    max-width: 380 !important;
    /* was ~320px */
}

#assetIdSearch {
    height: 40px;
    /* a tad taller */
    padding: 10px 12px;
    /* comfier */
    font-size: 14px;
}

/* The dropdown will match the new width automatically since it's 100% of the wrap */
#assetIdResults {
    max-height: 260px;
    /* optional: a bit taller if you like */
}