/* Shared ambient canvas. Legacy filename keeps every template on one background. */
:root{--canvas-dot:rgba(42,78,105,.14);--canvas-blue:rgba(68,123,255,.13);--canvas-teal:rgba(35,196,177,.11)}
html[data-theme=dark]{--canvas-dot:rgba(165,195,215,.12);--canvas-blue:rgba(43,103,234,.16);--canvas-teal:rgba(19,188,164,.10)}
body,.workspace-body,.auth-area,.login-area{
 background-image:radial-gradient(ellipse at 4% 0,var(--canvas-blue),transparent 52%),radial-gradient(ellipse at 100% 35%,var(--canvas-teal),transparent 48%),radial-gradient(circle,var(--canvas-dot) .7px,transparent .9px);
 background-size:100% 1000px,100% 1300px,22px 22px;
 background-repeat:no-repeat,no-repeat,repeat;
}
.workspace-body .dashboard-content{background-color:transparent}
body:has(>.workspace),body:has(>.auth-shell),body:has(>.login-area){background-image:none}
@media print{body,.workspace-body,.auth-area,.login-area{background-image:none}}