/* ===== Acadex Finans (dashboard.html → #finans-view, js/acadex-finans.js, labs/finans/) =====
   Study Lab ve MedLab'in kâğıt-mürekkep dili; tezgâh yerine liman: gök, beton rıhtım,
   renkli konteyner kartlar (oluklu yüzey, köşe dökümleri), sarı-siyah rıhtım kenarı. */
#finans-view.axf{--sea:#1E5B8C;--card:#FFFDF7}
#finans-view.axf *{box-sizing:border-box}
#finans-view.axf .disp,.axf-run .disp{font-family:"Bricolage Grotesque",system-ui,sans-serif}
#finans-view.axf .mono{font-family:"JetBrains Mono",ui-monospace,monospace}
#finans-view.axf .hand{font-family:"Caveat","Segoe Print","Bradley Hand",cursive;font-weight:600}
#finans-view.axf .vh{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
#finans-view.axf .axf-main{position:relative;padding:24px 28px 140px;color:var(--ink,#1A2A5C);background:linear-gradient(rgba(30,91,140,.05) 2px,transparent 2px) 0 0/120px 80px,linear-gradient(90deg,rgba(30,91,140,.05) 2px,transparent 2px) 0 0/120px 80px}
@media (prefers-reduced-motion:no-preference){#finans-view.axf .land{animation:axf-land .7s cubic-bezier(.3,1.35,.5,1) both}}
@keyframes axf-land{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:none}}

/* ---------- başlık ve liman sahnesi ---------- */
#finans-view.axf .axf-head{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:16px 24px;margin-bottom:10px}
#finans-view.axf .eyb{display:table;font-size:24px;color:var(--sea);transform:rotate(-2deg)}
#finans-view.axf .axf-head h1{margin:0;font-size:clamp(30px,3vw,42px);letter-spacing:-.02em;line-height:1.05;font-weight:800;color:var(--navy,#0D1838);display:inline-block;padding-bottom:8px;background:var(--inkline) no-repeat 0 100%/100% 8px}
#finans-view.axf .axf-sub{margin:6px 0 0;font-size:22px;color:var(--muted,#4B5675)}
#finans-view.axf .axf-port{width:min(440px,100%);border-radius:12px;overflow:hidden;box-shadow:0 18px 24px -18px rgba(13,40,70,.7);border:2px solid #0D1838;transform:rotate(1deg)}
#finans-view.axf .axf-port svg{display:block;width:100%;height:auto}
@media (prefers-reduced-motion:no-preference){
  #finans-view.axf .axf-wv{animation:axf-wv 5s linear infinite}
  #finans-view.axf .axf-ship{animation:axf-bob 3.6s ease-in-out infinite;transform-origin:150px 100px}
  #finans-view.axf .axf-trolley{animation:axf-trol 6s ease-in-out infinite}
  #finans-view.axf .axf-hesi{animation:axf-hop 2.8s ease-in-out infinite}
}
@keyframes axf-wv{to{transform:translateX(-80px)}}
@keyframes axf-bob{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(-3px) rotate(-.8deg)}}
@keyframes axf-trol{0%,15%{transform:translate(0,0)}35%{transform:translate(0,22px)}55%{transform:translate(70px,22px)}75%,100%{transform:translate(70px,0)}}
@keyframes axf-hop{0%,100%{transform:translate(268px,30px)}50%{transform:translate(268px,25px)}}

