/*
 * Platform button classes that Platform's own components render.
 *
 * .btn-ghost is the signed-in "Sign out" button CurrentSessionAuthActions
 * renders (Views/Shared/Components/CurrentSessionAuthActions/Default.cshtml).
 * Moved verbatim from HumanCapital/wwwroot/css/site2.css when iStampCC became
 * its second consumer (Second-Time Rule; HumanCapital closure backlog #128,
 * relocation part: the rename to btnDefault remains open there). Colours come
 * from the product's brand tokens (--navy, --navy-pale, --border-mid).
 *
 * On a marketing surface, platform-marketing.css restyles .btn-ghost with a
 * more specific selector, so the public pages keep their own button.
 *
 * .btnDefault is the house button: the default css-class of <save-button> and
 * <action-link>, and of every plain btn anchor or button in a product view.
 * Moved verbatim from HumanCapital/wwwroot/css/site2.css (2026-10-30) when the
 * owner ruled that iStampCC's screens follow HumanCapital's house style
 * exactly (Second-Time Rule; iStampCC had restated the colours only). Its
 * colours come from the product's --navy token. platform-actions.css pins the
 * box metrics of the primitives on top of it.
 */

.btn-ghost {
    font-family: var(--platform-font-body);
    font-size: 0.875rem;
    font-weight: 500;
    color: var(--navy);
    background: none;
    border: 1px solid var(--border-mid);
    border-radius: 6px;
    padding: 8px 18px;
    cursor: pointer;
    text-decoration: none;
    transition: background 0.2s, border-color 0.2s;
    white-space: nowrap;
    display: inline-block;
}

    .btn-ghost:hover {
        background: var(--navy-pale);
        border-color: var(--navy);
        color: var(--navy);
        text-decoration: none;
    }

/* Primary buttons*/
/* Primary button (institution-grade) */
/* Outline → Solid on hover */
.btnDefault {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    padding: 0.6rem 1rem;
    background-color: #fff;
    color: var(--navy);
    border: 1px solid var(--navy);
    border-radius: 6px;
    font-weight: 500;
    text-decoration: none;
    transition: all 0.15s ease-in-out;
    line-height: 1.2;
}

    .btnDefault:hover {
        background-color: var(--navy);
        color: #fff;
        border-color: var(--navy);
    }

    .btnDefault:focus {
        outline: none;
        box-shadow: 0 0 0 3px rgba(0, 40, 104, 0.25);
    }
    .btnDefault i {
        font-size: 0.9rem;
        line-height: 1;
        display: inline-flex;
        align-items: center;
    }