/* ==========================================================================
   MVD Offices CSS — v0.2.0
   Module-specific styles for the offices management page.
   Core provides base styles, buttons, badges, grid container via core.css.
   ========================================================================== */

/* ─── Grid Controls (Search + Page Size) ──────────────────────────────── */

.mvd-grid-controls {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 12px;
    flex-wrap: wrap;
}

.mvd-search-input {
    flex: 1;
    min-width: 200px;
    padding: 8px 12px;
    border: 1px solid var(--mvd-border, #dcdcde);
    border-radius: var(--mvd-radius, 4px);
    font-size: 13px;
    color: var(--mvd-text, #1d2327);
    background: var(--mvd-bg, #fff);
}

.mvd-search-input:focus {
    outline: none;
    border-color: var(--mvd-primary, #2271b1);
    box-shadow: 0 0 0 1px var(--mvd-primary, #2271b1);
}

.mvd-search-input::placeholder {
    color: var(--mvd-text-light, #646970);
}

.mvd-pagesize-select {
    padding: 8px 12px;
    border: 1px solid var(--mvd-border, #dcdcde);
    border-radius: var(--mvd-radius, 4px);
    font-size: 13px;
    color: var(--mvd-text, #1d2327);
    background: var(--mvd-bg, #fff);
    cursor: pointer;
}

.mvd-pagesize-select:focus {
    outline: none;
    border-color: var(--mvd-primary, #2271b1);
}

/* ─── Action Buttons in Grid ──────────────────────────────────────────── */

#mvd-offices-grid .mvd-btn-sm {
    margin: 0 2px;
}