@media (max-width:640px){.agents-grid{display:grid;grid-template-columns:1fr;gap:var(--space-3)}}.panel{background-color:var(--surface-1);border:1px solid var(--border);box-shadow:var(--shadow-1);border-radius:var(--radius-lg-token)}.panel-elevated{background-color:var(--surface-2);border:1px solid color-mix(in oklch,var(--border),transparent 20%);box-shadow:var(--shadow-2);border-radius:var(--radius-lg-token)}.toolbar{background-color:color-mix(in oklch,var(--background),transparent 0%);backdrop-filter:saturate(140%) blur(12px);-webkit-backdrop-filter:saturate(140%) blur(12px);border-bottom:1px solid color-mix(in oklch,var(--border),transparent 40%)}.breadcrumb{color:var(--muted-foreground)}.breadcrumb a{color:inherit;text-decoration:none}.breadcrumb a:hover{color:var(--foreground)}.glass-panel{background:linear-gradient(180deg,color-mix(in oklch,var(--surface-2),transparent 10%),color-mix(in oklch,var(--surface-1),transparent 0%));border:1px solid color-mix(in oklch,var(--border),transparent 20%);box-shadow:var(--shadow-2);border-radius:var(--radius-lg-token)}.premium-gradient{background-image:radial-gradient(1200px 400px at 0 0,color-mix(in oklch,var(--primary),transparent 85%),transparent),radial-gradient(1200px 400px at 100% 0,color-mix(in oklch,var(--accent),transparent 85%),transparent)}.react-flow__controls{background:rgba(255,255,255,.95)!important;border-radius:12px!important;padding:8px!important;box-shadow:0 4px 12px rgba(0,0,0,.15)!important;border:1px solid rgba(0,0,0,.1)!important}.react-flow__controls button{background:rgba(255,255,255,.9)!important;border:1px solid rgba(0,0,0,.1)!important;font-size:16px!important;min-height:36px!important;min-width:36px!important;border-radius:8px!important;margin:2px!important;color:#374151!important;font-weight:600!important;transition:all .2s ease!important}.react-flow__controls button:hover{background:rgba(255,255,255,1)!important;box-shadow:0 2px 8px rgba(0,0,0,.1)!important;transform:translateY(-1px)!important}.react-flow__controls button svg{width:18px!important;height:18px!important}@media (max-width:768px){.react-flow__controls button{min-height:44px!important;min-width:44px!important;font-size:18px!important}.react-flow__controls button svg{width:20px!important;height:20px!important}}.react-flow__minimap{background:rgba(255,255,255,.95)!important;border:1px solid rgba(0,0,0,.1)!important;border-radius:8px!important}.react-flow__panel{z-index:10!important}.react-flow__viewport{transition:transform .2s ease!important}.react-flow__node{cursor:grab!important}.react-flow__node:active{cursor:grabbing!important}.react-flow__renderer{touch-action:manipulation!important}.react-flow__edge{pointer-events:all!important;stroke-width:2px!important}.react-flow__edge.selected .react-flow__edge-path{stroke:#3b82f6!important;stroke-width:3px!important}.status-panel{padding:12px 16px!important;font-size:14px!important;font-weight:500!important;color:#374151!important;min-width:200px!important}.legend-panel,.status-panel{background:rgba(255,255,255,.95)!important;border:1px solid rgba(0,0,0,.1)!important;border-radius:8px!important;box-shadow:0 4px 12px rgba(0,0,0,.15)!important;backdrop-filter:blur(8px)!important}.legend-panel{padding:16px!important;min-width:220px!important}.legend-panel h3{font-size:16px!important;font-weight:600!important;color:#111827!important;margin-bottom:12px!important}.legend-panel .legend-item{display:flex!important;align-items:center!important;gap:8px!important;margin-bottom:8px!important;font-size:14px!important;font-weight:500!important;color:#374151!important}.legend-panel .legend-color{width:16px!important;height:16px!important;border-radius:4px!important;flex-shrink:0!important}@media (max-width:640px){.status-panel{font-size:13px!important;padding:10px 12px!important;min-width:180px!important}.legend-panel{padding:12px!important;min-width:200px!important}.legend-panel h3{font-size:15px!important}.legend-panel .legend-item{font-size:13px!important}}