/* Canvas header, reference parity; never applies to another application. */
.sofa-infinite .sofa-canvas-toptools{top:16px;right:24px;height:32px;gap:8px;flex-wrap:nowrap}
.sofa-infinite .canvas-header-spacer{flex:1}
.sofa-infinite .canvas-header-save-status{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.sofa-infinite .sofa-canvas-toptools>.canvas-tool-button{height:32px;box-sizing:border-box;padding:5px 12px;border-radius:3px;font-size:14px;gap:6px;background:#1d1e23;border:1px solid #363940;color:#e4e6eb;flex-shrink:0}
.sofa-infinite .sofa-canvas-toptools>.sofa-canvas-icon{width:28px;padding:5px;border:0;background:transparent;color:#c7d2dc}
.sofa-infinite .sofa-canvas-toptools>.sofa-green-assistant{width:32px;height:32px;padding:5px!important;margin-left:20px;border:0!important;border-radius:50%;background:#85ff52!important;color:#275325!important;box-shadow:none}
.sofa-infinite .sofa-canvas-toptools>.canvas-tool-button:hover{background:#30333b}
.sofa-infinite .canvas-header-notifications{position:absolute;z-index:40;right:160px;top:56px;width:min(330px,calc(100% - 32px));padding:14px;box-sizing:border-box;background:#1d1e23;border:1px solid #363940;border-radius:8px;color:#e4e6eb;box-shadow:0 10px 32px #0006}
.canvas-header-notifications header,.canvas-header-notifications footer{display:flex;align-items:center;justify-content:space-between;gap:8px}.sofa-infinite .canvas-header-notifications button{font-size:12px;padding:6px 8px;border-radius:4px}.canvas-header-notifications header button{border:0;background:transparent}.canvas-notification-sync{font-size:12px;color:#a8b4bd}.canvas-notification-list{max-height:260px;overflow:auto;margin:12px 0}.sofa-infinite .canvas-notification-list>button{display:flex;width:100%;justify-content:space-between;margin-bottom:4px;border:0;background:transparent}.canvas-notification-list span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:210px}.canvas-notification-list small{white-space:nowrap;color:#95d080}.canvas-header-notifications footer{border-top:1px solid #363940;padding-top:10px;flex-wrap:wrap}.canvas-header-notifications footer>small{color:#8d98a2;margin-left:auto;font-size:11px}
@media(max-width:800px){.sofa-infinite .sofa-canvas-toptools{right:12px;gap:4px}.sofa-infinite .sofa-canvas-toptools>.sofa-green-assistant{margin-left:4px}.sofa-infinite .canvas-header-notifications{right:12px}.sofa-infinite .sofa-canvas-toptools>.canvas-tool-button{font-size:12px;padding:5px 8px}.sofa-infinite .sofa-canvas-toptools>.sofa-canvas-icon{padding:5px}}
