:root{--schat-ink:#102a22;--schat-green:#087b4a;--schat-soft:#eaf8ef;--schat-border:#d9e9df}
#schat-home-portal[hidden],#schat-invite-tip[hidden],#schat-install-note[hidden]{display:none!important}
#schat-home-portal{position:fixed;inset:0;z-index:2147482500;overflow-y:auto;background:radial-gradient(circle at 87% 10%,#d9f5e5,transparent 34%),#f7fbf8;color:var(--schat-ink);font-family:system-ui,-apple-system,'Segoe UI',sans-serif}
#schat-home-portal *{box-sizing:border-box}
.schat-shell{width:min(1120px,calc(100% - 40px));margin:0 auto}
.schat-top{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:20px 0;border-bottom:1px solid #d7e7dc}
.schat-brand{display:flex;align-items:center;gap:11px;text-decoration:none;color:#0b5937;font-size:19px;font-weight:800;letter-spacing:.2px}
.schat-brand-mark{display:grid;place-items:center;width:38px;height:38px;border-radius:13px;background:#087b4a;color:#fff;font-size:23px}
.schat-nav{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.schat-nav a{color:#244d39;font-weight:600;text-decoration:none;padding:9px 12px;border-radius:12px}
.schat-nav a:hover,.schat-nav a:focus-visible{background:#e6f4ea}
.schat-hero{padding:80px 0 48px;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(260px,.8fr);align-items:center;gap:42px}
.schat-eyebrow{display:inline-flex;align-items:center;gap:8px;background:#e5f5ec;color:#08683d;padding:8px 14px;border-radius:100px;font-size:14px;font-weight:700}
.schat-hero h1{font-size:clamp(37px,5.3vw,67px);line-height:1.06;letter-spacing:-.045em;margin:23px 0 22px;font-weight:850}
.schat-hero p{font-size:clamp(17px,2vw,20px);color:#456458;line-height:1.6;max-width:610px;margin:0 0 30px}
.schat-actions{display:flex;flex-wrap:wrap;gap:12px}
.schat-btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:49px;padding:12px 22px;border-radius:15px;background:#087b4a;color:white!important;font-weight:750;font-size:16px;text-decoration:none!important;border:1px solid #087b4a;cursor:pointer;font-family:inherit}
.schat-btn:hover{background:#05683e}.schat-btn.secondary{background:#fff;color:#075b36!important;border-color:#bbd9c6}.schat-btn.secondary:hover{background:#edf8f0}
.schat-preview{border:1px solid #c5e5d0;background:linear-gradient(150deg,#fff,#ebf8f0);box-shadow:0 28px 70px #1d694323;border-radius:27px;padding:20px;transform:rotate(1deg)}
.schat-window{background:#fff;border:1px solid #dce8e0;border-radius:19px;overflow:hidden;min-height:310px}.schat-window-header{background:#f0f8f2;border-bottom:1px solid #e0ece4;padding:17px 18px;color:#0b5a37;font-weight:800}
.schat-msg{margin:18px 20px;max-width:85%;border-radius:17px;padding:14px 17px;background:#eef7f0;line-height:1.4;color:#194a31}
.schat-msg.me{margin-left:auto;background:#0d8551;color:#fff}
.schat-section{padding:43px 0}.schat-section h2{font-size:clamp(25px,3vw,37px);letter-spacing:-.025em;margin:0 0 14px}.schat-section>p{color:#4a6959;line-height:1.5}
.schat-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:17px;margin-top:26px}
.schat-card{background:#fff;border:1px solid var(--schat-border);border-radius:20px;padding:25px;box-shadow:0 6px 24px #11492b0b}
.schat-card .schat-icon{font-size:27px;display:block;margin-bottom:15px}.schat-card h3{font-size:19px;margin:0 0 9px}.schat-card p{font-size:15px;line-height:1.6;color:#587262;margin:0}
.schat-install-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:22px}
.schat-install-card{border:1px solid var(--schat-border);background:#fff;border-radius:21px;padding:26px}
.schat-install-card h3{margin:4px 0 10px}.schat-install-card p{color:#476454;line-height:1.6}
#schat-install-note{margin:15px 0;padding:14px 18px;background:#e3f4e9;border-radius:12px;color:#145b37;font-weight:600}
.schat-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:17px;margin-top:22px}
.schat-step{background:#eff8f1;border-radius:18px;padding:23px}.schat-step b{display:inline-grid;place-items:center;border-radius:50%;background:#11814e;color:#fff;width:32px;height:32px;margin-bottom:16px}.schat-step strong{display:block;margin-bottom:9px}.schat-step span{font-size:15px;color:#456454;line-height:1.5}
.schat-foot{padding:28px 0 44px;border-top:1px solid #d9e9df;color:#638070;font-size:14px}
#schat-invite-tip{position:fixed;right:17px;bottom:20px;z-index:2147482100;background:#fff;color:#164b30;padding:13px 15px;border:1px solid #b9dcc7;box-shadow:0 5px 25px #12402929;border-radius:15px;font:600 14px system-ui;max-width:min(350px,calc(100vw - 34px))}
#schat-invite-tip a{display:inline-block;margin-top:8px;background:#087b4a;padding:10px 14px;border-radius:11px;color:#fff;text-decoration:none}#schat-invite-tip button{border:0;background:none;cursor:pointer;float:right;font-size:17px;color:#4b735c}
@media(max-width:760px){.schat-shell{width:min(100% - 28px,600px)}.schat-top{padding:14px 0}.schat-brand{font-size:17px}.schat-nav{gap:2px}.schat-nav a{font-size:13px;padding:7px}.schat-hero{grid-template-columns:1fr;padding:48px 0 32px;gap:24px}.schat-preview{transform:none}.schat-cards,.schat-steps,.schat-install-grid{grid-template-columns:1fr}.schat-section{padding:28px 0}.schat-actions{flex-direction:column;align-items:stretch}.schat-btn{width:100%}}

@media (min-width:761px) and (max-width:1050px){.schat-install-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* Mobile SChat onboarding: keep login helpers at the bottom and out of the header. */
#schat-entry-actions:not([hidden]){
  top:auto!important;
  bottom:max(12px,env(safe-area-inset-bottom))!important;
  right:12px!important;left:12px!important;
  flex-direction:row!important;justify-content:center;align-items:center!important;
  gap:8px!important;flex-wrap:wrap!important;
  width:auto!important;max-width:520px!important;
  margin-inline:auto!important;
  pointer-events:none!important;
}
#schat-entry-actions a{pointer-events:auto!important;min-height:40px;display:inline-flex!important;align-items:center!important;justify-content:center!important}
body.schat-public-home #schat-entry-actions,
body:has(input:focus) #schat-entry-actions{display:none!important}
/* The old page-bootstrap install CTA was the duplicate visible over the
 * account panel. Homepage and compact account menu own the one install action. */
#schat-install-action,#schat-install-help{display:none!important}
/* Account menu is now collapsed until the person taps this small launcher. */
#schat-cabinet-launcher{
  position:fixed;right:12px;bottom:max(12px,env(safe-area-inset-bottom));
  z-index:2147482100;border:1px solid #b9dcc7;border-radius:999px;
  padding:10px 15px;background:#087b4a;color:#fff;
  box-shadow:0 3px 12px #12402925;font:600 14px system-ui;
  cursor:pointer;max-width:calc(100vw - 24px);
}
#schat-cabinet-launcher[hidden]{display:none!important}
#schat-invite-tip{
  right:12px;bottom:max(66px,calc(env(safe-area-inset-bottom) + 62px));
  width:min(350px,calc(100vw - 24px));max-width:calc(100vw - 24px);
  padding:14px;border-radius:16px;max-height:65dvh;overflow:auto;
  z-index:2147482150;
}
#schat-invite-tip a,#schat-invite-tip button#schat-cabinet-install{
  box-sizing:border-box;max-width:100%;white-space:normal;
}
#schat-invite-tip a[href="/#/rooms/settings"]{
  display:inline-block;float:none;
}
@media(max-width:760px){
  #schat-entry-actions:not([hidden]){bottom:max(8px,env(safe-area-inset-bottom))!important;gap:6px!important}
  #schat-entry-actions a{font-size:12px!important;padding:8px 11px!important}
  #schat-invite-tip{bottom:max(58px,calc(env(safe-area-inset-bottom) + 54px))}
}

/* SChat: one predictable login action; always available but never oversized. */
.schat-brand-owl{width:38px;height:38px;object-fit:contain;border-radius:12px;flex-shrink:0}
.schat-hero-hint{font-size:14px!important;color:#547267!important;margin:0 0 16px!important;line-height:1.5!important}
#schat-home-portal .schat-shell{padding-bottom:68px}
.schat-login-dock{
 position:fixed;left:0;right:0;bottom:0;z-index:2147482750;
 display:flex;align-items:center;justify-content:center;
 padding:9px 16px max(12px,env(safe-area-inset-bottom));
 background:linear-gradient(180deg,rgba(246,251,248,0),rgba(246,251,248,.92) 38%,rgba(246,251,248,.98));
 pointer-events:none;
}
.schat-login-dock .schat-login-primary{
 pointer-events:auto;width:min(430px,100%);min-height:48px;
 box-shadow:0 5px 18px #05593835;border-radius:14px;font-size:15px;
}
/* Existing HTML launcher had separate floating signup/recovery buttons.
   The native Flutter login screen now owns its integrated actions. */
#schat-entry-actions{display:none!important}
@media(max-width:760px){
 .schat-shell{width:calc(100% - 28px)}
 .schat-top{padding:12px 0;gap:8px}
 .schat-brand{font-size:15px;gap:8px;white-space:nowrap}
 .schat-brand-owl{width:31px;height:31px}
 .schat-nav{gap:1px;justify-content:flex-end}
 .schat-nav a{font-size:12px;padding:7px 6px}
 .schat-hero{padding:25px 0 22px;gap:18px}
 .schat-hero h1{font-size:clamp(28px,7.3vw,36px);line-height:1.13;letter-spacing:-.035em;margin:16px 0 15px}
 .schat-hero p:not(.schat-hero-hint){font-size:15px;line-height:1.52;margin:0 0 16px;max-width:480px}
 .schat-eyebrow{font-size:12px;padding:7px 11px;max-width:100%;line-height:1.35}
 .schat-preview{padding:12px;border-radius:19px}
 .schat-section{padding:25px 0}
 .schat-section h2{font-size:25px}
 .schat-card,.schat-install-card,.schat-step{padding:19px}
 .schat-login-dock{padding:8px 14px max(10px,env(safe-area-inset-bottom))}
 .schat-login-dock .schat-login-primary{width:100%;min-height:48px;font-size:15px}
 #schat-home-portal .schat-shell{padding-bottom:78px}
}

/* One optional, inline install prompt. Nothing floats over Matrix conversations. */
#schat-pwa-suggestion[hidden]{display:none!important}
.schat-pwa-suggestion{
  display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;
  gap:12px;padding:15px 16px;margin:14px 0 8px;
  background:#edf8f0;border:1px solid #c2dfcc;border-radius:16px;
  box-shadow:0 1px 5px #234b2f0c;color:#194a31;
}
.schat-pwa-copy{display:flex;flex-direction:column;gap:3px;flex:1 1 170px;min-width:0}
.schat-pwa-copy strong{font-weight:750;font-size:14px;line-height:1.35}
.schat-pwa-copy span{font-size:12px;line-height:1.45;color:#537362}
.schat-pwa-buttons{display:flex;gap:7px;align-items:center;flex-wrap:wrap}
#schat-pwa-quick-install,#schat-pwa-dismiss{
  border:1px solid #087b4a;border-radius:11px;padding:9px 13px;
  font:600 13px system-ui;cursor:pointer;min-height:39px;
}
#schat-pwa-quick-install{background:#087b4a;color:#fff}
#schat-pwa-dismiss{background:#fff;color:#086c42;border-color:#c4dbc9}
#schat-pwa-inline-help{flex:1 1 100%;color:#164e32;font-size:12px!important;line-height:1.5!important;margin:0!important}
#schat-pwa-inline-help[hidden]{display:none!important}
/* Hidden obsolete room-level overlays; the native app owns chats and device warnings. */
#schat-cabinet-launcher,#schat-invite-tip{display:none!important}
@media(max-width:760px){
  .schat-pwa-suggestion{padding:12px 13px;gap:9px;border-radius:14px;margin-top:12px}
  .schat-pwa-buttons{width:100%}
  #schat-pwa-quick-install{flex:1}
}


/* PAGER V4: approved emerald logo, quieter editorial layout, responsive first.
 * Deliberately keep original hook IDs and the already-hidden floating overlays.
 * This stylesheet does not touch Flutter E2EE/auth/session controls. */
:root{--pager-ink:#102d24;--pager-deep:#063f2d;--pager-green:#087f54;--pager-muted:#60786d;--pager-line:#d3e7db;--pager-canvas:#f5fbf7}
#schat-home-portal{background:radial-gradient(ellipse at 92% 6%,#d9f3e5 0%,transparent 40%),radial-gradient(ellipse at 4% 43%,#e9f8ee 0%,transparent 37%),var(--pager-canvas);color:var(--pager-ink);scrollbar-gutter:stable}
#schat-home-portal .schat-shell{width:min(1160px,calc(100% - 56px));padding-bottom:82px}
.schat-top{padding:24px 0;border-bottom:1px solid #cee3d5}
.schat-brand{font-size:22px;letter-spacing:-.035em;font-weight:850;color:var(--pager-deep);gap:13px}
.schat-brand-owl{width:51px;height:51px;object-fit:contain;border-radius:15px;background:transparent}
.schat-nav{gap:6px}
.schat-nav a{color:#305444;font-size:14px;padding:10px 14px;transition:background .15s ease}
.schat-nav a:hover,.schat-nav a:focus-visible{background:#e1f2e8;outline-offset:2px}
.schat-hero{grid-template-columns:minmax(0,1.13fr) minmax(310px,.87fr);padding:94px 0 60px;gap:66px}
.schat-eyebrow{background:#ddf3e6;color:#076540;font-size:13px;border:1px solid #bde2ce;letter-spacing:.025em}
.schat-hero h1{max-width:680px;font-size:clamp(48px,5.5vw,77px);line-height:1.04;letter-spacing:-.06em;color:#0b2920;margin:26px 0 24px;font-weight:850}
.schat-hero p{font-size:19px;line-height:1.65;color:#496d5a;max-width:600px}
.schat-hero .schat-hero-hint{color:#557469;font-size:15px!important;line-height:1.65!important;max-width:560px}
.schat-preview{position:relative;transform:none;padding:16px;border:1px solid #c5e1d1;background:linear-gradient(153deg,#fdfefd,#e8f5ec);box-shadow:0 29px 70px #194d3121;border-radius:32px}
.schat-window{border:1px solid #d9e9de;border-radius:23px;min-height:385px;box-shadow:0 3px 10px #0f382415;background:#fff}
.schat-window-header{background:#edf9f1;padding:20px 22px;font-weight:850;border-color:#dcebe1;color:#0b6441;font-size:16px}
.schat-msg{margin:20px 21px;padding:16px 18px;border-radius:18px 18px 18px 5px;background:#edf6f0;font-size:15px;color:#2a5641;max-width:86%}
.schat-msg.me{border-radius:18px 18px 5px 18px;background:#088558;color:#fff}
.schat-section{padding:50px 0}
.schat-section h2{font-size:clamp(29px,3.2vw,40px);letter-spacing:-.05em;color:#0c3224}
.schat-section>p{font-size:16px;color:#5d776a}
.schat-cards,.schat-steps,.schat-install-grid{gap:18px}
.schat-card,.schat-install-card{border:1px solid #d3e6da;background:#ffffffed;border-radius:24px;padding:27px;box-shadow:0 11px 33px #194d3110}
.schat-card h3{font-size:19px;letter-spacing:-.025em;color:#14392a}
.schat-card p,.schat-install-card p{font-size:15px;line-height:1.7;color:#537566}
.schat-card .schat-icon{display:grid;place-items:center;width:46px;height:46px;border-radius:15px;background:#e6f5ec;font-size:23px;margin-bottom:21px}
.schat-step{background:#e8f5ed;border:1px solid #d6e9da;border-radius:22px;padding:27px}
.schat-step b{width:36px;height:36px;background:#0a8053}
.schat-btn{border-radius:15px;background:#087f54;border-color:#087f54;min-height:50px;box-shadow:0 4px 12px #15523b1b}
.schat-btn:hover,.schat-btn:focus-visible{background:#056b46}
.schat-btn.secondary{background:#fff;color:#0a6743!important;border:1px solid #bedbca;box-shadow:none}
.schat-btn.secondary:hover{background:#e6f5ec}
.schat-login-dock{background:linear-gradient(180deg,rgba(245,251,247,0),rgba(245,251,247,.94) 32%,#f5fbf7);padding:12px 18px max(15px,env(safe-area-inset-bottom))}
.schat-login-dock .schat-login-primary{width:min(430px,100%);min-height:54px;border-radius:16px;font-size:16px;font-weight:750;box-shadow:0 10px 26px #087f5433}
.schat-foot{color:#6a8477;border-color:#d4e8da;padding-bottom:52px}
.schat-foot a{color:#126b48}
.schat-pwa-suggestion{background:#e5f4eb;border-color:#c2e2cd;border-radius:18px}
#schat-pwa-quick-install{background:#087f54;border-color:#087f54}
#schat-cabinet-launcher,#schat-invite-tip,#schat-entry-actions{display:none!important}
#schat-home-portal :focus-visible{outline:3px solid #4ab68b;outline-offset:3px}
@media(max-width:900px){
  .schat-hero{grid-template-columns:1fr;padding:50px 0 34px;gap:32px}
  .schat-preview{width:min(620px,100%);margin-inline:auto}
  .schat-cards,.schat-steps,.schat-install-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:620px){
  #schat-home-portal .schat-shell{width:calc(100% - 28px);padding-bottom:86px}
  .schat-top{gap:8px;padding:14px 0}
  .schat-brand{font-size:17px;gap:8px;white-space:nowrap}
  .schat-brand-owl{width:38px;height:38px;border-radius:12px}
  .schat-nav a{font-size:12px;padding:7px 6px}
  .schat-hero{padding:36px 0 24px;gap:24px}
  .schat-hero h1{font-size:clamp(35px,9.4vw,52px);letter-spacing:-.055em;line-height:1.09;margin:18px 0}
  .schat-hero p{font-size:16px;line-height:1.6}
  .schat-eyebrow{font-size:11px;padding:8px 11px}
  .schat-preview{padding:11px;border-radius:24px}
  .schat-window{min-height:295px;border-radius:18px}
  .schat-window-header{padding:15px 17px}
  .schat-msg{padding:12px 14px;margin:17px 15px;font-size:13px}
  .schat-cards,.schat-steps,.schat-install-grid{grid-template-columns:1fr}
  .schat-section{padding:29px 0}
  .schat-card,.schat-install-card,.schat-step{padding:21px;border-radius:19px}
  .schat-login-dock .schat-login-primary{min-height:52px;width:100%}
}
@media(prefers-reduced-motion:reduce){.schat-nav a,.schat-btn{transition:none}}