/* Sigma OS — subtle liquid glass visual layer. CSS only, no business logic. */
:root{--glass-bg:rgba(28,29,34,.62);--glass-bg-strong:rgba(24,25,30,.78);--glass-border:rgba(255,255,255,.10);--glass-highlight:rgba(255,255,255,.045);--glass-shadow:0 18px 50px rgba(0,0,0,.22)}
body::before{content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;background:radial-gradient(circle at 15% 5%,rgba(255,255,255,.035),transparent 28%),radial-gradient(circle at 85% 0%,rgba(190,20,28,.035),transparent 24%),linear-gradient(180deg,#111216,#0d0e11)}
.top,.panel,.hero,.card,.kpi,.rd-shell,.mg,.wr-shell,.at-dash,.at-page,.c360-head,.c360-section,.approval-card,.table,.calendar-grid,.calendar-head{background:linear-gradient(145deg,rgba(255,255,255,.035),rgba(255,255,255,.012)),var(--glass-bg)!important;border-color:var(--glass-border)!important;box-shadow:inset 0 1px 0 var(--glass-highlight),var(--glass-shadow);backdrop-filter:blur(18px) saturate(125%);-webkit-backdrop-filter:blur(18px) saturate(125%)}
.top{background:rgba(18,19,23,.68)!important;border-bottom:1px solid rgba(255,255,255,.08)!important;box-shadow:0 8px 30px rgba(0,0,0,.16)}
.side{background:linear-gradient(180deg,rgba(24,25,29,.86),rgba(18,19,22,.94))!important;border-right:1px solid rgba(255,255,255,.07)!important;backdrop-filter:blur(22px) saturate(120%);-webkit-backdrop-filter:blur(22px) saturate(120%)}
.btn,button,.pill,.mg-tabs button{transition:background .18s ease,border-color .18s ease,transform .18s ease,box-shadow .18s ease}.btn:not(.red),.mg-tabs button{background:rgba(255,255,255,.045)!important;border-color:rgba(255,255,255,.09)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.035)}.btn:not(.red):hover,.mg-tabs button:hover{background:rgba(255,255,255,.075)!important;border-color:rgba(255,255,255,.14)!important;transform:translateY(-1px)}
.btn.red{background:linear-gradient(180deg,rgba(205,39,49,.98),rgba(157,25,32,.98))!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.14),0 7px 18px rgba(120,0,8,.22)}
input,select,textarea{background:rgba(255,255,255,.035)!important;border-color:rgba(255,255,255,.09)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.02)}
.modal,.modalbox,[class*="sheet"],[class*="popover"],[class*="dropdown"]{backdrop-filter:blur(24px) saturate(130%);-webkit-backdrop-filter:blur(24px) saturate(130%)}
.event,.row,.c360-item,.at-row,.at-next article{background:linear-gradient(145deg,rgba(255,255,255,.028),rgba(255,255,255,.01)),rgba(24,25,29,.70)!important;border-color:rgba(255,255,255,.055)!important}
@media(max-width:900px){.top,.panel,.hero,.card,.kpi,.rd-shell,.wr-shell,.at-dash,.at-page,.c360-head,.c360-section{backdrop-filter:blur(14px) saturate(118%);-webkit-backdrop-filter:blur(14px) saturate(118%)}.bottom-nav,.mobile-bottom-nav{background:rgba(18,19,23,.78)!important;border-top:1px solid rgba(255,255,255,.08)!important;backdrop-filter:blur(20px) saturate(125%);-webkit-backdrop-filter:blur(20px) saturate(125%);box-shadow:0 -10px 30px rgba(0,0,0,.18)}}
@media(prefers-reduced-transparency:reduce){.top,.side,.panel,.hero,.card,.kpi,.rd-shell,.mg,.wr-shell,.at-dash,.at-page,.c360-head,.c360-section,.bottom-nav,.mobile-bottom-nav{backdrop-filter:none!important;-webkit-backdrop-filter:none!important;background:#18191d!important}}