/* Main CSS Styles */

body {
    font-family: 'Roboto', sans-serif;
    background-color: #f8f9fa;
}

.navbar {
    margin-bottom: 1.5rem;
}

.device-card {
    transition: transform 0.3s ease;
    margin-bottom: 1.5rem;
}

.device-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 20px rgba(0,0,0,0.1);
}

.warranty-expired {
    color: #dc3545;
}

.warranty-expiring {
    color: #ffc107;
}

.warranty-valid {
    color: #28a745;
}

.img-preview {
    max-height: 300px;
    object-fit: contain;
}

.custom-file-button input[type=file] {
    margin-left: -2px !important;
}

.custom-file-button input[type=file]::-webkit-file-upload-button {
    display: none;
}

.custom-file-button input[type=file]::file-selector-button {
    display: none;
}

.custom-file-button:hover label {
    background-color: #dde0e3;
    cursor: pointer;
}

.camera-preview {
    width: 100%;
    max-width: 500px;
    height: auto;
    background-color: #ccc;
}