/* Clearline standalone access, customer-document and form presentation. */
@media screen and (min-width:992px) {
@font-face {font-family:'Clearline Archivo';font-style:normal;font-weight:400;font-display:swap;src:url('clearline-client-fonts/archivo-regular.woff2') format('woff2')}
@font-face {font-family:'Clearline Archivo';font-style:normal;font-weight:500;font-display:swap;src:url('clearline-client-fonts/archivo-medium.woff2') format('woff2')}
@font-face {font-family:'Clearline Archivo';font-style:normal;font-weight:600;font-display:swap;src:url('clearline-client-fonts/archivo-semibold.woff2') format('woff2')}
@font-face {font-family:'Clearline Archivo';font-style:normal;font-weight:700;font-display:swap;src:url('clearline-client-fonts/archivo-bold.woff2') format('woff2')}
@font-face {font-family:'Clearline Mono';font-style:normal;font-weight:400;font-display:swap;src:url('clearline-client-fonts/mono-regular.woff2') format('woff2')}
@font-face {font-family:'Clearline Mono';font-style:normal;font-weight:500;font-display:swap;src:url('clearline-client-fonts/mono-medium.woff2') format('woff2')}
@font-face {font-family:'Clearline Mono';font-style:normal;font-weight:700;font-display:swap;src:url('clearline-client-fonts/mono-bold.woff2') format('woff2')}
}
/* AUTH: add the desktop stylesheet head link to LOGIN, MFA_VERIFY, MFA_SETUP,
   RECOVERY and account/reset/invitation standalone templates. Fonts must also load.
   If using the client stylesheet, contain its .page-wrapper offset to signed-in pages. */
