/* K-Login 1.1.5 - cacheable visual-only CSS for the native Dolibarr login page */
:root {
    --klogin-background-image: url("../img/login-setembro.png");
    --klogin-box-opacity: 0.94;
    --klogin-box-width: 515px;
    --klogin-box-top: 54%;
    --klogin-border-alpha: 0.207;
    --klogin-shadow-alpha-main: 0.15;
    --klogin-shadow-alpha-soft: 0.056;
    --klogin-button-color: #D6AD50;
    --klogin-button-hover: #CAA144;
    --klogin-button-border: #BE9538;
    --klogin-button-text: #172453;
}

html,
body.bodylogin {
    min-height: 100% !important;
}

body.bodylogin {
    margin: 0 !important;
    background-color: #ffffff !important;
    background-image: var(--klogin-background-image) !important;
    background-repeat: no-repeat !important;
    background-position: center center !important;
    background-size: cover !important;
    background-attachment: fixed !important;
    overflow-x: hidden !important;
}

body.bodylogin .login_center,
body.bodylogin .login_vertical_align,
body.bodylogin .login_table,
body.bodylogin #login_right,
body.bodylogin #login_line1,
body.bodylogin #login_line2,
body.bodylogin .login_table_title {
    background: transparent !important;
}

body.bodylogin #login_left,
body.bodylogin #img_logo {
    display: none !important;
}

body.bodylogin .login_vertical_align {
    position: fixed !important;
    inset: 0 !important;
    width: 100vw !important;
    height: 100vh !important;
    min-height: 100vh !important;
    padding: 0 !important;
    margin: 0 !important;
    display: block !important;
}

body.bodylogin .login_center {
    position: static !important;
    width: 100% !important;
    height: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
}

/*
 * Dolibarr/Eldy draws its own white login panel on .login_table.
 * K-Login uses form#login as the single visual card, so the native inner
 * panel remains structurally present but visually neutral.
 */
body.bodylogin form#login .login_table {
    width: 100% !important;
    max-width: none !important;
    margin: 0 auto !important;
    padding: 0 !important;
    background: transparent !important;
    background-color: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}

body.bodylogin form#login #login_line1,
body.bodylogin form#login #login_line2,
body.bodylogin form#login #login_right,
body.bodylogin form#login .tagtable,
body.bodylogin form#login .tdinputlogin {
    background: transparent !important;
    background-color: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
}

body.bodylogin form#login .login_table_title {
    margin: 0 0 18px !important;
    padding: 0 !important;
    color: #777 !important;
    text-shadow: none !important;
    font-size: 12px !important;
    line-height: 1.2 !important;
}

body.bodylogin form#login {
    box-sizing: border-box !important;
    position: fixed !important;
    left: 50% !important;
    top: var(--klogin-box-top) !important;
    transform: translate(-50%, -50%) !important;
    width: var(--klogin-box-width) !important;
    max-width: calc(100vw - 44px) !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 32px 46px 26px !important;
    background: rgba(255, 255, 255, var(--klogin-box-opacity)) !important;
    border: 1px solid rgba(198, 154, 55, var(--klogin-border-alpha)) !important;
    border-radius: 20px !important;
    box-shadow: 0 20px 55px rgba(20, 25, 48, var(--klogin-shadow-alpha-main)), 0 3px 12px rgba(20, 25, 48, var(--klogin-shadow-alpha-soft)) !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    overflow: visible !important;
    z-index: 1000 !important;
}

body.bodylogin form#login .login_table_title,
body.bodylogin form#login .center,
body.bodylogin form#login .tagtable,
body.bodylogin form#login .pair,
body.bodylogin form#login .impair,
body.bodylogin form#login .paddingtop,
body.bodylogin form#login .paddingbottom {
    color: #6b6b6b !important;
}

