/* tcv2 / 30 LISTS: bootstrap-table 1.16 and DataTables list pages (orders, customers, riders, products, promo codes, ...).
   Mockup: docs/design-canvas/admin-system/board-2.html. Design only; every rule starts with body.tcv2.
   Page styles use #table-id selectors with !important, so rules that must beat them add :not(#tcv2) (one id of specificity). */
@media screen{

/* toolbar: search + refresh / columns / export as one compact row */
body.tcv2 .bootstrap-table .fixed-table-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:8px 10px;padding:12px 0 10px;min-height:0}
body.tcv2 .bootstrap-table .fixed-table-toolbar::after,body.tcv2 .bootstrap-table .fixed-table-toolbar::before{display:none}
body.tcv2 .bootstrap-table .fixed-table-toolbar>div{float:none!important;margin:0!important}
body.tcv2 .bootstrap-table .fixed-table-toolbar .bs-bars{order:1;display:flex;flex-wrap:wrap;align-items:center;gap:8px;flex:1 1 auto}
body.tcv2 .bootstrap-table .fixed-table-toolbar .search{order:2;position:relative;flex:0 1 280px;min-width:180px;display:block}
body.tcv2 .bootstrap-table .fixed-table-toolbar .columns{order:3;display:flex;gap:6px;align-items:center}
body.tcv2 .bootstrap-table .fixed-table-toolbar .search input.search-input,body.tcv2 .bootstrap-table .fixed-table-toolbar .search input.form-control{width:100%;height:36px;min-height:36px;padding:6px 12px 6px 34px;border:2px solid var(--tc2-outline);border-radius:var(--tc2-r-ctl);font-size:12.5px;font-weight:700;background:var(--tc2-surface) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%236B7280' stroke-width='2.4' stroke-linecap='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='m20 20-3.5-3.5'/%3E%3C/svg%3E") no-repeat 11px 50%}
body.tcv2 .bootstrap-table .fixed-table-toolbar .search input:focus{border-color:var(--tc2-brand);outline:3px solid var(--tc2-focus);outline-offset:2px;box-shadow:none}
body.tcv2 .bootstrap-table .fixed-table-toolbar .columns>.btn,body.tcv2 .bootstrap-table .fixed-table-toolbar .columns>.btn-group>.btn{height:36px;min-width:36px;padding:0 11px;border:1.5px solid var(--tc2-line);border-radius:var(--tc2-r-ctl)!important;background:var(--tc2-neutral-btn);color:var(--tc2-neutral-fg);margin:0}
body.tcv2 .bootstrap-table .fixed-table-toolbar .columns>.btn-group{margin:0}
body.tcv2 .bootstrap-table .fixed-table-toolbar .columns>.btn,body.tcv2 .bootstrap-table .fixed-table-toolbar .columns>.btn-group{flex:0 0 auto;width:auto}
body.tcv2 .bootstrap-table .fixed-table-toolbar .columns .dropdown-toggle::after{margin-left:6px}
body.tcv2 .bootstrap-table .fixed-table-toolbar .dropdown-menu{min-width:200px;max-height:340px;overflow:auto}
body.tcv2 .bootstrap-table .fixed-table-toolbar .dropdown-menu label input{margin:0;accent-color:var(--tc2-brand)}
body.tcv2 .bootstrap-table .fixed-table-toolbar .bs-bars .btn,body.tcv2 .bootstrap-table .fixed-table-toolbar .bs-bars .form-control{height:36px}

/* table frame, sticky header, dense rows, hover and selected */
body.tcv2 .bootstrap-table .fixed-table-container{border:1px solid var(--tc2-line)!important;border-radius:var(--tc2-r-card);background:var(--tc2-surface);overflow:hidden}
body.tcv2 .bootstrap-table .fixed-table-body{overflow-x:auto;overflow-y:auto;max-width:100%;-webkit-overflow-scrolling:touch}
body.tcv2 .bootstrap-table .fixed-table-container .table:not(#tcv2) thead th{position:sticky;top:0;z-index:2;background:var(--tc2-surface-2)!important;color:var(--tc2-mut)!important;font-size:10.5px!important;font-weight:800!important;letter-spacing:.06em!important;text-transform:uppercase!important;border-top:0!important;border-bottom:1px solid var(--tc2-line)!important;padding:0!important;vertical-align:middle;white-space:nowrap;box-shadow:0 1px 0 var(--tc2-line)}
body.tcv2 .bootstrap-table .fixed-table-container .table:not(#tcv2) thead th .th-inner{padding:10px 10px!important;line-height:1.35}
body.tcv2 .bootstrap-table .fixed-table-container .table:not(#tcv2) thead th.sortable .th-inner{cursor:pointer}
body.tcv2 .bootstrap-table .fixed-table-container .table:not(#tcv2) thead th .th-inner:is(.sortable,.both,.asc,.desc){padding-right:24px!important}
body.tcv2 .bootstrap-table .fixed-table-container .table:not(#tcv2) thead th.sortable .th-inner:hover{color:var(--tc2-ink)}
body.tcv2 .bootstrap-table .fixed-table-container .table:not(#tcv2) tbody td{padding:9px 10px!important;font-size:12.5px;font-weight:600;color:var(--tc2-ink);border-top:0!important;border-bottom:1px solid var(--tc2-line-soft)!important;vertical-align:middle;white-space:nowrap}
body.tcv2 .bootstrap-table .fixed-table-container .table:not(#tcv2) tbody td:is(.tcv2-wrap,.text-wrap,.text-break,[class*=desc],[class*=address]){white-space:normal;min-width:180px}
body.tcv2 .bootstrap-table .fixed-table-container .table:not(#tcv2) tbody td img{display:inline-block;vertical-align:middle}
body.tcv2 .bootstrap-table .fixed-table-container .table:not(#tcv2) tbody tr:last-child td{border-bottom:0!important}
body.tcv2 .bootstrap-table .fixed-table-container .table:not(#tcv2) tbody tr:nth-of-type(odd){background:transparent}
body.tcv2 .bootstrap-table .fixed-table-container .table:not(#tcv2) tbody tr:hover>td{background:var(--tc2-hover)!important}
body.tcv2 .bootstrap-table .fixed-table-container .table:not(#tcv2) tbody tr.selected>td,body.tcv2 .bootstrap-table .fixed-table-container .table:not(#tcv2) tbody tr.selected:hover>td{background:var(--tc2-mint-soft)!important}
body.tcv2 .bootstrap-table .fixed-table-container .table:not(#tcv2) tbody tr.no-records-found:hover>td{background:transparent!important}
body.tcv2 .bootstrap-table .fixed-table-container .table td.bs-checkbox,body.tcv2 .bootstrap-table .fixed-table-container .table th.bs-checkbox{width:40px;text-align:center}
body.tcv2 .bootstrap-table .fixed-table-container .table input[type=checkbox]{accent-color:var(--tc2-brand);width:16px;height:16px;margin:0;vertical-align:middle;cursor:pointer}
body.tcv2 .bootstrap-table .fixed-table-container .table td a:not(.btn):not([class*=om-ab]):not(.page-link){color:var(--tc2-brand);font-weight:800}
body.tcv2 .bootstrap-table .fixed-table-container .table td img{max-width:100%}
body.tcv2 .bootstrap-table .fixed-table-container .table td .rounded,body.tcv2 .bootstrap-table .fixed-table-container .table td .img-fluid{border-radius:10px}


/* quick tiles above a list: the pages paint inline gradients; v2 shows the board-2 tile (white, 2px ink outline, accent bar) */
body.tcv2 .content-wrapper:has(.bootstrap-table) :is([class$="-stat"],[class*="-stat "])[style*="gradient"]{--acc:var(--tc2-brand);background:var(--tc2-surface)!important;color:var(--tc2-ink)!important;border:2px solid var(--tc2-outline);border-radius:var(--tc2-r-card)!important;box-shadow:inset 0 5px 0 0 var(--acc)!important;padding:18px 16px 12px!important;transform:none!important;overflow:hidden}
body.tcv2 .content-wrapper:has(.bootstrap-table) :is([class$="-stat"],[class*="-stat "])[style*="gradient"]:hover{transform:none!important;box-shadow:inset 0 5px 0 0 var(--acc)!important}
body.tcv2 .content-wrapper:has(.bootstrap-table) :is([class$="-stat"],[class*="-stat "])[style*="gradient"]::after{display:none}
body.tcv2 .content-wrapper:has(.bootstrap-table) :is([class$="-stat"],[class*="-stat "])[style*="gradient"] :is([class*="-stat-val"]){color:var(--tc2-ink)!important;font-size:26px!important;font-weight:800!important;letter-spacing:-.4px;line-height:1.1}
body.tcv2 .content-wrapper:has(.bootstrap-table) :is([class$="-stat"],[class*="-stat "])[style*="gradient"] :is([class*="-stat-lbl"],[class*="-stat-trend"]){color:var(--tc2-mut)!important;opacity:1!important;font-size:10.5px!important;font-weight:800!important;letter-spacing:.06em!important;text-transform:uppercase;margin-top:5px}
body.tcv2 .content-wrapper:has(.bootstrap-table) :is([class$="-stat"],[class*="-stat "])[style*="gradient"] [class*="-stat-icon"]{color:var(--acc)!important;opacity:.28!important}
body.tcv2 .content-wrapper:has(.bootstrap-table) :is([class$="-stat"],[class*="-stat "])[style*="#b91c1c" i],body.tcv2 .content-wrapper:has(.bootstrap-table) :is([class$="-stat"],[class*="-stat "])[style*="#dc2626" i],body.tcv2 .content-wrapper:has(.bootstrap-table) :is([class$="-stat"],[class*="-stat "])[style*="#991b1b" i]{--acc:var(--tc2-danger)}
body.tcv2 .content-wrapper:has(.bootstrap-table) :is([class$="-stat"],[class*="-stat "])[style*="#b45309" i],body.tcv2 .content-wrapper:has(.bootstrap-table) :is([class$="-stat"],[class*="-stat "])[style*="#f59e0b" i],body.tcv2 .content-wrapper:has(.bootstrap-table) :is([class$="-stat"],[class*="-stat "])[style*="#92400e" i]{--acc:var(--tc2-warn-solid)}
body.tcv2 .content-wrapper:has(.bootstrap-table) :is([class$="-stat"],[class*="-stat "])[style*="#15803d" i]{--acc:var(--tc2-ok)}
body.tcv2 .content-wrapper:has(.bootstrap-table) :is([class$="-stat"],[class*="-stat "])[style*="#1d4ed8" i],body.tcv2 .content-wrapper:has(.bootstrap-table) :is([class$="-stat"],[class*="-stat "])[style*="#1a56db" i],body.tcv2 .content-wrapper:has(.bootstrap-table) :is([class$="-stat"],[class*="-stat "])[style*="#0369a1" i]{--acc:var(--tc2-info)}
body.tcv2 .content-wrapper:has(.bootstrap-table) :is([class$="-stat"],[class*="-stat "])[style*="#6d28d9" i]{--acc:#6D28D9}
body.tcv2 .content-wrapper:has(.bootstrap-table) :is([class$="-stat"],[class*="-stat "])[style*="#64748b" i]{--acc:var(--tc2-mut)}

/* filter bars above a list: classless selects / dates take the v2 control look */
body.tcv2 .content-wrapper:has(table) :is(select,input[type=date],input[type=month],input[type=datetime-local]):not([class*=form-control]):not(.custom-select):not(.select2-hidden-accessible):not(.dropdown-toggle):not([type=hidden]){height:36px;padding:0 30px 0 12px;border:2px solid var(--tc2-outline);border-radius:var(--tc2-r-ctl);background-color:var(--tc2-surface);color:var(--tc2-ink);font-size:12.5px;font-weight:700}
body.tcv2 .content-wrapper:has(table) select:not([class*=form-control]):not(.custom-select):not(.select2-hidden-accessible){appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%231A1A1A' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 11px center}
body.tcv2 .content-wrapper:has(table) :is(select,input[type=date]):not([class*=form-control]):not(.select2-hidden-accessible):focus{outline:3px solid var(--tc2-focus);outline-offset:2px;border-color:var(--tc2-brand)}

/* classic list card (.card.content-area): quiet header, its "Add ..." tool is the page's primary action */
body.tcv2 .content-wrapper .card.content-area>.card-header:not(#tcv2){background:var(--tc2-surface)!important;border-bottom:0!important;padding:0 0 12px!important;display:flex;flex-wrap:wrap;align-items:center;gap:8px}
body.tcv2 .content-wrapper .card.content-area>.card-header:not(#tcv2) .card-tools{margin:0 0 0 auto;float:none;display:flex;gap:8px;flex-wrap:wrap}
body.tcv2 .content-wrapper .card.content-area .card-tools :is(.btn-outline-info,.btn-info,.btn-success,.btn-primary):not(#tcv2){display:inline-flex;width:auto;background:var(--tc2-brand)!important;border:1.5px solid var(--tc2-brand)!important;color:#fff!important;box-shadow:none!important;border-radius:var(--tc2-r-btn)!important;padding:8px 14px;font-weight:800;font-size:12.5px}
body.tcv2 .content-wrapper .card.content-area .card-tools :is(.btn-outline-info,.btn-info,.btn-success,.btn-primary):not(#tcv2):hover{background:var(--tc2-brand-hover)!important}

/* 4.5:1 text contrast: pale greys the pages hard-code (inline or private classes) are pulled to the muted ink; red text to the danger ink */
body.tcv2 .content-wrapper:has(.bootstrap-table) :is([style*="color:#94a3b8" i],[style*="color: #94a3b8" i],[style*="color:#9ca3af" i],[style*="color: #9ca3af" i],[style*="color:#999" i],[style*="color: #999" i],[style*="color:#888" i],[style*="color: #888" i],[style*="color:#bbb" i],[style*="color: #bbb" i],[style*="color:#aaa" i],.rd-email,.su-email,.camp-meta,.mc-wallet-zero,.dv-filter-hint){color:#5B6472!important}
body.tcv2 .content-wrapper:has(.bootstrap-table) :is([style*="color:#ef4444" i],[style*="color: #ef4444" i]){color:var(--tc2-danger)!important}
body.tcv2 .content-wrapper:has(.bootstrap-table) .mc-tab:not(.active){color:#5B6472}
body.tcv2 .content-wrapper:has(.bootstrap-table) .content-header :is(.text-muted,.breadcrumb a,.breadcrumb-item,small){color:#4B5563!important}
body.tcv2 .content-wrapper:has(.bootstrap-table) .select2-selection__placeholder{color:#6B7280!important}
body.tcv2 .content-wrapper:has(.bootstrap-table) input::placeholder,body.tcv2 .bootstrap-table input::placeholder{color:#6B7280;opacity:1}

/* detail view rows and the mobile card view */
body.tcv2 .bootstrap-table .table tr.detail-view>td{background:var(--tc2-surface-2)!important;padding:12px 18px!important}
body.tcv2 .bootstrap-table .table .detail-icon{color:var(--tc2-brand)}
body.tcv2 .bootstrap-table .fixed-table-body .card-views .card-view{display:flex;gap:8px;align-items:center;padding:3px 0;font-size:12.5px}
body.tcv2 .bootstrap-table .fixed-table-body .card-views .card-view .card-view-title{font-size:10.5px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--tc2-mut);min-width:96px}
body.tcv2 .bootstrap-table .fixed-table-body .card-views .card-view .card-view-value{font-weight:700;color:var(--tc2-ink)}
body.tcv2 .bootstrap-table .fixed-table-body .card-views tr{border-bottom:1px solid var(--tc2-line-soft)}

/* action cluster: the .btn-xs / icon buttons the controllers print in the operate column */
body.tcv2 .bootstrap-table td .btn-xs,body.tcv2 .bootstrap-table td .btn-sm{margin:0 4px 0 0!important;padding:4px 9px;font-size:11px;min-height:26px;border-radius:8px;vertical-align:middle}
body.tcv2 .bootstrap-table td .btn-xs:last-child{margin-right:0!important}
body.tcv2 .bootstrap-table td .btn-xs i,body.tcv2 .bootstrap-table td .btn-xs .fas,body.tcv2 .bootstrap-table td .btn-xs .far{font-size:11px;margin:0}
body.tcv2 .bootstrap-table td .btn-xs.btn-danger,body.tcv2 .bootstrap-table td .btn-xs.btn-outline-danger{--b:var(--tc2-danger-bg);--bd:var(--tc2-danger-bd);--fg:var(--tc2-danger);--bh:var(--tc2-danger);--bdh:var(--tc2-danger-dark);--fgh:#fff}
body.tcv2 .bootstrap-table td .btn-xs.btn-success,body.tcv2 .bootstrap-table td .btn-xs.btn-primary,body.tcv2 .bootstrap-table td .btn-xs.btn-info{--b:var(--tc2-mint-soft);--bd:var(--tc2-brand);--fg:var(--tc2-brand);--bh:var(--tc2-brand);--bdh:var(--tc2-brand);--fgh:#fff}
body.tcv2 .bootstrap-table td .btn-xs.btn-warning,body.tcv2 .bootstrap-table td .btn-xs.btn-secondary{--b:var(--tc2-neutral-btn);--bd:var(--tc2-line);--fg:var(--tc2-neutral-fg);--bh:var(--tc2-neutral-btn-h);--bdh:var(--tc2-mut2);--fgh:var(--tc2-ink)}
body.tcv2 .bootstrap-table td .dropdown-menu{font-size:12.5px}
body.tcv2 .bootstrap-table .table td .badge{font-size:11px;padding:3px 9px}
body.tcv2 .bootstrap-table .table td .badge-success::before,body.tcv2 .bootstrap-table .table td .badge-danger::before,body.tcv2 .bootstrap-table .table td .badge-warning::before,body.tcv2 .bootstrap-table .table td .badge-secondary::before,body.tcv2 .bootstrap-table .table td .badge-info::before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor;flex:none}

/* pagination footer */
body.tcv2 .bootstrap-table .fixed-table-pagination{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 14px;padding:12px 4px 2px}
body.tcv2 .bootstrap-table .fixed-table-pagination>div{float:none!important;margin:0!important}
body.tcv2 .bootstrap-table .fixed-table-pagination .pagination-detail{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
body.tcv2 .bootstrap-table .fixed-table-pagination .page-list{display:inline-flex;align-items:center;gap:6px}
body.tcv2 .bootstrap-table .fixed-table-pagination .page-list .btn{height:32px;padding:0 12px;border:2px solid var(--tc2-outline);border-radius:var(--tc2-r-sm);background:var(--tc2-surface);color:var(--tc2-ink);font-size:12px}
body.tcv2 .bootstrap-table .fixed-table-pagination .page-list .btn-group{margin:0}
body.tcv2 .bootstrap-table .fixed-table-pagination .pagination{flex-wrap:wrap}
body.tcv2 .bootstrap-table .fixed-table-pagination .page-link{box-shadow:none}

/* loading (spinner), empty and error states */
body.tcv2 .bootstrap-table .fixed-table-loading{background:rgba(255,255,255,.82);color:var(--tc2-mut);font-weight:800;font-size:12.5px;border:0!important}
body.tcv2 .bootstrap-table .fixed-table-loading .loading-wrap{gap:10px}
body.tcv2 .bootstrap-table .fixed-table-loading .animation-dot{width:6px;height:6px;border-radius:50%;background:var(--tc2-brand)}
body.tcv2 .bootstrap-table .fixed-table-loading .loading-text{color:var(--tc2-mut);font-size:12.5px;font-weight:800}
body.tcv2 .bootstrap-table .fixed-table-container .table:not(#tcv2) tr.no-records-found td{padding:36px 16px!important;text-align:center;color:var(--tc2-mut)!important;font-size:12.5px;font-weight:700;background:var(--tc2-surface)!important}
body.tcv2 .bootstrap-table .fixed-table-container .table:not(#tcv2) tr.no-records-found td::before{content:"";display:block;width:52px;height:52px;margin:0 auto 10px;border-radius:16px;background:var(--tc2-mint) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='26' height='26' viewBox='0 0 24 24' fill='none' stroke='%230D523F' stroke-width='2.2' stroke-linecap='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='m20 20-3.5-3.5'/%3E%3C/svg%3E") no-repeat 50% 50%}
body.tcv2 .tcv2-error{display:flex;flex-direction:column;align-items:center;gap:8px;padding:30px 18px;text-align:center;color:var(--tc2-danger);font-weight:800;font-size:13px;background:var(--tc2-danger-bg);border:1.5px solid var(--tc2-danger-bd);border-radius:var(--tc2-r-card)}
body.tcv2 .tcv2-skel{display:block;height:12px;border-radius:6px;background:linear-gradient(90deg,#eef0f2,#f6f7f8,#eef0f2);background-size:200% 100%}

/* bulk action bar (hook class tcv2-bulk, board 2) */
body.tcv2 .tcv2-bulk{display:flex;flex-wrap:wrap;align-items:center;gap:10px;background:var(--tc2-ink);color:#fff;padding:9px 16px;font-size:12.5px;font-weight:800;border-radius:var(--tc2-r-ctl)}
body.tcv2 .tcv2-bulk .btn{--b:rgba(255,255,255,.12);--bd:rgba(255,255,255,.3);--fg:#fff;--bh:rgba(255,255,255,.22);--bdh:rgba(255,255,255,.5);--fgh:#fff}
body.tcv2 .tcv2-bulk .btn-danger{--b:var(--tc2-danger);--bd:var(--tc2-danger-dark)}

/* the customers page's own bulk bar (same idea as .tcv2-bulk) */
body.tcv2 .content-wrapper .bulk-bar:not(#tcv2){background:var(--tc2-ink)!important;border-radius:var(--tc2-r-ctl)!important;padding:9px 16px!important;gap:10px;font-size:12.5px;font-weight:800}
body.tcv2 .content-wrapper .bulk-bar:not(#tcv2) select{height:34px;border:1.5px solid rgba(255,255,255,.35);background-color:rgba(255,255,255,.12);color:#fff;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E")}

/* DataTables (none live today; kept consistent) */
body.tcv2 .dataTables_wrapper{padding:0}
body.tcv2 .dataTables_wrapper .row:first-child{align-items:center;margin-bottom:8px}
body.tcv2 .dataTables_wrapper table.dataTable{border-collapse:collapse!important;width:100%!important;margin:0!important}
body.tcv2 .dataTables_wrapper table.dataTable thead th{position:sticky;top:0;z-index:2;background:var(--tc2-surface-2);border-bottom:1px solid var(--tc2-line)!important}
body.tcv2 .dataTables_wrapper table.dataTable tbody tr:hover>td{background:var(--tc2-hover)}
body.tcv2 .dataTables_wrapper table.dataTable tbody tr.selected>td{background:var(--tc2-mint-soft);color:var(--tc2-ink)}
body.tcv2 .dataTables_wrapper .dataTables_filter input{width:240px;height:36px;border-width:2px;border-radius:var(--tc2-r-ctl)}
body.tcv2 .dataTables_wrapper .dataTables_paginate .paginate_button{min-width:30px;height:30px;padding:0 8px!important;margin:0 2px!important;border:1.5px solid var(--tc2-line)!important;border-radius:var(--tc2-r-sm)!important;font-size:12px;font-weight:800;background:var(--tc2-surface)!important;color:var(--tc2-text-2)!important}
body.tcv2 .dataTables_wrapper .dataTables_paginate .paginate_button:hover{background:var(--tc2-mint-soft)!important;border-color:var(--tc2-brand)!important;color:var(--tc2-brand)!important}
body.tcv2 .dataTables_wrapper .dataTables_paginate .paginate_button.disabled{opacity:.4}
body.tcv2 .dataTables_wrapper .dataTables_processing{background:var(--tc2-surface);border:1.5px solid var(--tc2-line);border-radius:var(--tc2-r-ctl);color:var(--tc2-mut);font-weight:800}

/* modals opened from a list (edit / view / confirm) */
body.tcv2 .modal .bootstrap-table .fixed-table-container{border-radius:var(--tc2-r-ctl)}
body.tcv2 .modal-body .table thead th{position:static}

/* tablets and phones: tables scroll inside their own container, toolbar stacks */
@media (max-width:991.98px){
body.tcv2 .bootstrap-table .fixed-table-toolbar .search{flex:1 1 220px}
}
@media (max-width:767.98px){
body.tcv2 .bootstrap-table .fixed-table-toolbar{gap:8px}
body.tcv2 .bootstrap-table .fixed-table-toolbar .bs-bars{flex:1 1 100%;order:1}
body.tcv2 .bootstrap-table .fixed-table-toolbar .search{flex:1 1 100%;order:2;width:100%;margin-bottom:0}
body.tcv2 .bootstrap-table .fixed-table-toolbar .columns{order:3;flex:1 1 100%;justify-content:flex-end}
body.tcv2 .bootstrap-table .fixed-table-pagination{justify-content:center}
body.tcv2 .bootstrap-table .fixed-table-pagination .pagination-detail{justify-content:center;width:100%}
body.tcv2 .bootstrap-table .fixed-table-container .table:not(#tcv2) thead th .th-inner{padding:9px 10px!important}
body.tcv2 .bootstrap-table .fixed-table-container .table:not(#tcv2) tbody td{padding:8px 10px!important}
}
/* plain (non bootstrap-table) tables: below 1200px they scroll inside their own box, never the page */
@media (max-width:1199.98px){
body.tcv2 .content-wrapper :is(div,section,form):not(.fixed-table-body,.fixed-table-container,.fixed-table-header,.fixed-table-footer,.bootstrap-table,.content-wrapper):has(>table){overflow-x:auto;max-width:100%;-webkit-overflow-scrolling:touch}
}
@media (max-width:575.98px){
body.tcv2 .content-wrapper .fd-grid{grid-template-columns:minmax(0,1fr)!important}
body.tcv2 .content-wrapper .d-flex:not(.flex-nowrap){flex-wrap:wrap}
}

/* sticky header needs a bounded scroll box: only where a tall viewport makes that comfortable */
@media (min-width:992px) and (min-height:640px){
body.tcv2 .bootstrap-table .fixed-table-body{max-height:calc(100vh - 230px)}
}
}