/* PandaBooks look for the website pages that come with Frappe: sign in, forgot password, set password, messages. */
:root {
	--pw-bg: #f6f3ec; --pw-card: #ffffff; --pw-ink: #0b0c0f; --pw-muted: #56534d; --pw-line: #d9d3c4; --pw-brand: #0b0c0f; --pw-brand-dark: #2a2d34; --pw-brand-ink: #fef3e2; --pw-edge: #8a8576; --pw-glow: rgba(11,12,15,.10); --pw-ring: #0b0c0f;
}
@media (prefers-color-scheme: dark) {
	:root { --pw-bg: #0b0c0f; --pw-card: #16181d; --pw-ink: #f4efe4; --pw-muted: #b0aa9d; --pw-line: #34373f; --pw-brand: #fef3e2; --pw-brand-dark: #e6d9bf; --pw-brand-ink: #0b0c0f; --pw-edge: #6b6e77; --pw-glow: rgba(254,243,226,.07); --pw-ring: #fef3e2; }
}
body[data-path="login"], body[data-path="update-password"], body[data-path="message"], body[data-path="me"], body[data-path="404"] {
	background: radial-gradient(1200px 500px at 50% -120px, var(--pw-glow), transparent 70%), var(--pw-bg);
	color: var(--pw-ink); font-family: Inter, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif; font-weight: 500; min-height: 100vh;
}
:is(body[data-path="login"], body[data-path="update-password"], body[data-path="message"], body[data-path="me"], body[data-path="404"]) .navbar { background: transparent !important; box-shadow: none; border: 0; }
:is(body[data-path="login"], body[data-path="update-password"], body[data-path="message"], body[data-path="me"], body[data-path="404"]) .navbar .navbar-brand { font-weight: 800; color: var(--pw-brand-dark); }
:is(body[data-path="login"], body[data-path="update-password"], body[data-path="message"], body[data-path="me"], body[data-path="404"]) .navbar .navbar-brand img { max-height: 34px; }
:is(body[data-path="login"], body[data-path="update-password"], body[data-path="message"], body[data-path="me"], body[data-path="404"]) .navbar .nav-link { font-weight: 700; color: var(--pw-brand) !important; }
body[data-path="login"] .page-card-head, body[data-path="update-password"] .page-card-head { padding-top: 26px; }
body[data-path="login"] .page-card-head img.app-logo { max-height: 74px; height: 74px; width: 74px; border-radius: 50%; background: #fef3e2; padding: 4px; box-shadow: 0 6px 18px rgba(11,12,15,.18), 0 0 0 3px var(--pw-ring); }
body[data-path="update-password"] .page-card-head::before {
	content: ""; display: block; width: 74px; height: 74px; margin: 0 auto 4px; border-radius: 50%; background: #fef3e2 url(/assets/pandabooks_inventory/images/panda-badge-96.png) center / 62px no-repeat;
	box-shadow: 0 6px 18px rgba(11,12,15,.18), 0 0 0 3px var(--pw-ring);
}
:is(body[data-path="login"], body[data-path="update-password"], body[data-path="message"], body[data-path="me"], body[data-path="404"]) .page-card-head h4, :is(body[data-path="login"], body[data-path="update-password"], body[data-path="message"], body[data-path="me"], body[data-path="404"]) .reset-password-heading { font-size: 24px !important; font-weight: 800 !important; color: var(--pw-ink) !important; letter-spacing: -.01em; }
:is(body[data-path="login"], body[data-path="update-password"], body[data-path="message"], body[data-path="me"], body[data-path="404"]) .page-card {
	background: var(--pw-card); color: var(--pw-ink); border: 2px solid var(--pw-line); border-radius: 18px; padding: 26px 24px;
	box-shadow: 0 18px 44px rgba(11,12,15,.10); max-width: 440px; margin: 10px auto 24px;
}
:is(body[data-path="login"], body[data-path="update-password"], body[data-path="message"], body[data-path="me"], body[data-path="404"]) .form-control, :is(body[data-path="login"], body[data-path="update-password"], body[data-path="message"], body[data-path="me"], body[data-path="404"]) .login-content .form-control {
	font-size: 17px; font-weight: 600; min-height: 50px; border: 2px solid var(--pw-edge) !important; border-radius: 11px; background: var(--pw-card) !important; color: var(--pw-ink) !important; box-shadow: none;
}

:is(body[data-path="login"], body[data-path="update-password"], body[data-path="message"], body[data-path="me"], body[data-path="404"]) .form-control::placeholder { font-weight: 500; color: var(--pw-muted); opacity: .8; }
:is(body[data-path="login"], body[data-path="update-password"], body[data-path="message"], body[data-path="me"], body[data-path="404"]) .form-control:focus { border-color: var(--pw-brand); box-shadow: 0 0 0 4px var(--pw-glow); }
:is(body[data-path="login"], body[data-path="update-password"], body[data-path="message"], body[data-path="me"], body[data-path="404"]) .btn-primary, :is(body[data-path="login"], body[data-path="update-password"], body[data-path="message"], body[data-path="me"], body[data-path="404"]) .btn-primary:focus {
	background: var(--pw-brand) !important; border-color: var(--pw-brand) !important; color: var(--pw-brand-ink) !important; font-weight: 800; font-size: 16px; min-height: 48px; border-radius: 11px; box-shadow: 0 6px 16px rgba(11,12,15,.22);
}
:is(body[data-path="login"], body[data-path="update-password"], body[data-path="message"], body[data-path="me"], body[data-path="404"]) .btn-primary:hover { background: var(--pw-brand-dark) !important; color: var(--pw-brand-ink) !important; }
:is(body[data-path="login"], body[data-path="update-password"], body[data-path="message"], body[data-path="me"], body[data-path="404"]) .btn-primary[disabled], :is(body[data-path="login"], body[data-path="update-password"], body[data-path="message"], body[data-path="me"], body[data-path="404"]) .btn-primary:disabled { opacity: .55; box-shadow: none; }
:is(body[data-path="login"], body[data-path="update-password"], body[data-path="message"], body[data-path="me"], body[data-path="404"]) .btn-default, :is(body[data-path="login"], body[data-path="update-password"], body[data-path="message"], body[data-path="me"], body[data-path="404"]) .btn-login-option, :is(body[data-path="login"], body[data-path="update-password"], body[data-path="message"], body[data-path="me"], body[data-path="404"]) .login-content .btn-default { font-weight: 700; border: 2px solid var(--pw-line) !important; border-radius: 11px; min-height: 46px; background: var(--pw-card) !important; color: var(--pw-brand) !important; }
:is(body[data-path="login"], body[data-path="update-password"], body[data-path="message"], body[data-path="me"], body[data-path="404"]) a { color: var(--pw-brand); font-weight: 700; }
:is(body[data-path="login"], body[data-path="update-password"], body[data-path="message"], body[data-path="me"], body[data-path="404"]) .text-muted, :is(body[data-path="login"], body[data-path="update-password"], body[data-path="message"], body[data-path="me"], body[data-path="404"]) .forgot-password-message a, :is(body[data-path="login"], body[data-path="update-password"], body[data-path="message"], body[data-path="me"], body[data-path="404"]) .toggle-password { color: var(--pw-muted) !important; font-weight: 600; }
:is(body[data-path="login"], body[data-path="update-password"], body[data-path="message"], body[data-path="me"], body[data-path="404"]) .password-strength-indicator { margin-top: 6px; }
:is(body[data-path="login"], body[data-path="update-password"], body[data-path="message"], body[data-path="me"], body[data-path="404"]) .indicator.gray { background: var(--pw-line); color: var(--pw-ink); }
/* the footer: only "Powered by CYNKTRONTECH" */
:is(body[data-path="login"], body[data-path="update-password"], body[data-path="message"], body[data-path="me"], body[data-path="404"]) .web-footer { display: block !important; background: transparent !important; border: 0; padding: 8px 0 28px; }
:is(body[data-path="login"], body[data-path="update-password"], body[data-path="message"], body[data-path="me"], body[data-path="404"]) .web-footer .footer-links, :is(body[data-path="login"], body[data-path="update-password"], body[data-path="message"], body[data-path="me"], body[data-path="404"]) .web-footer .footer-logo-extension { display: none; }
:is(body[data-path="login"], body[data-path="update-password"], body[data-path="message"], body[data-path="me"], body[data-path="404"]) .web-footer .footer-info .row { justify-content: center; }
:is(body[data-path="login"], body[data-path="update-password"], body[data-path="message"], body[data-path="me"], body[data-path="404"]) .web-footer .footer-col-left:empty { display: none; }
:is(body[data-path="login"], body[data-path="update-password"], body[data-path="message"], body[data-path="me"], body[data-path="404"]) .web-footer .footer-powered { flex: 0 0 100%; max-width: 100%; text-align: center !important; color: var(--pw-muted); font-weight: 600; font-size: 14px; }
:is(body[data-path="login"], body[data-path="update-password"], body[data-path="message"], body[data-path="me"], body[data-path="404"]) .web-footer .footer-powered a { color: var(--pw-brand); font-weight: 800; letter-spacing: .06em; text-decoration: none; }
:is(body[data-path="login"], body[data-path="update-password"], body[data-path="message"], body[data-path="me"], body[data-path="404"]) .web-footer .footer-powered a:hover { text-decoration: underline; }

/* links that only carry the page colour in the light look */
:is(body[data-path="login"], body[data-path="update-password"], body[data-path="message"], body[data-path="me"], body[data-path="404"]) a { text-decoration: underline; text-underline-offset: 3px; }
:is(body[data-path="login"], body[data-path="update-password"], body[data-path="message"], body[data-path="me"], body[data-path="404"]) .btn-primary { text-decoration: none; }