/* ==========================================================
   HM administrator select contract
   ----------------------------------------------------------
   Every standard administrator dropdown is rendered here. Page CSS may own
   only layout values such as width; it must not replace the closed-control
   border, padding, arrow or native appearance.
   ========================================================== */

/*
 * This is intentionally an early named layer. Important declarations in a
 * layer take precedence over legacy unlayered important declarations, which
 * prevents a page-level `background:#fff` reset from removing the common
 * chevron again.
 */
@layer hm-admin-select-contract {
    html body #container select:not([multiple]):not([size]),
    html body #container select:not([multiple])[size="1"] {
        box-sizing:border-box !important;
        min-height:34px !important;
        height:34px !important;
        padding:0 30px 0 10px !important;
        border:1px solid #cfd6e2 !important;
        border-radius:0 !important;
        background-color:#fff !important;
        /* Shared HM chevron used before the common-contract migration. */
        background-image:url("../img/chevron-down1.svg") !important;
        background-repeat:no-repeat !important;
        background-position:right 8px center !important;
        background-size:16px 16px !important;
        color:#1f2b3f !important;
        -webkit-text-fill-color:#1f2b3f !important;
        font-family:"HM Nanum Gothic","Nanum Gothic","나눔고딕","Malgun Gothic","맑은 고딕","Apple SD Gothic Neo",sans-serif !important;
        font-size:13px !important;
        font-weight:400 !important;
        line-height:32px !important;
        text-align:left !important;
        text-indent:0 !important;
        appearance:none !important;
        -webkit-appearance:none !important;
        -moz-appearance:none !important;
        vertical-align:middle !important;
    }

    /* Search dropdowns share the same usable minimum width. */
    html body #container .hm-search-table select:not([multiple]):not([size]),
    html body #container .hm-search-table select:not([multiple])[size="1"] {
        min-width:110px !important;
    }

    /* The page-row selector belongs to the list meta row, whose common height is 36px. */
    html body #container .hm-list-meta-controls select:not([multiple]):not([size]),
    html body #container .hm-list-meta-controls select:not([multiple])[size="1"] {
        min-height:36px !important;
        height:36px !important;
        line-height:34px !important;
    }

    html body #container select:not([multiple]):not([size]):focus,
    html body #container select:not([multiple])[size="1"]:focus {
        border-color:#2f7fd8 !important;
        outline:0 !important;
    }
}

/* Multiple and listbox selects retain their native scrolling interaction. */
html body #container select[multiple],
html body #container select[size]:not([size="1"]) {
    appearance:auto !important;
    -webkit-appearance:menulist !important;
    -moz-appearance:menulist !important;
    background-image:none !important;
    padding:4px 8px !important;
}