:root{
    /* Terminal kimliği (2026-07-17): amber accent + neutral near-black — soğuk mavi bırakıldı */
    --bg:#0a0b0d; --panel:#131519; --panel2:#191c22; --panel3:#22262e;
    --line:#252932; --line2:#363b45; --txt:#e9e9e6; --muted:#8b9099; --dim:#5b6472;
    --brand:#f5b043; --brand2:#d4902e; --up:#22c58a; --down:#ff5f6d; --star:#fbbf24;
    --r1:#22c58a;--r2:#3bc0e6;--r3:#f5c451;--r4:#fb923c;--r5:#f472b6;--r6:#f87171;--r7:#ef4444;
    --sb:248px;
  }
  *{box-sizing:border-box}
  html,body{margin:0;height:100%}
  body{font-size:15px;color:var(--txt);background:var(--bg);
    font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Inter,Roboto,Helvetica,Arial,sans-serif}
  ::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:#2a2f38;border-radius:8px}
  a{color:var(--brand);text-decoration:none}
  .layout{display:grid;grid-template-columns:var(--sb) 1fr;min-height:100vh}
  /* sidebar */
  .sidebar{background:linear-gradient(180deg,var(--panel),var(--bg));border-right:1px solid var(--line);
    display:flex;flex-direction:column;position:sticky;top:0;height:100vh;padding:18px 14px}
  .logo-row{display:flex;align-items:center;gap:10px;padding:6px 8px 18px;font-size:18px}
  .logo-row .wm{font-weight:700;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:-.02em}
  .logo-row .wm b{color:var(--brand)}
  /* terminal cursor — logo taban çizgisi yavaşça yanıp söner (reduced-motion güvenli) */
  @media(prefers-reduced-motion:no-preference){.tcur{animation:tblink 1.5s step-end infinite}}
  @keyframes tblink{50%{opacity:.28}}
  nav.side{display:flex;flex-direction:column;gap:4px;margin-top:8px}
  nav.side button{display:flex;align-items:center;gap:11px;width:100%;text-align:left;border:0;cursor:pointer;
    background:transparent;color:var(--muted);font-size:14.5px;font-weight:600;padding:11px 13px;border-radius:11px;
    font-family:inherit;transition:.14s}
  nav.side button .ic{width:20px;height:20px;display:inline-flex;align-items:center;justify-content:center;flex:none;opacity:.9}
  nav.side button .ic svg{width:18px;height:18px}
  nav.side button.on .ic{opacity:1}
  nav.side button:hover{background:var(--panel2);color:var(--txt)}
  nav.side button.on{background:linear-gradient(180deg,rgba(245,176,67,.18),rgba(245,176,67,.08));color:#fff;
    box-shadow:inset 3px 0 0 var(--brand)}
  .side-sec{color:var(--dim);font-size:10.5px;font-weight:700;letter-spacing:1px;text-transform:uppercase;padding:16px 13px 6px}
  .side-foot{margin-top:auto}
  .userbox{background:var(--panel2);border:1px solid var(--line);border-radius:13px;padding:12px 13px}
  .userbox .who{display:flex;align-items:center;gap:10px}
  .avatar{width:34px;height:34px;border-radius:10px;background:linear-gradient(135deg,var(--brand),var(--up));
    display:flex;align-items:center;justify-content:center;font-weight:800;color:#04121a;flex:none}
  .userbox .em{font-size:12.5px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:135px}
  .userbox .rl{font-size:11px;color:var(--muted)}
  .rolechip{font-size:9.5px;font-weight:800;letter-spacing:.5px;padding:2px 6px;border-radius:5px;background:var(--brand);color:#0a0b0d;text-transform:uppercase}
  .rolechip.user{background:#3a4049}
  .userbox .out{margin-top:9px;width:100%;background:var(--panel3);border:1px solid var(--line2);color:var(--muted);
    border-radius:9px;padding:7px;font-size:12px;font-weight:600;cursor:pointer;font-family:inherit}
  .userbox .out:hover{color:var(--down);border-color:var(--down)}
  /* main */
  .main{min-width:0;display:flex;flex-direction:column}
  .topbar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px 30px 0}
  .topbar h1{font-size:22px;margin:0;letter-spacing:.2px}
  .topbar .asof{color:var(--muted);font-size:12.5px;margin-top:3px}
  .search{background:var(--panel);border:1px solid var(--line);border-radius:11px;padding:9px 14px;color:var(--txt);
    font-size:13.5px;width:250px;font-family:inherit}
  .search:focus{outline:none;border-color:var(--brand)}
  .content{padding:22px 30px 60px;max-width:1500px}
  .kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:14px;margin-bottom:22px}
  .kpi{background:linear-gradient(180deg,#16181d,#131519);border:1px solid var(--line);border-radius:14px;padding:15px 17px;position:relative;overflow:hidden;transition:transform .15s,border-color .15s}
  .kpi:hover{transform:translateY(-2px);border-color:var(--line2)}
  .kpi::before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--brand);opacity:.9}
  .kpi small{color:var(--muted);font-size:12px;display:block;margin-bottom:6px}
  .kpi b{font-size:24px;font-variant-numeric:tabular-nums}
  .subnav{display:flex;justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap;margin-bottom:20px}
  .seg{display:inline-flex;gap:4px;padding:4px;background:var(--panel);border:1px solid var(--line);border-radius:12px;flex-wrap:wrap}
  .seg button{border:0;background:transparent;color:var(--muted);font-weight:600;font-size:13px;padding:8px 15px;
    border-radius:9px;cursor:pointer;white-space:nowrap;font-family:inherit;transition:.14s}
  .seg button:hover{color:var(--txt);background:var(--panel3)}
  .seg button.on{color:#0a0b0d;background:linear-gradient(180deg,var(--brand),var(--brand2))}
  .seg.sm button{font-size:12.5px;padding:7px 12px}
  .grid{display:grid;grid-template-columns:minmax(0,1fr);gap:20px}  /* minmax(0,..) → kart içeriği (tablo/uzun metin) viewport'u aşmasın */
  /* mobil header + drawer backdrop — masaüstünde gizli */
  .mtop{display:none}
  .navback{display:none}
  /* ==================== MOBİL / responsive ==================== */
  @media(max-width:820px){
    .layout{grid-template-columns:minmax(0,1fr)}   /* tek kolon; sidebar off-canvas */
    .main{min-width:0}
    .content{overflow-x:hidden}
    /* sidebar → soldan kayan off-canvas DRAWER (hamburger ile) */
    .sidebar{position:fixed;top:0;left:0;bottom:0;width:min(84vw,320px);height:100dvh;z-index:70;
      transform:translateX(-100%);transition:transform .28s cubic-bezier(.4,0,.2,1);
      border-right:1px solid var(--line2);box-shadow:24px 0 70px rgba(0,0,0,.55);
      padding:max(16px,env(safe-area-inset-top)) 14px max(16px,env(safe-area-inset-bottom));overflow-y:auto}
    .sidebar.open{transform:none}
    nav.side button{padding:14px 14px;font-size:15px}   /* iri dokunma hedefi */
    .side-foot a{padding:8px 8px 12px}
    /* drawer backdrop */
    .navback{display:block;position:fixed;inset:0;background:rgba(0,0,0,.55);z-index:69;
      opacity:0;pointer-events:none;transition:opacity .25s}
    .navback.show{opacity:1;pointer-events:auto}
    /* mobil üst header: hamburger + logo */
    .mtop{display:flex;align-items:center;gap:12px;position:sticky;top:0;z-index:50;
      background:rgba(10,11,13,.94);backdrop-filter:blur(12px);border-bottom:1px solid var(--line);
      padding:max(9px,env(safe-area-inset-top)) 14px 9px}
    .mburger{background:var(--panel2);border:1px solid var(--line);color:var(--txt);width:42px;height:42px;
      border-radius:12px;display:flex;align-items:center;justify-content:center;cursor:pointer;flex:none;padding:0}
    .mburger svg{width:22px;height:22px}
    .mwm{font-weight:700;font-size:17px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:-.02em}
    .mwm b{color:var(--brand)}
    .topbar{padding:14px 16px 0;gap:10px}
    .topbar h1{font-size:19px}
    .search{width:160px}
    .content{padding:15px 14px calc(46px + env(safe-area-inset-bottom))}
    .kpis{gap:10px}.kpi{padding:13px 14px}.kpi b{font-size:20px}
    .card{padding:17px 15px}
    .drawer{width:100vw}
    .dw-top{padding-top:max(16px,env(safe-area-inset-top))}
    /* fon tablosu — mobilde sığsın: # ve AUM gizle, ünvan sar */
    table{font-size:13.5px}
    thead th,tbody td{padding:11px 7px;white-space:normal}
    .col-num,.col-aum{display:none}
    .unv{white-space:normal;max-width:none;line-height:1.32;margin-top:2px}
    /* portföy formu — mobilde stack, taşma yok */
    .pf{grid-template-columns:1fr 1fr}
    .pf .fld:first-child{grid-column:1/-1}
    .pf button{width:100%}
    .pf-adv{flex-direction:column;align-items:stretch;gap:11px}
    .pf-adv label{justify-content:space-between;gap:10px}
    .pf-adv input{width:auto;flex:0 0 150px;max-width:58%}
    /* Ayarlar — satırlar stack, uzun metin taşmasın */
    .nt-conn{flex-direction:column;align-items:stretch;gap:11px}
    .nt-conn .nt-btn{width:100%;text-align:center}
    .set-row{flex-wrap:wrap;gap:10px}
    .fld2{max-width:none}
    .lg-row{gap:8px}
    .lg-ua{flex:1;min-width:0}
    .adm-u-top{flex-wrap:wrap;gap:9px}
    .mfa-enroll{align-items:stretch}
    .mfa-qr{align-self:center}
  }
  @media(max-width:560px){
    .topbar{flex-wrap:wrap;padding-top:12px}
    .topbar h1{font-size:18px}
    .tb-right{flex:1 1 100%;order:3}
    .tb-right .search{flex:1;width:auto;min-width:0}
    .kpis{grid-template-columns:repeat(2,1fr)}
    .kpi b{font-size:18px}
    .content{padding:12px 11px calc(40px + env(safe-area-inset-bottom))}
    .card{padding:14px 12px}
    .subnav{gap:10px;flex-direction:column;align-items:stretch}
    .seg{flex-wrap:nowrap;overflow-x:auto;max-width:100%}
    .seg::-webkit-scrollbar{height:0}
    .catsel{width:100%}
    /* dar telefon: Risk'i de gizle (risk grubu zaten sekmede belli), daha kompakt */
    table{font-size:13px}
    thead th,tbody td{padding:10px 5px}
    .col-risk{display:none}
    .kod{font-size:14.5px}
    .badge{min-width:20px;padding:3px 6px}
    .pf{grid-template-columns:1fr}
    .pf .fld:first-child{grid-column:1/-1}
    .set-row .nt-btn{flex:1 1 130px;text-align:center}
  }
  .card{background:linear-gradient(180deg,#16181d,#101216);border:1px solid var(--line);border-radius:16px;padding:20px 22px;box-shadow:0 4px 20px rgba(0,0,0,.22);transition:border-color .18s}
  .card:hover{border-color:var(--line2)}
  .card-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:16px}
  .card-head h3{font-size:13px;margin:0;color:var(--muted);font-weight:700;text-transform:uppercase;letter-spacing:.7px}
  .chip{font-size:11px;color:var(--muted);background:var(--panel3);border:1px solid var(--line);padding:3px 9px;border-radius:999px}
  .tbl-wrap{overflow-x:auto}
  table{width:100%;border-collapse:collapse;font-size:14px}
  thead th{color:var(--dim);font-weight:600;font-size:11px;text-transform:uppercase;letter-spacing:.5px;
    text-align:right;padding:0 10px 11px;border-bottom:1px solid var(--line)}
  tbody td{text-align:right;padding:12px 10px;border-bottom:1px solid var(--line);white-space:nowrap;font-variant-numeric:tabular-nums}
  thead th:nth-child(-n+3),tbody td:nth-child(-n+3){text-align:left}
  tbody tr.row{cursor:pointer;transition:.12s}tbody tr.row:hover td{background:var(--panel2)}
  tbody tr.sel td{background:#22262e}tbody tr:last-child td{border-bottom:0}
  .star{cursor:pointer;color:#4a5059;font-size:17px;user-select:none;transition:.12s}
  .star:hover,.star.on{color:var(--star)}
  .kod{font-weight:700;letter-spacing:.4px;font-size:14.5px;cursor:pointer}.kod:hover{color:var(--brand)}
  .kod .lnk{color:var(--brand);font-size:11px;margin-left:5px;opacity:.7}
  .unv{color:var(--dim);font-size:11.5px;max-width:320px;overflow:hidden;text-overflow:ellipsis;display:block}
  .badge{display:inline-block;min-width:22px;text-align:center;border-radius:7px;padding:3px 8px;font-size:11px;font-weight:800;color:#04121a}
  .pos{color:var(--up);font-weight:700}.neg{color:var(--down);font-weight:700}.muted{color:var(--muted)}
  .chartbox{position:relative;height:440px}
  .hint{color:var(--dim);font-size:12px;margin:12px 0 0}
  .empty{padding:44px;text-align:center;color:var(--muted);line-height:1.6}
  .empty-ic{margin-bottom:14px;display:flex;justify-content:center}
  .empty-ic svg{width:46px;height:46px;stroke:var(--dim)}
  /* portföy formu */
  .pf{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:12px;align-items:start;margin-bottom:8px}
  .pf .fld{display:flex;flex-direction:column}
  .pf label{font-size:11px;color:var(--muted);margin-bottom:5px}
  .pf input{width:100%;background:var(--bg);border:1px solid var(--line2);color:var(--txt);border-radius:9px;padding:9px 11px;font-size:13.5px;font-family:inherit}
  .pf input:focus{outline:none;border-color:var(--brand)}
  .pf select{width:100%;background:var(--bg);border:1px solid var(--line2);color:var(--txt);border-radius:9px;padding:9px 11px;font-size:13.5px;font-family:inherit;cursor:pointer}
  .pf select:focus{outline:none;border-color:var(--brand)}
  .pf button{background:linear-gradient(180deg,var(--brand),var(--brand2));color:#fff;border:0;border-radius:9px;padding:10px 16px;font-weight:700;cursor:pointer;font-size:13.5px;font-family:inherit}
  .fon-name{font-size:11px;color:var(--up);margin-top:5px;min-height:13px;font-weight:600}
  .pf-adv{display:flex;align-items:center;gap:18px;flex-wrap:wrap;margin:6px 0 12px;font-size:12px;color:var(--muted)}
  .pf-adv .advlbl{font-weight:700;color:var(--dim)}.pf-adv label{display:flex;align-items:center;gap:7px}
  .pf-adv input{width:150px;background:var(--bg);border:1px solid var(--line2);color:var(--txt);border-radius:8px;padding:7px 10px;font-size:12.5px;font-family:inherit}
  .pf-help{font-size:12px;color:var(--dim);margin:0 0 18px;line-height:1.5}.pf-help b{color:var(--muted)}
  .buyinfo{color:var(--dim);font-size:11px}
  .del{cursor:pointer;color:var(--dim);font-size:15px}.del:hover{color:var(--down)}
  .pfkpi{display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:10px;margin-bottom:18px}
  .pfkpi .k{background:var(--panel2);border:1px solid var(--line);border-radius:11px;padding:11px 13px}
  .pfkpi .k small{color:var(--muted);font-size:11px;display:block;margin-bottom:4px}
  .pfkpi .k b{font-size:17px;font-variant-numeric:tabular-nums}
  footer{color:var(--dim);font-size:12px;margin-top:24px}
  /* login overlay */
  .overlay{position:fixed;inset:0;z-index:50;background:radial-gradient(700px 500px at 50% -10%,rgba(245,176,67,.14),transparent),var(--bg);
    display:flex;align-items:center;justify-content:center;padding:20px}
  .authcard{width:100%;max-width:390px;background:var(--panel);border:1px solid var(--line);border-radius:20px;padding:30px 28px;box-shadow:0 20px 60px rgba(0,0,0,.5)}
  .authcard .brandbig{display:flex;flex-direction:column;align-items:center;gap:10px;font-size:23px;margin-bottom:6px}
  .authcard .brandbig b{color:var(--brand)}
  .authcard .brandbig .radar{width:52px;height:52px;filter:drop-shadow(0 4px 14px rgba(245,176,67,.4))}
  .authcard .sub{text-align:center;color:var(--muted);font-size:13px;margin-bottom:22px}
  .authcard label{font-size:12px;color:var(--muted);display:block;margin:12px 0 6px}
  .authcard input{width:100%;background:var(--bg);border:1px solid var(--line2);color:var(--txt);border-radius:10px;padding:11px 13px;font-size:14px;font-family:inherit}
  .authcard input:focus{outline:none;border-color:var(--brand)}
  .authcard .go{width:100%;margin-top:18px;background:linear-gradient(180deg,var(--brand),var(--brand2));color:#0a0b0d;border:0;border-radius:10px;padding:12px;font-weight:800;font-size:14.5px;cursor:pointer;font-family:inherit}
  .authcard .toggle{text-align:center;margin-top:16px;font-size:13px;color:var(--muted)}
  .authcard .toggle a{cursor:pointer;font-weight:600}
  .autherr{color:var(--down);font-size:12.5px;margin-top:12px;text-align:center;min-height:16px;line-height:1.5}
  .autherr.ok{color:var(--up)}
  .authcard .gbtn{width:100%;display:flex;align-items:center;justify-content:center;gap:10px;background:#fff;color:#1f2328;border:0;border-radius:10px;padding:11px;font-weight:700;font-size:14px;cursor:pointer;font-family:inherit;margin-top:4px}
  .authcard .gbtn:hover{background:#f2f2f2}
  .authcard .au-or{display:flex;align-items:center;gap:12px;color:var(--dim);font-size:11.5px;margin:16px 0 2px}
  .authcard .au-or::before,.authcard .au-or::after{content:"";flex:1;height:1px;background:var(--line2)}
  .radar{width:30px;height:30px}
  /* ---- detay çekmecesi ---- */
  .dw-back{position:fixed;inset:0;background:rgba(4,7,14,.62);backdrop-filter:blur(3px);opacity:0;pointer-events:none;transition:opacity .28s;z-index:60}
  .dw-back.open{opacity:1;pointer-events:auto}
  .drawer{position:fixed;top:0;right:0;height:100vh;width:min(720px,96vw);background:linear-gradient(180deg,var(--panel),var(--bg));border-left:1px solid var(--line2);box-shadow:-24px 0 60px rgba(0,0,0,.5);transform:translateX(100%);transition:transform .32s cubic-bezier(.4,0,.2,1);z-index:61;display:flex;flex-direction:column}
  .drawer.open{transform:translateX(0)}
  .dw-top{display:flex;align-items:center;gap:12px;padding:17px 22px;border-bottom:1px solid var(--line);background:var(--panel);flex:none}
  .dw-top .kodbig{font-size:25px;font-weight:800;letter-spacing:1px}
  .dw-badge{min-width:26px;text-align:center;border-radius:8px;padding:4px 10px;font-size:12.5px;font-weight:800;color:#04121a}
  .dw-tefas{margin-left:auto;background:var(--panel2);border:1px solid var(--line2);color:var(--brand);text-decoration:none;padding:8px 12px;border-radius:9px;font-size:12.5px;font-weight:600}
  .dw-tefas:hover{border-color:var(--brand)}
  .dw-fav{background:var(--panel2);border:1px solid var(--line2);color:#4a5059;width:34px;height:34px;border-radius:9px;cursor:pointer;font-size:17px;line-height:1;display:flex;align-items:center;justify-content:center;transition:.12s;padding:0}
  .dw-fav:hover{border-color:var(--star);color:var(--star)}
  .dw-fav.on{color:var(--star);border-color:var(--star)}
  .dw-close{background:var(--panel2);border:1px solid var(--line2);color:var(--muted);width:34px;height:34px;border-radius:9px;cursor:pointer;font-size:15px;line-height:1;display:flex;align-items:center;justify-content:center}
  .dw-close:hover{color:var(--txt);border-color:var(--brand)}
  .dw-body{overflow-y:auto;padding:20px 22px 44px;flex:1}
  .dw-unv{color:var(--txt);font-size:15px;font-weight:600;margin-bottom:3px}
  .dw-meta{color:var(--muted);font-size:12.5px;margin-bottom:18px}
  .dw-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(92px,1fr));gap:10px;margin-bottom:20px}
  .dw-c{background:var(--panel2);border:1px solid var(--line);border-radius:11px;padding:11px 13px}
  .dw-c small{color:var(--muted);font-size:11px;display:block;margin-bottom:4px}.dw-c b{font-size:16px;font-variant-numeric:tabular-nums}
  .dw-card{background:var(--panel2);border:1px solid var(--line);border-radius:14px;padding:16px 18px;margin-bottom:16px}
  .dw-card h4{font-size:11.5px;margin:0 0 13px;color:var(--muted);font-weight:600;text-transform:uppercase;letter-spacing:.5px}
  /* Güven Skoru — tablo çipi + drawer kırılımı */
  .gc{display:inline-flex;align-items:center;justify-content:center;min-width:30px;font-weight:800;font-size:12px;
    font-variant-numeric:tabular-nums;padding:3px 8px;border-radius:8px;color:var(--gc);
    background:color-mix(in srgb,var(--gc) 15%,transparent);border:1px solid color-mix(in srgb,var(--gc) 34%,transparent)}
  .gc-na{color:var(--muted);background:transparent;border:1px solid var(--line)}
  .dw-guven .gv-head{display:flex;gap:14px;align-items:center;margin-bottom:15px}
  .gv-score{flex:none;width:62px;height:62px;border-radius:15px;display:flex;flex-direction:column;align-items:center;justify-content:center;
    color:var(--gc);background:color-mix(in srgb,var(--gc) 14%,transparent);border:1px solid color-mix(in srgb,var(--gc) 34%,transparent)}
  .gv-score b{font-size:25px;font-weight:800;line-height:1;font-variant-numeric:tabular-nums}
  .gv-score small{font-size:10px;color:var(--muted);margin-top:1px}
  .gv-lbl b{font-size:14.5px;display:block;margin-bottom:3px}
  .gv-lbl span{font-size:12px;color:var(--muted);line-height:1.45}
  .gv-bars{display:flex;flex-direction:column;gap:8px}
  .gv-b{display:grid;grid-template-columns:72px 1fr 26px;gap:10px;align-items:center;font-size:12px}
  .gv-b>span{color:var(--muted)} .gv-b>b{text-align:right;font-variant-numeric:tabular-nums;color:var(--text)}
  .gv-b i{height:7px;border-radius:4px;background:var(--line);display:block}
  .gv-b u{display:block;height:100%;border-radius:4px;text-decoration:none}
  .dw-chartbox{position:relative;height:300px}
  .dw-btabs{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:12px}
  .dw-btab{background:var(--bg);border:1px solid var(--line2);color:var(--muted);padding:5px 12px;border-radius:999px;cursor:pointer;font-size:12px;font-weight:600}
  .dw-btab:hover{color:var(--txt)}
  .dw-btab.active{background:var(--brand);color:#0a0b0d;border-color:transparent}
  .dw-allocwrap{display:grid;grid-template-columns:210px 1fr;gap:20px;align-items:center}
  @media(max-width:560px){.dw-allocwrap{grid-template-columns:1fr}}
  .dw-allocchart{position:relative;height:210px}
  .dw-alloclist{display:flex;flex-direction:column;gap:8px}
  .dw-arow{display:flex;align-items:center;gap:9px;font-size:13px}
  .dw-sw{width:11px;height:11px;border-radius:3px;flex:none}
  .dw-al{color:var(--txt)}.dw-ap{margin-left:auto;color:var(--muted);font-variant-numeric:tabular-nums;font-weight:600}
  .dw-note{background:var(--panel2);border:1px dashed var(--line2);border-radius:11px;padding:14px 16px;color:var(--muted);font-size:12.5px;line-height:1.5}
  .dw-bankcmp{margin-top:14px;background:linear-gradient(90deg,rgba(34,197,138,.12),transparent);border:1px solid var(--line);border-left:3px solid var(--up);border-radius:10px;padding:12px 15px;font-size:13.5px;color:var(--muted)}
  .dw-bankcmp b{color:var(--txt)}
  .bgrid-wrap{overflow-x:auto;border-radius:8px}
  .bgrid{width:100%;border-collapse:collapse;font-size:12.5px}
  .bgrid th,.bgrid td{padding:8px 12px;text-align:right;border-bottom:1px solid var(--line);white-space:nowrap}
  .bgrid th:first-child,.bgrid td:first-child{text-align:left;position:sticky;left:0;background:var(--panel2)}
  .bgrid thead th{color:var(--muted);font-weight:600;font-size:10.5px;text-transform:uppercase;letter-spacing:.3px;border-bottom:1px solid var(--line2)}
  .bgrid tbody td{color:var(--txt);font-variant-numeric:tabular-nums;font-weight:700}
  .bgrid tbody td:first-child{color:var(--muted);font-weight:500}
  .bgrid td.hl,.bgrid th.hl{background:rgba(245,176,67,.10)}
  .bgrid tr.hlrow>td{background:rgba(245,176,67,.07)}
  .bgrid td.hlcell{background:rgba(34,197,138,.28);color:#fff;font-weight:800}
  .rbadge{display:inline-block;margin-left:8px;padding:2px 8px;border-radius:999px;font-size:10.5px;font-weight:700;letter-spacing:.3px;background:rgba(34,197,138,.16);color:#34d399;border:1px solid rgba(34,197,138,.35);vertical-align:middle}
  /* Faz 8 — board (standart) vs kampanya oranı */
  .std-lbl{font-size:9.5px;font-weight:600;letter-spacing:.4px;text-transform:uppercase;color:var(--muted);margin-top:1px}
  .kmp{display:inline-block;margin-top:3px;padding:1.5px 8px;border-radius:999px;font-size:11px;font-weight:800;letter-spacing:.2px;background:linear-gradient(90deg,rgba(251,146,60,.20),rgba(251,146,60,.08));color:#fb923c;border:1px solid rgba(251,146,60,.4);white-space:nowrap}
  .dw-kmp{margin:0 0 14px;padding:11px 15px;border-radius:12px;font-size:13px;line-height:1.5;color:var(--muted);background:linear-gradient(90deg,rgba(251,146,60,.12),transparent);border:1px solid rgba(251,146,60,.32);border-left:3px solid #fb923c}
  .dw-kmp b{color:#fb923c;font-weight:800}
  /* Faz 7 — fon insight (momentum + senaryo) */
  .dw-insight{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}
  .dw-insight .ins{display:flex;align-items:center;gap:11px;background:var(--panel2);border:1px solid var(--line);border-radius:12px;padding:12px 15px;font-size:13.5px;color:var(--muted);line-height:1.45}
  .dw-insight .ins b{color:var(--txt);font-weight:700}
  .dw-insight .ins.up{border-left:3px solid var(--up);background:linear-gradient(90deg,rgba(34,197,138,.12),transparent)}
  .dw-insight .ins.down{border-left:3px solid var(--r4);background:linear-gradient(90deg,rgba(251,146,60,.10),transparent)}
  .dw-insight .ins-ic{font-size:17px;flex:none;line-height:1}
  .dw-insight .ins.up .ins-ic{color:var(--up)}
  .dw-insight .ins.down .ins-ic{color:var(--r4)}
  /* Faz 7 — kategori filtresi dropdown */
  .catsel{background:var(--panel2);border:1px solid var(--line2);color:var(--txt);border-radius:10px;padding:7px 13px;font-size:12.5px;font-family:inherit;cursor:pointer}
  .catsel:hover{border-color:var(--line2)}
  .catsel:focus{outline:none;border-color:var(--brand)}
  /* Faz 10 — Portföyüm iyileştirmeleri */
  .pf-msg{font-size:12.5px;margin:2px 0 6px;font-weight:600;min-height:0}
  .pf-msg.ok{color:var(--up)}.pf-msg.err{color:var(--down)}
  .muted2{color:var(--dim);font-weight:500;font-size:10.5px}
  .warnc{color:var(--star);font-weight:700}
  .daychip{margin-left:8px;font-size:10.5px;font-weight:800;background:var(--panel2);border:1px solid var(--line);padding:1.5px 7px;border-radius:999px;vertical-align:2px}
  button.del{background:none;border:0;cursor:pointer;color:var(--dim);font-size:14px;font-family:inherit;padding:4px 9px;border-radius:7px;transition:background .12s,color .12s}
  button.del:hover{color:var(--down);background:rgba(255,95,109,.08)}
  button.del.arm{color:#fff;background:var(--down);font-size:11.5px;font-weight:800}
  .proj{background:var(--panel2);border:1px solid var(--line);border-radius:12px;padding:12px 14px;margin-bottom:14px}
  .proj-t{font-size:12px;color:var(--muted);font-weight:700;margin-bottom:9px}
  .proj-row{display:flex;gap:10px;flex-wrap:wrap}
  .proj-c{flex:1;min-width:92px;background:var(--bg);border:1px solid var(--line);border-radius:9px;padding:8px 11px}
  .proj-c small{display:block;color:var(--dim);font-size:10.5px;margin-bottom:3px}
  .proj-c b{font-size:14.5px;font-variant-numeric:tabular-nums}
  .proj-chart{background:var(--panel2);border:1px solid var(--line);border-radius:12px;padding:12px 14px;margin-bottom:14px}
  .proj-cv{position:relative;height:232px}
  .fwlist{display:flex;flex-direction:column;gap:7px;margin-bottom:12px}
  .fw{display:flex;align-items:center;gap:9px;font-size:12.5px}
  .fw-k{font-weight:800;width:44px;letter-spacing:.4px}
  .fw-bar{flex:1;height:6px;background:var(--panel2);border-radius:99px;overflow:hidden}
  .fw-bar i{display:block;height:100%;background:linear-gradient(90deg,var(--brand),var(--up));border-radius:99px}
  .fw-p{width:48px;text-align:right;color:var(--muted);font-variant-numeric:tabular-nums}
  .fw-n{width:86px;text-align:right;font-variant-numeric:tabular-nums;font-size:12px}
  /* Faz 12 — "olsaydı" kıyası + aylık gerçekleşen kazanç */
  .cmp{background:linear-gradient(180deg,rgba(245,176,67,.07),rgba(34,197,138,.05));border:1px solid var(--line2);border-radius:12px;padding:13px 15px;margin-bottom:14px}
  .cmp-main{font-size:13.5px;color:var(--muted);line-height:1.7}
  .cmp-main b{font-size:14px}
  .cmp-row{display:flex;gap:9px;flex-wrap:wrap;margin-top:10px}
  .cmp-chip{display:inline-flex;align-items:center;gap:8px;background:var(--bg);border:1px solid var(--line);border-radius:999px;padding:5px 12px;font-size:12px}
  .cmp-chip i{font-style:normal;color:var(--dim);font-weight:600}
  .cmp-chip b{font-variant-numeric:tabular-nums}
  .cmp-chip em{font-style:normal;font-weight:800;font-size:11px}
  /* Faz 12b — "Böyle giderse" 1hf + 1-12 ay çip ızgarası */
  .proj-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(96px,1fr));gap:8px}
  .proj-c.sm{min-width:0;padding:7px 10px}
  .proj-c.sm small{font-size:10px;margin-bottom:2px}
  .proj-c.sm b{font-size:12.5px}
  /* Faz 13 — Blog / AI özetleri sekmesi */
  .bfilter{display:flex;gap:8px;margin-bottom:16px;flex-wrap:wrap}
  .bfilter button{background:var(--panel2);border:1px solid var(--line);color:var(--muted);border-radius:999px;padding:6px 16px;font-size:12.5px;font-weight:700;cursor:pointer;font-family:inherit}
  .bfilter button.on{background:linear-gradient(180deg,var(--brand),var(--brand2));color:#fff;border-color:transparent}
  /* Öneriler — "nasıl seçiliyor?" metodoloji kutusu */
  .oneri-method{background:linear-gradient(180deg,var(--panel2),var(--panel));border:1px solid var(--line);
    border-left:3px solid var(--brand);border-radius:14px;padding:15px 18px;margin-bottom:20px;text-align:left}
  .om-h{display:flex;align-items:center;gap:9px;font-size:14px;font-weight:800;color:var(--txt);margin-bottom:8px}
  .om-h svg{width:18px;height:18px;stroke:var(--brand);flex:none}
  .om-b{font-size:13px;color:var(--muted);line-height:1.62}.om-b b{color:var(--txt)}
  .bai.ai{background:var(--brand-soft,rgba(245,176,67,.13));color:var(--brand);border-color:rgba(245,176,67,.3)}
  .blog-list{display:flex;flex-direction:column;gap:14px;text-align:left}
  .bpost{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:0;overflow:hidden}
  .bhead{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:15px 22px;
    border-bottom:1px solid var(--line);background:linear-gradient(180deg,var(--panel2),var(--panel))}
  .bhead h3{font-size:16px;margin:0;flex:1;min-width:200px;letter-spacing:-.01em}
  .btag{font-size:10px;font-weight:800;letter-spacing:.5px;text-transform:uppercase;border-radius:999px;padding:3px 10px;flex:none}
  .btag.ozet{background:rgba(34,197,138,.12);color:var(--up);border:1px solid rgba(34,197,138,.3)}
  .btag.oneri{background:rgba(245,176,67,.12);color:var(--brand);border:1px solid rgba(245,176,67,.3)}
  .btag.blog{background:var(--bg);color:var(--muted);border:1px solid var(--line2)}
  .bmeta{font-size:11px;color:var(--dim);display:flex;align-items:center;gap:6px}
  .bai{background:var(--panel3);color:var(--brand);border:1px solid var(--line2);font-weight:800;font-size:9.5px;letter-spacing:.5px;border-radius:5px;padding:2px 7px;text-transform:uppercase;font-family:ui-monospace,Menlo,monospace}
  .bbody{font-size:13.5px;color:var(--muted);line-height:1.7;padding:20px 24px}
  .bbody>*:first-child{margin-top:0}
  .bbody h3{font-size:15.5px;color:var(--txt);font-weight:700;margin:22px 0 12px;letter-spacing:-.01em}
  .bbody h4{font-size:11.5px;color:var(--brand);font-weight:800;text-transform:uppercase;letter-spacing:.09em;
    margin:28px 0 12px;padding-bottom:7px;border-bottom:1px solid var(--line)}
  .bbody h5{font-size:13px;color:var(--txt);font-weight:700;margin:18px 0 7px}
  .bbody p{margin:10px 0;color:var(--muted)}
  .bbody b{color:var(--txt);font-weight:700}
  .bbody ul,.bbody ol{margin:10px 0 10px 2px;padding-left:20px}
  .bbody li{margin:5px 0}.bbody li::marker{color:var(--dim)}
  .bbody hr{border:0;border-top:1px solid var(--line);margin:22px 0}
  .bbody a{color:var(--brand)}
  .bbody code{background:var(--bg);border:1px solid var(--line);border-radius:5px;padding:1px 6px;font-size:12px;font-family:ui-monospace,Menlo,monospace;color:var(--brand)}
  /* rapor tablosu — enterprise data table */
  .btbl-wrap{overflow-x:auto;margin:14px 0;border:1px solid var(--line);border-radius:10px}
  .btbl{width:100%;border-collapse:collapse;font-size:12.5px}
  .btbl th{background:var(--panel2);color:var(--dim);font-weight:700;font-size:10.5px;text-transform:uppercase;
    letter-spacing:.05em;padding:9px 13px;border-bottom:1px solid var(--line2);white-space:nowrap;position:sticky;top:0}
  .btbl td{padding:9px 13px;border-bottom:1px solid var(--line);color:var(--muted);
    font-variant-numeric:tabular-nums;white-space:nowrap}
  .btbl tbody tr:last-child td{border-bottom:0}
  .btbl tbody tr:hover td{background:var(--panel2)}
  .btbl td:first-child{color:var(--txt);font-weight:700;letter-spacing:.02em}
  .btbl .a-right{text-align:right}.btbl .a-center{text-align:center}.btbl .a-left{text-align:left}
  /* callout kutuları (rapor uyarı/not) */
  .bcall{margin:16px 0;padding:13px 16px;border-radius:10px;border:1px solid var(--line);
    border-left:3px solid var(--dim);background:var(--bg)}
  .bcall-h{font-weight:700;color:var(--txt);font-size:12.5px;margin-bottom:4px}
  .bcall-b{font-size:12.5px;color:var(--muted);line-height:1.6}
  .bcall.warning{border-left-color:var(--star);background:rgba(245,196,81,.06)}
  .bcall.warning .bcall-h{color:var(--star)}
  .bcall.note,.bcall.info,.bcall.tip{border-left-color:var(--brand);background:rgba(245,176,67,.06)}
  .bcall.note .bcall-h,.bcall.info .bcall-h,.bcall.tip .bcall-h{color:var(--brand)}
  .bcall.success{border-left-color:var(--up);background:rgba(34,197,138,.06)}
  .bcall.success .bcall-h{color:var(--up)}
  .bbody blockquote{margin:12px 0;padding:4px 16px;border-left:3px solid var(--line2);color:var(--dim)}
  .bdel{background:none;border:0;cursor:pointer;color:var(--dim);font-size:12px;padding:2px 7px;border-radius:6px;font-family:inherit}
  .bdel:hover{color:var(--down)}
  .bdel.arm{color:#fff;background:var(--down);font-weight:800}
  /* taslak (oto-analiz onay bekliyor) */
  .bpost.taslak{border-color:rgba(251,146,60,.4);border-left:3px solid #fb923c;background:linear-gradient(90deg,rgba(251,146,60,.06),var(--panel2))}
  .btaslak{font-size:10px;font-weight:800;letter-spacing:.4px;text-transform:uppercase;border-radius:999px;padding:3px 10px;flex:none;background:rgba(251,146,60,.15);color:#fb923c;border:1px solid rgba(251,146,60,.4)}
  .bpub{background:var(--up);border:0;cursor:pointer;color:#04121a;font-size:11.5px;font-weight:800;padding:3px 10px;border-radius:7px;font-family:inherit}
  .bpub:hover{filter:brightness(1.1)}
  .bpub:disabled{opacity:.6;cursor:default}
  /* Faz 16 — Makro kokpit sekmesi */
  .mk{display:flex;flex-direction:column;gap:16px;text-align:left}
  .mk-hero{background:linear-gradient(180deg,var(--panel2),var(--panel));border:1px solid var(--line2);border-radius:14px;padding:16px 18px}
  .mk-hero-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;flex-wrap:wrap}
  .mk-eyebrow{font-size:10.5px;font-weight:800;letter-spacing:1px;text-transform:uppercase;color:var(--dim)}
  .mk-glob{font-size:15px;margin-top:3px}.mk-glob b{font-family:ui-monospace,Menlo,monospace}
  .mk-asof{font-size:11.5px;color:var(--dim);white-space:nowrap;padding-top:2px}
  .mk-tips{list-style:none;margin:12px 0 0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:6px 18px}
  @media(max-width:760px){.mk-tips{grid-template-columns:1fr}}
  .mk-tips li{font-size:12.5px;color:#c9cdd4;padding-left:16px;position:relative;line-height:1.5}
  .mk-tips li::before{content:"▸";position:absolute;left:0;color:var(--brand)}
  .mk-cols{display:grid;grid-template-columns:1fr 1.05fr;gap:16px;align-items:start}
  @media(max-width:900px){.mk-cols{grid-template-columns:1fr}}
  .mk-panel{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:16px 18px}
  .mk-ph{display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin-bottom:12px}
  .mk-ph h4{margin:0;font-size:13.5px;font-weight:700}
  .mk-src{font-size:10.5px;color:var(--dim);text-transform:uppercase;letter-spacing:.5px}
  .mk-note{font-size:11px;color:var(--dim);margin:12px 0 0;line-height:1.5}
  /* gauge */
  .gauge{margin-bottom:14px}
  .gauge-scale{display:flex;justify-content:space-between;font-size:10px;color:var(--dim);margin-bottom:5px;text-transform:uppercase;letter-spacing:.5px}
  .gauge-bar{position:relative;height:8px;border-radius:99px;background:linear-gradient(90deg,#3bc0e6,#2a3038 45%,#2a3038 55%,var(--brand))}
  .gauge-mark{position:absolute;top:50%;transform:translate(-50%,-50%);width:3px;height:16px;border-radius:2px;background:#fff;box-shadow:0 0 0 2px var(--bg)}
  /* cb list */
  .cb-list{display:flex;flex-direction:column;gap:2px}
  .cb-row{display:grid;grid-template-columns:48px 46px 1fr 40px auto;gap:9px;align-items:center;padding:5px 4px;font-size:12.5px;border-bottom:1px solid rgba(255,255,255,.03)}
  .cb-row:last-child{border-bottom:0}
  .cb-k{font-weight:800;letter-spacing:.3px;font-family:ui-monospace,Menlo,monospace}
  .cb-rate{color:var(--muted);font-variant-numeric:tabular-nums;text-align:right}
  .cb-bar{position:relative;height:6px;background:var(--panel2);border-radius:99px}
  .cb-zero{position:absolute;left:50%;top:-1px;bottom:-1px;width:1px;background:var(--line2)}
  .cb-bar i{position:absolute;top:0;height:100%;border-radius:99px}
  .cb-bar i.r{left:50%}.cb-bar i.l{right:50%}
  .cb-bar i.hawk{background:var(--brand)}.cb-bar i.dove{background:#3bc0e6}
  .cb-score{font-weight:800;text-align:right;font-variant-numeric:tabular-nums;font-family:ui-monospace,Menlo,monospace}
  .cb-score.hawk{color:var(--brand)}.cb-score.dove{color:#3bc0e6}.cb-score.neu{color:var(--muted)}
  .cb-lbl{font-size:11px;color:var(--dim);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:180px}
  /* tr makro kartları */
  .mgrid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
  @media(max-width:520px){.mgrid{grid-template-columns:1fr}}
  .mcard{background:var(--panel2);border:1px solid var(--line);border-radius:12px;padding:12px 14px;position:relative;overflow:hidden}
  .mcard::before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--line2)}
  .mcard.up::before{background:var(--up)}.mcard.down::before{background:var(--down)}
  .mcard.off{opacity:.5}
  .mc-top{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:6px}
  .mc-name{font-size:12px;font-weight:700;color:var(--muted)}
  .mdir{font-size:12px;font-weight:800}.mdir.up{color:var(--up)}.mdir.down{color:var(--down)}.mdir.flat{color:var(--dim)}
  .mc-val{font-size:21px;font-weight:800;font-variant-numeric:tabular-nums;font-family:ui-monospace,Menlo,monospace;letter-spacing:-.02em}
  .mc-unit{font-size:12px;color:var(--dim);font-weight:600}
  .mc-lbl{font-size:12px;color:#c9cdd4;margin-top:3px;line-height:1.4}
  .mc-alt{font-size:10.5px;color:var(--dim);margin-top:5px}
  /* Faz 16b — Makro: Dünya/TR sekmeleri + zengin dashboard */
  .mk-tabs{display:flex;align-items:center;gap:8px;margin-bottom:4px}
  .mk-tabs button{background:var(--panel2);border:1px solid var(--line);color:var(--muted);border-radius:999px;padding:7px 22px;font-size:13px;font-weight:700;cursor:pointer;font-family:inherit}
  .mk-tabs button.on{background:var(--brand);color:#0a0b0d;border-color:transparent}
  .mk-tabs .mk-asof{margin-left:auto;font-size:11px;color:var(--dim);font-variant-numeric:tabular-nums}
  /* Dünya: gauge başlık + dağılım */
  .mk-world-top{display:grid;grid-template-columns:1fr auto;gap:20px;align-items:center;
    padding:6px 4px 18px;border-bottom:1px solid var(--line);margin-bottom:16px}
  @media(max-width:640px){.mk-world-top{grid-template-columns:1fr}}
  .mk-gaugewrap{min-width:0}
  .mk-gscore{font-size:38px;font-weight:800;line-height:1;font-family:ui-monospace,Menlo,monospace}
  .mk-gscore.hawk{color:var(--brand)}.mk-gscore.dove{color:#3bc0e6}.mk-gscore.neu{color:var(--txt)}
  .mk-getk{font-size:12.5px;color:var(--muted);margin:4px 0 14px;text-transform:capitalize}
  .mk-dist{display:flex;gap:10px}
  .dist{text-align:center;background:var(--panel2);border:1px solid var(--line);border-radius:11px;padding:10px 16px;min-width:66px}
  .dist b{display:block;font-size:22px;font-weight:800;font-family:ui-monospace,Menlo,monospace}
  .dist small{font-size:10.5px;color:var(--dim);text-transform:uppercase;letter-spacing:.5px}
  .dist.hawk b{color:var(--brand)}.dist.dove b{color:#3bc0e6}.dist.neu b{color:var(--muted)}
  /* Dünya: banka kartları */
  .cbc-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:11px}
  .cbc{background:var(--panel2);border:1px solid var(--line);border-radius:12px;padding:13px 15px;position:relative;overflow:hidden}
  .cbc::before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--line2)}
  .cbc.hawk::before{background:var(--brand)}.cbc.dove::before{background:#3bc0e6}
  .cbc-h{display:flex;align-items:baseline;justify-content:space-between}
  .cbc-k{font-size:14.5px;font-weight:800;font-family:ui-monospace,Menlo,monospace;letter-spacing:.3px}
  .cbc-rate{font-size:12.5px;color:var(--muted);margin:5px 0 8px;font-variant-numeric:tabular-nums}
  .cbc-lbl{color:var(--dim);margin-left:6px}
  .cbc-bar{position:relative;height:6px;background:var(--panel3);border-radius:99px;margin-bottom:8px}
  .cbc-zero{position:absolute;left:50%;top:-1px;bottom:-1px;width:1px;background:var(--line2)}
  .cbc-bar i{position:absolute;top:0;height:100%;border-radius:99px}
  .cbc-bar i.r{left:50%}.cbc-bar i.l{right:50%}
  .cbc-bar i.hawk{background:var(--brand)}.cbc-bar i.dove{background:#3bc0e6}
  .cbc-sub{font-size:11px;color:var(--dim);display:flex;align-items:center;gap:8px;flex-wrap:wrap}
  .cbc-don{background:var(--panel3);border:1px solid var(--line2);border-radius:99px;padding:1px 8px;font-size:10px;color:var(--muted)}
  /* TR: büyük kartlar */
  .mk-tr{display:flex;flex-direction:column;gap:16px}
  .mgrid.lg{grid-template-columns:repeat(auto-fill,minmax(215px,1fr))}
  .mcard.lg{padding:15px 17px}
  .mcard.lg .mc-val{font-size:24px}
  /* Faz 16c — Dünya sekmesi bölge grupları */
  .cb-reg{margin-bottom:16px}
  .cb-reg:last-of-type{margin-bottom:6px}
  .cb-reg-h{display:flex;align-items:baseline;gap:10px;margin:0 2px 9px;padding-bottom:6px;border-bottom:1px solid var(--line)}
  .cb-reg-h h5{margin:0;font-size:12px;font-weight:800;letter-spacing:.6px;text-transform:uppercase;color:var(--muted)}
  .cb-reg-ort{font-size:12px;font-family:ui-monospace,Menlo,monospace}
  /* Faz 17 — "Ne Kazandırırdı?" hesaplayıcısı */
  .hs-form{align-items:end}
  .hs-chips{display:flex;gap:7px;flex-wrap:wrap}
  .hs-chip{background:var(--panel2);border:1px solid var(--line2);color:var(--muted);border-radius:999px;padding:8px 15px;font-size:13px;font-weight:700;cursor:pointer;font-family:inherit}
  .hs-chip.on{background:var(--brand);color:#0a0b0d;border-color:transparent}
  .hs-res{text-align:left;margin-top:4px}
  .hs-head{font-size:14px;color:var(--muted);margin-bottom:16px}.hs-head b{color:var(--txt);font-size:16px}
  .hs-row{display:grid;grid-template-columns:120px 1fr 190px;gap:14px;align-items:center;padding:9px 2px;border-bottom:1px solid rgba(255,255,255,.04)}
  @media(max-width:640px){.hs-row{grid-template-columns:96px 1fr;gap:8px}.hs-kz{grid-column:2;text-align:right}}
  .hs-row.best .hs-ad{color:var(--brand)}
  .hs-ad{font-weight:700;font-size:13.5px;display:flex;align-items:center;gap:7px;flex-wrap:wrap}
  .hs-badge{font-size:9.5px;font-weight:800;letter-spacing:.5px;text-transform:uppercase;background:var(--brand);color:#0a0b0d;border-radius:5px;padding:2px 6px;margin-left:6px}
  .hs-badge.apx{background:var(--panel3);color:var(--muted);border:1px solid var(--line2)}
  .hs-barwrap{display:flex;align-items:center;gap:10px;min-width:0}
  .hs-bar{flex:1;height:24px;background:var(--panel2);border-radius:7px;overflow:hidden;min-width:40px}
  .hs-bar i{display:block;height:100%;border-radius:7px;background:linear-gradient(90deg,var(--brand2),var(--brand));opacity:.55}
  .hs-bar i.best{opacity:1}
  .hs-val{font-weight:800;font-variant-numeric:tabular-nums;font-family:ui-monospace,Menlo,monospace;font-size:13px;white-space:nowrap}
  .hs-kz{text-align:right;font-size:12.5px;font-weight:700;font-variant-numeric:tabular-nums;white-space:nowrap}
  .hs-note{font-size:11px;color:var(--dim);margin:16px 0 0;line-height:1.5}
  /* Bildirimler */
  .nt-wrap{display:flex;flex-direction:column;gap:4px;max-width:720px}
  .nt-conn{display:flex;align-items:center;justify-content:space-between;gap:14px;background:var(--panel2);border:1px solid var(--line);border-radius:12px;padding:15px 18px}
  .nt-conn.ok{border-color:rgba(34,197,138,.35);background:linear-gradient(90deg,rgba(34,197,138,.07),var(--panel2))}
  .nt-conn b{font-size:14.5px}
  .nt-btn{background:var(--brand);color:#0a0b0d;border:0;border-radius:9px;padding:9px 16px;font-weight:800;font-size:13px;cursor:pointer;font-family:inherit;white-space:nowrap;text-decoration:none;display:inline-block}
  .nt-btn.ghost{background:var(--panel3);color:var(--muted);border:1px solid var(--line2)}
  .nt-btn:hover{filter:brightness(1.08)}
  .nt-code{margin-top:10px;background:var(--bg);border:1px solid var(--line);border-radius:10px;padding:12px 15px;font-size:13px;color:var(--muted);line-height:1.7}
  .nt-code code{background:var(--panel3);border:1px solid var(--line2);color:var(--brand);border-radius:5px;padding:2px 8px;font-family:ui-monospace,Menlo,monospace}
  .nt-sec{color:var(--dim);font-size:11px;font-weight:800;letter-spacing:.09em;text-transform:uppercase;margin:22px 0 4px;padding-bottom:6px;border-bottom:1px solid var(--line)}
  .nt-row{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px 4px;border-bottom:1px solid rgba(255,255,255,.04)}
  .nt-row.sub{padding:8px 4px 8px 20px}
  .nt-l{font-size:14px;color:var(--txt);font-weight:600}
  .nt-d{font-size:12px;color:var(--dim);margin-top:2px}
  .nt-esik{color:var(--muted);font-size:13px}
  .nt-esik input{width:70px;background:var(--panel);border:1px solid var(--line2);color:var(--txt);border-radius:8px;padding:6px 8px;font-family:inherit;font-variant-numeric:tabular-nums}
  .sw{position:relative;display:inline-block;width:42px;height:24px;flex:none}
  .sw input{opacity:0;width:0;height:0}
  .sw span{position:absolute;inset:0;background:var(--panel3);border:1px solid var(--line2);border-radius:999px;cursor:pointer;transition:.16s}
  .sw span::before{content:"";position:absolute;width:16px;height:16px;left:4px;top:3px;background:var(--muted);border-radius:50%;transition:.16s}
  .sw input:checked+span{background:var(--brand);border-color:transparent}
  .sw input:checked+span::before{transform:translateX(18px);background:#0a0b0d}
  .nt-feed{display:flex;flex-direction:column;gap:8px;margin-top:4px}
  .nt-fitem{background:var(--panel2);border:1px solid var(--line);border-radius:11px;padding:12px 15px}
  .nt-fitem.yeni{border-left:3px solid var(--brand)}
  .nt-fh{display:flex;align-items:center;gap:9px;margin-bottom:5px}
  .nt-tag{font-size:9.5px;font-weight:800;letter-spacing:.4px;text-transform:uppercase;border-radius:5px;padding:2px 7px;background:var(--panel3);color:var(--muted);border:1px solid var(--line2)}
  .nt-tag.gunluk{color:var(--brand);border-color:rgba(245,176,67,.4)}
  .nt-tag.esik{color:var(--star);border-color:rgba(245,196,81,.4)}
  .nt-tag.favori{color:var(--up);border-color:rgba(34,197,138,.4)}
  .nt-ft{font-size:11px;color:var(--dim)}
  .nt-fb{font-size:13px;color:var(--muted);line-height:1.55}.nt-fb b{color:var(--txt)}
  /* Ayarlar sekmesi + API hint */
  .set-tabs{margin-bottom:18px}
  .ak-hint{font-size:12.5px;color:var(--muted);background:var(--panel2);border:1px solid var(--line);border-radius:10px;padding:11px 14px;margin-bottom:14px;line-height:1.55}
  .ak-hint code{color:var(--brand);background:var(--bg);border:1px solid var(--line);border-radius:5px;padding:1px 6px;font-family:ui-monospace,Menlo,monospace;font-size:11.5px}
  /* Yönetim ekranı — kullanıcı kartları */
  .adm-head{font-size:12px;color:var(--muted);margin-bottom:14px}
  .adm-list{display:flex;flex-direction:column;gap:12px}
  .adm-u{background:var(--panel2);border:1px solid var(--line);border-radius:12px;padding:14px 16px;transition:.16s}
  .adm-u.off{opacity:.62;border-style:dashed}
  .adm-u-top{display:flex;align-items:center;justify-content:space-between;gap:14px}
  .adm-em{font-size:14px;font-weight:700;color:var(--txt);display:flex;align-items:center;gap:7px;flex-wrap:wrap}
  .adm-sa{font-size:9.5px;font-weight:800;letter-spacing:.4px;text-transform:uppercase;color:#0a0b0d;background:var(--brand);border-radius:5px;padding:2px 6px}
  .adm-you{font-size:9.5px;font-weight:700;letter-spacing:.4px;text-transform:uppercase;color:var(--muted);border:1px solid var(--line2);border-radius:5px;padding:1px 6px}
  .adm-sub{font-size:11.5px;color:var(--muted);margin-top:5px;display:flex;align-items:center;gap:8px}
  .adm-feats{display:flex;flex-wrap:wrap;gap:7px;margin-top:13px;padding-top:12px;border-top:1px solid var(--line)}
  .adm-chk{display:inline-flex;align-items:center;gap:6px;font-size:11.5px;color:var(--muted);background:var(--bg);border:1px solid var(--line);border-radius:8px;padding:5px 10px;cursor:pointer;user-select:none;transition:.14s}
  .adm-chk:hover{border-color:var(--line2)}
  .adm-chk input{accent-color:var(--brand);width:14px;height:14px;cursor:pointer;margin:0}
  .adm-chk:has(input:checked){color:var(--txt);border-color:var(--brand);background:rgba(245,176,67,.08)}
  .adm-note{font-size:11.5px;color:var(--muted);font-style:italic}
  /* Yönetim → bot metrikleri */
  .adm-stats{margin-bottom:20px}
  .ast-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(128px,1fr));gap:10px;margin-bottom:14px}
  .ast-kpi{background:var(--panel2);border:1px solid var(--line);border-radius:12px;padding:12px 14px}
  .ast-kpi small{display:block;color:var(--muted);font-size:11.5px;margin-bottom:5px}
  .ast-kpi b{font-size:20px;font-variant-numeric:tabular-nums}
  .ast-sec{background:var(--panel2);border:1px solid var(--line);border-radius:12px;padding:13px 15px;margin-bottom:12px}
  .ast-h{font-size:12px;font-weight:800;letter-spacing:.4px;text-transform:uppercase;color:var(--muted);margin-bottom:10px}
  .ast-row{display:flex;align-items:center;gap:10px;margin:6px 0}
  .ast-cmd{font-family:ui-monospace,Menlo,monospace;font-size:12.5px;color:var(--brand);min-width:80px}
  .ast-bar{flex:1;height:8px;background:var(--bg);border-radius:6px;overflow:hidden}
  .ast-bar i{display:block;height:100%;background:linear-gradient(90deg,var(--brand),var(--brand2));border-radius:6px}
  .ast-n{font-size:12.5px;color:var(--txt);font-variant-numeric:tabular-nums;min-width:28px;text-align:right}
  .ast-fb{padding:9px 0;border-top:1px solid var(--line)}
  .ast-fb:first-of-type{border-top:0}
  .ast-fbm{font-size:13px;color:var(--txt);line-height:1.5}
  .ast-fbt{font-size:11px;color:var(--dim);margin-top:3px}
  /* Ayarlar — profil/güvenlik/görünüm/veri sekmeleri */
  .set-sec{padding:16px 0;border-top:1px solid var(--line)}
  .set-sec:first-child{border-top:none;padding-top:2px}
  .set-h{font-size:12px;font-weight:800;letter-spacing:.4px;text-transform:uppercase;color:var(--muted);margin-bottom:12px}
  .fld2{display:flex;flex-direction:column;gap:5px;margin-bottom:12px;max-width:440px}
  .fld2 label{font-size:12px;color:var(--muted);font-weight:600}
  .fld2 input,.fld2 select{background:var(--bg);border:1px solid var(--line);border-radius:9px;padding:9px 11px;color:var(--txt);font-size:13.5px;font-family:inherit}
  .fld2 input:focus,.fld2 select:focus{border-color:var(--brand);outline:none}
  .fld2 input:disabled{color:var(--muted);opacity:.65}
  .set-row{display:flex;align-items:center;gap:12px;margin-top:6px}
  .set-row.wrap{flex-wrap:wrap}
  .lg-list{display:flex;flex-direction:column;gap:3px}
  .lg-row{display:flex;justify-content:space-between;gap:12px;padding:8px 11px;background:var(--panel2);border:1px solid var(--line);border-radius:8px;font-size:12.5px}
  .lg-t{color:var(--txt);font-variant-numeric:tabular-nums;white-space:nowrap}
  .lg-ua{color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .mfa-enroll{margin-top:14px;padding:14px;background:var(--panel2);border:1px solid var(--line);border-radius:12px;display:flex;flex-direction:column;gap:13px;align-items:flex-start}
  .mfa-steps{font-size:13px;color:var(--muted);line-height:1.6}
  .mfa-secret{display:inline-block;margin-top:6px;background:var(--bg);border:1px solid var(--line);border-radius:6px;padding:4px 9px;color:var(--brand);font-family:ui-monospace,Menlo,monospace;font-size:13px;letter-spacing:1px}
  .mfa-qr{width:172px;height:172px;background:#fff;border-radius:10px;padding:8px;box-sizing:border-box}
  .mfa-qr svg,.mfa-qr img{width:100%;height:100%;display:block}
  .mfa-verify{display:flex;align-items:center;gap:10px;flex-wrap:wrap;font-size:13px;color:var(--muted)}
  .mfa-verify input{width:130px;background:var(--bg);border:1px solid var(--line);border-radius:8px;padding:8px 10px;color:var(--txt);font-size:16px;letter-spacing:3px;text-align:center;font-family:ui-monospace,Menlo,monospace}
  .set-sec.danger{border-top-color:rgba(255,95,109,.3)}
  .set-sec.danger .set-h{color:var(--down)}
  .nt-btn.danger{background:transparent;border:1px solid var(--down);color:var(--down)}
  .nt-btn.danger:hover{background:var(--down);color:#0a0b0d;filter:none}
  /* gizlilik (değerleri gizle) — money blur, hover'da açılır */
  body.priv .money{filter:blur(7px);transition:filter .12s}
  body.priv .money:hover{filter:none}
  body.priv.inpf canvas{filter:blur(9px)}
  /* topbar sağ + bildirim zili */
  .tb-right{display:flex;align-items:center;gap:12px}
  .bellwrap{position:relative}
  .bell{position:relative;background:var(--panel);border:1px solid var(--line);border-radius:11px;width:40px;height:40px;display:flex;align-items:center;justify-content:center;color:var(--muted);cursor:pointer;transition:.14s;flex:none}
  .bell:hover{color:var(--txt);border-color:var(--line2)}
  .bell svg{width:19px;height:19px}
  .bell-badge{position:absolute;top:-5px;right:-5px;min-width:18px;height:18px;padding:0 4px;border-radius:999px;background:var(--down);color:#fff;font-size:10px;font-weight:800;display:none;align-items:center;justify-content:center;border:2px solid var(--bg)}
  .bell-drop{position:absolute;top:48px;right:0;width:344px;max-height:72vh;overflow-y:auto;background:var(--panel);border:1px solid var(--line2);border-radius:14px;box-shadow:0 16px 44px rgba(0,0,0,.5);padding:8px;display:none;z-index:60}
  .bell-drop.open{display:block}
  .bd-head{display:flex;align-items:center;justify-content:space-between;padding:8px 10px 10px;border-bottom:1px solid var(--line);margin-bottom:4px}
  .bd-head b{font-size:14px}.bd-head a{color:var(--brand);font-size:12px;cursor:pointer;font-weight:600}
  .bd-item{padding:10px}
  .bd-item+.bd-item{border-top:1px solid rgba(255,255,255,.03)}
  .bd-item.yeni{background:linear-gradient(90deg,rgba(245,176,67,.07),transparent);border-radius:8px}
  .bd-h{display:flex;align-items:center;gap:8px;margin-bottom:3px}
  .bd-b{font-size:12.5px;color:var(--muted);line-height:1.5}.bd-b b{color:var(--txt)}
  .bd-empty{padding:26px 12px;text-align:center;color:var(--muted);font-size:13px;line-height:1.6}
  @media(max-width:640px){.search{width:150px}.bell-drop{width:min(344px,90vw)}}
  /* Faz 18b — Hesapla formu yeniden (temiz layout, ghost çipler) */
  .hscalc{text-align:left}
  .hs-row1{display:flex;gap:16px;align-items:flex-end;flex-wrap:wrap;margin-bottom:20px}
  .hs-fld{display:flex;flex-direction:column;gap:6px}
  .hs-fld label{font-size:11px;color:var(--muted);font-weight:600}
  .hs-fld input{background:var(--bg);border:1px solid var(--line2);color:var(--txt);border-radius:10px;
    padding:10px 13px;font-size:14.5px;font-family:inherit;width:170px}
  .hs-fld input:focus{outline:none;border-color:var(--brand)}
  .hs-go{margin-left:auto;background:linear-gradient(180deg,var(--brand),var(--brand2));color:#0a0b0d;
    border:0;border-radius:10px;padding:11px 34px;font-weight:800;font-size:14.5px;cursor:pointer;
    font-family:inherit;transition:filter .12s;height:42px}
  .hs-go:hover{filter:brightness(1.08)}
  .hs-go:disabled{opacity:.6;cursor:default}
  .hs-cmp{margin-bottom:16px}
  .hs-cmp-lbl{font-size:11px;color:var(--muted);font-weight:600;margin-bottom:10px}
  .hs-groups{display:flex;flex-wrap:wrap;gap:14px 22px}
  .hs-g{display:flex;flex-direction:column;gap:7px}
  .hs-g-l{font-size:9.5px;font-weight:800;letter-spacing:.7px;text-transform:uppercase;color:var(--dim)}
  .hs-g-chips{display:flex;gap:6px;flex-wrap:wrap}
  /* ghost çip — sadece seçili olan amber (base'i .pf button etkilemesin diye .hscalc kapsamı) */
  .hscalc .hs-chip{background:transparent;border:1px solid var(--line2);color:var(--muted);
    border-radius:8px;padding:6px 13px;font-size:12.5px;font-weight:600;cursor:pointer;
    font-family:inherit;transition:border-color .12s,color .12s,background .12s}
  .hscalc .hs-chip:hover{border-color:var(--brand);color:var(--txt)}
  .hscalc .hs-chip.on{background:var(--brand);color:#0a0b0d;border-color:transparent;font-weight:700}
  .hs-adv{display:flex;gap:14px 20px;flex-wrap:wrap;align-items:center;font-size:12px;color:var(--muted);
    padding-top:14px;border-top:1px solid var(--line)}
  .hs-adv label{display:flex;align-items:center;gap:7px}
  .hs-adv input,.hs-adv select{background:var(--bg);border:1px solid var(--line2);color:var(--txt);
    border-radius:8px;padding:7px 11px;font-size:12.5px;font-family:inherit}
  .hs-adv input:focus,.hs-adv select:focus{outline:none;border-color:var(--brand)}
  /* Faz 19 — API Anahtarları sekmesi */
  .ak-new{display:flex;gap:10px;align-items:center;margin-bottom:4px}
  .ak-new input{flex:1;max-width:340px;background:var(--bg);border:1px solid var(--line2);color:var(--txt);border-radius:10px;padding:10px 13px;font-size:14px;font-family:inherit}
  .ak-new input:focus{outline:none;border-color:var(--brand)}
  .ak-reveal{background:var(--green-soft,rgba(34,197,138,.1));border:1px solid rgba(34,197,138,.35);border-radius:12px;padding:14px 16px;margin-bottom:16px}
  .ak-reveal-h{font-size:13px;color:var(--up);font-weight:600;margin-bottom:9px}
  .ak-key{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
  .ak-key code{background:var(--bg);border:1px solid var(--line2);border-radius:8px;padding:9px 13px;font-size:13px;font-family:ui-monospace,Menlo,monospace;color:var(--txt);word-break:break-all;flex:1;min-width:220px}
  .ak-copy,.ak-del{background:var(--panel2);border:1px solid var(--line2);color:var(--txt);border-radius:8px;padding:8px 14px;font-size:12.5px;font-weight:700;cursor:pointer;font-family:inherit;white-space:nowrap}
  .ak-copy:hover,.ak-del:hover{border-color:var(--brand)}
  .ak-list{display:flex;flex-direction:column;gap:8px;text-align:left;margin-bottom:16px}
  .ak-row{display:grid;grid-template-columns:1fr auto;gap:4px 12px;align-items:center;background:var(--panel2);border:1px solid var(--line);border-radius:11px;padding:12px 15px}
  .ak-row.rev{opacity:.5}
  .ak-info{display:flex;align-items:center;gap:9px;flex-wrap:wrap}
  .ak-prefix{font-family:ui-monospace,Menlo,monospace;font-weight:800;font-size:13.5px;color:var(--brand)}
  .ak-lbl{font-size:12.5px;color:var(--txt)}
  .ak-badge{font-size:9.5px;font-weight:800;text-transform:uppercase;letter-spacing:.5px;background:rgba(255,95,109,.15);color:var(--down);border-radius:5px;padding:2px 7px}
  .ak-meta{grid-column:1;font-size:11px;color:var(--dim)}
  .ak-del{grid-row:1 / span 2;grid-column:2;align-self:center}
  .ak-del:hover{color:var(--down);border-color:var(--down)}
  .ak-usage{font-size:12px;color:var(--muted);background:var(--panel2);border:1px solid var(--line);border-radius:10px;padding:11px 14px;text-align:left}
  .ak-usage code{background:var(--bg);border:1px solid var(--line);border-radius:6px;padding:2px 8px;font-size:11.5px;color:#9fb4e8;word-break:break-all}
  /* Faz 21 — Blog gün gruplaması */
  .blog-days{display:flex;flex-direction:column;gap:24px;text-align:left}
  .blog-day-h{display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin-bottom:11px;padding-bottom:8px;border-bottom:1px solid var(--line2)}
  .blog-day-t{font-size:13px;font-weight:800;color:var(--txt);letter-spacing:.2px}
  .blog-day-n{font-size:11px;color:var(--dim);white-space:nowrap}
  /* Portföy — bildirim tercihleri kutusu ("güncellenince bildir" aboneliği) */
  .pfn-box{background:var(--panel2);border:1px solid var(--line);border-radius:13px;padding:6px 16px 12px;margin:2px 0 16px}
  .pfn-h{font-size:12px;font-weight:800;letter-spacing:.4px;text-transform:uppercase;color:var(--dim);padding:11px 0 3px}
  .pfn-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:11px 0;
    border-top:1px solid rgba(255,255,255,.045);cursor:pointer}
  .pfn-tx{display:flex;flex-direction:column;gap:2px;line-height:1.35}
  .pfn-tx b{font-size:13.5px;color:var(--txt);font-weight:700}
  .pfn-tx small{font-size:11.5px;color:var(--dim)}
  .pfn-foot,.pfn-cta{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding-top:12px;
    border-top:1px solid rgba(255,255,255,.045);margin-top:2px}
  .pfn-cta{border-top:0}
  .pfn-test{background:transparent;color:var(--brand);border:1px solid var(--line2);border-radius:9px;
    padding:8px 14px;font-weight:700;font-size:12.5px;cursor:pointer;font-family:inherit;transition:.12s}
  .pfn-test:hover{border-color:var(--brand);background:rgba(245,176,67,.08)}
  .pfn-test:disabled{opacity:.6;cursor:default}
  .pfn-msg{font-size:12px;font-weight:600}
  .pfn-msg.ok{color:var(--up)}.pfn-msg.err{color:var(--down)}
  .pf-notify{background:linear-gradient(180deg,var(--brand),var(--brand2));color:#0a0b0d;border:0;
    border-radius:10px;padding:9px 16px;font-weight:800;font-size:13px;cursor:pointer;font-family:inherit;
    letter-spacing:.2px;transition:filter .12s;white-space:nowrap}
  .pf-notify:hover{filter:brightness(1.07)}
  /* --- Sepet (basket) barı — adlandırılmış alt-portföyler --- */
  .basket-bar{margin:0 0 14px}
  .bk-tabs{display:flex;align-items:center;gap:7px;overflow-x:auto;padding-bottom:3px;
    scrollbar-width:none;-webkit-overflow-scrolling:touch}
  .bk-tabs::-webkit-scrollbar{display:none}
  .bk-tab{display:inline-flex;align-items:center;gap:7px;white-space:nowrap;flex:0 0 auto;
    background:var(--panel2);border:1px solid var(--line);color:var(--muted);
    border-radius:10px;padding:8px 13px;font-size:13px;font-weight:700;cursor:pointer;
    font-family:inherit;transition:.12s}
  .bk-tab:hover{border-color:var(--line2);color:var(--txt)}
  .bk-tab.on{background:linear-gradient(180deg,var(--brand),var(--brand2));color:#0a0b0d;border-color:var(--brand)}
  .bk-c{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 5px;
    border-radius:9px;font-size:11px;font-weight:800;background:rgba(255,255,255,.09);color:inherit}
  .bk-tab.on .bk-c{background:rgba(10,11,13,.22)}
  .bk-new{flex:0 0 auto;white-space:nowrap;background:transparent;border:1px dashed var(--line2);
    color:var(--brand);border-radius:10px;padding:8px 13px;font-size:12.5px;font-weight:700;
    cursor:pointer;font-family:inherit;transition:.12s}
  .bk-new:hover{border-color:var(--brand);background:rgba(245,176,67,.07)}
  .bk-act{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:9px}
  .bk-cur{font-size:12px;font-weight:700;color:var(--dim)}
  .bk-rn,.bk-dl{background:transparent;border:1px solid var(--line2);color:var(--muted);
    border-radius:8px;padding:6px 11px;font-size:12px;font-weight:600;cursor:pointer;font-family:inherit;transition:.12s}
  .bk-rn:hover{border-color:var(--brand);color:var(--brand)}
  .bk-dl:hover{border-color:var(--down);color:var(--down)}
  /* satır içi "sepete taşı" seçicisi */
  .pf-actions{display:flex;align-items:center;gap:7px;justify-content:flex-end}
  select.mvbasket{background:var(--bg);border:1px solid var(--line2);color:var(--muted);
    border-radius:7px;padding:4px 6px;font-size:11.5px;font-family:inherit;max-width:120px;cursor:pointer}
  select.mvbasket:hover{border-color:var(--brand);color:var(--txt)}
  /* aynı fon tek satır — "Alım ekle" butonu + açılır lot (alım) satırları */
  button.pf-add{background:none;border:1px solid var(--line2);color:var(--muted);border-radius:7px;
    padding:4px 9px;font-size:11.5px;font-weight:600;font-family:inherit;cursor:pointer;white-space:nowrap;transition:.12s}
  button.pf-add:hover{border-color:var(--brand);color:var(--brand);background:rgba(245,176,67,.09)}
  button.pf-exp{background:none;border:0;color:var(--dim);font-size:11px;cursor:pointer;padding:0 6px 0 0;font-family:inherit;vertical-align:1px}
  button.pf-exp:hover{color:var(--brand)}
  tr.pf-lot td{background:rgba(255,255,255,.018);padding-top:7px;padding-bottom:7px}
  tr.pf-lot td:first-child{padding-left:24px;border-left:2px solid var(--line2)}
  tr.pf-lot .lot-i{font-size:11px}
  /* geniş ekran dengesi: fon-adı sütunu boşluğu yutsun → sayılar + aksiyonlar derli toplu,
     "＋ Alım ekle"/sepet dropdown veriye bitişik kalsın (sağa kopuk fırlamasın) */
  tr.pf-frow>td:first-child,tr.pf-lot>td:first-child{width:100%}
  #tbody td.pf-actions{white-space:nowrap}
  /* işlem geçmişi (activity log) */
  .actbox .pfn-h{display:flex;align-items:center;justify-content:space-between}
  .act-clear{background:none;border:1px solid var(--line2);color:var(--dim);border-radius:6px;
    padding:2px 9px;font-size:11px;font-family:inherit;cursor:pointer;transition:.12s}
  .act-clear:hover{color:var(--down);border-color:var(--down)}
  .actlist{display:flex;flex-direction:column;max-height:360px;overflow-y:auto}
  .actrow{display:flex;align-items:center;gap:10px;padding:8px 2px;border-bottom:1px solid var(--line);font-size:13px}
  .actrow:last-child{border-bottom:0}
  .actic{flex:none;width:22px;height:22px;border-radius:6px;display:grid;place-items:center;font-weight:800;font-size:12px}
  .actic.act-ekle{background:rgba(34,197,138,.14);color:var(--up)}
  .actic.act-sil{background:rgba(255,95,109,.14);color:var(--down)}
  .actic.act-tasi{background:rgba(59,192,230,.14);color:#3bc0e6}
  .acttx{flex:1;color:var(--muted);min-width:0;line-height:1.4}
  .acttx b{color:var(--txt);font-weight:700}
  .actts{flex:none;font-size:11px;color:var(--dim);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;white-space:nowrap}
  .actrow.act-empty{color:var(--dim);border-bottom:0;padding:12px 2px;font-size:12.5px}
  .actic.act-cikis{background:rgba(245,176,67,.16);color:var(--brand)}
  /* − Çıkış butonu + satır-altı inline çıkış formu */
  button.pf-exit{background:none;border:1px solid var(--line2);color:var(--muted);border-radius:7px;
    padding:4px 9px;font-size:11.5px;font-weight:600;font-family:inherit;cursor:pointer;white-space:nowrap;transition:.12s}
  button.pf-exit:hover{border-color:var(--down);color:var(--down);background:rgba(255,95,109,.08)}
  tr.pf-exitrow td{background:var(--panel2);padding:12px 14px}
  .exitform{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
  .exlbl{font-size:13px;color:var(--muted)}.exlbl b{color:var(--txt)}
  .exinp{background:var(--bg);border:1px solid var(--line2);color:var(--txt);border-radius:8px;
    padding:7px 11px;font-size:13.5px;font-family:inherit;width:190px}
  .exinp:focus{outline:none;border-color:var(--brand)}
  .exgo{background:linear-gradient(180deg,var(--brand),var(--brand2));color:#0a0b0d;border:0;border-radius:8px;
    padding:7px 15px;font-weight:800;font-size:13px;font-family:inherit;cursor:pointer}
  .excancel{background:none;border:1px solid var(--line2);color:var(--dim);border-radius:8px;
    padding:7px 12px;font-size:13px;font-family:inherit;cursor:pointer}.excancel:hover{color:var(--txt)}
  .exmsg{font-size:12px;color:var(--muted)}.exmsg.err{color:var(--down)}
  /* sepet-kâr genel bakış (Tümü görünümü) */
  .bo-box{margin:0 0 15px}
  .bo-h{font-size:12px;font-weight:800;letter-spacing:.4px;text-transform:uppercase;color:var(--dim);padding:2px 0 9px}
  .bo-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:9px}
  .bo-card{display:flex;flex-direction:column;gap:3px;text-align:left;background:var(--panel2);
    border:1px solid var(--line);border-radius:11px;padding:11px 13px;cursor:pointer;font-family:inherit;transition:.12s}
  .bo-card:hover{border-color:var(--line2);transform:translateY(-1px)}
  .bo-card.on{border-color:var(--brand)}
  .bo-ad{font-size:12.5px;font-weight:700;color:var(--txt)}
  .bo-net{font-size:15px;font-weight:800}
  .bo-net.pos{color:var(--up)}.bo-net.neg{color:var(--down)}.bo-net.muted{color:var(--dim)}
  .bo-sub{font-size:11px}
  .bk-tpl{flex:0 0 auto;white-space:nowrap;background:transparent;border:1px dashed var(--brand);
    color:var(--brand);border-radius:10px;padding:8px 13px;font-size:12.5px;font-weight:700;
    cursor:pointer;font-family:inherit;transition:.12s}
  .bk-tpl:hover{background:rgba(245,176,67,.1)}
  /* --- Hazır Sepetler — tam sayfa --- */
  .hazir-back{background:transparent;border:1px solid var(--line2);color:var(--muted);border-radius:9px;
    padding:7px 13px;font-size:12.5px;font-weight:600;cursor:pointer;font-family:inherit;transition:.12s;margin-bottom:14px}
  .hazir-back:hover{border-color:var(--brand);color:var(--brand)}
  .hazir-sub{font-size:13.5px;color:var(--muted);line-height:1.55;max-width:760px;margin:0 0 20px}
  /* 📢 Değişiklikler (changelog) */
  .dg-box{background:var(--panel2);border:1px solid var(--line);border-radius:12px;padding:13px 16px;margin:0 0 22px;max-width:900px}
  .dg-h{font-size:12px;font-weight:800;letter-spacing:.3px;color:var(--txt);margin-bottom:9px}
  .dg-note{font-weight:600;color:var(--dim);letter-spacing:0}
  .dg-empty{font-size:12.5px;color:var(--muted);line-height:1.5}
  .dg-row{display:flex;align-items:center;gap:12px;padding:7px 0;border-top:1px solid rgba(255,255,255,.045);flex-wrap:wrap}
  .dg-ad{font-size:13px;font-weight:700;color:var(--txt);min-width:120px}
  .dg-ch{display:flex;gap:12px;flex-wrap:wrap;flex:1;font-size:12px;font-weight:700;font-variant-numeric:tabular-nums}
  .dg-out{color:var(--down)} .dg-in{color:var(--up)}
  .dg-t{font-size:11px;color:var(--dim);white-space:nowrap}
  .tpl-body{padding:0}
  .tpl-tabs{display:inline-flex;gap:4px;padding:4px;background:var(--panel);border:1px solid var(--line);
    border-radius:12px;margin-bottom:22px;flex-wrap:wrap}
  .tpl-tab{background:transparent;border:0;color:var(--muted);border-radius:9px;
    padding:9px 17px;font-size:13.5px;font-weight:600;cursor:pointer;font-family:inherit;transition:.14s}
  .tpl-tab:hover{color:var(--txt);background:var(--panel3)}
  .tpl-tab.on{background:linear-gradient(180deg,var(--brand),var(--brand2));color:#0a0b0d;font-weight:700}
  .tpl-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:15px;align-items:start}
  .tpl-load{text-align:center;color:var(--muted);padding:40px;font-size:13px}
  .qz,.hz{max-width:720px}                     /* form/oran: okunur genişlik */
  #qzRes{max-width:760px}
  /* kısa sorular (quiz) */
  .qz-intro{font-size:13px;color:var(--muted);margin:0 0 15px}
  .qz-q{margin-bottom:15px}
  .qz-s{font-size:13.5px;font-weight:700;color:var(--txt);margin-bottom:8px}
  .qz-opts{display:flex;flex-wrap:wrap;gap:7px}
  .qz-o{background:var(--panel2);border:1px solid var(--line2);color:var(--txt);border-radius:9px;
    padding:9px 14px;font-size:13px;font-weight:600;cursor:pointer;font-family:inherit;transition:.12s}
  .qz-o:hover{border-color:var(--brand)}
  .qz-o.on{background:rgba(245,176,67,.14);border-color:var(--brand);color:var(--brand)}
  .qz-go{margin-top:6px;background:linear-gradient(180deg,var(--brand),var(--brand2));color:#0a0b0d;
    border:0;border-radius:10px;padding:11px 20px;font-weight:800;font-size:14px;cursor:pointer;font-family:inherit}
  .qz-go:hover{filter:brightness(1.07)}
  .qz-rh{font-size:13px;color:var(--txt);font-weight:700;margin:20px 0 12px;padding-top:16px;border-top:1px solid var(--line)}
  #qzRes .tpl-card{margin-bottom:12px}
  .tc-best{align-self:flex-start;font-size:11px;font-weight:800;color:#0a0b0d;background:var(--brand);
    border-radius:6px;padding:2px 9px;margin-bottom:2px}
  .tpl-card.hi{border-color:var(--brand);box-shadow:0 0 0 1px var(--brand) inset}
  .tc-match{font-size:12px;line-height:1.5;color:var(--muted);background:var(--panel3);
    border-radius:9px;padding:9px 11px}
  .tc-match b{color:var(--txt)}
  .tc-neden,.tc-gerekce{font-size:11.5px;line-height:1.5;color:var(--dim)}
  .tc-neden b,.tc-gerekce b{color:var(--muted)}
  .tc-gerekce{border-left:2px solid var(--brand);padding-left:9px}
  /* Sepet Hazırla — oran sepetleri */
  .hz-orans{display:flex;flex-wrap:wrap;gap:7px;margin:2px 0 16px}
  .hz-oran{background:var(--panel2);border:1px solid var(--line2);color:var(--txt);border-radius:9px;
    padding:9px 14px;font-size:13px;font-weight:800;cursor:pointer;font-family:inherit;transition:.12s;
    font-variant-numeric:tabular-nums}
  .hz-oran:hover{border-color:var(--brand)}
  .hz-oran.on{background:rgba(245,176,67,.14);border-color:var(--brand);color:var(--brand)}
  .hz-card{background:var(--panel2);border:1px solid var(--line);border-radius:13px;padding:15px 16px;
    display:flex;flex-direction:column;gap:11px}
  .hz-head{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}
  .hz-title{font-size:15px} .hz-title b:first-child{color:var(--up)} .hz-title b:last-child{color:var(--down)}
  .hz-meta{font-size:11px;color:var(--brand);font-weight:800;display:flex;align-items:center;gap:8px}
  .hz-src{font-size:10px;font-weight:700;color:#0a0b0d;background:var(--brand);border-radius:6px;padding:2px 7px}
  .hz-src.det{background:var(--panel3);color:var(--dim)}
  .hz-split{display:flex;height:8px;border-radius:5px;overflow:hidden;background:var(--panel3)}
  .hz-guv{background:var(--up)} .hz-rsk{background:var(--down)}
  .hz-list{display:flex;flex-direction:column;gap:8px;margin-top:2px}
  .hz-row{display:flex;align-items:center;gap:10px;font-size:12px;flex-wrap:wrap}
  .hz-row .tf-p{width:46px;text-align:right;font-weight:800;color:var(--txt);flex:0 0 auto}
  .hz-row .tf-k{font-weight:800;min-width:40px;flex:0 0 auto}
  .hz-risk{font-size:10.5px;color:var(--dim);font-weight:700;flex:0 0 auto}
  .hz-rol{font-size:11.5px;color:var(--muted);flex:1;min-width:120px}
  /* backtest getiri kutusu — "100k ₺ yatırsaydın" */
  .sg-box{background:var(--panel3);border:1px solid var(--line);border-radius:10px;padding:9px 12px;
    display:flex;flex-direction:column;gap:5px}
  .sg-h{font-size:10px;font-weight:700;letter-spacing:.3px;text-transform:uppercase;color:var(--dim)}
  .sg-note{text-transform:none;letter-spacing:0;font-weight:600;color:var(--dim)}
  .sg-main{display:flex;align-items:baseline;gap:6px;flex-wrap:wrap}
  .sg-lbl{font-size:11px;color:var(--muted);font-weight:600}
  .sg-main b{font-size:15.5px;font-weight:800}
  .sg-main b.pos{color:var(--up)} .sg-main b.neg{color:var(--down)}
  .sg-arrow{color:var(--dim)}
  .sg-son{color:var(--txt)}
  .sg-win{display:flex;flex-wrap:wrap;gap:11px;font-size:11px;color:var(--muted)}
  .sg-win b{font-weight:700} .sg-win b.pos{color:var(--up)} .sg-win b.neg{color:var(--down)}
  .tpl-card{background:var(--panel2);border:1px solid var(--line);border-radius:13px;padding:14px 15px;
    display:flex;flex-direction:column;gap:9px}
  .tc-h{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}
  .tc-ad{font-size:15px;font-weight:800}
  .tc-badge{display:inline-block;margin-left:7px;font-size:10.5px;font-weight:700;color:var(--dim);
    background:var(--panel3);border-radius:6px;padding:2px 7px;vertical-align:middle}
  .tc-badge.alt{color:var(--muted)}
  .tc-guv{font-size:11px;font-weight:800;color:var(--brand);white-space:nowrap;flex:0 0 auto}
  .tc-desc{font-size:12px;color:var(--muted);line-height:1.42;margin:0}
  .tf-list{display:flex;flex-direction:column;gap:5px;margin:2px 0}
  .tf-row{display:flex;align-items:center;gap:8px;font-size:11.5px}
  .tf-p{width:46px;text-align:right;font-weight:700;color:var(--txt);font-variant-numeric:tabular-nums}
  .tf-bar{flex:0 0 54px;height:6px;background:#1b1f27;border-radius:3px;overflow:hidden}
  .tf-bar i{display:block;height:100%;background:var(--brand);border-radius:3px}
  .tf-k{font-weight:800;color:var(--txt);min-width:38px}
  .tf-g{font-size:10px;color:var(--dim);font-weight:700}
  .tf-u{color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1;min-width:0}
  .tc-kur{margin-top:4px;background:linear-gradient(180deg,var(--brand),var(--brand2));color:#0a0b0d;
    border:0;border-radius:9px;padding:9px 14px;font-weight:800;font-size:13px;cursor:pointer;
    font-family:inherit;transition:filter .12s}
  .tc-kur:hover{filter:brightness(1.07)}
  /* Öneri sonucu — risk grubuna göre BÜYÜK günlük fon önerisi kartı */
  .oneri-card{margin-top:12px;display:flex;flex-direction:column;gap:9px}
  .oc-win{font-size:11px;font-weight:700;letter-spacing:.4px;text-transform:uppercase;color:var(--dim)}
  .oc-row{display:flex;align-items:center;gap:14px;flex-wrap:wrap;padding:12px 15px;border-radius:11px;
    background:var(--panel2);border:1px solid var(--line);border-left:4px solid var(--line2)}
  .oc-risk{display:flex;flex-direction:column;min-width:118px;line-height:1.15}
  .oc-ad{font-size:14.5px;font-weight:800;letter-spacing:.2px}
  .oc-alt{font-size:10.5px;color:var(--dim);font-weight:600;margin-top:2px}
  .oc-fonlar{display:flex;align-items:baseline;gap:11px;flex-wrap:wrap}
  .oc-fon{display:inline-flex;align-items:baseline;gap:7px}
  .oc-fon[data-fon]{cursor:pointer;border-radius:7px;padding:1px 5px;margin:-1px -2px;transition:background .12s}
  .oc-fon[data-fon]:hover{background:var(--bg)}
  .oc-fon[data-fon]:hover b{color:var(--brand);text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1.5px}
  .oc-fon b{font-family:ui-monospace,Menlo,monospace;font-size:22px;font-weight:800;letter-spacing:.6px;color:var(--txt)}
  .oc-ret{font-size:11.5px;font-weight:700}
  .oc-ret.up{color:var(--up)}.oc-ret.dn{color:var(--down)}
  .oc-sep{color:var(--line2);font-size:16px;font-weight:400}
  .oc-yok{color:var(--dim);font-size:18px}
  .oc-note{font-size:10.5px;color:var(--dim);font-style:italic;margin-top:2px}
  /* risk grubu renkleri: sol şerit + risk adı (kâr/zarar semantiği DEĞİL, grup kimliği) */
  .oc-row.r-dusuk{border-left-color:var(--up)}    .oc-row.r-dusuk  .oc-ad{color:var(--up)}
  .oc-row.r-orta{border-left-color:var(--brand)}  .oc-row.r-orta   .oc-ad{color:var(--brand)}
  .oc-row.r-yuksek{border-left-color:var(--down)} .oc-row.r-yuksek .oc-ad{color:var(--down)}
  @media(max-width:560px){.oc-fon b{font-size:19px}.oc-risk{min-width:100%}}