/* QEN-9682: the Milbros-wide rules that used to sit in MilbrosCommodityRefresh.css,
 * moved out unchanged so that sheet is entirely body.page-* scoped. SelfScopedCss then
 * drops it on every page that is not Commodity Detail or Cleaning Chemical Detail. That
 * sheet holds 17 :has() selectors, and Chrome re-tests those on every style recalculation
 * (about 60 ms per grid repaint on the home dashboard). Registered right after it in
 * Default.Master.cs, so these rules keep their place in the cascade. Their page-scoped
 * twins stay in MilbrosCommodityRefresh.css. */

body.sidebar-nav .NoticeInline.milbros-notice {
    display: block;   /* the Offline Documents one is an asp:Label <span> */
    background: var(--commodity-card-fill, #f8fafc) !important;
    background-image: none !important;
    border: 1px solid var(--border, #e2e8f0) !important;
    border-radius: 8px;
    padding: 8px 12px !important;
    margin: 12px 0 !important;
    font-family: 'Inter', sans-serif;
    font-weight: 400 !important;
    font-size: 13px !important;
    line-height: 20px !important;
    color: var(--text-muted, #475569) !important;
}

body.sidebar-nav[data-portal="milbros"] table.dxgvTable img.Img-Expand,
body.sidebar-nav[data-portal="milbros"] table.dxgvTable img.Img-Collapse {
    width: 16px;
    height: 16px;
    margin-left: 8px !important;
    vertical-align: middle;
    cursor: pointer;
    background: var(--text-muted);
    -webkit-mask: var(--icon-chevron-down) center / 16px 16px no-repeat;
            mask: var(--icon-chevron-down) center / 16px 16px no-repeat;
}

body.sidebar-nav[data-portal="milbros"] table.dxgvTable img.Img-Collapse {
    -webkit-mask-image: var(--icon-chevron-up);
            mask-image: var(--icon-chevron-up);
}

body.sidebar-nav[data-portal="milbros"] table.dxgvTable img.Img-Expand:hover,
body.sidebar-nav[data-portal="milbros"] table.dxgvTable img.Img-Collapse:hover {
    background: var(--link);
}

body.sidebar-nav[data-portal="milbros"] table.dxgvTable span[id$="_lblExpandCollapse"] {
    color: var(--link) !important;   /* beats the inline color:Blue */
    font-weight: 500 !important;
}

body.sidebar-nav[data-portal="milbros"] table.dxgvTable span[id$="_lblExpandCollapse"]:hover {
    text-decoration: underline;
}