.dashboard-grid{column-gap:var(--grid-gap,16px);row-gap:var(--grid-gap,16px)}.dashboard-grid .react-grid-item.react-draggable-dragging,.dashboard-grid .react-grid-item.resizing{box-shadow:var(--shadow-pop);border-radius:var(--radius-card)}.dashboard-grid .react-grid-item.react-grid-placeholder{background:var(--color-accent-soft);border:1px dashed var(--color-accent);border-radius:var(--radius-card);opacity:1;box-shadow:none}.dashboard-grid .react-grid-item>.react-resizable-handle{opacity:0;width:24px;height:24px;transition:opacity var(--dur-fast) var(--ease);background-image:none;padding:0}.dashboard-grid .react-grid-item>.react-resizable-handle:after{border-right:2px solid var(--color-text-muted);border-bottom:2px solid var(--color-text-muted);border-radius:0 0 var(--radius-chip) 0;width:7px;height:7px;bottom:5px;right:5px}.dashboard-grid .react-grid-item:hover>.react-resizable-handle,.dashboard-grid .react-grid-item:focus-within>.react-resizable-handle,.dashboard-grid .react-grid-item.resizing>.react-resizable-handle{opacity:1}.dashboard-grid .react-grid-item>.react-resizable-handle:hover:after,.dashboard-grid .react-grid-item.resizing>.react-resizable-handle:after{border-color:var(--color-accent)}@media (prefers-reduced-motion:reduce){.dashboard-grid .react-grid-item>.react-resizable-handle{transition:none}}