:root {
  --bnc-listing-glass: linear-gradient(180deg, rgba(var(--bnc-primary-rgb), .055), rgba(255,255,255,.96));
  --bnc-listing-muted-bg: rgba(var(--bnc-primary-rgb), .05);
  --bnc-listing-border: rgba(var(--bnc-primary-rgb), .14);
  --bnc-listing-accent-soft: rgba(var(--bnc-accent-rgb), .10);
}

[data-bnc-list-surface="page-header"] {
  position: relative;
  overflow: hidden;
  border: 1px solid var(--bnc-card-border);
  border-radius: 24px;
  background: var(--bnc-listing-glass);
  box-shadow: 0 14px 34px rgba(var(--bnc-primary-rgb), .08);
  padding: 1rem 1rem .85rem;
  margin-bottom: 1rem;
}
[data-bnc-list-surface="page-header"]::before {
  content: "";
  position: absolute;
  inset: 0 auto auto 0;
  width: 180px;
  height: 180px;
  background: radial-gradient(circle, rgba(var(--bnc-accent-rgb), .16), transparent 68%);
  pointer-events: none;
}
[data-bnc-list-surface="page-header"] .page-title,
[data-bnc-list-surface="page-header"] h1,
[data-bnc-list-surface="page-header"] h2,
[data-bnc-list-surface="page-header"] h3,
[data-bnc-list-surface="page-header"] h4,
[data-bnc-list-surface="page-header"] .main-content-title {
  color: var(--bnc-text-strong);
  font-weight: 900;
}
[data-bnc-list-surface="page-header"] .breadcrumb,
[data-bnc-list-surface="page-header"] .breadcrumb-item,
[data-bnc-list-surface="page-header"] .page-subtitle,
[data-bnc-list-surface="page-header"] p,
[data-bnc-list-surface="page-header"] small {
  color: var(--bnc-text-soft);
}

.bnc-listing-surface,
[data-bnc-list-surface="card"],
[data-bnc-list-surface="table-card"],
.dataTables_wrapper {
  border-radius: 22px;
}
[data-bnc-list-surface="card"],
[data-bnc-list-surface="table-card"] {
  position: relative;
  overflow: hidden;
}
[data-bnc-list-surface="table-card"]::after {
  content: "";
  position: absolute;
  inset: auto 0 0 0;
  height: 4px;
  background: linear-gradient(90deg, var(--bnc-primary), rgba(var(--bnc-accent-rgb), .86));
  opacity: .85;
}

.bnc-listing-toolbar,
.bnc-filter-form,
[data-bnc-list-surface="filters"] {
  padding: .95rem;
  border: 1px solid var(--bnc-listing-border);
  border-radius: 20px;
  background: linear-gradient(180deg, rgba(var(--bnc-primary-rgb), .045), rgba(var(--bnc-accent-rgb), .035));
  margin-bottom: 1rem;
}
.bnc-filter-form .form-label,
[data-bnc-list-surface="filters"] .form-label,
.bnc-filter-form label,
[data-bnc-list-surface="filters"] label {
  color: var(--bnc-text-soft);
  font-size: .76rem;
  font-weight: 800;
  margin-bottom: .3rem;
}
.bnc-filter-form .form-control,
.bnc-filter-form .form-select,
.bnc-filter-form .choices__inner,
[data-bnc-list-surface="filters"] .form-control,
[data-bnc-list-surface="filters"] .form-select,
[data-bnc-list-surface="filters"] .choices__inner {
  min-height: 44px;
  background: rgba(255,255,255,.94) !important;
}
.bnc-filter-form .btn,
[data-bnc-list-surface="filters"] .btn {
  min-height: 44px;
}
.bnc-filter-form .bnc-filter-actions,
[data-bnc-list-surface="filters"] .bnc-filter-actions {
  display: flex;
  gap: .65rem;
  flex-wrap: wrap;
  align-items: end;
}
.bnc-filter-form .bnc-filter-actions .btn,
.bnc-filter-form .bnc-filter-actions a,
[data-bnc-list-surface="filters"] .bnc-filter-actions .btn,
[data-bnc-list-surface="filters"] .bnc-filter-actions a {
  min-width: 10rem;
}

.bnc-listing-actions,
[data-bnc-list-surface="actions"] {
  display: flex;
  flex-wrap: wrap;
  gap: .6rem;
  align-items: center;
}
[data-bnc-list-surface="actions"] .btn,
[data-bnc-list-surface="actions"] a.btn {
  border-radius: 14px;
}
[data-bnc-list-surface="actions"] .btn-light,
[data-bnc-list-surface="actions"] .btn-outline-secondary,
[data-bnc-list-surface="actions"] .btn-outline-dark {
  background: rgba(var(--bnc-primary-rgb), .06) !important;
  border-color: rgba(var(--bnc-primary-rgb), .12) !important;
  color: var(--bnc-text-strong) !important;
}

