/* 2.7.5 — shared liquid-glass materials, without changing layout or hit areas. */
:root{
 --liquid-surface:linear-gradient(145deg,rgba(57,88,123,.78),rgba(12,30,53,.94));
 --liquid-control:linear-gradient(145deg,rgba(101,147,186,.22),rgba(26,58,88,.56));
 --liquid-selected:linear-gradient(145deg,rgba(38,151,214,.9),rgba(20,80,134,.95));
 --liquid-edge:rgba(178,219,249,.26);
 --liquid-reflection:inset 0 1px 0 rgba(238,250,255,.24),inset 0 -1px 0 rgba(81,160,202,.08);
 --glass:var(--liquid-surface);
}
/* Cards reuse the material, not a separate blur layer for each item. */
.view :is(.dash-card,.ranking-card,.news-card,.notification-card,.redeem-card,.product-card,.proposal-card,.event-item,.content-manager,.active-users-card,.chat-card,.about-card,.student-card,.security-card,.calendar-card,.project-card-v4,.party-code-card,.profile-section272){
 background:var(--liquid-surface)!important;border-color:var(--liquid-edge)!important;box-shadow:var(--liquid-reflection),0 7px 18px rgba(0,8,22,.12)!important;color:#f1f7ff;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;
}
/* Persistent navigation and management navigation use one material. */
.topbar,.workspace-nav{background:var(--liquid-surface)!important;border-color:var(--liquid-edge);box-shadow:var(--liquid-reflection);backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
.icon-rail{background:linear-gradient(160deg,#152941,#09182c);box-shadow:inset -1px 0 0 rgba(192,228,251,.14)}
.mobile-drawer{background:linear-gradient(145deg,rgba(36,62,91,.97),rgba(9,27,47,.98))!important;box-shadow:var(--liquid-reflection),12px 0 35px #0004;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
/* All equivalent secondary controls, across desktop and mobile. */
:is(.soft-btn,.ghost-btn,.points-pill,.account-pill,.icon-top,.search-pill,.workspace-group),
:is(.party-tabs,.filters) button{
 background:var(--liquid-control);border:1px solid var(--liquid-edge);box-shadow:var(--liquid-reflection);color:#e9f5ff;
 transition:background-color 120ms ease-out,color 120ms ease-out,transform 100ms ease-out;
}
:is(.primary-btn,.workspace-group.active),.party-tabs button.active,.filters button.active,
.rail-btn.active,.drawer-links button.active{
 background:var(--liquid-selected)!important;color:#fff!important;border-color:rgba(175,228,255,.46)!important;box-shadow:var(--liquid-reflection),0 4px 12px rgba(1,37,70,.18)!important;
}
/* Form panels have the same polished edge, with a dense fill for readability. */
:is(.workspace,.join-form,.form-card,.modal,.fc-dialog,.glass-dialog) :is(input,select,textarea):not([type=checkbox]):not([type=radio]){
 background:linear-gradient(155deg,#173049,#102238)!important;border-color:rgba(157,200,231,.32)!important;color:#eff8ff!important;box-shadow:inset 0 1px 2px rgba(0,6,20,.2),0 1px 0 rgba(224,245,255,.06);
}
:is(.workspace,.join-form,.form-card,.modal,.fc-dialog,.glass-dialog) :is(input,textarea)::placeholder{color:#9fb8ce;opacity:1}
:is(.fc-dialog,.glass-dialog,.content-dialog,.attendance-dialog,.modal):not(#qrExpanded270){
 background:linear-gradient(145deg,#29425e,#0e223a)!important;border:1px solid rgba(184,223,251,.34)!important;box-shadow:var(--liquid-reflection),0 20px 60px rgba(0,7,22,.48)!important;
}
#workspaceSectionButton271{background:var(--liquid-control);box-shadow:var(--liquid-reflection);border-color:var(--liquid-edge)}
#workspaceSectionMenu271{background:linear-gradient(145deg,#233f5b,#10263e);box-shadow:var(--liquid-reflection),0 14px 35px #0006;backdrop-filter:none;-webkit-backdrop-filter:none}
#workspaceSectionMenu271 button[aria-current=true]{background:var(--liquid-selected)}
/* Keep read and unread messages distinguishable after applying the shared material. */
.view .notification-card.is-read{background:linear-gradient(145deg,#1c3048,#112239)!important;border-color:rgba(164,196,225,.13)!important}
.view .notification-card.unread{background:linear-gradient(145deg,#225776,#123b5b)!important;border-color:rgba(112,210,246,.48)!important}
@media(hover:hover) and (pointer:fine){
 :is(.soft-btn,.ghost-btn,.workspace-group):not(:disabled):hover,.party-tabs button:not(:disabled):hover{background-color:rgba(143,215,249,.16);border-color:rgba(185,232,255,.52)}
}
:is(.soft-btn,.ghost-btn,.primary-btn,.workspace-group):not(:disabled):active{transform:scale(.98);filter:none}
:is(button,a,input,select,textarea):focus-visible{outline:3px solid #76e3ff!important;outline-offset:3px}
@media(prefers-reduced-motion:reduce){
 :is(.soft-btn,.ghost-btn,.primary-btn,.workspace-group,.party-tabs button,.filters button){transition:none!important;transform:none!important}
}
@media(prefers-reduced-transparency:reduce){
 :root{--liquid-surface:linear-gradient(#1c334d,#11273e);--liquid-control:linear-gradient(#29445d,#18334c)}
 .mobile-drawer{background:#132b43!important}
}