/* =========================================================
   MAKER PRO CONSOLE STYLES
   ========================================================= */

/* --- Workspace & Layout --- */
.maker-workspace {
    min-height: 70vh;
    background-color: #f8f9fa;
    border-radius: 0.75rem;
    border: 1px solid #dee2e6;
}

/* --- Interactive Cards (Raw Materials & Recipes) --- */
.maker-card {
    transition: transform 0.2s ease, box-shadow 0.2s ease;
    border: 1px solid #dee2e6;
}

.maker-card:hover {
    transform: translateY(-3px);
    box-shadow: 0 0.5rem 1rem rgba(0,0,0,0.1) !important;
    border-color: #0d6efd; /* Highlights on hover */
}

/* --- Inventory Status Badges --- */
.stock-badge {
    font-size: 0.7rem;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    font-weight: 700;
}

.stock-badge.high {
    background-color: #d1e7dd;
    color: #0f5132;
    border: 1px solid #badbcc;
}

.stock-badge.low {
    background-color: #fff3cd;
    color: #664d03;
    border: 1px solid #ffecb5;
}

.stock-badge.out {
    background-color: #f8d7da;
    color: #842029;
    border: 1px solid #f5c2c7;
}

/* --- Bill of Materials (BOM) Tables --- */
.maker-table {
    width: 100%;
    margin-bottom: 0;
}

.maker-table th {
    text-transform: uppercase;
    font-size: 0.75rem;
    letter-spacing: 0.05em;
    color: #6c757d;
    background-color: #f8f9fa;
    border-bottom: 2px solid #dee2e6;
    padding: 0.75rem 1rem;
}

.maker-table td {
    vertical-align: middle;
    padding: 0.75rem 1rem;
    font-size: 0.9rem;
    border-bottom: 1px solid #dee2e6;
}

/* --- Utility Classes for No-Inline-Styles --- */
.cursor-pointer {
    cursor: pointer;
}

.vh-85 {
    height: 85vh;
}