/* HOTFIX162: audited pure-white canvas across all OKPAN pages. */
:root{
  --okpan-page-canvas:#fff;
  --okpan-page-soft:#fff;
  --paper:#fff;
  --cream:#fff;
  --cream-2:#fff;
  --page-bg:#fff;
  --surface-page:#fff;
}

html,
body,
html body{
  background:#fff!important;
  background-color:#fff!important;
  background-image:none!important;
}

/* Page-level shells. These selectors deliberately outrank runtime-injected styles. */
html body>main,
html body>.app-shell,
html body>.admin-shell,
html body>#publicShareApp,
html body>.public-share-loading,
html body .main,
html body .page,
html body .home2-main,
html body .site-main,
html body .page-main,
html body .user-main,
html body .workspace-main,
html body .cloud-main,
html body .content-main,
html body .main-content,
html body .workspace-content,
html body .admin-main,
html body .admin-view,
html body .shared-note-main,
html body .collection-page,
html body .p2p-share-page,
html body .p2p-send-page,
html body .auth-page,
html body .page404,
html body .editor-app{
  background:#fff!important;
  background-color:#fff!important;
  background-image:none!important;
}

/* Exact page identities that previously re-applied a tinted canvas at runtime. */
html body.okpan-forest-editorial.okpan-new-user-center.okpan-workspace-v204,
html body.okpan-forest-editorial.okpan-new-user-center.okpan-workspace-v204>.app-shell,
html body.okpan-forest-editorial.okpan-new-user-center.okpan-workspace-v204 .main,
html body.okpan-forest-editorial.okpan-new-user-center.okpan-workspace-v204 .content,
html body.okpan-forest-editorial.okpan-new-user-center.okpan-workspace-v204 .panel,
html body.okpan-forest-editorial.okpan-new-user-center.okpan-workspace-v204 .panel.active,
html body.okpan-forest-editorial.okpan-new-user-center.okpan-workspace-v204 .content>section.panel.active,
html body.okpan-forest-editorial.okpan-new-user-center.okpan-workspace-v204 .content>section#dashboard.panel.active,
html body.note-share-page,
html body.note-share-page>main,
html body.storage-premium-v2,
html body.storage-premium-v2>main{
  background:#fff!important;
  background-color:#fff!important;
  background-image:none!important;
}

/* Public-page outer sections: remove old cream/yellow bands, preserve inner cards/art. */
html body .home2-section,
html body .home2-principle,
html body .home2-trust,
html body .home2-faq,
html body .home2-final,
html body .home2-benefits,
html body .home2-showcase,
html body .home2-cta,
html body main>section.section:not(.dark),
html body main>section.soft,
html body main>section.blue-soft,
html body main>section.quick-strip,
html body main>section.summary-section,
html body main>section.agreement-section,
html body main>section.private-band,
html body main>section.cta,
html body .about-page,
html body .collection-page,
html body .contact-page,
html body .distribution-page,
html body .download-page,
html body .help-page,
html body .join-page,
html body .message-page,
html body .notes-page,
html body .online-transfer-page,
html body .pricing-page,
html body .privacy-page,
html body .private-page,
html body .products-page,
html body .quick-notes-page,
html body .storage-page,
html body .terms-page,
html body .transfer-page{
  background:#fff!important;
  background-color:#fff!important;
  background-image:none!important;
}

/* Header/footer are part of the page canvas, not coloured content cards. */
html body .site-header,
html body .topbar,
html body .admin-topbar,
html body footer.footer,
html body .footer,
html body .site-footer,
html body .page-footer,
html body>footer,
html body footer.footer::before,
html body footer.footer::after,
html body .page-footer::before,
html body .page-footer::after{
  background:#fff!important;
  background-color:#fff!important;
  background-image:none!important;
}

/* User centre and cloud workspaces have several nested canvases. */
html body.okpan-new-user-center,
html body.okpan-new-user-center .app-shell,
html body.okpan-new-user-center .main,
html body.okpan-new-user-center .content,
html body.okpan-new-user-center .panel,
html body.okpan-new-user-center .workspace-panel,
html body.okpan-new-user-center .cloud-workspace,
html body.okpan-new-user-center .cloud-content,
html body.okpan-new-user-center .cloud-list-wrap{
  background-color:#fff!important;
  background-image:none!important;
}

/* Preserve dialogs while eliminating inherited cream variables. */
html body .modal,
html body .dialog,
html body [role="dialog"]{
  --paper:#fff;
  --cream:#fff;
}

@media(max-width:900px){
  html,
  body,
  html body,
  html body>main,
  html body>.app-shell,
  html body>#publicShareApp,
  html body .main,
  html body .page,
  html body .home2-main,
  html body .workspace-content,
  html body footer.footer,
  html body .footer,
  html body .page-footer{
    background:#fff!important;
    background-color:#fff!important;
    background-image:none!important;
  }
}