[data-bnc-list-surface="datatable"] .dataTables_length,
[data-bnc-list-surface="datatable"] .dataTables_filter,
[data-bnc-list-surface="datatable"] .dt-buttons,
[data-bnc-list-surface="datatable"] .dataTables_paginate,
[data-bnc-list-surface="datatable"] .dataTables_info {
  margin-top: .35rem;
  margin-bottom: .35rem;
}
[data-bnc-list-surface="datatable"] .dataTables_length label,
[data-bnc-list-surface="datatable"] .dataTables_filter label {
  color: var(--bnc-text-soft);
  font-size: .76rem;
  font-weight: 700;
  display: inline-flex;
  align-items: center;
  gap: .6rem;
  flex-wrap: wrap;
}
[data-bnc-list-surface="datatable"] .dataTables_filter input,
[data-bnc-list-surface="datatable"] .dataTables_length select,
[data-bnc-list-surface="datatable"] .form-control,
[data-bnc-list-surface="datatable"] .form-select {
  min-height: 42px;
  border-radius: 14px;
  border: 1px solid rgba(var(--bnc-primary-rgb), .16) !important;
  background: rgba(255,255,255,.96) !important;
  color: var(--bnc-text-strong) !important;
}
[data-bnc-list-surface="datatable"] .dt-buttons {
  display: flex;
  gap: .45rem;
  flex-wrap: wrap;
}
[data-bnc-list-surface="datatable"] .dt-button,
[data-bnc-list-surface="datatable"] .buttons-copy,
[data-bnc-list-surface="datatable"] .buttons-excel,
[data-bnc-list-surface="datatable"] .buttons-csv,
[data-bnc-list-surface="datatable"] .buttons-print {
  border-radius: 13px !important;
  border: 1px solid rgba(var(--bnc-primary-rgb), .14) !important;
  background: rgba(var(--bnc-primary-rgb), .06) !important;
  color: var(--bnc-text-strong) !important;
  box-shadow: none !important;
}
[data-bnc-list-surface="datatable"] .dt-button:hover,
[data-bnc-list-surface="datatable"] .buttons-copy:hover,
[data-bnc-list-surface="datatable"] .buttons-excel:hover,
[data-bnc-list-surface="datatable"] .buttons-csv:hover,
[data-bnc-list-surface="datatable"] .buttons-print:hover {
  background: linear-gradient(135deg, rgba(var(--bnc-primary-rgb), .14), rgba(var(--bnc-accent-rgb), .16)) !important;
}
[data-bnc-list-surface="datatable"] .dataTables_info {
  color: var(--bnc-text-soft) !important;
  font-size: .78rem;
}

.bnc-listing-table-wrap,
[data-bnc-list-surface="table-wrap"],
.dataTables_wrapper .dataTables_scroll,
.dataTables_wrapper .table-responsive {
  border: 1px solid rgba(var(--bnc-primary-rgb), .10);
  border-radius: 20px;
  overflow: hidden;
  background: rgba(255,255,255,.98);
}
[data-bnc-list-surface="table-wrap"] .table,
.bnc-listing-table-wrap .table {
  margin-bottom: 0;
}
[data-bnc-list-surface="table-wrap"] .table thead th,
.bnc-listing-table-wrap .table thead th {
  position: sticky;
  top: 0;
  z-index: 2;
  background: linear-gradient(180deg, rgba(var(--bnc-primary-rgb), .08), rgba(var(--bnc-accent-rgb), .05)) !important;
  color: var(--bnc-text-strong);
  font-size: .76rem;
  letter-spacing: -.01em;
}
[data-bnc-list-surface="table-wrap"] .table tbody tr,
.bnc-listing-table-wrap .table tbody tr {
  transition: background-color .2s ease, transform .2s ease;
}
html[data-bnc-motion="subtle"] [data-bnc-list-surface="table-wrap"] .table tbody tr:hover,
html[data-bnc-motion="subtle"] .bnc-listing-table-wrap .table tbody tr:hover {
  background: rgba(var(--bnc-primary-rgb), .05);
}
html[data-bnc-motion="lively"] [data-bnc-list-surface="table-wrap"] .table tbody tr:hover,
html[data-bnc-motion="lively"] .bnc-listing-table-wrap .table tbody tr:hover {
  background: linear-gradient(90deg, rgba(var(--bnc-primary-rgb), .08), rgba(var(--bnc-accent-rgb), .06));
}
[data-bnc-list-surface="table-wrap"] .table td,
[data-bnc-list-surface="table-wrap"] .table th,
.bnc-listing-table-wrap .table td,
.bnc-listing-table-wrap .table th {
  vertical-align: middle;
}
[data-bnc-list-surface="table-wrap"] .badge,
[data-bnc-list-surface="table-wrap"] .btn-sm,
.bnc-listing-table-wrap .badge,
.bnc-listing-table-wrap .btn-sm {
  border-radius: 11px;
}

