/* Neutral styles for native textareas used across the app */
/* Keeps form layout consistent when rich editors are not active */
.card textarea.form-control, textarea.form-control {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box;
    margin-bottom: .6rem;
    min-height: 180px;
    padding: 12px;
    border-radius: 6px;
}

@media (max-width: 768px) {
    .card textarea.form-control, textarea.form-control { min-height: 140px; }
}

/* Scroll-only inside sales table area within cards */
.card .sales-table-scroll {
    max-height: 360px; /* adjust if needed */
    overflow-y: auto;
}

.card .sales-table-scroll table {
    margin-bottom: 0;
}

/* Keep table header visible while scrolling */
.card .sales-table-scroll thead th {
    position: sticky;
    top: 0;
    z-index: 1;
    background: #fff; /* ensure header stays readable */
}

/* Generic scroll container for list-groups inside cards */
.card .list-scroll {
    max-height: 360px; /* JS will set exact height for ~10 items when possible */
    overflow-y: auto;
}

.card .list-scroll .list-group {
    margin-bottom: 0;
}