/* A shared control layer, loaded after each product's content design system.
   Never blur message/feed/list rows or change the shell's flex/keyboard sizing. */
html[data-nexo-material="glass"] {
 --material-bg:rgb(255 255 255 / .84);--material-sheet:rgb(255 255 255 / .94);
 --material-solid:#fff;--material-edge:rgb(255 255 255 / .24);
 --material-shadow:0 4px 16px rgb(23 23 33 / .06);--material-blur:20px;
 --material-selected:rgb(108 76 245 / .10);--material-radius:28px;
 --material-duration:180ms;--material-easing:cubic-bezier(.2,.8,.2,1);
}
@media(prefers-color-scheme:dark) {
 html[data-nexo-material="glass"][data-nexo-material-product="living"]:not([data-ps-theme="light"]),
 html[data-nexo-material="glass"][data-nexo-material-product="social"]:not(:has(body[data-nexo-theme="light"])) {
  --material-bg:rgb(28 28 36 / .86);--material-sheet:rgb(28 28 36 / .96);
  --material-solid:#1c1c24;--material-selected:rgb(180 155 255 / .16);
 }
}
html[data-nexo-material="glass"][data-nexo-material-product="living"][data-ps-theme="dark"],
html[data-nexo-material="glass"][data-nexo-material-product="social"]:has(body[data-nexo-theme="dark"]) {
 --material-bg:rgb(28 28 36 / .86);--material-sheet:rgb(28 28 36 / .96);
 --material-solid:#1c1c24;--material-selected:rgb(180 155 255 / .16);
}
html[data-nexo-material="glass"] body.nexo-liquid[data-nexo-glass="1"] :is(.member-header,.conversation-heading,.message-composer,.pd-header,.pd-composer,.origin-project-chat-heading,.origin-project-footer),
html[data-nexo-material="glass"][data-nexo-material-product="living"] :is(.ps-header,.service-project-header),
html[data-nexo-material="glass"] body.nexo-liquid[data-nexo-glass="1"] #nexo-app-tabs,
html[data-nexo-material="glass"][data-nexo-material-product="living"] .ps-bottom-nav {
 background:var(--material-bg);-webkit-backdrop-filter:blur(var(--material-blur)) saturate(1.35);backdrop-filter:blur(var(--material-blur)) saturate(1.35);
 border-color:var(--material-edge);box-shadow:var(--material-shadow);
}
html[data-nexo-material="glass"] body.nexo-liquid[data-nexo-glass="1"] {--navSpace:calc(96px + max(0px,(var(--lg-text-scale,1) - 1) * 48px) + env(safe-area-inset-bottom));}
html[data-nexo-material="glass"] body.nexo-liquid[data-nexo-glass="1"] #nexo-app-tabs,
html[data-nexo-material="glass"][data-nexo-material-product="living"] .ps-bottom-nav {
 left:max(8px,env(safe-area-inset-left));right:max(8px,env(safe-area-inset-right));
 bottom:max(8px,env(safe-area-inset-bottom));max-width:720px;margin-inline:auto;
 height:auto;padding:8px;border:1px solid var(--material-edge);border-radius:var(--material-radius);
}
html[data-nexo-material="glass"] body.nexo-liquid[data-nexo-glass="1"] #nexo-app-tabs a,
html[data-nexo-material="glass"][data-nexo-material-product="living"] .ps-bottom-nav a {
 min-width:0;min-height:52px;border-radius:20px;padding:4px 0;white-space:normal;text-align:center;overflow-wrap:anywhere;
 transition:opacity var(--material-duration) var(--material-easing),transform var(--material-duration) var(--material-easing);
}
html[data-nexo-material="glass"] body.nexo-liquid[data-nexo-glass="1"] #nexo-app-tabs a[aria-current],
html[data-nexo-material="glass"][data-nexo-material-product="living"] .ps-bottom-nav a[aria-current] {background:var(--material-selected);}
html[data-nexo-material="glass"][data-nexo-material-product="living"] body {--ps-bottom:calc(96px + max(0px,(var(--lg-text-scale,1) - 1) * 48px));}
html[data-nexo-material="glass"][data-nexo-material-product="living"] .ps-bottom-nav a {font-size:calc(12px * var(--lg-text-scale,1));line-height:1.4;}
html[data-nexo-material="glass"] body.nexo-liquid[data-nexo-glass="1"] #feed-compose-dialog>header {
 background:var(--material-sheet);-webkit-backdrop-filter:blur(var(--material-blur));backdrop-filter:blur(var(--material-blur));
}
html[data-nexo-material="glass"][data-nexo-material-product="living"] :is(.ps-bottom-nav a,.ps-header a,.service-project-header a):active {
 opacity:.78;transform:scale(.98);
}
/* Opaque fallback also covers browsers without backdrop-filter support. */
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))) {
 html[data-nexo-material="glass"] {--material-bg:var(--material-solid)!important;--material-sheet:var(--material-solid)!important;--material-blur:0px!important;}
}
@media(prefers-reduced-transparency:reduce),(prefers-contrast:more) {
 html[data-nexo-material="glass"] {--material-bg:var(--material-solid)!important;--material-sheet:var(--material-solid)!important;--material-blur:0px!important;--material-edge:var(--border,var(--ps-border,#737386));--material-shadow:none;}
}
html[data-nexo-material="glass"]:is([data-nexo-reduce-transparency],[data-nexo-increased-contrast]) {
 --material-bg:var(--material-solid)!important;--material-sheet:var(--material-solid)!important;--material-blur:0px!important;
 --material-edge:var(--border,var(--ps-border,#737386));--material-shadow:none;
}
@media(prefers-reduced-motion:reduce) {
 html[data-nexo-material="glass"] *,html[data-nexo-material="glass"] *::before,html[data-nexo-material="glass"] *::after {
  animation:none!important;transition:none!important;scroll-behavior:auto!important;
 }
 html[data-nexo-material="glass"] :is(a,button):active {transform:none!important;}
}
html[data-nexo-material="glass"][data-nexo-reduce-motion] *,
html[data-nexo-material="glass"][data-nexo-reduce-motion] *::before,
html[data-nexo-material="glass"][data-nexo-reduce-motion] *::after {
 animation:none!important;transition:none!important;scroll-behavior:auto!important;
}
html[data-nexo-material="glass"][data-nexo-reduce-motion] :is(a,button):active {transform:none!important;}
