/**
 * Face Chart specific styles for Order Display
 * These styles were moved from ENNU POS order-display.css
 */

/* Full-height Services Panel for Face Chart */
#ennu-services-panel-facechart {
    height: calc(100vh - 140px);
    max-height: calc(100vh - 140px);
    display: flex;
    flex-direction: column;
}

#ennu-services-panel-facechart .ennu-service-filters {
    flex: 0 0 auto;
}

#ennu-services-panel-facechart .ennu-services-container {
    flex: 1 1 auto;
    overflow-y: auto;
    max-height: none;
    min-height: 0; /* ensures proper flexbox scrolling in Safari/Chrome */
}

/* Order Display Table Styling */
#ennu-order-display-facechart .deposit-row {
    background: #f0f8ff;
    border-top: 2px solid #e0e0e0;
}

#ennu-order-display-facechart .deposit-row td {
    padding: 12px 8px;
    font-weight: 600;
}

#ennu-order-display-facechart .subtotal-row td {
    padding: 8px;
    border-top: 1px solid #e0e0e0;
    color: #666;
}

#ennu-order-display-facechart .balance-due-row {
    background: #fff3cd;
    border: 1px solid #ffeaa7;
}

#ennu-order-display-facechart .balance-due-row td {
    padding: 12px 8px;
    color: #856404;
    font-weight: 700;
}

/* First line item styling for Amelia service */
#ennu-order-display-facechart .order-items-table tbody tr:first-child {
    background: #f8f9fa;
}

#ennu-order-display-facechart .order-items-table tbody tr:first-child td:first-child {
    position: relative;
    padding-left: 24px;
}

#ennu-order-display-facechart .order-items-table tbody tr:first-child td:first-child::before {
    content: '📅';
    position: absolute;
    left: 8px;
    top: 50%;
    transform: translateY(-50%);
}