/* Sisyphus Glass — a quiet, tactile glassmorphism layer for the operational UI. */
@media screen {
  html[data-world='sisyphus-glass'] {
    --sisyphus-glass-white: rgba(255, 255, 255, .72);
    --sisyphus-glass-shadow: 0 28px 58px -32px rgba(4, 28, 39, .78), 0 12px 26px -18px rgba(3, 57, 68, .58);
    --sisyphus-glass-inner: inset 0 1px 0 rgba(255, 255, 255, .58), inset 0 -1px 0 rgba(198, 255, 243, .18);
    background: #0b2430;
  }
  html[data-world='sisyphus-glass'] body,
  html[data-world='sisyphus-glass'] .workspace {
    background: radial-gradient(circle at 12% 8%, rgba(173, 255, 221, .32), transparent 31%), radial-gradient(circle at 88% 18%, rgba(112, 181, 255, .25), transparent 34%), linear-gradient(125deg, #dff6e9 0%, #80c9b7 38%, #245c72 72%, #071b2a 100%) !important;
    background-size: 135% 135%;
    animation: sisyphus-glass-gradient 34s ease-in-out infinite alternate;
  }
  html[data-world='sisyphus-glass'] .workspace::before,
  html[data-world='sisyphus-glass'] .workspace::after {
    content: ''; position: fixed; inset: -18%; pointer-events: none; z-index: -1; opacity: .52; filter: blur(38px); mix-blend-mode: screen;
  }
  html[data-world='sisyphus-glass'] .workspace::before { background: radial-gradient(ellipse at 30% 20%, rgba(221, 255, 241, .55), transparent 44%); animation: sisyphus-glass-orbit 22s ease-in-out infinite alternate; }
  html[data-world='sisyphus-glass'] .workspace::after { background: radial-gradient(ellipse at 78% 65%, rgba(122, 210, 255, .3), transparent 42%); animation: sisyphus-glass-orbit 29s ease-in-out -9s infinite alternate-reverse; }
  html[data-world='sisyphus-glass'] #app-view .view :is(.panel, .room-card, .metric, .employee-bubble, .prod-score-card, .summary-card, .metric-card, dialog, .notification-panel):not(:where(.print-preview-sheet *, #print-run-root *)) {
    position: relative; isolation: isolate; overflow: hidden;
    background: linear-gradient(145deg, rgba(255, 255, 255, .2), rgba(255, 255, 255, .07)) !important;
    border: 1px solid var(--sisyphus-glass-white) !important; box-shadow: var(--sisyphus-glass-shadow), var(--sisyphus-glass-inner) !important;
    -webkit-backdrop-filter: blur(22px) saturate(145%); backdrop-filter: blur(22px) saturate(145%);
    transition: transform .38s cubic-bezier(.2, .8, .2, 1), box-shadow .38s ease, border-color .38s ease;
  }
  html[data-world='sisyphus-glass'] #app-view .view :is(.panel, .room-card, .metric, .employee-bubble, .prod-score-card, .summary-card, .metric-card):not(.card-dragging)::before {
    content: ''; position: absolute; inset: 0; z-index: -1; pointer-events: none; opacity: 0;
    background: linear-gradient(112deg, transparent 35%, rgba(255, 255, 255, .26) 48%, transparent 61%); background-size: 220% 100%; transition: opacity .28s ease;
  }
  html[data-world='sisyphus-glass'] #app-view .view :is(.panel, .room-card, .metric, .employee-bubble, .prod-score-card, .summary-card, .metric-card):not(.card-dragging):hover {
    transform: translateY(-5px) scale(1.005); border-color: rgba(255, 255, 255, .94) !important;
    box-shadow: 0 38px 72px -34px rgba(2, 20, 31, .9), 0 18px 32px -18px rgba(55, 224, 199, .42), var(--sisyphus-glass-inner) !important;
  }
  html[data-world='sisyphus-glass'] #app-view .view :is(.panel, .room-card, .metric, .employee-bubble, .prod-score-card, .summary-card, .metric-card):not(.card-dragging):hover::before { opacity: 1; animation: sisyphus-glass-shimmer 1.25s ease-out both; }
  html[data-world='sisyphus-glass'] .task-row.sisyphus-overdue { border-color: rgba(255, 173, 184, .86) !important; animation: sisyphus-glass-alert-pulse 3.6s ease-in-out infinite; }
  html[data-world='sisyphus-glass'] .sisyphus-pop { animation: sisyphus-glass-task-pop .62s cubic-bezier(.2, 1.5, .4, 1) both !important; }
  @keyframes sisyphus-glass-gradient { 0% { background-position: 0% 20%; } 100% { background-position: 100% 80%; } }
  @keyframes sisyphus-glass-orbit { 0% { translate: -3% -2%; scale: .96; } 100% { translate: 5% 4%; scale: 1.08; } }
  @keyframes sisyphus-glass-shimmer { from { background-position: 160% 0; } to { background-position: -40% 0; } }
  @keyframes sisyphus-glass-task-pop { 0% { scale: 1; } 42% { scale: 1.035; } 72% { scale: .99; } 100% { scale: 1; } }
  @keyframes sisyphus-glass-alert-pulse { 0%, 100% { box-shadow: var(--sisyphus-glass-shadow), 0 0 0 0 rgba(255, 173, 184, 0); } 50% { box-shadow: var(--sisyphus-glass-shadow), 0 0 24px 2px rgba(255, 173, 184, .34); } }
}
@media (prefers-reduced-motion: reduce) {
  html[data-world='sisyphus-glass'] :is(body, .workspace, .workspace::before, .workspace::after, .task-row.sisyphus-overdue, .sisyphus-pop) { animation: none !important; }
  html[data-world='sisyphus-glass'] #app-view .view :is(.panel, .room-card, .metric, .employee-bubble, .prod-score-card, .summary-card, .metric-card):hover { transform: none; }
}
@media print {
  html[data-world='sisyphus-glass'] :is(body, .workspace) { background: white !important; animation: none !important; }
  html[data-world='sisyphus-glass'] #app-view .view :is(.panel, .room-card, .metric, .employee-bubble, .prod-score-card, .summary-card, .metric-card) { -webkit-backdrop-filter: none; backdrop-filter: none; box-shadow: none !important; }
}