/* DYMO Label Editor - Custom Styles */

body {
    background-color: #f8f9fa;
}

.card {
    box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
}

.card-header {
    background-color: #fff;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    font-weight: 500;
}

#preview-image {
    max-height: 300px;
    background-color: #fff;
}

/* Status indicators */
.status-connected {
    background-color: #d1e7dd;
    border-color: #badbcc;
    color: #0f5132;
}

.status-disconnected {
    background-color: #f8d7da;
    border-color: #f5c2c7;
    color: #842029;
}

.status-checking {
    background-color: #e2e3e5;
    border-color: #d3d6d8;
    color: #41464b;
}

/* Form styling */
#label-form .form-label {
    font-weight: 500;
    margin-bottom: 0.25rem;
}

#label-form .mb-3:last-child {
    margin-bottom: 0 !important;
}

/* Responsive adjustments */
@media (max-width: 991.98px) {
    #preview-card {
        order: -1;
    }
}