/* css/components.css */
/* Miscellaneous component styles not covered by other CSS modules */

/* Lucide Icon Styles */
.lucide {
    width: 1.2em;
    height: 1.2em;
    stroke: currentColor;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
    fill: none;
    vertical-align: middle;
}

.lucide-sm {
    width: 1em;
    height: 1em;
}

.lucide-lg {
    width: 1.5em;
    height: 1.5em;
}

.lucide-md {
    width: 1.3em;
    height: 1.3em;
    margin-right: 8px;
    vertical-align: middle;
}

.lucide-xs {
    width: 0.85em;
    height: 0.85em;
}

/* Hidden class */
.hidden {
    display: none !important;
}