/* ============================================================
   FMA tools site — header / account-menu overrides
   Scoped by #account-tools so these win over base-styles.css
   regardless of stylesheet load order.
   ============================================================ */

/* Account dropdown: shrink-wrap to its items (removes phantom
   line-box height from whitespace text nodes around the <li>). */
#account-tools {
    min-width: 190px; /* stable width instead of content-driven */
    right: 0;
    left: auto;
}

    /* Greeting row — label styling + divider above Log Out */
    #account-tools .account-greeting {
        padding: .6rem .9rem;
        border-bottom: 1px solid var(--pico-muted-border-color, #dad4c6);
        white-space: nowrap;
        color: var(--pico-muted-color, #6b6b6b);
    }
.fma-nav-bar [data-nav-level="1"] > li.account-greeting:hover {
    background: inherit;
}
        /* Log Out row — equal padding, button fills the width */
        #account-tools > li > form {
            padding: .6rem .9rem;
            margin: 0;
        }

        #account-tools > li > form > button {
            width: 100%;
            margin: 0;
        }
    #account-tools .account-greeting {
        padding: .5rem .75rem;
        border-bottom: 1px solid var(--pico-muted-border-color, #dad4c6);
        white-space: nowrap;
        color: var(--pico-muted-color, #6b6b6b);
    }