.bnc-listing-pagination,
.pagination {
  gap: .35rem;
  flex-wrap: wrap;
}
.bnc-listing-pagination .page-link,
.pagination .page-link {
  border-radius: 12px !important;
  border-color: rgba(var(--bnc-primary-rgb), .12) !important;
  color: var(--bnc-text-strong);
  background: rgba(255,255,255,.96);
  min-width: 40px;
  text-align: center;
}
.bnc-listing-pagination .page-item.active .page-link,
.pagination .page-item.active .page-link {
  color: #fff !important;
  background: linear-gradient(135deg, var(--bnc-primary), rgba(var(--bnc-accent-rgb), .92)) !important;
  border-color: transparent !important;
  box-shadow: 0 8px 18px rgba(var(--bnc-primary-rgb), .22);
}

.bnc-listing-empty,
[data-bnc-list-surface="empty"] {
  border: 1px dashed rgba(var(--bnc-primary-rgb), .22);
  border-radius: 22px;
  padding: 1.3rem 1rem;
  background: linear-gradient(180deg, rgba(var(--bnc-primary-rgb), .045), rgba(var(--bnc-accent-rgb), .03));
}
.bnc-listing-empty .ri,
[data-bnc-list-surface="empty"] .ri,
.bnc-listing-empty i,
[data-bnc-list-surface="empty"] i {
  color: var(--bnc-primary);
}

html[data-theme-mode="dark"] {
  --bnc-listing-glass: linear-gradient(180deg, rgba(var(--bnc-primary-rgb), .12), rgba(15,23,42,.88));
  --bnc-listing-muted-bg: rgba(var(--bnc-primary-rgb), .10);
  --bnc-listing-border: rgba(var(--bnc-primary-rgb), .22);
}
html[data-theme-mode="dark"] [data-bnc-list-surface="page-header"],
html[data-theme-mode="dark"] [data-bnc-list-surface="filters"],
html[data-theme-mode="dark"] [data-bnc-list-surface="table-wrap"],
html[data-theme-mode="dark"] .bnc-listing-table-wrap,
html[data-theme-mode="dark"] .dataTables_wrapper,
html[data-theme-mode="dark"] [data-bnc-list-surface="datatable"] {
  box-shadow: 0 18px 42px rgba(2, 6, 23, .38);
}
html[data-theme-mode="dark"] [data-bnc-list-surface="filters"] .form-control,
html[data-theme-mode="dark"] [data-bnc-list-surface="filters"] .form-select,
html[data-theme-mode="dark"] [data-bnc-list-surface="datatable"] .dataTables_filter input,
html[data-theme-mode="dark"] [data-bnc-list-surface="datatable"] .dataTables_length select,
html[data-theme-mode="dark"] [data-bnc-list-surface="datatable"] .form-control,
html[data-theme-mode="dark"] [data-bnc-list-surface="datatable"] .form-select {
  background: rgba(15,23,42,.92) !important;
  color: #f8fafc !important;
  border-color: rgba(var(--bnc-primary-rgb), .28) !important;
}
html[data-theme-mode="dark"] [data-bnc-list-surface="table-wrap"],
html[data-theme-mode="dark"] .bnc-listing-table-wrap,
html[data-theme-mode="dark"] .dataTables_wrapper .dataTables_scroll,
html[data-theme-mode="dark"] .dataTables_wrapper .table-responsive {
  background: rgba(8, 15, 30, .95);
  border-color: rgba(148,163,184,.12);
}
html[data-theme-mode="dark"] [data-bnc-list-surface="table-wrap"] .table thead th,
html[data-theme-mode="dark"] .bnc-listing-table-wrap .table thead th {
  background: linear-gradient(180deg, rgba(var(--bnc-primary-rgb), .18), rgba(15,23,42,.94)) !important;
}
html[data-theme-mode="dark"] .pagination .page-link,
html[data-theme-mode="dark"] .bnc-listing-pagination .page-link {
  background: rgba(15,23,42,.92);
  color: #e2e8f0;
  border-color: rgba(148,163,184,.16) !important;
}
html[data-theme-mode="dark"] [data-bnc-list-surface="datatable"] .dt-button,
html[data-theme-mode="dark"] [data-bnc-list-surface="datatable"] .buttons-copy,
html[data-theme-mode="dark"] [data-bnc-list-surface="datatable"] .buttons-excel,
html[data-theme-mode="dark"] [data-bnc-list-surface="datatable"] .buttons-csv,
html[data-theme-mode="dark"] [data-bnc-list-surface="datatable"] .buttons-print {
  background: rgba(var(--bnc-primary-rgb), .14) !important;
  color: #f8fafc !important;
  border-color: rgba(var(--bnc-primary-rgb), .24) !important;
}
html[data-theme-mode="dark"] [data-bnc-list-surface="table-wrap"] .table tbody tr:hover,
html[data-theme-mode="dark"] .bnc-listing-table-wrap .table tbody tr:hover {
  background: rgba(var(--bnc-primary-rgb), .08);
}

