/* /Pages/ActionLog.cshtml.rz.scp.css */

/* /Pages/LoggedOut.cshtml.rz.scp.css */
body[b-mwu5wle0qf] {
    background-color: #f8f9fa;
}

/* html and body baseline */
html[b-mwu5wle0qf],
body[b-mwu5wle0qf] {
    height: 100%;
    margin: 0;
}

/* You can remove flex from body; it's not needed now */
body[b-mwu5wle0qf] {
    /* remove display:flex / flex-direction */
}

/* Topbar */
.topbar[b-mwu5wle0qf] {
    height: 70px;              /* header height */
    background: #fff;
    border-bottom: 1px solid #e9ecef;
    position: sticky;
    top: 0;
    z-index: 1030;
}

.topbar .topbar-logo[b-mwu5wle0qf] {
    height: 36px;
    width: auto;
    display: block;
}

/* Content area: viewport height minus topbar height */
#ContentDiv[b-mwu5wle0qf] {
    height: calc(100vh - 70px);   /* same 80px as .topbar */
    display: flex;                /* 2 columns side by side */
}

/* 2 columns, 50/50 width, full height of ContentDiv */
#ContentDiv .left-col[b-mwu5wle0qf],
#ContentDiv .right-col[b-mwu5wle0qf] {
    flex: 0 0 50%;
    max-width: 50%;
    /* full height comes from #ContentDiv */
}

/* When right-col is hidden (mobile), let left-col take 100% */
@media (max-width: 767.98px) {
    #ContentDiv .left-col[b-mwu5wle0qf] {
        flex: 0 0 100%;
        max-width: 100%;
    }
}

/* Optional for debugging */
#ContentDiv .left-col[b-mwu5wle0qf] {
    /*background: rgba(255, 0, 0, 0.1);*/
    background-color: #f4f5f5;
}

#ContentDiv .right-col[b-mwu5wle0qf] {
    /*background: rgba(0, 0, 255, 0.1);*/
    background-color: #f4f5f5;
}

/* Left column: center content */
#ContentDiv .left-col[b-mwu5wle0qf] {
    display: flex;
    justify-content: center;  /* horizontal */
    align-items: center;      /* vertical */
}

/* Optional: give loginForm a max width so it doesn’t stretch */
/*#loginForm {
    width: 100%;
    max-width: 480px;*/         /* adjust as needed */
/*}


.login-card {
    border-radius: 0.75rem;
    box-shadow: 0 0.25rem 0.75rem rgba(0, 0, 0, 0.06);
}

.tab-pill .nav-link {
    border-radius: 999px;
    font-weight: 600;
}

    .tab-pill .nav-link.active {
        background-color: #000;
        color: #fff;
    }*/

/* Right column image layout */
#ContentDiv .right-col[b-mwu5wle0qf] {
    overflow: hidden;          /* hide anything outside rounded area / margins */
}

/* Image styling */
    #ContentDiv .right-col .banner-img[b-mwu5wle0qf] {
        display: block;
        width: calc(100% - 70px); /* 35px margin on left + right */
        height: calc(100% - 70px); /* 35px margin on top + bottom */
        margin: 35px; /* 35px all around */
        object-fit: cover; /* fill column, crop if needed */
        border-radius: 16px; /* rounded corners */
        filter: brightness(1.5);
    }

/* Banner */
/*.pos-banner {
    position: relative;
    border-radius: 0.75rem;
    overflow: hidden;
    background: #000;
    color: #fff;
}

    .pos-banner .banner-img {
        width: 100%;
        height: 540px;
        object-fit: cover;
        filter: grayscale(0.35) brightness(0.92);*/ /* gray it out subtly */
    /*}*/

    /* Soft overlay to enhance readability */
    /*.pos-banner::after {
        content: "";
        position: absolute;
        inset: 0;
        background: rgba(0, 0, 0, 0.12);
        pointer-events: none;
    }*/

    /* Optional footer styling if used */
    /*.pos-banner .banner-footer {
        padding: 1.25rem;
        background: linear-gradient(transparent, rgba(0, 0, 0, 0.7));
        margin-top: -4rem;
    }*/
/* /Pages/Login.cshtml.rz.scp.css */
body[b-bnaqrc4et6] {
    background-color: #f8f9fa;
}

/* html and body baseline */
html[b-bnaqrc4et6],
body[b-bnaqrc4et6] {
    height: 100%;
    margin: 0;
}

/* You can remove flex from body; it's not needed now */
body[b-bnaqrc4et6] {
    /* remove display:flex / flex-direction */
}

/* Topbar */
.topbar[b-bnaqrc4et6] {
    height: 70px;              /* header height */
    background: #fff;
    border-bottom: 1px solid #e9ecef;
    position: sticky;
    top: 0;
    z-index: 1030;
}

.topbar .topbar-logo[b-bnaqrc4et6] {
    height: 36px;
    width: auto;
    display: block;
}