@media screen and (min-width:992px) {
html.auth-page body.login-shell {
 background:#f6f9fa;color:#26383e;font:17px/1.6 'Clearline Archivo',Archivo,Arial,sans-serif;
}
html.auth-page .login-shell::before,html.auth-page .login-shell::after {content:none}
html.auth-page .login-wrap,html.auth-page .login-wrap .page {background:transparent}
html.auth-page .container-tight {max-width:540px;padding-top:44px!important;padding-bottom:44px!important}
html.auth-page .login-brand {text-align:left;color:#26383e;margin-bottom:30px!important}
html.auth-page .login-brand-link {display:block;color:#26383e;background:transparent;border:0;padding:0;margin:0;box-shadow:none}
html.auth-page .login-brand img {content:url("/static/clearline-client-logo.svg");width:260px;height:auto;max-width:100%}
html.auth-page .login-brand-sub {font:400 17px/1.6 'Clearline Archivo',Archivo,Arial,sans-serif;color:#56686e}
html.auth-page .login-card {background:white;border:0;border-top:2px solid #b7ced1;border-radius:0;box-shadow:none}
html.auth-page .login-card .card-body {padding:32px!important}
html.auth-page :is(h1,h2,.h2) {font:500 30px/1.3 'Clearline Archivo',Archivo,Arial,sans-serif;letter-spacing:-.025em;color:#26383e}
html.auth-page :is(.auth-intro,p,.form-text,.small,small,.form-label,.form-check-label,code) {font-size:16px;line-height:1.6}
html.auth-page .auth-intro {font-size:17px;color:#56686e;margin:12px 0 26px}
html.auth-page :is(input,select,textarea,.form-control,.btn) {font:400 17px/1.5 'Clearline Archivo',Archivo,Arial,sans-serif;border-radius:0;min-height:46px}
html.auth-page .form-control {background:white;color:#26383e;border:1px solid #b7cbd0;box-shadow:none;padding:10px 12px}
html.auth-page .btn:not(.btn-primary) {border:0;background:transparent;color:#246b73;box-shadow:none}
html.auth-page .btn-primary {background:#246b73;border:1px solid #246b73;color:white;border-radius:0;box-shadow:none}
html.auth-page .input-group .btn {border:1px solid #b7cbd0;border-left:0;padding:10px 16px}
html.auth-page .login-wrap a[href]:not(.btn-primary):not(.login-brand-link) {
 color:#246b73!important;border:0;background:transparent!important;box-shadow:none;padding:8px 0;margin:0;border-radius:0;text-decoration:none;min-height:44px;
}
html.auth-page .auth-setup-container {max-width:1040px}
html.auth-page .auth-setup-step {border:0;border-top:1px solid #d9e3e6;background:transparent;border-radius:0;padding:24px 0}
html.auth-page .auth-manual {border:0;border-top:1px solid #d9e3e6;background:#f6f9fa;border-radius:0;padding:14px 18px}
html.auth-page .auth-recovery-grid code {background:#f6f9fa;border:1px solid #d9e3e6;border-radius:0;color:#26383e;font-family:'Clearline Mono',monospace}
html.auth-page .alert-danger {color:#902e2e;background:#fff6f4;border:0;border-left:2px solid #a53232;border-radius:0}
}

/* STANDALONE ACCESS / ISSUER DOCUMENTS: integrate into clearline-access.css.
   Recommendation: helper assigns html.clearline-access body:not(.login-shell); issuer documents also .cl-document.
   Marker scoping avoids accidental branding/style changes to frozen HTML or PDF. */
@media screen and (min-width:992px) {
html.clearline-access body:not(.login-shell) {margin:0;padding:48px 32px;background:#f6f9fa;color:#26383e;font:17px/1.65 'Clearline Archivo',Archivo,Arial,sans-serif}
html.clearline-access body:not(.login-shell)>main {width:100%;max-width:780px;margin:0 auto;padding:36px 40px;background:white;border:0;border-top:2px solid #b7ced1;border-radius:0;box-shadow:none;overflow-wrap:anywhere}
html.clearline-access body:not(.login-shell) :is(h1,h2,h3) {color:#26383e;font-family:inherit;font-weight:500;line-height:1.3;letter-spacing:-.025em}
html.clearline-access body:not(.login-shell) h1 {font-size:32px;margin:0 0 22px}
html.clearline-access body:not(.login-shell) h2 {font-size:25px;margin:26px 0 18px}
html.clearline-access body:not(.login-shell) h3 {font-size:20px;margin:22px 0 16px}
html.clearline-access body:not(.login-shell) :is(p,small,label,legend,li,dt,dd,button,input,select,textarea) {font-size:16px;line-height:1.6}
html.clearline-access body:not(.login-shell) p {font-size:17px;margin:15px 0;color:#56686e}
html.clearline-access body:not(.login-shell) a {color:#246b73;text-decoration:none!important;background:transparent;border:0;border-radius:0;box-shadow:none}
html.clearline-access body:not(.login-shell) a:hover {color:#1b565d;background:#edf3f4;text-decoration:none!important}
html.clearline-access body:not(.login-shell) :is(a,button,summary,input,select,textarea):focus-visible {outline:2px solid #246b73;outline-offset:4px}
html.clearline-access body:not(.login-shell) form {margin-top:24px}
html.clearline-access body:not(.login-shell) label {display:block;margin:20px 0;font-weight:500}
html.clearline-access body:not(.login-shell) :is(input,select,textarea):not([type=hidden]):not([type=checkbox]):not([type=radio]) {display:block;width:100%;max-width:100%;min-height:46px;margin-top:8px;padding:10px 12px;border:1px solid #b7cbd0;border-radius:0;background:white;color:#26383e;font-family:inherit}
html.clearline-access body:not(.login-shell) :is(input[type=checkbox],input[type=radio]) {accent-color:#246b73;width:20px;height:20px;vertical-align:middle;margin-right:8px}
html.clearline-access body:not(.login-shell) :is(button[type=submit],button:not([type]),.btn-primary) {display:inline-flex;align-items:center;gap:8px;min-height:46px;padding:10px 18px;background:#246b73;color:white;border:1px solid #246b73;border-radius:0;box-shadow:none;font-family:inherit;font-weight:500}
html.clearline-access body:not(.login-shell) :is(button[type=submit],button:not([type]),.btn-primary):hover {background:#1b565d;color:white}
html.clearline-access body:not(.login-shell) :is(button[type=button],.btn-outline-secondary) {background:transparent;border:0;color:#246b73;box-shadow:none;border-radius:0;padding:8px 0;min-height:44px}
html.clearline-access body:not(.login-shell) :is([role=alert],.error,.alert-danger) {color:#902e2e;background:#fff6f4;border:0;border-left:2px solid #a53232;border-radius:0;padding:14px 18px}
html.clearline-access body:not(.login-shell) table {width:100%;border-collapse:collapse;font-size:16px;line-height:1.55;font-family:inherit}
html.clearline-access body:not(.login-shell) :is(th,td) {padding:14px 8px;text-align:left;border-bottom:1px solid #d9e3e6;font-size:16px}
html.clearline-access body:not(.login-shell) th {font-weight:500;background:#f6f9fa;color:#56686e}
html.clearline-access body:not(.login-shell) .amount {text-align:right;font-family:'Clearline Mono',monospace;font-variant-numeric:tabular-nums;white-space:nowrap}
html.clearline-access body:not(.login-shell) .scroll {max-width:100%;overflow-x:auto}
html.clearline-access body:not(.login-shell) dt {font-weight:500;color:#56686e}
html.clearline-access body:not(.login-shell) dd {margin:0 0 16px}
html.clearline-access.cl-document body:not(.login-shell) {background:white}
html.clearline-access.cl-document body:not(.login-shell)>main {max-width:920px;border-top:0;padding-top:12px}
/* No logo insertion, issuer-name replacement, automatic status recoloring,
   fixed-currency formatting, language hiding or print styling is applied here. */
}

@media screen and (min-width:992px) {
html.clearline-access {background:#f6f9fa;color:#26383e;scrollbar-color:#b7ced1 #f6f9fa}
html.clearline-access body:not(.login-shell) {box-sizing:border-box;width:100%;max-width:none;min-height:100vh}
html.clearline-access body:not(.login-shell)>main {box-sizing:border-box}
html.clearline-access:not(.cl-document) main>a>img[alt="Jia Liu Accounting"],html.auth-page.clearline-access .login-brand img {content:url('clearline-client-logo.svg');width:260px;max-width:100%;height:auto}
html.auth-page.clearline-access .login-brand-link {color:#26383e!important}
html.auth-page.clearline-access .login-brand-sub {text-transform:none;letter-spacing:0;font-size:17px;color:#56686e;margin-top:14px}
html.auth-page.clearline-access .login-card h1,html.auth-page.clearline-access .login-card h2 {font-family:'Clearline Archivo',Arial,sans-serif;font-weight:500}
html.auth-page.clearline-access .form-check-input {min-height:0;accent-color:#246b73}
html.auth-page.clearline-access .auth-step-number {background:transparent;color:#246b73;border:1px solid #b7ced1;border-radius:0;box-shadow:none}
html.auth-page.clearline-access .auth-manual button {font-size:16px;border-radius:0}
html.auth-page.clearline-access .auth-recovery-grid code {font-size:16px;line-height:1.6}
html.clearline-access .error-actions {gap:12px 24px;align-items:center}
html.clearline-access :is(.btn,button,input,select,textarea) {font-family:'Clearline Archivo',Arial,sans-serif}
html.clearline-access:not(.auth-page) h1+ p {max-width:65ch}
html.clearline-access:not(.auth-page) fieldset {border:0;border-top:1px solid #d9e3e6;padding:20px 0;margin:24px 0}
html.clearline-access:not(.auth-page) legend {font-size:20px;color:#26383e;font-weight:500;padding:0 12px 0 0}
html.clearline-access [hidden] {display:none!important}
}

@media screen and (min-width:992px) {
html.auth-page.clearline-access .btn-primary,html.auth-page.clearline-access .btn-primary:hover,html.auth-page.clearline-access .btn-primary:focus-visible {color:#fff!important;--tblr-btn-color:#fff;--tblr-btn-hover-color:#fff;--tblr-btn-active-color:#fff;--tblr-btn-disabled-color:#fff}
}

@media screen and (min-width:992px) {
html.auth-page.clearline-access .auth-manual>summary {font-size:16px;line-height:1.6}
html.clearline-access .wp-brand {max-width:780px;margin:0 auto 24px;padding:0}
html.clearline-access .wp-brand img[alt="Jia Liu Accounting"] {content:url('clearline-client-logo.svg');width:260px;max-width:100%;height:auto}
}

@media screen and (min-width:992px) {
html.auth-page.clearline-access .auth-setup-step h2 {display:flex;align-items:baseline;gap:10px;font-size:22px;line-height:1.35}
html.auth-page.clearline-access .auth-setup-step h2 .auth-step-number {flex:none}
html.clearline-access body:not(.login-shell) button.cl-secondary-action {background:transparent;border:0;color:#902e2e;padding:10px 0;margin-left:18px;box-shadow:none}
html.clearline-access body:not(.login-shell) button.cl-secondary-action:hover {background:#fff1f1;color:#902e2e}
}