@media (max-width: 991.98px) {
  [data-bnc-list-surface="filters"] .bnc-listing-primary-field,
  [data-bnc-list-surface="filters"] .bnc-listing-field,
  [data-bnc-list-surface="filters"] .bnc-listing-actions-slot {
    grid-column: span 6;
  }
}
@media (max-width: 767.98px) {
  [data-bnc-list-surface="page-header"] {
    padding: .9rem .85rem .8rem;
    border-radius: 20px;
  }
  [data-bnc-list-surface="filters"] {
    grid-template-columns: 1fr 1fr;
    padding: .8rem;
    gap: .7rem;
  }
  [data-bnc-list-surface="filters"] .bnc-listing-primary-field,
  [data-bnc-list-surface="filters"] .bnc-listing-field,
  [data-bnc-list-surface="filters"] .bnc-listing-actions-slot {
    grid-column: span 2;
  }
  [data-bnc-list-surface="filters"] .bnc-listing-actions-row {
    justify-content: stretch;
  }
  [data-bnc-list-surface="filters"] .bnc-listing-actions-row > * {
    flex: 1 1 calc(50% - .65rem);
  }
  [data-bnc-list-surface="datatable"] .dataTables_filter label,
  [data-bnc-list-surface="datatable"] .dataTables_length label {
    width: 100%;
  }
  [data-bnc-list-surface="datatable"] .dataTables_filter input,
  [data-bnc-list-surface="datatable"] .dataTables_length select {
    width: 100% !important;
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
}
@media (max-width: 575.98px) {
  [data-bnc-list-surface="actions"] {
    width: 100%;
  }
  [data-bnc-list-surface="actions"] .btn,
  [data-bnc-list-surface="actions"] a.btn {
    flex: 1 1 calc(50% - .6rem);
    width: 100%;
  }
  [data-bnc-list-surface="table-wrap"],
  .bnc-listing-table-wrap {
    border-radius: 16px;
  }
}

@media (max-width: 767.98px) {
  .bnc-filter-form,
  [data-bnc-list-surface="filters"] { padding: .85rem; border-radius: 16px; }
  .bnc-filter-form .bnc-filter-actions,
  [data-bnc-list-surface="filters"] .bnc-filter-actions { flex-direction: column; }
  .bnc-filter-form .bnc-filter-actions .btn,
  .bnc-filter-form .bnc-filter-actions a,
  [data-bnc-list-surface="filters"] .bnc-filter-actions .btn,
  [data-bnc-list-surface="filters"] .bnc-filter-actions a { width: 100%; min-width: 0; }
}


/* Phase24 safe filter overrides */
.bnc-filter-form,
form[data-bnc-list-surface="filters"] {
  display: block !important;
  width: 100%;
}

.bnc-filter-form > .row,
form[data-bnc-list-surface="filters"] > .row {
  --bs-gutter-y: .75rem;
}

.bnc-filter-form .row > [class*="col-"],
form[data-bnc-list-surface="filters"] .row > [class*="col-"] {
  min-width: 0;
}

.bnc-filter-form--stable .bnc-filter-actions,
.bnc-filter-form--stable .bnc-list-actions,
.bnc-filter-form--stable .bnc-listing-actions {
  display: flex;
  flex-wrap: wrap;
  align-items: end;
  gap: .65rem;
}

.bnc-filter-form--stable .form-control,
.bnc-filter-form--stable .form-select {
  width: 100%;
}

.bnc-filter-form--stable .btn {
  white-space: nowrap;
}

@media (max-width: 767.98px) {
  .bnc-filter-form--stable .bnc-filter-actions,
  .bnc-filter-form--stable .bnc-list-actions,
  .bnc-filter-form--stable .bnc-listing-actions {
    flex-direction: column;
    align-items: stretch;
  }
  .bnc-filter-form--stable .bnc-filter-actions > .btn,
  .bnc-filter-form--stable .bnc-filter-actions > a,
  .bnc-filter-form--stable .bnc-list-actions > .btn,
  .bnc-filter-form--stable .bnc-list-actions > a,
  .bnc-filter-form--stable .bnc-listing-actions > .btn,
  .bnc-filter-form--stable .bnc-listing-actions > a {
    width: 100%;
    min-width: 0;
  }
}