body {
    font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

.card-base {
    border-radius: 0.75rem;
    padding: 0.75rem;
    border-width: 1px;
    border-style: solid;
    border-color: #1f2937;
    background-color: #0f172a;
    box-shadow: 0 10px 15px -10px rgba(0, 0, 0, 0.7);
    transition: transform 120ms ease, box-shadow 120ms ease, background-color 120ms ease, border-color 120ms ease;
}

.card-base:hover {
    transform: translateY(-1px);
    box-shadow: 0 18px 30px -18px rgba(0, 0, 0, 0.8);
}

.card-state-LOADING {
    background-color: #111827;
    border-color: #1f2937;
}

.card-state-AVAILABLE {
    /* vert sombre pastel */
    background-color: #24382C;
    border-color: #3b5b45;
}

.card-state-BUSY {
    /* orange sombre pastel */
    background-color: #4A3C2A;
    border-color: #8b6a3b;
}

.card-state-UNAVAILABLE {
    /* rouge sombre pastel */
    background-color: #4C2A2A;
    border-color: #9b4a4a;
}

.card-state-UNKNOWN {
    /* gris sombre */
    background-color: #1f2933;
    border-color: #374151;
}

.machine-card h2,
.machine-card .machine-status-text,
.machine-card .machine-detail-text {
    color: #e5e7eb;
}

.machine-card .machine-detail-text {
    color: #e5e7eb;
}