/* Modern Pro UI */
:root{
  --kbb-txt:#0f172a; --kbb-sub:#6b7280; --kbb-muted:#94a3b8;
  --kbb-card:#fff; --kbb-line:#e5e7eb; --kbb-accent:#4f8dfd; --kbb-accent-2:#6ee7b7; --kbb-accent-3:#fda4af;
  --kbb-gold:#f8c33b; --kbb-silver:#c0c4cf; --kbb-bronze:#f07a2b;
}
/* Filters */
.kbb-filters{display:flex;gap:8px;flex-wrap:wrap;max-width:1200px;margin:8px auto;padding:10px 12px;background:#fff;border:1px solid var(--kbb-line);border-radius:16px}
.kbb-filters input,.kbb-filters select{border:1px solid var(--kbb-line);border-radius:12px;padding:10px 12px;font-size:14px}
.kbb-filters input[type="date"]{min-width:160px;color:var(--kbb-txt)}
.kbb-filters input[type="date"]::-webkit-calendar-picker-indicator{cursor:pointer;opacity:0.6}
.kbb-filters .kbb-btn{padding:10px 14px;border-radius:12px;border:none;color:#fff;cursor:pointer;font-size:14px;font-weight:500;transition:all .2s ease}
.kbb-filters .kbb-btn-apply{background:#4f8dfd}
.kbb-filters .kbb-btn-apply:hover{background:#3d7ae8;transform:translateY(-1px)}
.kbb-filters .kbb-btn-clear{background:#ef4444}
.kbb-filters .kbb-btn-clear:hover{background:#dc2626;transform:translateY(-1px)}
.kbb-date-range{display:flex;justify-content:space-between;gap:12px;flex:1;width:100%;min-width:100%}
.kbb-date-field{display:flex;flex-direction:column;gap:4px;flex:1}
.kbb-date-field label{font-size:12px;color:var(--kbb-sub);font-weight:500;padding-left:4px}
.kbb-date-field input[type="date"]{width:100%;min-width:0}
.kbb-filter-buttons{display:flex;gap:8px;width:100%}
.kbb-filter-buttons .kbb-btn{flex:1}
/* Grid */
.kbb-list-shell{max-width:1200px;margin:10px auto 18px;padding:0 12px}
.kbb-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
@media(max-width:1100px){.kbb-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){.kbb-grid{grid-template-columns:1fr}}

/* Card Pro */
.kbb-card-pro{position:relative;overflow:hidden;border:1px solid var(--kbb-line);border-radius:20px;background:var(--kbb-card);padding:16px;transition:transform .25s ease, box-shadow .25s ease}
.kbb-card-pro:hover{transform:translateY(-4px);box-shadow:0 16px 40px rgba(17,24,39,.08)}
.kbb-card-top{display:flex;align-items:center;gap:10px}
.kbb-ico{width:20px;height:20px;display:inline-block;background-size:contain;background-repeat:no-repeat;opacity:.9}
.kbb-ico-trophy{background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="%230f172a"><path d="M4 3h12v2a4 4 0 0 1-3 3.87A5 5 0 0 1 11 11.9V14h3v2H6v-2h3v-2.1A5 5 0 0 1 5 8.87 4 4 0 0 1 4 5V3Zm2 2v.12A3 3 0 0 0 8.88 8h6.24A3 3 0 0 0 18 5.12V5H6Zm-2 0H2v2a3 3 0 0 0 3 3h.12A5.02 5.02 0 0 1 4 7V5Z"/></svg>');}
.kbb-ico-medal{background-image:url('data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" fill=\"%2399a5b3\"><path d=\"M10 2l3 4h-2l-1-2-1 2H7l3-4Zm0 5a5 5 0 1 1 0 10 5 5 0 0 1 0-10Zm0 2a3 3 0 1 0 .001 6.001A3 3 0 0 0 10 9Z\"/></svg>');opacity:.3;margin-left:auto}
.kbb-ico-tiny-trophy{width:16px;height:16px;background-image:url('data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" fill=\"%236b7280\"><path d=\"M3 2h10v1.5a3 3 0 0 1-2.25 2.9A4 4 0 0 1 8.5 9v1h2.5v1H5V10h2.5V9a4 4 0 0 1-2.25-2.6A3 3 0 0 1 3 3.5V2Zm1.5 1V3.1A2 2 0 0 0 6.1 5h5.8A2 2 0 0 0 13.5 3.1V3h-9Z\"/></svg>');}
.kbb-ico-pin{background-image:url('data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" fill=\"%230f172a\"><path d=\"M9 1a6 6 0 0 0-6 6c0 4 6 10 6 10s6-6 6-10a6 6 0 0 0-6-6Zm0 8a2 2 0 1 1 0-4 2 2 0 0 1 0 4Z\"/></svg>');}
.kbb-ico-calendar{background-image:url('data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" fill=\"%230f172a\"><path d=\"M5 1h2v2H5V1Zm6 0h2v2h-2V1ZM3 3h12v12H3V3Zm1 4h10v1H4V7Z\"/></svg>');}

.kbb-pill{font-size:12px;padding:6px 10px;border-radius:999px;background:#eef2ff;border:1px solid #e2e8f0}
.kbb-pill.rank-gold{background:rgba(248,195,59,.2);border-color:rgba(248,195,59,.5)}
.kbb-pill.rank-silver{background:rgba(192,196,207,.25);border-color:rgba(192,196,207,.6)}
.kbb-pill.rank-bronze{background:rgba(240,122,43,.18);border-color:rgba(240,122,43,.5)}

.kbb-card-title.pro{margin:6px 0 2px;font-size:22px;letter-spacing:.2px}
.kbb-row{display:flex;align-items:center;gap:8px;margin:6px 0}
.kbb-card-sub.strong{font-size:14px;color:#334155;font-weight:600;text-transform:uppercase;letter-spacing:.6px}
.kbb-pairs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:8px}
.kbb-pairs .lbl{display:block;color:var(--kbb-muted);font-size:12px}
.kbb-pairs .val{display:block;color:#111827;font-weight:600}
.kbb-sep{border:0;border-top:1px solid var(--kbb-line);margin:10px 0}
.kbb-meta-line{display:flex;align-items:center;gap:8px;color:#111827;font-size:14px;margin:6px 0}
.kbb-corner{position:absolute;right:-30px;bottom:-30px;width:180px;height:180px;background:radial-gradient(closest-side, rgba(79,141,253,.15), rgba(79,141,253,0));border-radius:50%}

/* Pagination */
.kbb-pag{display:flex;gap:8px;justify-content:center;margin:18px 0;flex-wrap:wrap}
.kbb-pag a{border:1px solid var(--kbb-line);padding:8px 12px;border-radius:12px;color:#111827;text-decoration:none;background:#fff}
.kbb-pag a.active{background:var(--kbb-accent);color:#fff;border-color:transparent}
.kbb-pag .dots{padding:8px 8px;color:#9ca3af}

/* Carousel */
.kbb-carousel-shell{max-width:1200px;margin:10px auto 24px;padding:0 12px}
.kbb-sb-carousel{position:relative;background:linear-gradient(180deg,#ffffff00,#ffffffcc10);border:0px solid var(--kbb-line);border-radius:20px;padding:14px}
.kbb-sb-viewport{overflow:hidden}
.kbb-sb-track{display:flex;transition:transform .35s cubic-bezier(.22,.61,.36,1)}
.kbb-sb-slide{padding:8px;box-sizing:border-box;min-width:33.333%}
@media(max-width:1100px){.kbb-sb-slide{min-width:50%}}
@media(max-width:640px){.kbb-sb-slide{min-width:100%}}
.kbb-sb-prev,.kbb-sb-next{visibility: hidden;position:absolute;top:50%;transform:translateY(-50%);width:38px;height:38px;display:grid;place-items:center;border-radius:999px;background:rgba(255,255,255,.92);border:1px solid var(--kbb-line);color:#0f172a;cursor:pointer}
.kbb-sb-prev{left:8px}.kbb-sb-next{right:8px}
.kbb-sb-dots{display:flex;gap:8px;justify-content:center;margin-top:10px}
.kbb-sb-dots .dot{width:9px;height:9px;border-radius:999px;background:#cbd5e1;border:0}
.kbb-sb-dots .dot.active{background:var(--kbb-accent)}

/* Stats Cards */
.kbb-stats-row{max-width:1200px;margin:8px auto 18px;padding:0 12px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
@media(max-width:1100px){.kbb-stats-row{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){.kbb-stats-row{grid-template-columns:1fr}}
.kbb-stat-card{position:relative;display:flex;align-items:center;gap:16px;background:#fff;border:1px solid var(--kbb-line);border-radius:18px;padding:16px;transition:transform .25s ease, box-shadow .25s ease, border-color .25s ease}
.kbb-stat-card:hover{transform:translateY(-4px) rotate(-.25deg);box-shadow:0 16px 40px rgba(17,24,39,.08);border-color:#dbeafe}
.kbb-stat-left .kbb-stat-ico{width:64px;height:64px;display:inline-block;border-radius:16px;box-shadow:0 10px 20px rgba(20,60,150,.12);background:#e2ecff url('data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"36\" height=\"36\" fill=\"%23ffffff\"><path d=\"M12 6h12v2a4 4 0 0 1-3 3.87A5 5 0 0 1 15 14v2h3v3H10v-3h3v-2a5 5 0 0 1-4-4A4 4 0 0 1 8 8V6Z\"/></svg>') center/36px 36px no-repeat}
.kbb-stat-ico-trophy{background:#6ba0ff !important}
.kbb-stat-ico-gold{background:#ffd86b !important}
.kbb-stat-ico-silver{background:#d2d6df !important}
.kbb-stat-ico-bronze{background:#ffa66b !important}
.kbb-stat-value{font-size:40px;font-weight:800;color:#0f172a;line-height:1}
.kbb-stat-label{color:var(--kbb-sub);font-size:18px;margin-top:6px}
.kbb-stat-corner{position:absolute;right:-30px;bottom:-30px;width:180px;height:180px;background:radial-gradient(closest-side, rgba(79,141,253,.15), rgba(79,141,253,0));border-radius:50%}

.kbb-pill.rank-gold{background:linear-gradient(135deg, rgba(248,195,59,.28), rgba(248,195,59,.12));border-color:rgba(248,195,59,.55)}
.kbb-pill.rank-silver{background:linear-gradient(135deg, rgba(192,196,207,.35), rgba(192,196,207,.15));border-color:rgba(192,196,207,.6)}
.kbb-pill.rank-bronze{background:linear-gradient(135deg, rgba(240,122,43,.28), rgba(240,122,43,.12));border-color:rgba(240,122,43,.55)}

/* ================================================================
   DataTables – TailAdmin Pro Style
   Shortcode: [kbbsb_datatable]
   ================================================================ */

/* Wrapper */
.kbb-dt-wrapper{max-width:1200px;margin:10px auto 18px;padding:0 12px}

/* ── Filtre çubuğu ── */
.kbb-dt-filters{background:#fff;border:1px solid var(--kbb-line);border-radius:16px;padding:16px 20px;margin-bottom:16px}
.kbb-dt-filter-row{display:flex;flex-wrap:wrap;gap:12px;align-items:flex-end}
.kbb-dt-filter-item{display:flex;flex-direction:column;gap:4px;flex:1;min-width:140px}
.kbb-dt-filter-item>label{font-size:12px;color:var(--kbb-sub);font-weight:500;padding-left:2px}
.kbb-dt-filter-item select,.kbb-dt-filter-item input[type="date"]{border:1px solid var(--kbb-line);border-radius:10px;padding:9px 12px;font-size:14px;color:var(--kbb-txt);background:#fff;outline:none;width:100%;transition:border-color .15s,box-shadow .15s}
.kbb-dt-filter-item select:focus,.kbb-dt-filter-item input[type="date"]:focus{border-color:var(--kbb-accent);box-shadow:0 0 0 3px rgba(79,141,253,.15)}
.kbb-dt-btn-wrap{max-width:180px}
.kbb-dt-btn-row{display:flex;gap:6px;align-items:center}
.kbb-dt-btn-clear,.kbb-dt-btn-export{display:inline-flex;align-items:center;gap:5px;padding:9px 12px;border-radius:10px;border:none;color:#fff;cursor:pointer;font-size:13px;font-weight:500;transition:background .2s,transform .15s;white-space:nowrap}
.kbb-dt-btn-clear{background:#ef4444}
.kbb-dt-btn-clear:hover{background:#dc2626;transform:translateY(-1px)}
.kbb-dt-btn-export{background:#16a34a}
.kbb-dt-btn-export:hover{background:#15803d;transform:translateY(-1px)}

/* ── Tablo kabı ── */
.kbb-dt-table-container{background:#fff;border:1px solid var(--kbb-line);border-radius:16px;overflow:hidden}

/* ── DataTables üst bant (length + search) ── */
.kbb-dt-top{display:flex;justify-content:space-between;align-items:center;padding:14px 20px 12px;gap:12px;flex-wrap:wrap;border-bottom:1px solid #f3f4f6;background:#fafafa}
.kbb-dt-top .dataTables_length,.kbb-dt-top .dataTables_filter{float:none}
.kbb-dt-top .dataTables_length label,.kbb-dt-top .dataTables_filter label{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--kbb-sub);white-space:nowrap}
.kbb-dt-top .dataTables_length select,.kbb-dt-top .dataTables_filter input{border:1px solid var(--kbb-line);border-radius:8px;padding:7px 10px;font-size:13px;color:var(--kbb-txt);outline:none;transition:border-color .15s,box-shadow .15s}
.kbb-dt-top .dataTables_filter input:focus{border-color:var(--kbb-accent);box-shadow:0 0 0 3px rgba(79,141,253,.15)}
.kbb-dt-top .dataTables_filter input[type="search"]{min-width:220px}

/* ── Scroll kapsayıcı (sadece tablo kaydırılır) ── */
.kbb-dt-scroll{overflow-x:auto}

/* ── Tablo ── */
.kbb-achievement-dt{width:100% !important;border-collapse:collapse;min-width:700px}
.kbb-achievement-dt thead tr{border-bottom:1px solid #f3f4f6}
.kbb-achievement-dt thead th{padding:13px 16px;text-align:left;font-size:12px;font-weight:600;color:var(--kbb-sub);white-space:nowrap;background:#fafafa;cursor:pointer;user-select:none}
/* Sıralama okları – harici CSS'e gerek yok */
.kbb-achievement-dt thead th.sorting{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='14' height='14' fill='%23b0b8c4'><path d='M7 2 4 6h6L7 2zm0 10 3-4H4l3 4z'/></svg>");background-repeat:no-repeat;background-position:right 10px center;padding-right:30px}
.kbb-achievement-dt thead th.sorting_asc{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='14' height='14'><path d='M7 2 4 6h6L7 2z' fill='%234f8dfd'/><path d='M7 12l3-4H4l3 4z' fill='%23b0b8c4'/></svg>");background-repeat:no-repeat;background-position:right 10px center;padding-right:30px;color:var(--kbb-accent)}
.kbb-achievement-dt thead th.sorting_desc{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='14' height='14'><path d='M7 2 4 6h6L7 2z' fill='%23b0b8c4'/><path d='M7 12l3-4H4l3 4z' fill='%234f8dfd'/></svg>");background-repeat:no-repeat;background-position:right 10px center;padding-right:30px;color:var(--kbb-accent)}
.kbb-achievement-dt thead th.sorting_disabled{background-image:none;padding-right:16px;cursor:default}

.kbb-achievement-dt tbody tr{border-bottom:1px solid #f3f4f6;transition:background .12s}
.kbb-achievement-dt tbody tr:last-child{border-bottom:none}
.kbb-achievement-dt tbody tr:hover{background:#f9fafb}
.kbb-achievement-dt tbody td{padding:13px 16px;font-size:14px;color:#374151;vertical-align:middle}
.kbb-achievement-dt .kbb-dt-col-athlete{font-weight:600;color:#111827}

/* ── Derece rozetleri ── */
.kbb-dt-rank{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:999px;font-size:12px;font-weight:600;border:1px solid transparent;white-space:nowrap}
.kbb-dt-rank-gold  {background:linear-gradient(135deg,rgba(248,195,59,.28),rgba(248,195,59,.12));border-color:rgba(248,195,59,.55);color:#92600a}
.kbb-dt-rank-silver{background:linear-gradient(135deg,rgba(192,196,207,.35),rgba(192,196,207,.15));border-color:rgba(192,196,207,.6);color:#4b5563}
.kbb-dt-rank-bronze{background:linear-gradient(135deg,rgba(240,122,43,.28),rgba(240,122,43,.12));border-color:rgba(240,122,43,.55);color:#9a3412}
.kbb-dt-rank-neutral{background:#f1f5f9;border-color:#e2e8f0;color:#374151}

/* ── İşleniyor göstergesi ── */
.dataTables_processing{background:rgba(255,255,255,.95)!important;border:1px solid var(--kbb-line)!important;border-radius:10px!important;font-size:13px!important;color:var(--kbb-accent)!important;padding:10px 20px!important;box-shadow:0 4px 16px rgba(0,0,0,.07)!important}
.kbb-dt-spinner{display:inline-block;width:14px;height:14px;border:2px solid rgba(79,141,253,.3);border-top-color:var(--kbb-accent);border-radius:50%;animation:kbb-spin .7s linear infinite;vertical-align:middle;margin-right:6px}
@keyframes kbb-spin{to{transform:rotate(360deg)}}

/* ── Alt bant (info + pagination) ── */
.kbb-dt-bottom{display:flex;justify-content:space-between;align-items:center;padding:14px 20px;border-top:1px solid #f3f4f6;flex-wrap:wrap;gap:10px;background:#fafafa}
.kbb-dt-bottom .dataTables_info{float:none;font-size:13px;color:var(--kbb-sub)}
.kbb-dt-bottom .dataTables_paginate{float:none}
.kbb-dt-bottom .dataTables_paginate .paginate_button{display:inline-block;padding:6px 12px;border:1px solid var(--kbb-line);border-radius:8px;margin:0 2px;cursor:pointer;color:#374151!important;text-decoration:none;font-size:13px;transition:all .12s;background:#fff;line-height:1.4}
.kbb-dt-bottom .dataTables_paginate .paginate_button:hover:not(.disabled):not(.current){background:#f3f4f6;border-color:#d1d5db}
.kbb-dt-bottom .dataTables_paginate .paginate_button.current,.kbb-dt-bottom .dataTables_paginate .paginate_button.current:hover{background:var(--kbb-accent)!important;border-color:var(--kbb-accent)!important;color:#fff!important}
.kbb-dt-bottom .dataTables_paginate .paginate_button.disabled,.kbb-dt-bottom .dataTables_paginate .paginate_button.disabled:hover{opacity:.4;cursor:default}

/* ── Kolon genişlik ipuçları ── */
.kbb-dt-col-kg{text-align:center}

/* ── Responsive ── */
@media(max-width:768px){
  .kbb-dt-filter-row{gap:8px}
  .kbb-dt-filter-item{min-width:120px}
  .kbb-dt-btn-wrap{max-width:100%}
  .kbb-dt-top{padding:12px 14px 8px}
  .kbb-dt-bottom{padding:10px 14px}
  .kbb-achievement-dt thead th,.kbb-achievement-dt tbody td{padding:10px 12px}
  .kbb-dt-top .dataTables_filter input[type="search"]{min-width:150px}
  .kbb-dt-bottom{flex-direction:column;align-items:flex-start}
}