/* The dock, windows and System panel share the same reserved work area. */
.system-drawer-zone{position:fixed;z-index:10000;top:var(--system-top,48px);right:var(--system-right,12px);bottom:var(--system-bottom,12px);width:var(--drawer-width,330px);overflow:hidden;border-radius:14px;pointer-events:none;filter:drop-shadow(-7px 8px 16px #10261b25);container-type:inline-size}
.system-drawer-zone .activity-drawer{position:absolute;inset:0;width:100%;height:100%;border-right:1px solid #527046!important;border-radius:14px!important;box-shadow:none!important;pointer-events:auto;transform:translateX(calc(100% + 2px))}
.system-drawer-zone .activity-drawer.open{transform:translateX(0)}
.monitor-pull{right:var(--system-right,12px);top:clamp(var(--system-top,48px),45%,calc(100dvh - var(--system-bottom,12px) - 68px));border-right:1px solid #527046!important;border-radius:9px!important}
.monitor-pull.open{right:calc(var(--system-right,12px) + var(--drawer-width,330px))}body:has(#dock) .monitor-pull:not(.open):not(.pulling){right:var(--system-right,12px)}
@container(max-width:280px){.system-tabs [role=tab]{font-size:7px;padding:7px 2px}.activity-drawer .retro-system{padding-inline:11px!important}.creation-metrics strong{font-size:18px}.creation-metrics>div{padding:9px 8px}.creation-agent strong{font-size:11px}.creation-agent>div>span{font-size:7px}}