/* Melons Books 1.0.1 · Login-only styles. Never loaded in the accounting app. */
body.login.melons-login {
    --mb-ink:#213642; --mb-muted:#667985; --mb-line:#dce6e9;
    --mb-brand:#11877d; --mb-brand-hover:#096f68; --mb-mint:#8fe1c3;
    margin:0; padding:0; width:100%; min-width:280px; min-height:100vh;
    background:#f7f9fa; color:var(--mb-ink);
    font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;
    font-size:14px; font-weight:400; -webkit-font-smoothing:antialiased;
}
.melons-login *, .melons-login *::before, .melons-login *::after { box-sizing:border-box; }
.melons-login a { color:var(--mb-brand-hover); text-decoration:none; transition:color .15s ease; }
.melons-login a:hover { color:#07594f; }
.melons-login a:focus-visible, .melons-login button:focus-visible,
.melons-login input:focus-visible { outline:3px solid #72bba9; outline-offset:3px; box-shadow:none; }
.melons-login .mb-auth-shell { display:grid; grid-template-columns:43% minmax(0,1fr); min-height:100vh; min-height:100svh; padding:18px; gap:18px; }
.melons-login .mb-auth-story {
    display:flex; flex-direction:column; position:relative; isolation:isolate;
    padding:42px clamp(32px,4vw,70px) 32px; min-height:720px; border-radius:20px;
    color:#f4fbfc; background:radial-gradient(ellipse at 0 100%,#1e514c 0,transparent 66%),#172e39;
    overflow:hidden;
}
.melons-login .mb-auth-brand { display:flex; align-items:center; gap:12px; color:#fff; position:relative; z-index:2; align-self:flex-start; }
.melons-login .mb-auth-brand:hover { color:#fff; }
.melons-login .mb-auth-mark { width:40px; height:40px; border-radius:12px; display:grid; place-items:center; background:#79d6b9; color:#173e36; font-size:31px; font-weight:600; line-height:1; padding-bottom:3px; }
.melons-login .mb-auth-brand-name { display:block; font-size:18px; font-weight:550; letter-spacing:-.4px; }
.melons-login .mb-auth-brand-tagline { display:block; margin-top:5px; font-size:9px; font-weight:400; letter-spacing:1.55px; text-transform:uppercase; color:#b0c9cc; }
.melons-login .mb-auth-story-content { position:relative; z-index:2; margin:auto 0; padding:66px 0 64px; width:100%; max-width:485px; align-self:center; }
.melons-login .mb-auth-eyebrow { display:flex; align-items:center; gap:9px; font-size:9px; font-weight:500; letter-spacing:1.7px; color:#b9d3d3; }
.melons-login .mb-auth-eyebrow > span { display:block; width:6px; height:6px; border-radius:50%; background:#83d9b9; flex-shrink:0; }
.melons-login .mb-auth-story h2 { margin:27px 0 21px; font-size:clamp(35px,3.35vw,53px); line-height:1.16; letter-spacing:-1.7px; font-weight:500; color:#f4fbfc; }
.melons-login .mb-auth-story h2 em { font-style:normal; font-weight:400; color:#9de4c7; }
.melons-login .mb-auth-story-content > p { max-width:360px; margin:0; font-size:13px; line-height:1.9; color:#b9cfd3; }
.melons-login .mb-auth-workflow { margin-top:43px; padding:19px 20px 21px; border:1px solid #8cd4c12b; border-radius:13px; background:#defff508; }
.melons-login .mb-auth-workflow-heading { display:flex; align-items:center; justify-content:space-between; gap:12px; color:#cbe0df; font-size:10px; letter-spacing:.2px; padding-bottom:17px; margin-bottom:19px; border-bottom:1px solid #b1dfd31a; }
.melons-login .mb-auth-connected-dot { width:5px; height:5px; background:#8ee2bc; border-radius:50%; box-shadow:0 0 0 4px #83d9b914; }
.melons-login .mb-auth-workflow-steps { display:grid; grid-template-columns:1fr 17px 1fr 17px 1fr; gap:4px; text-align:center; align-items:center; }
.melons-login .mb-auth-step-icon { display:grid; place-items:center; width:35px; height:35px; margin:0 auto 10px; border:1px solid #a6dfcf25; border-radius:10px; background:#d2ffee08; color:#9ddfc8; }
.melons-login .mb-auth-workflow strong { display:block; font-size:11px; font-weight:500; color:#e3f4ee; }
.melons-login .mb-auth-workflow small { display:block; margin-top:6px; font-size:9px; font-weight:400; color:#afc7c8; white-space:nowrap; }
.melons-login .mb-auth-step-arrow { color:#a1c7c177; align-self:start; margin-top:9px; }
.melons-login .mb-auth-icon { width:18px; height:18px; vertical-align:middle; flex-shrink:0; }
.melons-login .mb-auth-story-footer { position:relative; z-index:2; display:flex; align-items:center; gap:11px; font-size:10px; letter-spacing:.2px; color:#b4cece; }
.melons-login .mb-auth-foot-rule { height:1px; width:22px; background:#79bca7; }
.melons-login .mb-auth-orbit { position:absolute; z-index:-1; width:620px; height:620px; border-radius:50%; border:1px solid #91d4bb0d; pointer-events:none; }
.melons-login .mb-auth-orbit-one { right:-310px; bottom:-320px; }
.melons-login .mb-auth-orbit-two { right:-280px; bottom:-352px; width:520px; height:520px; }
.melons-login .mb-auth-main { min-width:0; display:flex; flex-direction:column; position:relative; padding:28px clamp(28px,4vw,70px) 16px; }
.melons-login .mb-auth-main-top { display:flex; align-items:center; justify-content:flex-end; }
.melons-login .mb-auth-private { display:flex; align-items:center; gap:7px; font-size:9px; letter-spacing:1.2px; color:#647985; }
.melons-login .mb-auth-private .mb-auth-icon { width:13px; height:13px; color:#739288; }
.melons-login .mb-auth-form-region { width:100%; max-width:382px; align-self:center; margin:auto 0; padding:62px 0 72px; }
.melons-login .mb-auth-intro { margin-bottom:28px; }
.melons-login .mb-auth-form-mark { display:grid; place-items:center; position:relative; width:44px; height:44px; border:1px solid #c8e7dc; border-radius:13px; background:#e6f5ee; color:#296b56; font-size:32px; font-weight:500; line-height:1; padding-bottom:3px; margin-bottom:26px; }
.melons-login .mb-auth-form-mark > span { position:absolute; top:-3px; right:-3px; width:11px; height:11px; border-radius:50%; background:#78c7a8; border:3px solid #f7f9fa; }
.melons-login .mb-auth-form-eyebrow { margin:0 0 10px; font-size:10px; letter-spacing:1.75px; font-weight:500; color:#527c70; }
.melons-login .mb-auth-intro h1 { margin:0 0 11px; font-size:29px; font-weight:550; letter-spacing:-.9px; line-height:1.3; color:var(--mb-ink); text-align:start; }
.melons-login .mb-auth-intro-text { font-size:13px; line-height:1.75; color:var(--mb-muted); margin:0; }
.melons-login #login { width:100%; margin:0; padding:0; animation:none !important; }
.melons-login #login > h1, .melons-login #backtoblog { display:none; }
.melons-login #login form { margin:0; padding:0; background:transparent; border:0; border-radius:0; box-shadow:none; overflow:visible; font-weight:400; }
.melons-login #login form p { margin:0 0 20px; }
.melons-login #login label { display:block; margin:0 0 8px; font-family:inherit; font-size:12px; font-weight:500; color:#354f5c; line-height:1.5; }
.melons-login #login input[type=text], .melons-login #login input[type=password], .melons-login #login input[type=email] {
    display:block; width:100%; height:46px; min-height:46px; margin:8px 0 0; padding:10px 13px;
    border:1px solid #d6e1e5; border-radius:7px; background:#fff; color:var(--mb-ink);
    box-shadow:0 2px 3px #0d2a3910; font-family:inherit; font-size:14px; line-height:1.5; font-weight:400;
    transition:border-color .15s ease,box-shadow .15s ease;
}
.melons-login #login input::placeholder { color:#6c7d88; opacity:1; }
.melons-login #login input[type=text]:focus, .melons-login #login input[type=password]:focus, .melons-login #login input[type=email]:focus { border-color:#348f7c; box-shadow:0 0 0 3px #238d7912; outline:none; }
.melons-login #login input:-webkit-autofill { -webkit-box-shadow:0 0 0 1000px #f3faf7 inset; -webkit-text-fill-color:#213642; }
.melons-login #login .wp-pwd { position:relative; margin-bottom:20px; }
.melons-login #login .wp-pwd input { padding-inline-end:46px; margin-top:0; }
.melons-login #login .wp-pwd .button.wp-hide-pw { position:absolute; top:0; right:3px; width:42px; height:46px; min-height:46px; border:0; background:transparent; padding:0; margin:0; box-shadow:none; color:#6d808c; border-radius:6px; }
.melons-login #login .wp-pwd .button.wp-hide-pw:hover { color:var(--mb-brand); }
.melons-login #login .wp-hide-pw .dashicons { display:none; }
.melons-login #login .wp-hide-pw::before { content:""; display:block; width:19px; height:19px; margin:auto; background:currentColor; mask:center/contain no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2 12s4-7 10-7 10 7 10 7-4 7-10 7S2 12 2 12Z'/%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3C/svg%3E"); }
.melons-login #login .wp-hide-pw:has(.dashicons-hidden)::before { mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m3 3 18 18M10 5.2a11 11 0 0 1 2-.2c6 0 10 7 10 7s-1.4 2.5-4 4.5M6 6.6C3.5 8.7 2 12 2 12s4 7 10 7a12 12 0 0 0 5-1.2M9.9 9.9a3 3 0 0 0 4.2 4.2'/%3E%3C/svg%3E"); }
.melons-login #login input[type=checkbox] { appearance:auto; width:15px; height:15px; min-width:15px; margin:0 7px 0 0; vertical-align:middle; accent-color:var(--mb-brand); border-radius:3px; }
.melons-login #login input[type=checkbox]::before { display:none; }
.melons-login #login .forgetmenot { display:flex; align-items:center; float:none; margin:0 0 22px; }
.melons-login #login .forgetmenot label { display:flex; align-items:center; gap:0; font-size:11px; font-weight:400; margin:0; color:#526873; }
.melons-login #login .submit { display:block; margin:0; padding:0; clear:both; }
.melons-login #login .button-primary {
    display:block; float:none; width:100%; min-height:46px; height:auto; margin:0; padding:11px 16px;
    font-family:inherit; font-size:13px; font-weight:500; line-height:1.7; text-align:center;
    background:var(--mb-brand); border:1px solid var(--mb-brand); color:#fff; border-radius:7px;
    box-shadow:0 3px 6px #117f7616; text-shadow:none; cursor:pointer; transition:background .15s ease;
}
.melons-login #login .button-primary:hover { background:var(--mb-brand-hover); border-color:var(--mb-brand-hover); color:#fff; }
.melons-login #login .button-primary:disabled { cursor:not-allowed; opacity:.55; }
.melons-login #login .button:not(.button-primary):not(.wp-hide-pw) { font:inherit; font-size:12px; padding:7px 13px; height:auto; min-height:36px; border:1px solid #cadbdc; border-radius:6px; background:#fff; color:#2e665a; text-decoration:none; box-shadow:none; }
.melons-login #login #nav { margin:21px 0 0; padding:0; text-align:center; font-size:11px; line-height:1.7; color:#71818a; }
.melons-login #login #nav a { color:var(--mb-brand-hover); font-weight:500; }
.melons-login .mb-auth-login-options { display:flex; justify-content:space-between; align-items:center; gap:12px; margin:0 0 23px; }
.melons-login #login .mb-auth-login-options .forgetmenot, .melons-login #login .mb-auth-login-options #nav { margin:0; padding:0; text-align:end; }
.melons-login #login .mb-auth-login-options #nav a { font-size:11px; font-weight:500; }
.melons-login .mb-auth-access-note { margin:27px 0 0; padding-top:23px; border-top:1px solid #e3eaed; text-align:center; font-size:11px; line-height:1.6; color:#6b7d89; }
.melons-login .mb-auth-main-footer { display:flex; flex-wrap:wrap; justify-content:space-between; gap:12px; font-size:10px; letter-spacing:.1px; line-height:1.8; color:#71818b; margin-top:auto; }
.melons-login .mb-auth-main-footer > span:first-child { display:flex; align-items:center; gap:6px; }
.melons-login .mb-auth-main-footer .mb-auth-icon { width:12px; height:12px; }
.melons-login #login .message, .melons-login #login .notice, .melons-login #login #login_error {
    padding:13px 14px; margin:0 0 22px; border:1px solid #d6e8e1; border-inline-start:3px solid #529d87;
    background:#edf7f2; color:#305c4d; border-radius:7px; box-shadow:none; font-size:12px; line-height:1.7; overflow-wrap:anywhere;
}
.melons-login #login #login_error, .melons-login #login .notice-error { color:#83413f; border-color:#ead8d5; border-inline-start-color:#b86965; background:#fbf1ef; }
.melons-login #login .message p, .melons-login #login .notice p, .melons-login #login #login_error p { margin:0; }
.melons-login #login .notice ul { margin:0; padding-inline-start:16px; }
.melons-login #login .message strong, .melons-login #login .notice strong { font-weight:600; }
.melons-login #login .description, .melons-login #login .indicator-hint { font-size:11px; line-height:1.75; color:#617684; margin:15px 0; }
.melons-login #login #pass-strength-result { float:none; width:100%; min-height:32px; margin:10px 0; padding:7px 10px; border:1px solid #dae5e5; border-radius:6px; font-size:11px; line-height:1.6; background:#eef3f4; color:#48606a; }
.melons-login #login #pass-strength-result.strong { background:#e2f3e9; border-color:#add6ba; color:#276346; }
.melons-login #login #pass-strength-result.bad, .melons-login #login #pass-strength-result.short { background:#fbebeb; border-color:#e4baba; color:#8a4040; }
.melons-login #login #pass-strength-result.good { background:#fcf3de; border-color:#e1ce98; color:#78622a; }
.melons-login #login .pw-weak label { display:inline; font-weight:400; font-size:11px; margin:0; }
.melons-login #login .user-pass1-wrap > p:first-child { margin-bottom:8px; }
.melons-login #login .reset-pass-submit { display:flex; flex-wrap:wrap; gap:12px; margin-top:22px; }
.melons-login #login .reset-pass-submit .button-primary { flex-basis:100%; }
.melons-login #login .admin-email-confirm-form h1 { font-size:18px; line-height:1.4; color:var(--mb-ink); }
.melons-login #login .admin-email-confirm-form p { color:var(--mb-muted); font-size:12px; line-height:1.7; }
.melons-login #login .admin-email__actions { margin-top:18px; }
.melons-login #login .admin-email__actions-primary .button { margin-bottom:12px; }
.melons-login .language-switcher { margin:20px 0 0; padding:0; text-align:center; }
.melons-login .language-switcher form { display:flex; align-items:center; justify-content:center; gap:7px; flex-wrap:wrap; }
.melons-login .language-switcher select { max-width:200px; border:1px solid #d6e1e5; border-radius:6px; background:#fff; color:#526773; min-height:31px; font:inherit; font-size:11px; }
.melons-login .language-switcher .button { min-height:31px; padding:3px 9px; border:1px solid #d6e1e5; border-radius:6px; background:#fff; font:inherit; font-size:11px; line-height:1.8; color:#47675b; }
.melons-login #login .privacy-policy-page-link { margin:23px 0 0; font-size:11px; }
.melons-login .mb-auth-caps { margin:8px 0 0 !important; font-size:11px; color:#8a6027; }
.melons-login .mb-auth-caps[hidden] { display:none; }
.melons-login.interim-login .mb-auth-shell { display:block; min-height:100vh; padding:20px; }
.melons-login.interim-login .mb-auth-story, .melons-login.interim-login .mb-auth-main-top,
.melons-login.interim-login .mb-auth-main-footer, .melons-login.interim-login .mb-auth-access-note { display:none; }
.melons-login.interim-login .mb-auth-main { padding:10px; }
.melons-login.interim-login .mb-auth-form-region { padding:0; max-width:370px; }
.melons-login.interim-login .mb-auth-intro { margin-bottom:18px; }
.melons-login.interim-login .mb-auth-form-mark, .melons-login.interim-login .mb-auth-form-eyebrow { display:none; }
.melons-login.rtl .mb-auth-shell { direction:rtl; }
.melons-login.rtl #login .wp-pwd .button.wp-hide-pw { right:auto; left:3px; }
.melons-login.rtl #login input[type=checkbox] { margin-right:0; margin-left:7px; }
@media(min-width:1800px) {
    .melons-login .mb-auth-story { padding-left:clamp(70px,7vw,150px); padding-right:clamp(70px,7vw,150px); }
    .melons-login .mb-auth-story-content { align-self:flex-start; }
    .melons-login .mb-auth-form-region { max-width:405px; }
}
@media(max-width:1100px) {
    .melons-login .mb-auth-shell { grid-template-columns:42% minmax(0,1fr); }
    .melons-login .mb-auth-story { padding:33px 28px 29px; }
    .melons-login .mb-auth-eyebrow { font-size:8px; letter-spacing:1px; }
    .melons-login .mb-auth-workflow { padding:17px 12px; }
    .melons-login .mb-auth-workflow small { font-size:8px; }
    .melons-login .mb-auth-story h2 { font-size:39px; }
    .melons-login .mb-auth-story-content > p { font-size:12px; }
    .melons-login .mb-auth-desktop-break { display:none; }
}
@media(max-width:820px) {
    .melons-login .mb-auth-shell { display:flex; flex-direction:column; padding:0; gap:0; }
    .melons-login .mb-auth-story { flex:none; padding:22px 27px; min-height:0; border-radius:0; background:#172e39; overflow:visible; }
    .melons-login .mb-auth-story-content, .melons-login .mb-auth-story-footer, .melons-login .mb-auth-orbit { display:none; }
    .melons-login .mb-auth-mark { width:35px; height:35px; font-size:27px; border-radius:10px; }
    .melons-login .mb-auth-brand-name { font-size:17px; }
    .melons-login .mb-auth-brand-tagline { font-size:8px; margin-top:4px; letter-spacing:1.4px; }
    .melons-login .mb-auth-main { flex:1; padding:20px 27px 20px; }
    .melons-login .mb-auth-main-top { justify-content:center; }
    .melons-login .mb-auth-private { font-size:8px; }
    .melons-login .mb-auth-form-region { max-width:390px; padding:40px 0 42px; }
    .melons-login .mb-auth-form-mark { display:none; }
    .melons-login .mb-auth-intro h1 { font-size:28px; }
    .melons-login .mb-auth-intro { margin-bottom:26px; }
    .melons-login #login input[type=text], .melons-login #login input[type=password], .melons-login #login input[type=email] { font-size:16px; }
    .melons-login .mb-auth-main-footer { width:100%; max-width:390px; align-self:center; font-size:9px; }
}
@media(max-width:360px) {
    .melons-login .mb-auth-main, .melons-login .mb-auth-story { padding-left:20px; padding-right:20px; }
    .melons-login .mb-auth-intro h1 { font-size:26px; }
    .melons-login .mb-auth-login-options { flex-wrap:wrap; gap:13px; }
    .melons-login .mb-auth-main-footer { font-size:8px; }
}
@media(prefers-reduced-motion:reduce) { .melons-login * { animation:none !important; transition:none !important; scroll-behavior:auto !important; } }
@media(forced-colors:active) {
    .melons-login .mb-auth-story { border:1px solid CanvasText; }
    .melons-login #login .button-primary, .melons-login #login input { border:1px solid ButtonText; }
    .melons-login .mb-auth-form-mark, .melons-login .mb-auth-mark { border:1px solid CanvasText; }
}