/* MochiLab / MochiBot shared identity. No payment logic changes. */
:root{--mochi-primary:#0068ce;--mochi-primary-hover:#0053a6;--mochi-soft:#edf5ff;--mochi-ink:#17213a}
.site-header .brand-mark{display:inline-flex;flex-shrink:0;border-radius:0;overflow:visible}.brand-mark img{display:block;width:100%;height:100%;object-fit:cover}.brand-dot{color:var(--mochi-primary)}
body.site-public{--site-blue:var(--mochi-primary);--site-soft:#f4f8fe}
.site-public .web-main a,.site-public .site-header #main-nav a.active,.site-public .site-header #main-nav a:hover{color:var(--mochi-primary)}
.site-public .web-main a.button-primary,.site-public .button-primary,.site-public .register-button{background:var(--mochi-primary);border-color:var(--mochi-primary);color:#fff}
.site-public .web-main a.button-primary:hover,.site-public .button-primary:hover,.site-public .register-button:hover{background:var(--mochi-primary-hover)}
.site-public .web-main .button-secondary{color:var(--mochi-primary);background:#fff}.site-public :is(input,select,textarea,button,a):focus-visible{outline:3px solid #96c4f5;outline-offset:3px}
.mochibot-page .web-hero h1{max-width:930px}.mochibot-page .product-shots .product-intro{grid-column:1/-1;max-width:none}.mochibot-page .product-shots .product-intro img{width:100%;max-height:none;object-fit:contain;aspect-ratio:3/2;background:#f4f8fe}
@media(max-width:600px){.site-header .brand-mark{display:inline-flex;width:28px;height:28px}.site-header .brand{font-size:22px}}

.membership-page .membership-plan-grid{grid-template-columns:repeat(4,minmax(0,1fr));align-items:stretch}.membership-paid-plans{display:contents}.membership-page .membership-plan-grid>.membership-notice{grid-column:1/-1}.membership-free{background:#f4f8fe;border-color:#c5dcf4}.membership-free ul{padding-left:20px;line-height:1.8;margin-bottom:24px}.membership-page .button-primary{background:var(--mochi-primary);border-color:var(--mochi-primary);color:white}.membership-page .web-main a:not(.button){color:var(--mochi-primary)}
@media(max-width:1100px){.membership-page .membership-plan-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.membership-page .membership-plan-grid{grid-template-columns:1fr}}

.product-relationship picture{display:block}.product-relationship img{display:block;width:100%;height:auto;border-radius:20px}

/* Shared header accent, including the membership page. */
.site-header .brand-mark{width:38px;height:38px;margin-right:8px}.brand-mark img{filter:drop-shadow(0 0 .5px rgba(0,104,206,.20))}
body .site-header .register-button{background:#0068ce;border-color:#0068ce;color:#fff}body .site-header #main-nav a.active,body .site-header #main-nav a:hover{color:#0068ce}
body.membership-page .membership-plan .button-primary{background:#0068ce;border-color:#0068ce;color:#fff}body.membership-page .web-main a:not(.button){color:#0068ce}
@media(max-width:600px){.site-header .brand-mark{width:34px;height:34px}}

/* Keep the setup action attached to its steps and separate from the gallery. */
.mochibot-page .setup-guide-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}.mochibot-page .setup-guide-actions .button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 18px;border:1px solid #c5dcf4;border-radius:10px;text-decoration:none;font-weight:600;line-height:1.5}.mochibot-page .setup-guide-actions .button:hover{background:#edf5ff;border-color:#8ab5e6}.mochibot-page .setup-steps{margin-bottom:0}

body.site-public.mochibot-page .web-main .setup-guide-actions a.button{display:inline-flex;min-height:44px;padding:10px 18px;border:1px solid #c5dcf4;border-radius:10px;background:#fff;color:#0068ce;font-size:14px;line-height:22px;font-weight:600}.product-shared>p{color:#526175;max-width:850px;line-height:1.8}.product-shared>p.small{font-size:13px;margin-top:16px}

/* Website blue theme. App screenshots and third-party brand artwork retain their original colours. */
html body{--mochi-primary:#0068ce;--mochi-primary-hover:#0053a6;--mochi-soft:#edf5ff;--blue:#0068ce;--accent:#0068ce}
html body.site-public{--site-blue:#0068ce;--site-soft:#f4f8fe}
html body.admin-workspace{--admin-blue:#0068ce;--admin-soft:#edf5ff}
body .site-header .account-link,body .site-header .mobile-account-links .account-link{color:var(--mochi-primary)}
body .site-header #main-nav a.active,body .site-header #main-nav a:hover,body .site-header #main-nav>button:hover{color:var(--mochi-primary)}
body .site-header .register-button,body .web-main a.button-primary,body:not(.admin-workspace) .web-main .button-primary,body .app-main .button-primary,body.membership-page .membership-plan .button-primary{background:var(--mochi-primary);border-color:var(--mochi-primary);color:#fff}
body .site-header .register-button:hover,body:not(.admin-workspace) .web-main .button-primary:hover:not(:disabled),body .app-main .button-primary:hover{background:var(--mochi-primary-hover);border-color:var(--mochi-primary-hover);color:#fff}
body:not(.admin-workspace) .web-main .button-primary:active:not(:disabled){background:#004b97;border-color:#004b97}
body .web-main .button-secondary,body .web-main .button-quiet,body .app-main a:not(.button),body .account-sidebar a.selected,body .footer-partners a:hover,body .site-footer a:hover{color:var(--mochi-primary)}
body .tag-chip.selected,body .tag-chip.active,body .filter-button.active{background:var(--mochi-soft);border-color:#b8d5f3;color:var(--mochi-primary)}
body .site-public a:focus-visible,body.site-public a:focus-visible,body.site-public button:focus-visible,body.site-public summary:focus-visible,body .web-main .button:focus-visible{outline-color:#0068ce}
body .form-panel input:focus,body .form-panel select:focus,body .form-panel textarea:focus{border-color:#7fb2e8}
body .hero-accent,body .title-period,body .web-hero h1 span{background:linear-gradient(110deg,#0055aa,#2582d7);background-clip:text;-webkit-background-clip:text;color:#0068ce;-webkit-text-fill-color:transparent}
body .content-dialog .content-dialog-copy{background:#0068ce;border-color:#0068ce}
body.admin-workspace .admin-sidebar a.selected{background:#edf5ff;color:#0068ce}
body.admin-workspace .admin-sidebar-mark,body.admin-workspace .data-table td a,body .admin-pagination [aria-current]{color:#0068ce}
body.admin-workspace .admin-panel .button-primary{background:#0068ce!important;border-color:#0068ce!important;box-shadow:0 2px 4px #0068ce1c}
body.admin-workspace .admin-panel .button-primary:hover{background:#0053a6!important;border-color:#0053a6!important}
body.admin-workspace .admin-panel input[type=checkbox],body.admin-workspace .admin-panel input[type=radio]{accent-color:#0068ce}
body.admin-workspace .page-heading .eyebrow:before,body .analytics-chart span{background:#0068ce}
body.admin-workspace :focus-visible{outline-color:#0068ce}