/* Content area: viewport height minus topbar height */
#ContentDiv[b-bnaqrc4et6] {
    height: calc(100vh - 70px);   /* same 80px as .topbar */
    display: flex;                /* 2 columns side by side */
}

/* 2 columns, 50/50 width, full height of ContentDiv */
#ContentDiv .left-col[b-bnaqrc4et6],
#ContentDiv .right-col[b-bnaqrc4et6] {
    flex: 0 0 50%;
    max-width: 50%;
    /* full height comes from #ContentDiv */
}

/* When right-col is hidden (mobile), let left-col take 100% */
@media (max-width: 767.98px) {
    #ContentDiv .left-col[b-bnaqrc4et6] {
        flex: 0 0 100%;
        max-width: 100%;
    }
}

/* Optional for debugging */
#ContentDiv .left-col[b-bnaqrc4et6] {
    /*background: rgba(255, 0, 0, 0.1);*/
    background-color: #f4f5f5;
}

#ContentDiv .right-col[b-bnaqrc4et6] {
    /*background: rgba(0, 0, 255, 0.1);*/
    background-color: #f4f5f5;
}

/* Left column: center content */
#ContentDiv .left-col[b-bnaqrc4et6] {
    display: flex;
    justify-content: center;  /* horizontal */
    align-items: center;      /* vertical */
}

/* Optional: give loginForm a max width so it doesn’t stretch */
#loginForm[b-bnaqrc4et6] {
    width: 100%;
    max-width: 480px;         /* desktop & tablet */
}

/* Mobile: reduce max width of login form */
@media (max-width: 767.98px) {
    #loginForm[b-bnaqrc4et6] {
        max-width: 350px;
    }
}

.login-card[b-bnaqrc4et6] {
    border-radius: 0.75rem;
    box-shadow: 0 0.25rem 0.75rem rgba(0, 0, 0, 0.06);
}

.tab-pill .nav-link[b-bnaqrc4et6] {
    border-radius: 999px;
    font-weight: 600;
}

    .tab-pill .nav-link.active[b-bnaqrc4et6] {
        background-color: #000;
        color: #fff;
    }

/* Right column image layout */
#ContentDiv .right-col[b-bnaqrc4et6] {
    overflow: hidden;          /* keep if the image ever exceeds column bounds */
}

/* Image styling */
#ContentDiv .right-col .banner-img[b-bnaqrc4et6] {
    display: block;
    width: 100%;          /* fill full column width */
    height: 100%;         /* fill full column height */
    margin: 0;            /* no margin */
    object-fit: cover;    /* fill area, crop if needed */
    border-radius: 0;     /* no rounded corners */
    filter: grayscale(100%) brightness(0.7); /* grayed out and slightly dimmed */
    border: none;         /* remove border if you don't want a frame */
}

/* BankID button customization only */
.bankid-btn[b-bnaqrc4et6] {
    color: #000000; /* black text when not hovered */
    transition: background-color 0.15s ease-in-out, color 0.15s ease-in-out, transform 0.1s ease-in-out;
}

/* More specific than .btn-secondary:hover */
.btn.btn-secondary.bankid-btn:hover[b-bnaqrc4et6] {
    background-color: #495057;
    color: #ffffff;
    transform: translateY(-1px);
    cursor: pointer;
}

/* Tabs: only change NON‑ACTIVE tab text to black, keep default behavior otherwise */
.nav-pills .nav-link:not(.active)[b-bnaqrc4et6] {
    color: #000000;
}
/* /Pages/Modules/GiftCards.cshtml.rz.scp.css */

/* /Pages/Modules/Receipts.cshtml.rz.scp.css */
.filter-wrapper[b-zge3xfq4u7] {
    width: 600px;
    display: grid;
    grid-template-columns: 130px 1fr auto; /* Label | Control | Button */
    gap: 1rem 0.5rem;
    margin-bottom: 1.5rem;
    align-items: center;
}

.filter-label[b-zge3xfq4u7] {
    font-weight: normal;
    white-space: nowrap;
}

.filter-control[b-zge3xfq4u7] {
    width: 100%;
    min-width: 0;
}

.filter-button[b-zge3xfq4u7] {
    justify-self: end; /* Align button to right in its column */
}
/* /Pages/Modules/Swish/PayOut.cshtml.rz.scp.css */
body[b-2rprqgdikl] {
}
/* /Pages/Settings.cshtml.rz.scp.css */
.filter-wrapper[b-obqxlujapx] {
    width: 600px;
    display: grid;
    grid-template-columns: 130px 1fr auto; /* Label | Control | Button */
    gap: 1rem 0.5rem;
    margin-bottom: 1.5rem;
    align-items: center;
}

.filter-label[b-obqxlujapx] {
    font-weight: normal;
    white-space: nowrap;
}

.filter-control[b-obqxlujapx] {
    width: 100%;
    min-width: 0;
}

.filter-button[b-obqxlujapx] {
    justify-self: end; /* Align button to right in its column */
}