/* style.css */

body {
    background-color: #f8f9fa;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}

.logo {
    height: 32px;
}

.order-card .card {
    transition: all 0.2s ease-in-out;
    border: 1px solid #e9ecef;
}

.order-card .card:hover {
    transform: translateY(-5px);
    box-shadow: 0 4px 12px rgba(0,0,0,0.08) !important;
}

.customer-details {
    white-space: pre-wrap; /* Respects newlines from the textarea */
    font-size: 0.9rem;
    background-color: #f8f9fa;
    padding: 10px;
    border-radius: 5px;
    max-height: 150px;
    overflow-y: auto;
}

.card-footer .actions .btn {
    transition: opacity 0.2s ease;
}

.card-footer .actions .btn:hover {
    opacity: 0.8;
}

/* Styles for completed orders */
.order-card.completed .card {
    background-color: #f0fdf4; /* A very light green */
    border-color: #bbf7d0;
}

.order-card.completed .card-header,
.order-card.completed .card-body {
    opacity: 0.7;
}