/* ============================================================================
   PROJECT         : Invoice Tracker
   FILE            : assets/css/pages/login.css
   DESCRIPTION     : Login Page Styles
   VERSION         : 3.0.0
   AUTHOR          : Shadhin
   COPYRIGHT       : © 2026 Shadhin. All Rights Reserved.
   LAST UPDATED    : 2026-09-17
============================================================================ */

.login-page {
    min-height: 100vh;
    display: grid;
    place-items: center;
    background: var(--login-background, #edf4fb);
    padding: 20px;
}

.login-shell {
    width: min(420px, 100%);
}

.login-card {
    padding: 34px;
    background: var(--login-card-background, #fff);
    border: 1px solid rgba(0,82,75,.10);
    border-radius: 18px;
    box-shadow: 0 24px 70px rgba(16,48,65,.12);
    color: var(--login-text-color, #142033);
}

.login-brand {
    color: #142033;
    padding: 0 0 20px;
}

.login-submit {
    width: 100%;
}

.login-footer-link {
    margin-top: 15px;
    text-align: center;
}

.notice-error {
    background: #ffe8eb;
    color: #a22;
}

/* Modern, scoped login presentation. Authentication markup and behavior remain unchanged. */
.login-page{background-image:radial-gradient(circle at 12% 15%,rgba(0,130,116,.08),transparent 30%),radial-gradient(circle at 90% 85%,rgba(23,105,224,.07),transparent 28%)}
.login-brand{display:flex;align-items:center;gap:12px;font-size:15px;font-weight:750;color:var(--login-text-color,#142033)}
.login-brand .brand-mark{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:#00524b;color:#fff;font-weight:800}
.login-custom-logo{width:44px;height:44px;object-fit:contain;border-radius:10px}
.login-card h2{font-size:27px;letter-spacing:-.6px;margin:12px 0 8px;color:var(--login-text-color,#142033)}
.login-card .muted{font-size:13px;line-height:1.6;color:#667783;margin-bottom:22px}
.login-card .field{margin-bottom:16px}
.login-card .field label{display:block;margin-bottom:7px;font-size:12px;font-weight:700;color:var(--login-text-color,#142033)}
.login-card .input{width:100%;min-height:44px;border-radius:9px;border:1px solid #d6e1e8;background:#fff;padding:10px 12px;transition:border-color .15s,box-shadow .15s}
.login-card .input:focus{outline:none;border-color:#008577;box-shadow:0 0 0 3px rgba(0,133,119,.12)}
.login-submit{min-height:46px;border:0;border-radius:9px;background:var(--login-button-background,#1769e0);color:var(--login-button-color,#fff);font-weight:750;box-shadow:0 8px 18px rgba(0,82,75,.14);cursor:pointer}
.login-submit:hover{filter:brightness(.96);transform:translateY(-1px)}
.login-footer-link a{font-size:13px;color:#00524b;font-weight:650;text-decoration:none}
.login-footer-link a:hover{text-decoration:underline}
.notice-error{padding:10px 12px;border-radius:8px;margin-bottom:16px}
@media(max-width:480px){.login-page{padding:16px}.login-card{padding:25px 21px}.login-card h2{font-size:24px}}

.login-back-home{margin-top:8px}.login-back-home a{color:var(--login-text-color,#142033);font-weight:600}