/* =========================================================================
   POLYGON INFO BAR
   Compact inline bar — badge + gear button. Shown above the search bar
   when a polygon is selected. Names are omitted (the filtered inventory
   table already shows them).
   ========================================================================= */

/* Container — single-row flex layout */
.polygon-info-bar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--space-sm);
}

/* Section wrapper — inherits sidebar-section padding, no border-bottom
   since search section below has border-top. Hidden via :empty on parent. */
.sidebar-section--polygon-info {
    border-bottom: none;
}

/* Accent pill showing linked count */
.polygon-info-bar__badge {
    display: inline-flex;
    align-items: center;
    font-size: var(--text-xs);
    font-weight: 600;
    color: var(--accent);
    background: var(--accent-soft);
    padding: 2px var(--space-sm);
    border-radius: var(--radius-sm);
    text-transform: uppercase;
    letter-spacing: 0.5px;
    line-height: 1.6;
}

/* Empty state — muted colors */
.polygon-info-bar__badge--empty {
    color: var(--text-muted);
    background: var(--bg-tertiary);
}

/* Gear button — borderless, uses hover background */
.polygon-info-bar__gear {
    background: none;
    border: none;
    cursor: pointer;
    color: var(--text-muted);
    padding: var(--space-xs);
    border-radius: var(--radius-sm);
    min-width: var(--touch-min);
    min-height: var(--touch-min);
    display: flex;
    align-items: center;
    justify-content: center;
    transition: color var(--duration-fast), background var(--duration-fast);
}

@media (hover: hover) {
    .polygon-info-bar__gear:hover {
        color: var(--accent);
        background: var(--accent-soft);
    }
}

.polygon-info-bar__gear:active {
    color: var(--accent);
    background: var(--accent-soft);
}