/* ==========================================================================
   Holding Pen Base (Admin Maps)
   Container, chip styles, drop target, staged pin, toolbar save button.
   ========================================================================== */

/* -------------------------------------------------------------------------
   Pen container
   ------------------------------------------------------------------------- */

.holding-pen {
    display: flex;
    flex-wrap: wrap;
    gap: var(--space-sm);
    min-height: 52px;
    align-items: center;
}

.holding-pen__empty {
    margin: 0;
    color: var(--admin-text-secondary);
    font-size: 0.875rem;
    font-style: italic;
}

/* -------------------------------------------------------------------------
   Chip
   ------------------------------------------------------------------------- */

.holding-pen__chip {
    display: inline-flex;
    align-items: center;
    gap: var(--space-xs);
    padding: var(--space-xs) var(--space-sm);
    background: var(--admin-surface);
    border: 1px solid var(--admin-border);
    border-radius: var(--admin-radius-sm);
    cursor: grab;
    font-size: 0.8125rem;
    line-height: 1.4;
    min-height: 44px;
    min-width: 44px;
    white-space: nowrap;
    transition: box-shadow var(--admin-transition), transform var(--admin-transition);
    user-select: none;
    -webkit-user-drag: element;
}

.holding-pen__chip:hover {
    box-shadow: 0 1px 4px var(--overlay-subtle);
    transform: translateY(-1px);
}

.holding-pen__chip:active {
    cursor: grabbing;
}

.holding-pen__chip--dragging {
    opacity: 0.4;
}

.holding-pen__chip--selected {
    outline: 2px solid var(--admin-accent);
    outline-offset: -1px;
    cursor: crosshair;
}

/* -------------------------------------------------------------------------
   Drop target highlight
   ------------------------------------------------------------------------- */

.holding-pen--drop-target {
    outline: 2px dashed var(--admin-accent);
    outline-offset: -2px;
}

/* -------------------------------------------------------------------------
   Staged pin (dashed outline)
   ------------------------------------------------------------------------- */

.admin-map-pin--staged {
    border-style: dashed;
    opacity: 0.75;
}

/* -------------------------------------------------------------------------
   Save button in toolbar — inline staged-count segment
   ------------------------------------------------------------------------- */

.admin-maps-toolbar__btn--save {
    display: inline-flex;
    align-items: center;
    gap: var(--space-sm);
    padding-right: var(--space-sm);
}

.admin-maps-toolbar__btn-count {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 1.375rem;
    height: 1.375rem;
    padding: 0 var(--space-xs);
    background: var(--white-overlay);
    border-radius: var(--admin-radius-sm);
    font-size: 0.75rem;
    font-weight: 700;
    line-height: 1;
    opacity: 0.7;
}

.admin-maps-toolbar__btn-count--active {
    opacity: 1;
}