/* milosbet-takvim overlay stilleri. Tum siniflar tk- onekli. */
.tk-strip{box-sizing:border-box;max-width:100%;display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;margin:0;padding:10px 12px;
  background:#2A1155;color:#fff;border-bottom:1px solid rgba(198,0,127,.5);
  font:500 14px/1.3 Roboto,system-ui,-apple-system,sans-serif}
.tk-strip-t{font-weight:700}
.tk-strip-b{display:flex;gap:8px;flex-wrap:wrap}
.tk-pend{padding:8px 16px;border:0;border-radius:999px;background:#C6007F;color:#fff;font:inherit;font-weight:700;font-size:14px;cursor:pointer}
.tk-pend:hover{filter:brightness(1.1)}
.tk-pend:focus-visible{outline:2px solid #fff;outline-offset:2px}
.tk-recent{flex-basis:100%;font-size:13px;color:rgba(255,255,255,.85)}
.tk-strip-h{flex-basis:100%;font-size:12px;color:rgba(255,255,255,.7)}
.tk-opt{display:flex;flex-direction:column;align-items:flex-start;gap:2px;min-width:120px;padding:8px 14px;
  border:1px solid rgba(255,255,255,.25);border-radius:8px;background:rgba(255,255,255,.06);color:#fff;
  font:inherit;cursor:pointer;text-align:left}
.tk-opt b{font-weight:700;font-size:14px}
.tk-opt small{font-size:12px;color:rgba(255,255,255,.75)}
.tk-opt:hover{border-color:#C6007F}
.tk-opt:focus-visible,.tk-card:focus-visible,.tk-x:focus-visible{outline:2px solid #fff;outline-offset:2px}
.tk-opt.tk-on{background:#C6007F;border-color:#C6007F}
.tk-opt.tk-on small{color:#fff}

.tk-ov{position:fixed;inset:0;z-index:2147483000;display:flex;align-items:center;justify-content:center;
  padding:12px;background:rgba(10,3,26,.8)}
.tk-modal{position:relative;width:100%;max-width:460px;max-height:100%;overflow:auto;padding:24px 18px 20px;
  border-radius:14px;background:#1F0943;color:#fff;box-shadow:0 10px 40px rgba(0,0,0,.6);
  border:1px solid rgba(198,0,127,.5);font:400 15px/1.45 Roboto,system-ui,-apple-system,sans-serif}
.tk-modal h2{margin:0 36px 6px 0;font-size:20px;font-weight:700}
.tk-lead{margin:0 0 16px;color:rgba(255,255,255,.85)}
.tk-x{position:absolute;top:8px;right:8px;width:36px;height:36px;border:0;border-radius:50%;
  background:rgba(255,255,255,.12);color:#fff;font:22px/1 system-ui,sans-serif;cursor:pointer}
.tk-x:hover{background:#C6007F}
.tk-cards{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.tk-card{display:flex;flex-direction:column;gap:6px;align-items:center;justify-content:center;min-height:120px;
  padding:14px 8px;border:1px solid rgba(255,255,255,.2);border-radius:10px;background:#2A1155;color:#fff;
  font:inherit;cursor:pointer;text-align:center}
.tk-card:hover{border-color:#C6007F}
.tk-card-k{font-size:13px;color:rgba(255,255,255,.7);text-transform:uppercase;letter-spacing:.04em}
.tk-card-v{font-size:17px;font-weight:700}
.tk-card-go{margin-top:4px;padding:6px 14px;border-radius:999px;background:#C6007F;font-size:13px;font-weight:600}
.tk-dl{margin:14px 0 0;font-size:13px;color:rgba(255,255,255,.75)}

.tk-toast{position:fixed;left:50%;bottom:16px;z-index:2147483002;max-width:calc(100% - 24px);
  transform:translate(-50%,20px);opacity:0;pointer-events:none;padding:10px 16px;border-radius:8px;
  background:#2A1155;color:#fff;border:1px solid #C6007F;font:500 14px/1.4 Roboto,system-ui,sans-serif;
  transition:opacity .2s,transform .2s}
.tk-toast.tk-show{opacity:1;transform:translate(-50%,0)}
.tk-toast.tk-err{background:#5a0f2e}

@media(max-width:380px){
  .tk-cards{grid-template-columns:1fr}
  .tk-card{min-height:96px}
  .tk-opt{min-width:0;flex:1 1 100%}
  .tk-pend{flex:1 1 100%}
  .tk-modal{padding:22px 14px 16px}
}
@media(prefers-reduced-motion:reduce){.tk-toast{transition:none}}