/* item_counter_styles.css */

/* General table styles */
table {
    table-layout: fixed;
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 0rem;
}



.right-align {
    text-align: right;
}

/* Selector container */
.selector-container {
    display: flex;
    gap: 1rem;
    width: 100%;
}

.entity-selector {
    flex: 1;
    max-width: 400px;
}


/* Add disabled styling */
select:disabled {
    background-color: #e9ecef;
    cursor: not-allowed;
}


/* Form container styles */
.counter-form {
    padding: 1.5rem;
    border-radius: 0.5rem;
}

/* Liquid assets table styling */
.liquid-table {
    width: 100%;
}

.liquid-table th:first-child,
.liquid-table td:first-child {
    width: 20%;
}


/* Items section */
.items-heading {
    margin-bottom: 0;
    padding-bottom: 0;
}

.item-table-container {
    overflow-x: auto;
    white-space: nowrap;
    width: 100%;

}

.item-table {
    display: inline-block;
    width: 440px;  /* Increased from 370px */
    vertical-align: top;
    white-space: normal;
    margin-right: 1px;
}

.item-table table {
    font-size: 0.9em;
}

.item-table th:nth-child(1),
.item-table td:nth-child(1) {
    width: 44%;
    white-space: nowrap;
    overflow: hidden;
}

.item-table th:nth-child(2),
.item-table td:nth-child(2) {
    width: 20%;
}

.item-table th:nth-child(3),
.item-table td:nth-child(3) {
    width: 18%;
}

.item-table th:nth-child(4),
.item-table td:nth-child(4) {
    width: 18%;
}

.item-table th:nth-child(5),
.item-table td:nth-child(5) {
    width: 18%;
}

/* Update the item input styling to be more compact */
.item-table .item-input {
    padding: 0 0;  /* Reduce vertical padding */
    height: 22px;    /* Reduce height to match row height */
    font-size: 0.9em;
    box-sizing: border-box;
    min-width: 0;
    width: 100%;
    margin: 0 auto;
    text-align: right;
}

/* Ensure consistent row height */
.item-table td {
    height: 28px;    /* Set explicit height for table cells */
    padding: 0px 4px; /* Minimal padding */
    vertical-align: middle;
}

/* Maintain text alignment */
.item-table td.right-align {
    padding-right: 8px;  /* Keep some space for numbers */
}

/* Total value summary */
.total-value-sum {
    margin: 0rem 0;
    padding: 0rem 0;
}

/* Form controls */
.form-control {
    width: 100%;
    padding: 0.5rem;
    border-radius: 0.25rem;
}

.btn-primary {
    padding: 0.5rem 1rem;
    border: none;
    border-radius: 0.25rem;
    cursor: pointer;
}



.input-row td {
    padding: 4px;
    border-top: 2px solid; /* Emphasize the input row */
}

.input-cell {
    width: 100%;
    padding: 4px;
    border: 1px solid #ccc;
    border-radius: 3px;

}

.liquid-table select.input-cell {
    text-align: left;
}

.liquid-table input.input-cell {
    text-align: right;
    padding: 2px 4px;  /* Reduced padding */
    height: 28px;      /* Explicit height setting */
    box-sizing: border-box;
    width: 90%;        /* Slightly less than full width */
}

.input-row td {
    padding: 3px;      /* Reduced padding */
    vertical-align: middle;
    text-align: center;
}



/* Adjust the button styling */
.btn-primary {
    border: none;
    padding: 6px 12px;
    border-radius: 4px;
    cursor: pointer;
}

.btn-primary:hover {
    background-color: #0056b3;
}