.strat-wrap { max-width: 1500px; margin: 0 auto; padding: 32px 20px 60px; }
.strat-head { display: flex; align-items: center; justify-content: space-between; gap: 16px; flex-wrap: wrap; margin-bottom: 8px; }
.strat-head h1 { font-size: 26px; font-weight: 800; color: var(--text-primary,#fff); margin: 0; display: flex; align-items: center; gap: 10px; }
.strat-head .sub { font-size: 12px; color: var(--text-muted,#94a3b8); margin-top: 4px; }

.strat-aciklama { font-size: 12.5px; color: var(--text-secondary,#cbd5e1); background: rgba(79,124,255,.07);
    border: 1px solid rgba(79,124,255,.2); border-radius: 10px; padding: 12px 16px; margin: 14px 0 18px; line-height: 1.6; }
.strat-aciklama b { color: var(--text-primary,#f1f5f9); }

.strat-ozet { display: flex; gap: 10px; flex-wrap: wrap; margin-bottom: 16px; }
.strat-ozet .k { background: rgba(148,163,184,.08); border: 1px solid rgba(148,163,184,.16); border-radius: 10px; padding: 9px 13px; }
.strat-ozet .k b { display: block; font-size: 17px; font-weight: 800; color: var(--text-primary,#fff); }
.strat-ozet .k span { font-size: 10.5px; color: var(--text-muted,#94a3b8); }

.strat-filtre { display: flex; gap: 10px; flex-wrap: wrap; align-items: flex-end; background: rgba(148,163,184,.06);
    border: 1px solid rgba(148,163,184,.14); border-radius: 12px; padding: 14px; margin-bottom: 16px; }
.strat-filtre .grp { display: flex; flex-direction: column; gap: 5px; }
.strat-filtre label { font-size: 10.5px; font-weight: 700; text-transform: uppercase; letter-spacing: .4px; color: var(--text-muted,#94a3b8); }
.strat-filtre input, .strat-filtre select { background: var(--secondary-bg,#0f1729); border: 1px solid var(--border-color,rgba(148,163,184,.25)); border-radius: 7px;
    padding: 7px 9px; font-size: 12.5px; color: var(--text-primary,#e2e8f0); min-width: 90px; }
.strat-filtre input[type=number] { width: 78px; min-width: 0; }
.strat-filtre select option { background: var(--secondary-bg,#0f1729); color: var(--text-primary,#e2e8f0); }
.strat-toggle { display: inline-flex; align-items: center; gap: 7px; padding: 7px 14px; border-radius: 7px; cursor: pointer;
    font-size: 12.5px; font-weight: 700; white-space: nowrap;
    background: var(--secondary-bg,#0f1729); color: var(--text-secondary,#cbd5e1); border: 1px solid var(--border-color,rgba(148,163,184,.3)); }
.strat-toggle:hover { border-color: #4f7cff; color: var(--text-primary,#fff); }
.strat-toggle.on { background: #4f7cff; border-color: #4f7cff; color: #fff; }

.strat-tablo-sar { overflow-x: auto; border: 1px solid rgba(148,163,184,.14); border-radius: 12px; }
table.strat { width: 100%; border-collapse: collapse; font-size: 12.5px; min-width: 860px; }
table.strat th, table.strat td { text-align: center; vertical-align: middle; }
table.strat th { padding: 10px 12px; font-size: 10.5px; text-transform: uppercase; letter-spacing: .4px; white-space: nowrap;
    color: var(--text-muted,#94a3b8); background: rgba(148,163,184,.06); border-bottom: 1px solid rgba(148,163,184,.16); cursor: pointer; user-select: none; }
table.strat th.nosort { cursor: default; }
table.strat td { padding: 9px 12px; border-bottom: 1px solid rgba(148,163,184,.09); color: var(--text-secondary,#cbd5e1); }
table.strat tr:hover td { background: rgba(148,163,184,.05); }
table.strat th:nth-child(1), table.strat td:nth-child(1) { text-align: left; }
.strat-kosul { color: var(--text-primary,#f1f5f9); font-size: 12px; font-weight: 600; }
.strat-hedef { display: inline-block; padding: 2px 10px; border-radius: 6px; font-weight: 800; font-size: 12px; white-space: nowrap;
    color: var(--text-primary,#f1f5f9); background: rgba(79,124,255,.16); border: 1px solid rgba(79,124,255,.3); }
.pill100 { display: inline-block; padding: 1px 8px; border-radius: 999px; font-size: 11px; font-weight: 800;
    background: rgba(46,204,113,.16); color: #4ade80; }
.num { font-variant-numeric: tabular-nums; }
.bugun-var { display: inline-block; min-width: 20px; padding: 1px 7px; border-radius: 999px; font-weight: 800;
    background: rgba(79,124,255,.18); color: #4f7cff; }
.bugun-yok { color: var(--text-muted,#64748b); }
.mini { background: transparent; border: 1px solid rgba(148,163,184,.3); color: var(--text-secondary,#cbd5e1);
    border-radius: 6px; padding: 4px 9px; font-size: 11.5px; cursor: pointer; }
.mini:hover { border-color: #4f7cff; color: var(--text-primary,#fff); }
.strat-sayfa { display: flex; gap: 6px; justify-content: center; align-items: center; margin-top: 16px; font-size: 12.5px; color: var(--text-muted,#94a3b8); }
.strat-sayfa button { background: rgba(148,163,184,.1); border: 1px solid rgba(148,163,184,.2); color: var(--text-secondary,#cbd5e1); border-radius: 6px; padding: 5px 11px; cursor: pointer; }
.strat-sayfa button:disabled { opacity: .4; cursor: default; }
.strat-bos { padding: 40px; text-align: center; color: var(--text-muted,#94a3b8); }

.strat-kilavuz { margin-top: 40px; border: 1px solid rgba(148,163,184,.16); border-radius: 14px; padding: 22px 22px 8px; background: rgba(148,163,184,.04); }
.strat-kilavuz h2 { font-size: 17px; font-weight: 800; color: var(--text-primary,#fff); margin: 0 0 12px; }
.strat-kilavuz .k-blok { padding: 13px 15px; border: 1px solid rgba(148,163,184,.13); border-radius: 10px; margin-bottom: 10px; background: var(--card-bg,#0b1220); }
.strat-kilavuz .k-blok h4 { margin: 0 0 5px; font-size: 13px; font-weight: 800; color: var(--text-primary,#f1f5f9); }
.strat-kilavuz .k-blok p { margin: 0; font-size: 12.5px; line-height: 1.65; color: var(--text-secondary,#cbd5e1); }
.strat-kilavuz b { color: var(--text-primary,#f1f5f9); }

.strat-modal { position: fixed; inset: 0; background: rgba(2,6,23,.7); display: none; z-index: 9999; align-items: flex-start; justify-content: center; padding: 40px 16px; overflow-y: auto; }
.strat-modal.acik { display: flex; }
.strat-modal .box { background: var(--card-bg,#0b1220); border: 1px solid rgba(148,163,184,.2); border-radius: 14px; width: 100%; max-width: 820px; }
.strat-modal .box-head { display: flex; justify-content: space-between; align-items: center; padding: 16px 20px; border-bottom: 1px solid rgba(148,163,184,.14); }
.strat-modal .box-head h3 { margin: 0; font-size: 15px; color: var(--text-primary,#fff); }
.strat-modal .box-head .x { background: transparent; border: 0; color: #94a3b8; font-size: 22px; cursor: pointer; line-height: 1; }
.strat-modal .box-body { padding: 18px 20px; }
.strat-modal .box-body select { background: var(--secondary-bg,#0f1729); border: 1px solid var(--border-color,rgba(148,163,184,.25)); border-radius: 6px; padding: 6px 8px; color: var(--text-primary,#e2e8f0); }
.strat-modal .box-body select option { background: var(--secondary-bg,#0f1729); color: var(--text-primary,#e2e8f0); }
.mac-tarih-bas { font-size: 10.5px; font-weight: 700; text-transform: uppercase; letter-spacing: .5px; color: #64748b;
    padding: 12px 0 4px; border-bottom: 1px solid rgba(148,163,184,.14); margin-bottom: 2px; }
.mac-tarih-bas:first-child { padding-top: 0; }
.mac-satir { display: grid; grid-template-columns: 44px 1fr auto 74px; gap: 10px; align-items: center; padding: 8px 0; border-bottom: 1px solid rgba(148,163,184,.09); font-size: 12.5px; }
.mac-satir .s-saat { color: #64748b; }
.mac-satir .s-mac b { color: #64748b; }
.mac-satir .s-mac small { color: #64748b; }
.mac-skor { display: flex; gap: 6px; justify-content: flex-end; }
.mac-skor .sk { display: inline-flex; align-items: baseline; gap: 5px; padding: 2px 8px; border-radius: 6px;
    background: rgba(148,163,184,.12); font-variant-numeric: tabular-nums; font-size: 12.5px; color: var(--text-primary,#e2e8f0); white-space: nowrap; }
.mac-skor .sk i { font-style: normal; font-size: 9px; font-weight: 800; color: #94a3b8; letter-spacing: .5px; }
.mac-skor .bekle { color: #64748b; font-size: 12px; }
.mac-satir .b { display: inline-block; padding: 1px 8px; border-radius: 999px; font-size: 10.5px; font-weight: 700; }
.b.kazandi { background: rgba(46,204,113,.16); color: #4ade80; }
.b.kaybetti { background: rgba(239,68,68,.16); color: #f87171; }
.b.bekliyor { background: rgba(148,163,184,.16); color: #cbd5e1; }
.b.iptal { background: rgba(148,163,184,.12); color: #94a3b8; text-decoration: line-through; }
.mac-sonuc { text-align: right; }
