@charset "UTF-8";

/*
 *  Single Pass CSS
 *  Copyright (C) 2026 Terrapane Corporation
 *  All Rights Reserved
 *
 */

/* For dark mode, invert the colors if the password reveal icons */
@media screen
{
    [data-bs-theme=light]
    {
        --single-pass-shaded: #a0a0a0;
    }
    [data-bs-theme=dark]
    {
        --single-pass-shaded: #707070;
    }
    [data-bs-theme=dark] .control-icon
    {
        filter: invert(1) brightness(2) contrast(0.9);
    }
}

.single-pass-header
{
    background:
        repeating-linear-gradient(
            60deg,
            #555 1px,
            #555 2px,
            #444 2px,
            #444 4px
        );
    filter: contrast(1.1);
}

.shaded-field
{
    background-color: var(--single-pass-shaded);
}

.shaded-field:focus
{
    background-color: var(--single-pass-shaded);
}

.control-field-wrapper
{
    position: relative;
    width: 100%;
}

.control-field
{
    width: 100%;
    padding-right: 44px !important;
    box-sizing: border-box;
}

.control-icon
{
    position: absolute;
    right: 12px;
    top: 50%;
    transform: translateY(-50%);
    width: 24px;
    height: 24px;
    z-index: 10;
    transition: opacity 0.2s ease;
    opacity: 0.65;
    pointer-events: auto;
    user-select: none;
}

.control-icon:hover
{
    opacity: 1.0;
    cursor: pointer;
}

.control-icon:active
{
    opacity: 0.4;
}

/* Hide Microsoft Edge's built-in password reveal eye icon */
input[type="password"]::-ms-reveal, input::-ms-reveal
{
    display: none !important;
}