/* County Data Panel */
.county-panel {
    position: fixed;
    right: 0;
    top: var(--header-height);
    width: 500px;
    height: calc(100vh - var(--header-height));
    height: calc(100dvh - var(--header-height));
    overflow-y: auto;
    background: rgba(10, 10, 10, 0.4);
    /* Dark translucent */
    z-index: 50;
    border-left: 1px solid var(--scope-border);
    backdrop-filter: blur(15px);
    -webkit-backdrop-filter: blur(15px);
    font-family: var(--hud-font);
    display: flex;
    flex-direction: column;
}

#county-panel #map-container {
    padding: 10px;
    background: rgba(255, 60, 60, 0.05);
    border-bottom: 1px solid var(--scope-border);
    margin-bottom: 10px;
}

.county-table {
    width: 100%;
    border-collapse: collapse;
    color: var(--text-gray);
    font-size: 12px;
}

.county-table th {
    background: rgba(255, 60, 60, 0.1);
    text-align: left;
    padding: 10px 15px;
    z-index: 2;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: bold;
    color: var(--light);
}

.county-table td {
    padding: 8px 15px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.05);
}

.county-table .quota-cell {
    color: var(--primary-red);
    font-weight: 700;
}

.county-table .estimate-cell span {
    color: var(--accent-green);
    font-weight: 100;
}

.county-table tr:hover td {
    background: rgba(255, 255, 255, 0.05);
}