/* ---------- istif alanı ---------- */
#finans-view.axf .axf-yard{position:relative;padding:4px 0 0}
#finans-view.axf .axf-note{margin:6px 6px 0;font-size:24px;color:var(--soft,#6A7593);transform:rotate(-1.2deg)}
#finans-view.axf .axf-boxes{list-style:none;margin:0;padding:22px 6px 12px;display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:26px 20px}
#finans-view.axf .axf-boxes>li{min-width:0}
@media (prefers-reduced-motion:no-preference){#finans-view.axf .axf-boxes>li{animation:axf-drop .6s cubic-bezier(.2,1.3,.4,1) both;animation-delay:calc(var(--i) * 70ms)}}
@keyframes axf-drop{from{opacity:0;transform:translateY(-26px)}to{opacity:1;transform:none}}
/* konteyner kart: üstte renkli oluklu kapak, köşe dökümleri, vinç kancası (üzerine gelince) */
#finans-view.axf .axf-box{position:relative;display:flex;flex-direction:column;align-items:flex-start;width:100%;height:100%;padding:0 0 18px;border:0;border-radius:4px 4px 8px 8px;background:var(--card);box-shadow:0 1px 0 #E1E5EE,0 22px 28px -22px rgba(13,24,56,.6);text-align:left;font:inherit;color:#1A2A5C;cursor:pointer;transition:transform .3s cubic-bezier(.3,1.4,.5,1),box-shadow .3s}
#finans-view.axf .axf-box::before{content:"";position:absolute;left:50%;top:-22px;width:2px;height:22px;background:#0D1838;opacity:0;transition:opacity .2s}
#finans-view.axf .axf-box::after{content:"";position:absolute;left:calc(50% - 7px);top:-4px;width:16px;height:6px;border-radius:2px;background:#0D1838;opacity:0;transition:opacity .2s}
#finans-view.axf .axf-box:hover{transform:translateY(-8px);box-shadow:0 1px 0 #E1E5EE,0 34px 34px -24px rgba(13,24,56,.7)}
#finans-view.axf .axf-box:hover::before,#finans-view.axf .axf-box:hover::after{opacity:1}
#finans-view.axf .axf-box:focus-visible{outline:3px solid #2F6BFF;outline-offset:4px}
#finans-view.axf .axf-cv{position:relative;display:block;width:100%;aspect-ratio:400/150;overflow:hidden;border-radius:4px 4px 0 0;border-top:12px solid var(--cc);border-bottom:1.4px solid #E1E5EE}
#finans-view.axf .axf-cv::before{content:"";position:absolute;left:0;right:0;top:-12px;height:12px;background:repeating-linear-gradient(90deg,rgba(255,255,255,.2) 0 3px,transparent 3px 9px);z-index:1}
#finans-view.axf .axf-cv::after{content:"";position:absolute;left:4px;right:4px;top:-9px;height:6px;z-index:1;background:radial-gradient(circle,rgba(0,0,0,.35) 2.5px,transparent 3px) 0 0/100% 100% no-repeat;background:linear-gradient(90deg,rgba(0,0,0,.3) 0 7px,transparent 7px calc(100% - 7px),rgba(0,0,0,.3) calc(100% - 7px))}
#finans-view.axf .axf-cv svg{display:block;width:100%;height:100%;transition:transform .6s cubic-bezier(.2,.7,.2,1)}
#finans-view.axf .axf-box:hover .axf-cv svg{transform:scale(1.05)}
#finans-view.axf .axf-tag{position:absolute;top:10px;right:10px;padding:2px 8px;font-size:11.5px;letter-spacing:.08em;text-transform:uppercase;color:#fff;background:var(--cc);border-radius:3px;transform:rotate(3deg);box-shadow:0 2px 0 rgba(0,0,0,.15)}
#finans-view.axf .axf-t{margin:14px 16px 0;font-size:21px;font-weight:800;letter-spacing:-.01em;color:var(--navy,#0D1838)}
#finans-view.axf .axf-for{margin:0 16px;font-size:20px;color:var(--cc);transform:rotate(-1.2deg);line-height:1.15}
#finans-view.axf .axf-d{margin:6px 16px 0;font-size:14px;line-height:1.5;color:var(--muted,#4B5675)}
#finans-view.axf .axf-quay{height:14px;margin:6px 0 0;border-radius:2px;background:repeating-linear-gradient(-45deg,#F2C230 0 14px,#0D1838 14px 28px);box-shadow:0 14px 18px -14px rgba(20,40,60,.6)}
#finans-view.axf .axf-cite{margin:18px 6px 0;font-size:11.5px;color:var(--soft,#6A7593)}

/* kapak animasyonları (üzerine gelince hızlanır) */
@media (prefers-reduced-motion:no-preference){
  #finans-view.axf .axf-fall{animation:axf-fall 1s linear infinite}
  #finans-view.axf .axf-c4{animation:axf-coin 2.4s ease-in infinite}
  #finans-view.axf .axf-stamp{transform-origin:78px 78px;animation:axf-stamp 3s ease-in-out infinite}
  #finans-view.axf .axf-l2{animation:axf-blink 2.4s ease-in-out infinite}
  #finans-view.axf .axf-candles>g{transform-box:fill-box;transform-origin:bottom;animation:axf-candle 2.4s ease-in-out infinite}
  #finans-view.axf .axf-candles>g:nth-child(2){animation-delay:.3s}#finans-view.axf .axf-candles>g:nth-child(3){animation-delay:.6s}#finans-view.axf .axf-candles>g:nth-child(4){animation-delay:.9s}
  #finans-view.axf .axf-trend,#finans-view.axf .axf-pay{stroke-dasharray:1;animation:axf-draw 3s ease-in-out infinite}
  #finans-view.axf .axf-ship2{animation:axf-sail 6s ease-in-out infinite}
  #finans-view.axf .axf-flag{animation:axf-wave 1.6s ease-in-out infinite;transform-box:fill-box;transform-origin:0 100%}
  #finans-view.axf .axf-bars rect{transform-box:fill-box;transform-origin:bottom;animation:axf-candle 2.6s ease-in-out infinite}
  #finans-view.axf .axf-bars rect:nth-child(2){animation-delay:.25s}#finans-view.axf .axf-bars rect:nth-child(3){animation-delay:.5s}#finans-view.axf .axf-bars rect:nth-child(4){animation-delay:.75s}
  #finans-view.axf .axf-lens{animation:axf-scan 4s ease-in-out infinite}
  #finans-view.axf .axf-up{animation:axf-ud 2s ease-in-out infinite}#finans-view.axf .axf-dn{animation:axf-ud 2s ease-in-out 1s infinite}
  #finans-view.axf .axf-coin{animation:axf-drop2 2.2s ease-in infinite}
  #finans-view.axf .axf-box:hover .axf-ship2{animation-duration:3s}
}
@keyframes axf-fall{to{stroke-dashoffset:-14}}
@keyframes axf-coin{0%{transform:translateY(-40px);opacity:0}30%{opacity:1}60%,100%{transform:none;opacity:1}}
@keyframes axf-stamp{0%,60%,100%{transform:scale(1) rotate(-10deg)}70%{transform:scale(1.25) rotate(-10deg)}80%{transform:scale(.95) rotate(-10deg)}}
@keyframes axf-blink{0%,100%{opacity:1}50%{opacity:.35}}
@keyframes axf-candle{0%,100%{transform:scaleY(1)}50%{transform:scaleY(.82)}}
@keyframes axf-draw{0%{stroke-dashoffset:1}60%,100%{stroke-dashoffset:0}}
@keyframes axf-sail{0%,100%{transform:translateX(-20px)}50%{transform:translateX(30px)}}
@keyframes axf-wave{0%,100%{transform:skewY(0)}50%{transform:skewY(-4deg)}}
@keyframes axf-scan{0%,100%{transform:translateX(0)}50%{transform:translateX(-80px)}}
@keyframes axf-ud{0%,100%{opacity:.35;transform:translateY(0)}50%{opacity:1;transform:translateY(-6px)}}
@keyframes axf-drop2{0%{transform:translateY(-30px);opacity:0}25%{opacity:1}70%{transform:translateY(40px);opacity:1}80%,100%{transform:translateY(46px);opacity:0}}

/* ---------- tam ekran istasyon (MedLab katmanıyla aynı iskelet: .axm-run) ---------- */
.axf-run .axm-back svg{stroke:#1E5B8C}
.axf-run .axm-back:hover{border-color:#1E5B8C}
.axf-run .axm-run-top{background:#EAF3FA;border-bottom:0;box-shadow:0 4px 0 #F2C230}
.axf-run .axm-load svg{stroke:#1E5B8C}

@media (max-width:760px){
  #finans-view.axf .axf-main{padding:18px 14px 140px}
  #finans-view.axf .axf-port{transform:rotate(.6deg)}
  #finans-view.axf .axf-note{font-size:20px}
  #finans-view.axf .axf-boxes{grid-template-columns:minmax(0,1fr);gap:22px;padding-top:18px}
}

/* ---------- genel müdürlük: Acadex Şirket (labs/sirket/), 29.10.2026 ---------- */
#finans-view.axf .axf-hq{display:grid;grid-template-columns:minmax(0,300px) minmax(0,1fr);gap:28px;align-items:end;margin:40px 0 0;padding:26px 26px 0;border-radius:18px 18px 0 0;background:linear-gradient(180deg,#EAF3FA,#F4F8FB 70%);border-bottom:14px solid transparent;border-image:repeating-linear-gradient(-45deg,#F2C230 0 14px,#0D1838 14px 28px) 14}
#finans-view.axf .axf-tower svg{display:block;width:100%;height:auto;filter:drop-shadow(0 18px 18px rgba(13,40,70,.25))}
#finans-view.axf .axf-tf .axf-w{transition:fill .3s}
#finans-view.axf .axf-hq-r{padding-bottom:22px}
#finans-view.axf .axf-hq-r h2{margin:0;font-size:clamp(24px,2.4vw,32px);font-weight:800;letter-spacing:-.02em;color:var(--navy,#0D1838)}
#finans-view.axf .axf-floors{list-style:none;margin:14px 0 0;padding:0;display:grid;gap:8px}
#finans-view.axf .axf-fl{display:flex;align-items:center;gap:14px;width:100%;padding:10px 14px;border:2px solid #0D1838;border-left:10px solid var(--cc);border-radius:10px;background:#FFFDF8;text-align:left;font:inherit;color:#1A2A5C;cursor:pointer;box-shadow:3px 3px 0 #0D1838;transition:transform .18s cubic-bezier(.2,.8,.2,1),box-shadow .18s}
#finans-view.axf .axf-fl:hover{transform:translate(-2px,-2px);box-shadow:5px 5px 0 #0D1838}
#finans-view.axf .axf-fl:focus-visible{outline:3px solid #2F6BFF;outline-offset:3px}
#finans-view.axf .axf-fn{flex:none;padding:3px 7px;border-radius:5px;background:var(--cc);color:#fff;font-size:12px;font-weight:600}
#finans-view.axf .axf-ft{flex:1;min-width:0}
#finans-view.axf .axf-ft b{display:block;font-size:17px;font-weight:800;color:var(--navy,#0D1838)}
#finans-view.axf .axf-ft small{display:block;font-size:13px;color:var(--muted,#4B5675)}
#finans-view.axf .axf-go{font-size:20px;font-weight:800;color:var(--cc);transition:transform .2s}
#finans-view.axf .axf-fl:hover .axf-go{transform:translateX(4px)}
/* düğmenin üzerine gelince kuledeki katın pencereleri yanar */
#finans-view.axf .axf-hq:has([data-fl="1"]:is(:hover,:focus-visible)) [data-f="1"] .axf-w,
#finans-view.axf .axf-hq:has([data-fl="2"]:is(:hover,:focus-visible)) [data-f="2"] .axf-w,
#finans-view.axf .axf-hq:has([data-fl="3"]:is(:hover,:focus-visible)) [data-f="3"] .axf-w,
#finans-view.axf .axf-hq:has([data-fl="4"]:is(:hover,:focus-visible)) [data-f="4"] .axf-w,
#finans-view.axf .axf-hq:has([data-fl="5"]:is(:hover,:focus-visible)) [data-f="5"] .axf-w,
#finans-view.axf .axf-hq:has([data-fl="6"]:is(:hover,:focus-visible)) [data-f="6"] .axf-w,
#finans-view.axf .axf-hq:has([data-fl="7"]:is(:hover,:focus-visible)) [data-f="7"] .axf-w{fill:#FFD86B}
@media (prefers-reduced-motion:no-preference){
  #finans-view.axf .axf-floors>li{animation:axf-drop .6s cubic-bezier(.2,1.3,.4,1) both;animation-delay:calc(var(--i) * 60ms)}
  #finans-view.axf .axf-hqflag{animation:axf-wave 1.6s ease-in-out infinite;transform-box:fill-box;transform-origin:0 50%}
  #finans-view.axf .axf-ceo{animation:axf-ceo 3s ease-in-out infinite}
  #finans-view.axf .axf-tf:nth-child(odd) .axf-w:nth-child(4n+3){animation:axf-blink 4s ease-in-out infinite}
}
@keyframes axf-ceo{0%,100%{transform:translate(244px,420px)}50%{transform:translate(244px,415px)}}
@media (max-width:860px){
  #finans-view.axf .axf-hq{grid-template-columns:minmax(0,1fr);padding:18px 14px 0}
  #finans-view.axf .axf-tower{max-width:200px;margin:0 auto;order:2}
  #finans-view.axf .axf-ft small{font-size:12px}
}

/* ---------- İstatistik giriş dersi (labs/istat/), 11.11.2026: haftalık ders yolu ---------- */
#finans-view.axf .axf-ist{display:grid;grid-template-columns:minmax(0,280px) minmax(0,1fr);gap:28px;align-items:start;margin:28px 0 0;padding:26px;border-radius:18px;background:linear-gradient(180deg,#F3EFE4,#FBF8EF);border:2px solid var(--navy,#0D1838);box-shadow:0 4px 0 var(--navy,#0D1838)}
#finans-view.axf .axf-board svg{display:block;width:100%;height:auto}
#finans-view.axf .axf-bars rect{transform-box:fill-box;transform-origin:50% 100%;animation:axfIstBar 2.6s cubic-bezier(.2,.8,.2,1) infinite alternate}
#finans-view.axf .axf-bars rect:nth-child(2){animation-delay:.15s}#finans-view.axf .axf-bars rect:nth-child(3){animation-delay:.3s}#finans-view.axf .axf-bars rect:nth-child(4){animation-delay:.45s}#finans-view.axf .axf-bars rect:nth-child(5){animation-delay:.6s}
#finans-view.axf .axf-bell{stroke-dasharray:260;animation:axfIstBell 3.2s ease-in-out infinite alternate}
@keyframes axfIstBar{0%{transform:scaleY(.35)}100%{transform:scaleY(1)}}
@keyframes axfIstBell{0%{stroke-dashoffset:260}60%,100%{stroke-dashoffset:0}}
#finans-view.axf .axf-ist-r h2{margin:0;font-size:clamp(24px,2.4vw,32px);font-weight:800;letter-spacing:-.02em;color:var(--navy,#0D1838)}
#finans-view.axf .axf-ist-top{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin:14px 0 12px}
#finans-view.axf .axf-ist-go{display:grid;grid-template-columns:auto auto;column-gap:14px;align-items:center;padding:10px 18px;border:2px solid var(--navy,#0D1838);border-radius:14px;background:var(--navy,#0D1838);color:#fff;text-align:left;cursor:pointer;box-shadow:0 3px 0 #F2C230;transition:transform .18s}
#finans-view.axf .axf-ist-go:hover{transform:translateY(-2px)}
#finans-view.axf .axf-ist-go b{font-size:17px}
#finans-view.axf .axf-ist-go small{grid-column:1;font-size:12px;color:#C9D0E4}
#finans-view.axf .axf-ist-go span{grid-column:2;grid-row:1/3;font-size:22px}
#finans-view.axf .axf-ist-n{font-size:12.5px;color:var(--muted,#4B5675)}
#finans-view.axf .axf-iweeks{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px}
#finans-view.axf .axf-iweeks li{animation:axfIstIn .5s cubic-bezier(.2,.8,.2,1) both;animation-delay:calc(var(--i)*40ms)}
@keyframes axfIstIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
#finans-view.axf .axf-iw{position:relative;display:grid;gap:4px;width:100%;height:100%;min-height:74px;padding:9px 10px 8px 14px;border:1.5px solid var(--navy,#0D1838);border-radius:10px;background:#FFFDF8;text-align:left;cursor:pointer;overflow:hidden;transition:transform .15s,box-shadow .15s}
#finans-view.axf .axf-iw::before{content:'';position:absolute;inset:0 auto 0 0;width:5px;background:var(--cc)}
#finans-view.axf .axf-iw:hover,#finans-view.axf .axf-iw:focus-visible{transform:translateY(-2px);box-shadow:0 3px 0 var(--navy,#0D1838)}
#finans-view.axf .axf-iw b{font-size:13.5px;line-height:1.2;color:var(--navy,#0D1838)}
#finans-view.axf .axf-in{font-size:11px;color:var(--muted,#4B5675)}
#finans-view.axf .axf-in::after{content:'. hafta'}
#finans-view.axf .axf-ip{display:flex;gap:3px;margin-top:auto}
#finans-view.axf .axf-ip i{width:16px;height:4px;border-radius:2px;background:#E6E0D2}
#finans-view.axf .axf-iw[data-ist-n="1"] .axf-ip i:nth-child(-n+1),#finans-view.axf .axf-iw[data-ist-n="2"] .axf-ip i:nth-child(-n+2),#finans-view.axf .axf-iw[data-ist-n="3"] .axf-ip i{background:var(--cc)}
#finans-view.axf .axf-iw[data-ist-n="3"]{background:#F1F8F2}
#finans-view.axf .axf-iw.is-last{outline:2px dashed var(--cc);outline-offset:2px}
#finans-view.axf .axf-ist-d{margin:12px 0 6px;font-size:12px;font-weight:600;color:var(--muted,#4B5675)}
@media (max-width:860px){
  #finans-view.axf .axf-ist{grid-template-columns:minmax(0,1fr);padding:18px 14px}
  #finans-view.axf .axf-board{max-width:220px}
}
@media (prefers-reduced-motion:reduce){#finans-view.axf .axf-bars rect,#finans-view.axf .axf-bell,#finans-view.axf .axf-iweeks li{animation:none}}