.table>:not(caption)>*>* {color:var(--bs-body-color) !important;padding: .65rem .85rem; font-size: 0.875rem;}
.table>:not(caption)>*>* {-webkit-transition:all 0.3s ease-out;-moz-transition:all 0.3s ease-out;-ms-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;transition:all 0.3s ease-out}
.table>:not(caption)>*>* {background-color: transparent;font-size: 13px !important;}
.table-group-divider{border-top:calc(var(--bs-border-width)* 2) solid rgba(0,0,0,0.13)}
.wcp-table-body {background: var(--bs-body-bg);}
tbody,td,tfoot,th,thead,tr{border-color:rgb(133 133 133 / 13%)}
thead {background: var(--tk-body-bg)}
.tab-pane .table-responsive,
.tab-pane .table,
.tab-pane thead,
.tab-pane thead tr,
.tab-pane thead th:first-child,
.tab-pane thead th:last-child { border-radius: 0 !important; }
table>tbody>tr {box-shadow: inset 0px 8px 19px -6px rgb(131 131 131 / 11%);}
.table>tbody>tr:hover>* {--bs-table-bg-state: rgb(198 198 198 / 15%);}
#modeToggleBtn{cursor:pointer}
.table>thead th{background-color:rgb(215 215 215 / 18%);border:none;font-weight: 600;}
.btn-icon i{border-right:1px solid #00000026;padding-right:10px;margin-right:6px}
.table-tr-bg-danger td{background-color:#f4433615}
.table-tr-bg-success td{background-color:#00b27b15}
.table-tr-bg-info td{background-color:#0dcaf015}
.table-tr-bg-warning td{background-color:#ffc10715}
.table-tr-bg-primary td{background-color:rgba(13,148,136,.09)}
.table-tr-bg-indigo td{background-color:rgba(99,102,241,.09)}
.table-tr-bg-amber td{background-color:rgba(217,119,6,.12)}
.wcp-table-pagination .pagination {
    --bs-pagination-font-size: 0.85rem;
    --bs-pagination-color: var(--bs-body-color)!important;
    --bs-pagination-hover-color: var(--bs-body-color)!important;
    --bs-pagination-focus-color: var(--bs-body-color)!important;
    --bs-pagination-focus-bg: var(--bs-secondary-bg);
    --bs-pagination-focus-box-shadow: 0 0 0 .18rem #cccccc67!important;
    --bs-pagination-active-color:  var(--bs-body-color)!important;
    --bs-pagination-active-bg: var(--bs-secondary-bg)!important;
    --bs-pagination-active-border-color: var(--bs-border-color)!important;
}
th[data-sortable]{cursor:pointer;user-select:none;}
th[data-sortable]:hover{background-color:rgba(var(--bs-primary-rgb),.06)!important;}
.wcp-table-column-order{position:relative;display:inline-block;width:16px;height:17px;margin-left:7px;vertical-align:middle}
th[data-sortable] .wcp-table-column-order::before,th[data-sortable] .wcp-table-column-order::after{content:'';position:absolute;left:50%;width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;transform:translateX(-50%);transition:all 0.2s ease}
th[data-sortable] .wcp-table-column-order::before{border-bottom:6px solid #a6a6a66e}
th[data-sortable] .wcp-table-column-order::after{bottom:4px;border-top:6px solid #a6a6a66e}
th[data-sortable="asc"] .wcp-table-column-order::before{opacity:1;border-bottom-color:#a6a6a6e6}
th[data-sortable="desc"] .wcp-table-column-order::after{opacity:1;border-top-color:#a6a6a6e6}
@keyframes wcpFadeRows{from{opacity:0} to{opacity:1} }
.wcp-table-loader-body>tr:hover>*{--bs-table-bg-state:none!important}
.wcp-table-no-result-body>tr:hover>*{--bs-table-bg-state:none!important}
.loader-sticky{position:absolute;top:0;left:0;right:0;bottom:0;backdrop-filter:blur(4px);z-index:1000;display:flex;align-items:center;justify-content:center}
.loader-sticky>tr{box-shadow:none!important;border:none!important}
.wcp-table-loader-body .spinner-border{opacity:.5}
.wcp-table-loader-body tr td{border:none!important}
.wcp-table tr.animated>td{animation-name:simpleFade;animation-duration:0.8s;animation-fill-mode:both;animation-timing-function:ease}
.wcp-table tr.animated>td:has(.ts-dropdown){animation:none}
@keyframes simpleFade{0%{opacity:0}
    100%{opacity:1}
}
.wcp-table tbody tr{transition:background-color 0.4s ease}
table thead tr:first-child th:first-child{border-top-left-radius:7px}
table thead tr:first-child th:last-child{border-top-right-radius:7px}
table tr:first-child th:first-child{border-top-left-radius:7px}
table tr:first-child th:last-child{border-top-right-radius:7px}
table tfoot tr:last-child th:first-child,table tr:last-child th:first-child{border-bottom-left-radius:0px}
table tfoot tr:last-child th:last-child,table tr:last-child th:last-child{border-bottom-right-radius:0px}
.table-btns .btn{margin:0 2px;opacity: .8;}
.table-btns .btn:hover{opacity:1;}
.table .btn-sm{padding:.35rem .55rem;font-size:.8125rem;}

    @media only screen and (min-width: 360px) and (max-width:1024px) {
    .wcp-table{margin-top:-3px!important}
    .wcp-table-header{flex-direction:inherit !important;margin:6px 0 !important;font-size:13px;gap:12px}
    .wcp-table-head-row{display:flex;align-items:center}
    }

/* Mobil tablo yatay kaydırma ipucu — ekranın alt-merkezinde yüzen pill. "Kaydır" etiketi + soldan sağa dalgalanan 3 chevron. */
.table-scroll-wrap { position: relative; }

.table-swipe-hint {
  position: fixed;
  bottom: calc(1.1rem + env(safe-area-inset-bottom, 0px));
  left: 50%;
  transform: translate(-50%, 150%);
  z-index: 1040;
  display: none;
  align-items: center;
  gap: .55rem;
  padding: .45rem .9rem .45rem 1rem;
  border-radius: 999px;
  background: rgba(255, 255, 255, .82);
  -webkit-backdrop-filter: blur(14px) saturate(160%);
  backdrop-filter: blur(14px) saturate(160%);
  border: 1px solid rgba(15, 23, 42, .06);
  box-shadow: 0 10px 28px -10px rgba(15, 23, 42, .22), inset 0 1px 0 rgba(255, 255, 255, .9);
  opacity: 0;
  transition: opacity .28s ease, transform .42s cubic-bezier(.2, .9, .3, 1.15), bottom .2s ease;
  pointer-events: none;
  white-space: nowrap;
}

[data-bs-theme="dark"] .table-swipe-hint {
  background: rgba(30, 41, 59, .82);
  border-color: rgba(255, 255, 255, .06);
  box-shadow: 0 10px 28px -10px rgba(0, 0, 0, .5), inset 0 1px 0 rgba(255, 255, 255, .04);
}

@media (max-width: 767.98px) {
  .table-swipe-hint { display: inline-flex; }
}

.table-swipe-hint.show {
  opacity: 1;
  transform: translate(-50%, 0);
}

.table-swipe-hint__label {
  font-size: .68rem;
  font-weight: 700;
  letter-spacing: .14em;
  text-transform: uppercase;
  color: #475569;
}

[data-bs-theme="dark"] .table-swipe-hint__label { color: #cbd5e1; }

.table-swipe-hint__arrows {
  display: inline-flex;
  align-items: center;
  gap: 1px;
}

.table-swipe-hint__arrow {
  font-size: 1.05rem;
  line-height: 1;
  font-weight: 700;
  color: rgba(var(--bs-primary-rgb, 13,148,136), .18);
  animation: table-swipe-wave 1.4s ease-in-out infinite;
  will-change: color, transform;
}

.table-swipe-hint__arrow:nth-child(1) { animation-delay: 0s; }
.table-swipe-hint__arrow:nth-child(2) { animation-delay: .18s; }
.table-swipe-hint__arrow:nth-child(3) { animation-delay: .36s; }

@keyframes table-swipe-wave {
  0%, 100% { color: rgba(var(--bs-primary-rgb, 13,148,136), .18); transform: translateX(0); }
  40%     { color: rgba(var(--bs-primary-rgb, 13,148,136), 1);   transform: translateX(3px); }
}

/* Reverse: en sağa kaydırılınca (geri dönüş ipucu) — oklar ❮ karakterine JS ile döner, wave R→L */
.table-swipe-hint.reverse .table-swipe-hint__arrow { animation-name: table-swipe-wave-reverse; }
.table-swipe-hint.reverse .table-swipe-hint__arrow:nth-child(1) { animation-delay: .36s; }
.table-swipe-hint.reverse .table-swipe-hint__arrow:nth-child(2) { animation-delay: .18s; }
.table-swipe-hint.reverse .table-swipe-hint__arrow:nth-child(3) { animation-delay: 0s; }

@keyframes table-swipe-wave-reverse {
  0%, 100% { color: rgba(var(--bs-primary-rgb, 13,148,136), .18); transform: translateX(0); }
  40%     { color: rgba(var(--bs-primary-rgb, 13,148,136), 1);   transform: translateX(-3px); }
}

.table-swipe-hint:not(.show) .table-swipe-hint__arrow { animation-play-state: paused; }

@media (prefers-reduced-motion: reduce) {
  .table-swipe-hint__arrow { animation: none; color: rgb(var(--bs-primary-rgb, 13,148,136)); }
  .table-swipe-hint { transition: opacity .2s ease; }
  .table-swipe-hint.show { transform: translate(-50%, 0); }
}