body.bodylogin form#login input[type="text"],
body.bodylogin form#login input[type="password"],
body.bodylogin form#login input.flat:not([type="submit"]):not([type="button"]),
body.bodylogin form#login select {
    box-sizing: border-box !important;
    height: 42px !important;
    border: 1px solid rgba(23, 36, 83, 0.12) !important;
    background: rgba(255, 255, 255, 0.90) !important;
    border-radius: 8px !important;
    padding: 0 12px !important;
    box-shadow: none !important;
}

body.bodylogin form#login input[type="text"]:focus,
body.bodylogin form#login input[type="password"]:focus,
body.bodylogin form#login input.flat:not([type="submit"]):not([type="button"]):focus,
body.bodylogin form#login select:focus {
    border-color: rgba(214, 173, 80, 0.9) !important;
    box-shadow: 0 0 0 3px rgba(214, 173, 80, 0.12) !important;
    outline: none !important;
}

body.bodylogin form#login .login_table input#username,
body.bodylogin form#login .login_table input#password {
    width: calc(100% - 40px) !important;
    max-width: 320px !important;
}

body.bodylogin form#login .login_table input#securitycode {
    width: 105px !important;
    min-width: 90px !important;
}

body.bodylogin form#login .trinputlogin {
    margin: 8px 0 !important;
}

body.bodylogin form#login hr {
    border: 0 !important;
    border-top: 1px solid rgba(23, 36, 83, 0.12) !important;
    margin: 12px 0 20px !important;
}

body.bodylogin form#login .butActionLogin,
body.bodylogin form#login input[type="submit"],
body.bodylogin form#login button[type="submit"] {
    appearance: none !important;
    min-width: 185px !important;
    height: 44px !important;
    padding: 0 26px !important;
    background: var(--klogin-button-color) !important;
    color: var(--klogin-button-text) !important;
    border: 1px solid var(--klogin-button-border) !important;
    border-radius: 8px !important;
    font-weight: 600 !important;
    font-size: 15px !important;
    line-height: 44px !important;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.10) !important;
    transition: transform .15s ease, box-shadow .15s ease, background-color .15s ease !important;
}

body.bodylogin form#login .butActionLogin:hover,
body.bodylogin form#login input[type="submit"]:hover,
body.bodylogin form#login button[type="submit"]:hover {
    background: var(--klogin-button-hover) !important;
    border-color: var(--klogin-button-border) !important;
    transform: translateY(-1px) !important;
    box-shadow: 0 10px 22px rgba(0, 0, 0, 0.14) !important;
}

body.bodylogin form#login a,
body.bodylogin form#login a:visited {
    color: #172453 !important;
}

body.bodylogin .login_main_message,
body.bodylogin .login_main_home {
    background: transparent !important;
}

@media (max-width: 980px) {
    body.bodylogin form#login {
        width: min(var(--klogin-box-width), calc(100vw - 44px)) !important;
        padding: 34px 26px 24px !important;
    }
}

@media (max-width: 640px) {
    body.bodylogin {
        background-position: 62% center !important;
    }

    body.bodylogin form#login {
        top: 56% !important;
        min-height: 290px !important;
        border-radius: 16px !important;
        padding: 28px 18px 20px !important;
    }

    body.bodylogin form#login .butActionLogin,
    body.bodylogin form#login input[type="submit"],
    body.bodylogin form#login button[type="submit"] {
        width: 100% !important;
        min-width: 100% !important;
    }
}

/* K-Login generated visual settings. Do not edit manually. */
:root {
    --klogin-background-image: url("../img/login-setembro.png");
    --klogin-box-opacity: 0.25;
    --klogin-box-width: 515px;
    --klogin-box-top: 54%;
    --klogin-border-alpha: 0.055;
    --klogin-shadow-alpha-main: 0.04;
    --klogin-shadow-alpha-soft: 0.015;
    --klogin-button-color: #D6AD50;
    --klogin-button-hover: #CAA144;
    --klogin-button-border: #BE9538;
    --klogin-button-text: #172453;
}