/* Functional glass: floating chrome is clear; reading and editing stay solid.
   No transforms, clipping, positioning or z-index changes on overlay ancestors. */
body[data-material="liquid"]{
 --lg-line:rgba(118,100,158,.18);--lg-edge:rgba(255,255,255,.88);
 --lg-fill:rgba(252,250,255,.68);--lg-thick:rgba(253,252,255,.91);
 --lg-shadow:0 9px 28px rgba(62,45,96,.075),inset 0 1px 0 var(--lg-edge),inset 0 -1px 0 rgba(139,118,176,.10);
 --lg-sheen:linear-gradient(140deg,rgba(255,255,255,.48),rgba(247,240,255,.13) 48%,rgba(228,236,252,.18));
}
/* Opaque fallback precedes the blur enhancement. */
body[data-material="liquid"]>nav.app-nav,
body[data-material="liquid"] .app-nav-popover{background:#faf8fd!important;border-color:var(--lg-line)!important;box-shadow:var(--lg-shadow)}
body[data-material="liquid"]>nav.app-nav{box-shadow:0 3px 22px #46336309,inset 0 -1px 0 #ffffffa6}
body[data-material="liquid"] :is(.work-tabs,.hub-sidebar,.journal-workspace-nav,.guide-rail,.bs-nav,.bc-month-group,.lib-tabs,.db-tabs,.db-switch,.discovery-switch,.dp-tabs,.compose-tool-tabs){background:linear-gradient(145deg,#ffffffbc,#f4f0fc8c)!important;border:1px solid var(--lg-line);border-radius:16px;box-shadow:var(--lg-shadow)}
body[data-material="liquid"] .work .work-tabs{padding:6px;margin-bottom:20px;gap:4px}
body[data-material="liquid"] .hub-sidebar{padding:6px;border:1px solid var(--lg-line);border-radius:16px}
body[data-material="liquid"] .journal-workspace-nav{padding:6px;border:1px solid var(--lg-line);border-radius:16px}
body[data-material="liquid"] .journal-dialog #journal-modal-content{background:#faf9fd;isolation:isolate}
body[data-material="liquid"] [data-thread-header]{background:linear-gradient(145deg,#fffffff0,#f6f1fcf0) #faf9fc!important;border-color:var(--lg-line)!important;box-shadow:inset 0 1px 0 white;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
body[data-material="liquid"] :is(.work-tabs,.hub-sidebar,.journal-workspace-nav,.guide-rail,.bs-nav,.bc-month-group,.lib-tabs) :is(a,button){border-radius:11px}
body[data-material="liquid"] :is(.app-nav-link[aria-current="page"],.app-nav-dropdown[data-active="1"]>summary){background:linear-gradient(145deg,#7665b5,#5e4d98)!important;color:white!important;box-shadow:inset 0 1px 0 #ffffff45,0 3px 10px #5d43951f}
body[data-material="liquid"] .app-nav-dropdown[open]>summary{background:#e8e0f680;color:#594489;box-shadow:inset 0 1px 0 #ffffffa8}
body[data-material="liquid"] .app-member-badge{background:linear-gradient(145deg,#ffffff82,#ece3fb73);border-color:#cfc2e58c;box-shadow:inset 0 1px 0 #ffffffde;color:#58428a}
/* Tool strips do not blur individual fields or rows. */
body[data-material="liquid"] :is(.ql-toolbar.ql-snow,.work-correspondence-tabs,.lib-toolbar,.bs-toolbar,.reply-tool-bar){background:linear-gradient(150deg,#ffffffbd,#f5f0fb9e)!important;border-color:var(--lg-line)!important;box-shadow:inset 0 1px 0 var(--lg-edge)}
body[data-material="liquid"] :is(.ui-back-link,.app-nav-toggle,.journal-button.secondary,.hub-button.secondary,.db-button.secondary,.mail-button.secondary,.lib-btn.secondary,.reply-prompt-button){background:linear-gradient(150deg,#ffffff9c,#eee7fa70)!important;border-color:#c9bfdd8c!important;box-shadow:var(--lg-shadow);color:#59458b!important}
body[data-material="liquid"] .ui-back-link{border-radius:999px!important}
/* Size the three compact mentor filters to their six-character default label,
   not the longest option. Reserve a separate arrow lane so text cannot clip. */
body[data-material="liquid"] .supervisor-list-page #filters select:is([name="tier"],[name="round_status"],[name="contact_status"]){
 box-sizing:border-box;flex:0 0 auto!important;width:calc(6em + 44px)!important;min-width:calc(6em + 44px)!important;max-width:none!important;
 padding-inline:12px 30px!important;appearance:none;-webkit-appearance:none;
 background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%236f6980' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m8 10 4 4 4-4'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;background-size:16px 16px;
}
body[data-material="liquid"] .db-days a:not(.active){background:linear-gradient(150deg,#ffffffbf,#f0eafa9c);box-shadow:inset 0 1px 0 #fffffff0}
body[data-material="liquid"] main :is(a,button).bg-white:is(.border-slate-200,.border-slate-300,.border-gray-200),
body[data-material="liquid"] :is(.mail-pagination,.lib-pagination,.km-pages,.al-pagination,.portal-pagination,.journal-pages,.portal-pages) a:not(.active):not([aria-current]){background:linear-gradient(150deg,#ffffffbd,#f0eafa9c)!important;box-shadow:0 3px 12px #6049780a,inset 0 1px 0 #fffffff0;border-color:var(--lg-line)}
body[data-material="liquid"] :is(.ui-back-link,.app-nav-toggle,.journal-button.secondary,.hub-button.secondary,.db-button.secondary,.mail-button.secondary,.lib-btn.secondary,.reply-prompt-button):hover{background:#f2ecfbd6!important;box-shadow:0 7px 22px #63508016,inset 0 1px 0 white}
/* Native dialogs and custom panels share a thicker material. Preserve chat bubbles. */
body[data-material="liquid"] :is(.journal-dialog,.mail-dialog,.portal-modal-panel,.phd-confirm,.detail-notes-dialog,.sp-dialog,.sp-contact-dialog,.sp-peer-dialog),
body[data-material="liquid"] [data-mentor-panel],
body[data-material="liquid"] #membership-limit-modal>div{background:linear-gradient(150deg,#ffffffed,#f8f5fcee) #faf9fc!important;border-color:var(--lg-line)!important;box-shadow:0 25px 80px #2519342e,inset 0 1px 0 #fffffff2,inset 0 -1px 0 #c7b7df33}
body[data-material="liquid"] :is(.journal-dialog-head,[data-mentor-header],.mail-dialog>header,.portal-modal-panel>header,.thread-chat>header){background:linear-gradient(145deg,#ffffffcc,#f3edfaba) #faf9fc!important;border-color:var(--lg-line)!important;box-shadow:inset 0 1px 0 #ffffffed}
/* Keep nested sticky headers unfiltered: double backdrop capture can flash
   during the existing spatial/genie transition on Chromium. */
body[data-material="liquid"] :is(.journal-dialog-head,[data-mentor-header],.mail-dialog>header,.portal-modal-panel>header){backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
body[data-material="liquid"] :is([data-mentor-close],[data-preview-close],.journal-dialog-head button){background:#ffffff80;border:1px solid #ffffffb8;box-shadow:inset 0 1px 0 white,0 3px 12px #6049780c}
body[data-material="liquid"] :is(.ui-trend-tooltip,.work-trend-tooltip,#flash:not(:empty)){box-shadow:0 8px 30px #3e2d6019,inset 0 1px 0 #ffffffd9;border-color:var(--lg-line)}
/* Only fixed or compact floating chrome receives live backdrop blur. Avoid
   filtering full page containers, long lists and transformed modal content. */
@supports ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){
 body[data-material="liquid"]>nav.app-nav{background:transparent!important;backdrop-filter:none;-webkit-backdrop-filter:none}
 body[data-material="liquid"]>nav.app-nav::before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(140deg,#ffffffa3,#f5f0fc8c);backdrop-filter:blur(18px) saturate(1.55);-webkit-backdrop-filter:blur(18px) saturate(1.55)}
 body[data-material="liquid"] .app-nav-popover{background:linear-gradient(140deg,#ffffffe0,#f2eafcc9)!important;backdrop-filter:blur(20px) saturate(1.5);-webkit-backdrop-filter:blur(20px) saturate(1.5)}
 body[data-material="liquid"] :is(.work-tabs,.hub-sidebar,.journal-workspace-nav,.guide-rail,.bs-nav,.bc-month-group,.lib-tabs,.db-tabs,.db-switch,.discovery-switch,.dp-tabs,.compose-tool-tabs,.ui-back-link,.app-nav-toggle){backdrop-filter:blur(10px) saturate(1.3);-webkit-backdrop-filter:blur(10px) saturate(1.3)}
}
@media(max-width:1000px){
 body[data-material="liquid"] .app-nav-menu.is-open{background:linear-gradient(145deg,#ffffff5e,#f6f0fc38);border-top:1px solid #ffffff99}
 body[data-material="liquid"] .app-nav-popover{backdrop-filter:none;-webkit-backdrop-filter:none;background:#ffffff85!important}
}
@media(max-width:900px){body[data-material="liquid"] .work .work-tabs{padding:5px;margin-bottom:12px;border-radius:14px}body[data-material="liquid"] .work .work-tools a{background:linear-gradient(150deg,#ffffffb8,#f3edfbae);border-color:var(--lg-line);box-shadow:inset 0 1px 0 #ffffffe0}}
@media(prefers-contrast:more){body[data-material="liquid"] :is(.app-nav,.app-nav-popover,.work-tabs,.hub-sidebar,.journal-workspace-nav,.guide-rail,.bs-nav,.bc-month-group,.lib-tabs,.db-tabs,.db-switch,.discovery-switch,.dp-tabs,.compose-tool-tabs,.ui-back-link,.app-nav-toggle){background:#faf8fd!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;border-color:#8b7c9f!important}body[data-material="liquid"]>nav.app-nav::before{display:none}}
@media print{body[data-material="liquid"] *{backdrop-filter:none!important;-webkit-backdrop-filter:none!important;box-shadow:none!important}}

/* Content materials follow the standard-material layer, not the clear
   navigation lens. Readable fill, restrained depth, no glass-on-glass stack. */
body[data-material="liquid"]{
 --fm-edge:rgba(255,255,255,.92);--fm-line:rgba(119,105,148,.13);
 --fm-regular:linear-gradient(135deg,rgba(255,255,255,.79),rgba(244,241,250,.70) 64%,rgba(238,245,250,.73));
 --fm-thick:linear-gradient(135deg,rgba(255,255,255,.93),rgba(247,245,251,.87) 66%,rgba(243,248,251,.89));
 --fm-depth:0 7px 24px rgba(65,48,91,.045),inset 0 1px 0 var(--fm-edge),inset 0 -1px 0 rgba(141,124,169,.07);
 background-image:radial-gradient(ellipse at 0% 0%,rgba(211,201,235,.19),transparent 60%),radial-gradient(ellipse at 100% 20%,rgba(196,217,232,.15),transparent 62%);
 background-size:100% 1100px;background-repeat:no-repeat;
}
/* Summary modules carry a regular frosted material. These contain no fixed
   overlays; actual dialogs remain outside their backdrop-filter roots. */
body[data-material="liquid"] :is(.work-application-stats,.journal-stats,.mp-card,.work-trend-panel,.daily-summary),
body[data-material="liquid"] .journal-workspace-aside>.journal-register{
 background:var(--fm-regular)!important;border-color:var(--fm-line)!important;
 box-shadow:var(--fm-depth)!important;
}
/* Form modules are thicker. Leave descendants, focus rings and state colors
   intact; no backdrop-filter on large form ancestors or the page main. */
body[data-material="liquid"] .bs-module{background:var(--fm-thick)!important;border-color:var(--fm-line)!important;box-shadow:var(--fm-depth)!important}
body[data-material="liquid"] .bs-module>.bs-footer{background:rgba(255,255,255,.48);border-top-color:var(--fm-line)}
body[data-material="liquid"] .journal-workspace-aside>.journal-register>header{background:rgba(255,255,255,.32);border-bottom-color:var(--fm-line)}
body[data-material="liquid"] :is(.work-application-stats,.journal-stats)>:is(div,a){background:transparent!important;box-shadow:none}
/* Nested details get a quiet opaque surface, rather than a second clear lens. */
body[data-material="liquid"] .mp-card :is(.mp-content,.mp-track){background:rgba(255,255,255,.64)}
@supports ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){
 body[data-material="liquid"] :is(.work-application-stats,.journal-stats,.mp-card,.work-trend-panel,.daily-summary),
 body[data-material="liquid"] .journal-workspace-aside>.journal-register{backdrop-filter:blur(16px) saturate(1.18);-webkit-backdrop-filter:blur(16px) saturate(1.18)}
}
@media(max-width:760px){
 body[data-material="liquid"] :is(.work-application-stats,.journal-stats,.mp-card,.work-trend-panel,.daily-summary),
 body[data-material="liquid"] .journal-workspace-aside>.journal-register{backdrop-filter:blur(10px) saturate(1.1);-webkit-backdrop-filter:blur(10px) saturate(1.1);box-shadow:0 4px 16px #41305b08,inset 0 1px 0 var(--fm-edge)!important}
}
@media(prefers-contrast:more){body[data-material="liquid"]{background-image:none}body[data-material="liquid"] :is(.work-application-stats,.journal-stats,.mp-card,.work-trend-panel,.daily-summary,.bs-module),body[data-material="liquid"] .journal-workspace-aside>.journal-register{background:#fff!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;border-color:#8b7c9f!important}}
@media print{body[data-material="liquid"]{background-image:none}body[data-material="liquid"] :is(.work-application-stats,.journal-stats,.mp-card,.work-trend-panel,.daily-summary,.bs-module){background:white!important;box-shadow:none!important;backdrop-filter:none!important}}

/* Modal material: blur the stationary scrim, never the moving text surface.
   The solid undercoat prevents legible page text bleeding through tinted fill.
   Keep native full-viewport mentor wrappers transparent. */
body[data-material="liquid"]{--modal-chrome:#f7f5fb;--modal-line:#e4dfed;--modal-scrim:rgba(30,27,46,.30)}
body[data-material="liquid"] dialog:not(.mentor-detail-layer)::backdrop{background:var(--modal-scrim)}
body[data-material="liquid"] :is(.portal-modal,.mail-modal,[data-mentor-overlay],[x-show="drawer"],#membership-limit-modal){background-color:var(--modal-scrim)}
body[data-material="liquid"] :is(.sp-dialog>header,.sp-contact-dialog>header,.sp-peer-dialog>header,.detail-notes-dialog>header,.journal-dialog-head,.mail-dialog>header,.portal-modal-panel>header){background:var(--modal-chrome)!important;border-color:var(--modal-line)!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
body[data-material="liquid"] .sp-editor-actions{background:var(--modal-chrome);border-color:var(--modal-line);padding:16px 0 max(16px,env(safe-area-inset-bottom));z-index:2}
body[data-material="liquid"] .sp-editor-actions .sp-archive{white-space:normal;overflow-wrap:anywhere;max-width:100%}
@supports ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){
 body[data-material="liquid"] dialog:not(.mentor-detail-layer)::backdrop,
 body[data-material="liquid"] :is(.portal-modal,.mail-modal,[data-mentor-overlay],[x-show="drawer"],#membership-limit-modal){backdrop-filter:blur(18px) saturate(1.08)!important;-webkit-backdrop-filter:blur(18px) saturate(1.08)!important}
}
@media(max-width:640px){
 body[data-material="liquid"] dialog:not(.mentor-detail-layer)::backdrop,
 body[data-material="liquid"] :is(.portal-modal,.mail-modal,[data-mentor-overlay],[x-show="drawer"],#membership-limit-modal){backdrop-filter:blur(10px) saturate(1.05)!important;-webkit-backdrop-filter:blur(10px) saturate(1.05)!important}
}
/* Explicit site design requests frosted isolation, including desktop systems
   that report reduced transparency. High-contrast mode still uses a solid scrim. */
@media(prefers-contrast:more){
 body[data-material="liquid"] dialog:not(.mentor-detail-layer)::backdrop,
 body[data-material="liquid"] :is(.portal-modal,.mail-modal,[data-mentor-overlay],[x-show="drawer"],#membership-limit-modal){backdrop-filter:none!important;-webkit-backdrop-filter:none!important;background-color:rgba(30,27,46,.48)!important}
}