.dashboard-grid {
    min-height: 500px;
    padding: 20px 0;
}

.dashboard-widget {
    margin-bottom: 20px;
    transition: transform 0.2s;
}

.dashboard-widget.sortable-ghost {
    opacity: 0.4;
    transform: scale(0.98);
}

.widget-handle {
    cursor: move;
}

.widget-handle:hover {
    background-color: rgba(0,0,0,0.05);
}

.widget-placeholder {
    border: 2px dashed #dee2e6;
    background: #f8f9fa;
    height: 400px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 0.375rem;
}

.widget-actions {
    opacity: 0.7;
    transition: opacity 0.2s;
}

.dashboard-widget:hover .widget-actions {
    opacity: 1;
}

.widget-config-fields {
    max-height: 400px;
    overflow-y: auto;
}