/* ========================================================= MUT-SEK TECH User-facing branding layer Framework core is intentionally untouched. ========================================================= */ :root { --mutsek-navy: #0F172A; --mutsek-emerald: #10B981; --mutsek-light: #F3F4F6; --mutsek-white: #FFFFFF; } /* ---------- LOGIN ---------- */ .for-login, .for-email-login, .for-forgot, .for-signup, .for-login-with-email-link { font-family: Inter, Poppins, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; } .for-login .page-card, .for-email-login .page-card, .for-forgot .page-card, .for-signup .page-card, .for-login-with-email-link .page-card { border-radius: 20px !important; border: 1px solid #E2E8F0 !important; box-shadow: 0 24px 60px rgba(15, 23, 42, 0.10), 0 4px 16px rgba(15, 23, 42, 0.05) !important; overflow: hidden; background: #FFFFFF; } .for-login .page-card::before, .for-email-login .page-card::before, .for-forgot .page-card::before, .for-signup .page-card::before, .for-login-with-email-link .page-card::before { content: ""; display: block; height: 4px; margin: -1.25rem -1.25rem 1.25rem; background: linear-gradient( 90deg, var(--mutsek-navy) 0%, var(--mutsek-navy) 72%, var(--mutsek-emerald) 72%, var(--mutsek-emerald) 100% ); } .for-login .app-logo, .for-email-login .app-logo, .for-forgot .app-logo, .for-signup .app-logo, .for-login-with-email-link .app-logo { display: block; width: auto !important; max-width: 210px !important; height: auto !important; max-height: 76px !important; object-fit: contain; } /* Visible company identity on login page */ .for-login .page-card-head-text::before, .for-email-login .page-card-head-text::before, .for-forgot .page-card-head-text::before, .for-signup .page-card-head-text::before, .for-login-with-email-link .page-card-head-text::before { content: "MUT-SEK TECH"; display: block; color: var(--mutsek-navy); font-size: 0.78rem; font-weight: 800; letter-spacing: 0.11em; line-height: 1; margin-bottom: 0.25rem; } .for-login .page-card-head h4, .for-email-login .page-card-head h4, .for-forgot .page-card-head h4, .for-signup .page-card-head h4, .for-login-with-email-link .page-card-head h4 { color: var(--mutsek-navy) !important; } .for-login .es-button[data-variant="solid"], .for-email-login .es-button[data-variant="solid"], .for-forgot .es-button[data-variant="solid"], .for-signup .es-button[data-variant="solid"], .for-login-with-email-link .es-button[data-variant="solid"] { background: var(--mutsek-navy) !important; border-color: var(--mutsek-navy) !important; color: #FFFFFF !important; border-radius: 10px !important; } .for-login .es-button[data-variant="solid"]:hover, .for-email-login .es-button[data-variant="solid"]:hover, .for-forgot .es-button[data-variant="solid"]:hover, .for-signup .es-button[data-variant="solid"]:hover, .for-login-with-email-link .es-button[data-variant="solid"]:hover { background: var(--mutsek-emerald) !important; border-color: var(--mutsek-emerald) !important; } .for-login .form-control:focus, .for-email-login .form-control:focus, .for-forgot .form-control:focus, .for-signup .form-control:focus, .for-login-with-email-link .form-control:focus { border-color: var(--mutsek-emerald) !important; box-shadow: 0 0 0 3px rgba(16, 185, 129, 0.10) !important; } /* Avoid generic image distortion in Frappe surfaces */ .app-logo { object-fit: contain; } /* MUTSEK_LOGIN_CENTER_V2_BEGIN */ /* * MUT-SEK login identity. * Override Frappe v16's left-aligned login header only. * No Frappe core files are changed. */ .for-login .page-card-head, .for-email-login .page-card-head, .for-forgot .page-card-head, .for-signup .page-card-head, .for-login-with-email-link .page-card-head { display: flex !important; flex-direction: column !important; align-items: center !important; justify-content: center !important; width: 100% !important; text-align: center !important; } .for-login .page-card-head .app-logo, .for-email-login .page-card-head .app-logo, .for-forgot .page-card-head .app-logo, .for-signup .page-card-head .app-logo, .for-login-with-email-link .page-card-head .app-logo { display: block !important; position: static !important; float: none !important; align-self: center !important; width: auto !important; height: auto !important; max-width: 175px !important; max-height: 92px !important; margin: 0 auto 14px auto !important; object-fit: contain !important; } .for-login .page-card-head-text, .for-email-login .page-card-head-text, .for-forgot .page-card-head-text, .for-signup .page-card-head-text, .for-login-with-email-link .page-card-head-text { display: flex !important; flex-direction: column !important; align-items: center !important; justify-content: center !important; width: 100% !important; margin: 0 !important; text-align: center !important; } .for-login .page-card-head-text h4, .for-email-login .page-card-head-text h4, .for-forgot .page-card-head-text h4, .for-signup .page-card-head-text h4, .for-login-with-email-link .page-card-head-text h4, .for-login .page-card-head-text p, .for-email-login .page-card-head-text p, .for-forgot .page-card-head-text p, .for-signup .page-card-head-text p, .for-login-with-email-link .page-card-head-text p { width: 100% !important; text-align: center !important; } /* * Phase 1.6B originally added an extra pseudo brand label. * The actual Frappe heading already contains MUT-SEK TECH, * so suppress the duplicate. */ .for-login .page-card-head-text::before, .for-email-login .page-card-head-text::before, .for-forgot .page-card-head-text::before, .for-signup .page-card-head-text::before, .for-login-with-email-link .page-card-head-text::before { content: none !important; display: none !important; } /* MUTSEK_LOGIN_CENTER_V2_END */