:where(.nav-bar, .shop-nav, .admin-nav) {
    border-bottom: 1px solid rgba(20, 83, 45, 0.78);
    box-shadow: 0 1px 0 rgba(187, 247, 208, 0.34), 0 3px 8px rgba(0, 0, 0, 0.16);
}

:where(
    .nav-btn, .auth-btn,
    .shop-actions > a, .shop-actions > button,
    .category-button, .service-type-button,
    .view-button, .cart-action, .add-cart-button,
    .back-link, .secondary-action, .primary-action,
    .after-purchase-link, .discord-link, .discord-action,
    .back-btn, .edit-btn, .btn-save, .btn-add-link,
    .oauth-btn, .nav-actions > a, .nav-actions > button,
    .menu-card, .manager-head > button,
    .inline-row > button, .panel button:not(.delete):not(.danger),
    .product-actions button:not(.delete),
    .home-actions button:not(.delete),
    .category-actions button:not(.delete),
    .batch-toolbar button:not(.danger)
) {
    position: relative;
    overflow: hidden;
    transition: color .28s ease, background .28s ease, border-color .28s ease, transform .2s ease, box-shadow .28s ease !important;
}

:where(
    .nav-btn, .auth-btn,
    .shop-actions > a, .shop-actions > button,
    .category-button, .service-type-button,
    .view-button, .cart-action, .add-cart-button,
    .back-link, .secondary-action, .primary-action,
    .after-purchase-link, .discord-link, .discord-action,
    .back-btn, .edit-btn, .btn-save, .btn-add-link,
    .oauth-btn, .nav-actions > a, .nav-actions > button,
    .menu-card, .manager-head > button,
    .inline-row > button, .panel button:not(.delete):not(.danger),
    .product-actions button:not(.delete),
    .home-actions button:not(.delete),
    .category-actions button:not(.delete),
    .batch-toolbar button:not(.danger)
)::after {
    content: "";
    position: absolute;
    right: 10px;
    bottom: 4px;
    left: 10px;
    height: 3px;
    border-radius: 3px;
    background: #15803d !important;
    box-shadow: 0 0 8px rgba(21,128,61,.38);
    transform: scaleX(0);
    transform-origin: left;
    transition: transform .55s ease !important;
    pointer-events: none;
}

:where(
    .nav-btn, .auth-btn,
    .shop-actions > a, .shop-actions > button,
    .category-button, .service-type-button,
    .view-button, .cart-action, .add-cart-button,
    .back-link, .secondary-action, .primary-action,
    .after-purchase-link, .discord-link, .discord-action,
    .back-btn, .edit-btn, .btn-save, .btn-add-link,
    .oauth-btn, .nav-actions > a, .nav-actions > button,
    .menu-card, .manager-head > button,
    .inline-row > button, .panel button:not(.delete):not(.danger),
    .product-actions button:not(.delete),
    .home-actions button:not(.delete),
    .category-actions button:not(.delete),
    .batch-toolbar button:not(.danger)
):not(:disabled):hover,
:where(
    .nav-btn, .auth-btn,
    .shop-actions > a, .shop-actions > button,
    .category-button, .service-type-button,
    .view-button, .cart-action, .add-cart-button,
    .back-link, .secondary-action, .primary-action,
    .after-purchase-link, .discord-link, .discord-action,
    .back-btn, .edit-btn, .btn-save, .btn-add-link,
    .oauth-btn, .nav-actions > a, .nav-actions > button,
    .menu-card, .manager-head > button,
    .inline-row > button, .panel button:not(.delete):not(.danger),
    .product-actions button:not(.delete),
    .home-actions button:not(.delete),
    .category-actions button:not(.delete),
    .batch-toolbar button:not(.danger)
):focus-visible {
    color: #14532d !important;
    background: #bbf7d0 !important;
    border-color: #86efac !important;
    box-shadow: 0 8px 18px rgba(0,0,0,.2);
}

:where(
    .nav-btn, .auth-btn,
    .shop-actions > a, .shop-actions > button,
    .category-button, .service-type-button,
    .view-button, .cart-action, .add-cart-button,
    .back-link, .secondary-action, .primary-action,
    .after-purchase-link, .discord-link, .discord-action,
    .back-btn, .edit-btn, .btn-save, .btn-add-link,
    .oauth-btn, .nav-actions > a, .nav-actions > button,
    .menu-card, .manager-head > button,
    .inline-row > button, .panel button:not(.delete):not(.danger),
    .product-actions button:not(.delete),
    .home-actions button:not(.delete),
    .category-actions button:not(.delete),
    .batch-toolbar button:not(.danger)
):not(:disabled):hover::after,
:where(
    .nav-btn, .auth-btn,
    .shop-actions > a, .shop-actions > button,
    .category-button, .service-type-button,
    .view-button, .cart-action, .add-cart-button,
    .back-link, .secondary-action, .primary-action,
    .after-purchase-link, .discord-link, .discord-action,
    .back-btn, .edit-btn, .btn-save, .btn-add-link,
    .oauth-btn, .nav-actions > a, .nav-actions > button,
    .menu-card, .manager-head > button,
    .inline-row > button, .panel button:not(.delete):not(.danger),
    .product-actions button:not(.delete),
    .home-actions button:not(.delete),
    .category-actions button:not(.delete),
    .batch-toolbar button:not(.danger)
):focus-visible::after {
    transform: scaleX(1);
}