/* DXF Wizard Component Styles */
/* This file contains styles specific to the DXF Wizard canvas-based UI */

/* Dark Grid Canvas for DXF Wizard */
.dark-grid-canvas {
    background-color: #1a1a2e;
    border: 1px solid var(--color-border, #3c4a5c);
    border-radius: var(--radius-md, 0.5rem);
}

/* Canvas wrapper for the schematics designer */
.canvas-wrapper {
    position: relative;
    overflow: hidden;
    width: 100%;
    border: 1px solid var(--color-border, #3c4a5c);
    border-radius: var(--radius-md, 0.5rem);
}

/* Context menu styling */
#deviceContextMenu {
    position: absolute;
    display: none;
    background-color: var(--color-surface, #1e252f);
    border: 1px solid var(--color-border, #3c4a5c);
    border-radius: var(--radius-md, 0.5rem);
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
    z-index: 1000;
    min-width: 150px;
}

#deviceContextMenu.show {
    display: block;
}

#deviceContextMenu .dropdown-item {
    padding: 0.5rem 1rem;
    color: var(--color-text-primary, #f2f4f7);
    cursor: pointer;
    transition: background-color 0.2s;
}

#deviceContextMenu .dropdown-item:hover {
    background-color: var(--color-surface-hover, #252d38);
}