/* Khung cuon chung: danh sach lon tu cuon ben trong, khong keo dai trang */
:root { --cuon-offset: 250px; }
.cuon-khung,
.admin-content .table-responsive,
.admin-content .admin-table-scroll {
    max-height: calc(100vh - var(--cuon-offset));
    min-height: 120px;
    overflow: auto;
    max-width: 100%;
    overscroll-behavior: contain;
    scrollbar-width: thin;
    scrollbar-color: #444 transparent;
}
.cuon-khung { position: relative; }
.cuon-khung > table, .admin-content .table-responsive > table { margin-bottom: 0; }
.cuon-khung thead th,
.admin-content .table-responsive thead th {
    position: sticky; top: 0; z-index: 3; background: #1b1b1b;
}
/* the (card list) trong khung cuon */
.cuon-khung.cuon-the { display: flex; flex-direction: column; gap: 12px; padding: 2px 4px 2px 0; }
/* sentinel */
.cuon-sentinel {
    height: 32px; display: flex; align-items: center; justify-content: center;
    color: #888; font-size: .8rem;
}
.cuon-sentinel.dang-tai::before {
    content: ""; width: 18px; height: 18px; margin-right: 8px;
    border: 2px solid #444; border-top-color: var(--primary, #e50914);
    border-radius: 50%; animation: cuon-quay .7s linear infinite;
}
@keyframes cuon-quay { to { transform: rotate(360deg); } }
td.cuon-sentinel-cell { padding: 0 !important; border: 0 !important; }
/* bo loc gon mot hang */
.admin-content .filter-bar, .client-filter-bar {
    display: flex; flex-wrap: wrap; align-items: center; gap: 8px 10px;
    padding: 10px 12px; margin-bottom: 12px;
}
.admin-content .filter-bar > * { min-width: 0; }
.admin-content .filter-bar .form-control-dark,
.admin-content .filter-bar select { flex: 1 1 150px; max-width: 240px; min-height: 36px; padding-top: 5px; padding-bottom: 5px; }
/* the thong ke gon */
.admin-content .stat-card { padding: 12px 14px; }
.admin-content .stat-card .stat-value, .admin-content .stat-card h3 { font-size: 1.35rem; margin-bottom: 0; }
/* modal vua man hinh */
.modal-dialog-scrollable .modal-content, .admin-content .modal-content { max-height: 90vh; }
.modal-content { display: flex; flex-direction: column; max-height: 90vh; }
.modal-body { overflow-y: auto; min-height: 0; }
/* chong tran ngang */
.admin-content, .admin-content [layout\:fragment="content"] { max-width: 100%; overflow-x: hidden; }
.admin-content img, .admin-content pre { max-width: 100%; }
/* client: lich su dat ve / danh sach the */
.client-cuon-khung { max-height: calc(100vh - 220px); overflow-y: auto; overscroll-behavior: contain; scrollbar-width: thin; }
@media (max-width: 991.98px) {
    :root { --cuon-offset: 200px; }
    .hide-md { display: none !important; }
}
@media (max-width: 575.98px) {
    :root { --cuon-offset: 170px; }
    .hide-sm { display: none !important; }
    .admin-content .filter-bar .form-control-dark, .admin-content .filter-bar select { max-width: none; flex-basis: 100%; }
}
.cuon-spinner { display:flex; justify-content:center; padding:8px; color:#888; }
.cuon-het { text-align:center; padding:8px; color:#666; font-size:.78rem; }
td .cuon-sentinel, .cuon-khung > .cuon-sentinel { min-height: 1px; height: 8px; }
@media (max-width: 991.98px) {
    table.an-md-5 :is(th,td):nth-child(5), table.an-md-8 :is(th,td):nth-child(8) { display: none; }
}
/* chon ghe: so do ghe cuon trong khung, khong keo trang */
.seat-map-container { max-width: 100%; overflow: auto; max-height: calc(100vh - 260px); scrollbar-width: thin; }
.container-fluid { max-width: 100%; }
/* form va the gon */
.admin-content form .d-flex.gap-3, .admin-content form .d-flex.gap-2 { flex-wrap: wrap; }
.admin-content .card-dark form { max-width: 100%; }
.admin-content .card-dark:has(form) { max-height: calc(100vh - 140px); overflow-y: auto; }
#posterPreviewWrap { max-width: 100%; }
@media (max-width: 575.98px) { .container-fluid { padding-left: 12px !important; padding-right: 12px !important; } }
.admin-content canvas { max-height: 260px; }
.admin-content .row.mb-4 { margin-bottom: 14px !important; }