/* =========================================================
   ADMIN MAP CONTROL PANEL
   ========================================================= */

.admin-map-panel {
    position: relative;                /* anchor for label */
    display: flex;
    align-items: center;
    gap: 10px;

    margin: 14px 0 20px 0;
    padding: 14px 14px 12px 14px;       /* extra top padding for overlap */

    background: linear-gradient(
        180deg,
        rgba(245, 247, 250, 0.96),
        rgba(235, 239, 245, 0.96)
    );

    border: 1px solid #cfd6df;
    border-radius: 6px;

    box-shadow: 0 1px 3px rgba(0,0,0,0.08);
}

/* =========================================================
   OVERLAPPING LEGEND LABEL (FIELDSET STYLE)
   ========================================================= */

.admin-panel-label {
    position: absolute;
    top: -8px;                         /* force overlap */
    left: 12px;

    padding: 0 6px;
    font-size: 9px;                    /* VERY small */
    font-weight: 600;
    letter-spacing: 0.08em;
    text-transform: uppercase;

    background: #f5f7fa;               /* same as panel bg */
    color: #6b7280;

    border: 1px solid #cfd6df;
    border-radius: 3px;

    line-height: 1.2;
    white-space: nowrap;

    pointer-events: none;              /* never interferes */
    z-index: 2;                        /* sit above border */
}

/* =========================================================
   ADMIN BUTTONS
   ========================================================= */

.admin-btn {
    font-size: 13px;
    padding: 6px 12px;
    border-radius: 4px;

    border: 1px solid #b8c2cc;
    background: #ffffff;
    color: #2c3e50;

    cursor: pointer;
    white-space: nowrap;

    transition:
        background-color 0.15s ease,
        border-color 0.15s ease,
        box-shadow 0.15s ease;
}

.admin-btn:hover {
    background: #f1f5f9;
    border-color: #9fb0c3;
}

.admin-btn:active {
    background: #e5e7eb;
    box-shadow: inset 0 1px 2px rgba(0,0,0,0.15);
}

/* Primary action */
.admin-btn.primary {
    background: #2563eb;
    border-color: #2563eb;
    color: #ffffff;
}

.admin-btn.primary:hover {
    background: #1e4ed8;
    border-color: #1e4ed8;
}

/* Disabled state */
.admin-btn:disabled {
    opacity: 0.55;
    cursor: not-allowed;
}

/* =========================================================
   RESPONSIVE SAFETY
   ========================================================= */

@media (max-width: 768px) {
    .admin-map-panel {
        flex-wrap: wrap;
        gap: 8px;
    }
}