/* Guest auth shell. Dark field matches the sidebar; the card and green action match the workspace. */

body:has(.wms-auth) {
    background: #1c1b22;
}

body:has(.wms-auth) .container-fluid {
    padding: 0;
}

body:has(.wms-auth) .container-fluid > .row {
    margin: 0;
    min-height: 100vh;
}

body:has(.wms-auth) .container-fluid > .row > [class*="col-"] {
    display: flex;
    flex: 1 1 100%;
    width: 100%;
    max-width: none;
    margin: 0;
    padding: 0;
}

.wms-auth {
    display: flex;
    flex: 1 1 auto;
    align-items: center;
    justify-content: center;
    width: 100%;
    min-height: 100vh;
    padding: 2.5rem 1.25rem;
    background:
        radial-gradient(ellipse 80% 42% at 50% -8%, rgba(27, 122, 72, 0.22), transparent 58%),
        #1c1b22;
}

.wms-auth__panel {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: min(100%, 26rem);
    gap: 1.5rem;
}

.wms-auth__brand {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.7rem;
    width: 100%;
}

.wms-auth__logo {
    display: block;
    width: min(17.5rem, 78vw);
    height: auto;
}

.wms-auth__tagline {
    max-width: 18rem;
    margin: 0;
    color: rgba(242, 242, 242, 0.68);
    font-size: 0.78rem;
    font-weight: 500;
    line-height: 1.35;
    text-align: center;
    text-wrap: balance;
}

.wms-auth__card {
    width: 100%;
    padding: 1.6rem 1.45rem 1.45rem;
    border: 1px solid #e6e9ef;
    border-radius: 0.85rem;
    background: #fff;
    box-shadow: 0 22px 50px rgba(0, 0, 0, 0.28);
}

.wms-auth__card > h1 {
    margin-bottom: 1.15rem;
    color: #1f2937;
    font-size: 1.2rem;
    font-weight: 700;
    letter-spacing: -0.015em;
    line-height: 1.25;
}

.wms-auth__card > p {
    color: #5e6c84;
    font-size: 0.9rem;
    line-height: 1.45;
}

.wms-auth__card .form-label {
    margin-bottom: 0.35rem;
    color: #1f2937;
    font-size: 0.84rem;
    font-weight: 600;
}

.wms-auth__card .form-control {
    min-height: 2.7rem;
    border: 1px solid #dde2eb;
    border-radius: 0.5rem;
    background: #fff;
    color: #1f2937;
    box-shadow: none;
}

.wms-auth__card .form-control:focus {
    border-color: #1b7a48;
    background: #fff;
    color: #1f2937;
    box-shadow: 0 0 0 3px rgba(27, 122, 72, 0.16);
}

.wms-auth__card .alert {
    padding: 0.75rem 0.9rem;
    border-radius: 0.5rem;
    font-size: 0.875rem;
}

.wms-auth__submit {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    margin-top: 0.35rem;
}

.wms-auth .btn-default {
    --bs-btn-color: #fff;
    --bs-btn-bg: #1b7a48;
    --bs-btn-border-color: #14663b;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #15663c;
    --bs-btn-hover-border-color: #14663c;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #15663c;
    --bs-btn-active-border-color: #14663c;
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #1b7a48;
    --bs-btn-disabled-border-color: #14663b;
    justify-content: center;
    width: 100%;
    padding: 0.68rem 1.15rem;
    border-color: #14663b;
    border-radius: 0.5rem;
    background: #1b7a48;
    color: #fff;
    font-weight: 600;
    box-shadow: none;
    text-decoration: none;
}

.wms-auth .btn-default:hover,
.wms-auth .btn-default:focus,
.wms-auth .btn-default:active {
    border-color: #14663c;
    background: #15663c;
    color: #fff;
    box-shadow: none;
}

.wms-auth .btn-default[value="contact"] {
    --bs-btn-bg: #1a5f8a;
    --bs-btn-border-color: #154f74;
    --bs-btn-hover-bg: #154f74;
    --bs-btn-hover-border-color: #154f74;
    --bs-btn-active-bg: #154f74;
    --bs-btn-active-border-color: #154f74;
    border-color: #154f74;
    background: #1a5f8a;
}

.wms-auth .btn-default[value="contact"]:hover,
.wms-auth .btn-default[value="contact"]:focus,
.wms-auth .btn-default[value="contact"]:active {
    border-color: #154f74;
    background: #154f74;
    color: #fff;
}

.wms-auth .form-check {
    min-height: 0;
    margin-bottom: 0;
}

.wms-auth .form-check-input {
    border-color: #c5ced6;
}

.wms-auth .form-check-input:checked {
    border-color: #1b7a48;
    background-color: #1b7a48;
}

.wms-auth .form-check-input:focus {
    border-color: #1b7a48;
    box-shadow: 0 0 0 3px rgba(27, 122, 72, 0.16);
}

.wms-auth .form-check-label {
    color: #3d4a5c;
    font-size: 0.9rem;
}