/* ==========================================================================
   ACADEX KARTOTEKS — bilgi kartları paneli (css/acadex-kartoteks.css), 27.10.2026
   dashboard.html → #cards-view.axk.kx.kt; davranış js/acadex-ink.js (BİLGİ KARTLARI bloğu).
   Dünya: eski kütüphanenin meşe fiş dolabı. MedLab'in klinik masası, Study Lab'in deney
   masası gibi; burada her deste pirinç etiketli bir çekmece, kart bir katalog fişi,
   çalıştığın her gün okuma fişine mor mürekkeple tarih damgası basılır.
   Büyük kartın çevirme/damga davranışı ve 4'lü not düğmeleri acadex-ink.css'ten gelir.
   ========================================================================== */
#cards-view.kt{--oak:#B07A45;--oak2:#9A6534;--oak3:#7E5028;--oakl:#C99460;--brass:#C9A24A;--brass2:#9C7A2C;--fis:#FFFDF4;--fisl:#E9E2CF;--stamp:#5B3E8C;--kt-red:#B5432F;--kt-ink:#1A2A5C;--kt-soft:#6A6455}
#cards-view.kt .main-d{position:relative;isolation:isolate;padding:20px 28px 150px;background:
  repeating-linear-gradient(0deg,transparent 0 31px,rgba(176,122,69,.07) 31px 32px),
  linear-gradient(180deg,#FBF7EE,#F6F0E2 70%,#F1E9D7)}
#cards-view.kt .main-d::before{content:"";position:absolute;right:3%;top:70px;z-index:-1;width:min(300px,40vw);aspect-ratio:1;opacity:.06;pointer-events:none;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' fill='none' stroke='%237E5028' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='14' y='22' width='72' height='56' rx='3'/%3E%3Cpath d='M14 50 H86 M50 22 V78'/%3E%3Crect x='24' y='31' width='16' height='8' rx='1'/%3E%3Crect x='60' y='31' width='16' height='8' rx='1'/%3E%3Crect x='24' y='59' width='16' height='8' rx='1'/%3E%3Crect x='60' y='59' width='16' height='8' rx='1'/%3E%3Ccircle cx='32' cy='44' r='2'/%3E%3Ccircle cx='68' cy='44' r='2'/%3E%3Ccircle cx='32' cy='72' r='2'/%3E%3Ccircle cx='68' cy='72' r='2'/%3E%3C/svg%3E") no-repeat center/contain}

/* ---------- başlık ---------- */
#cards-view.kt .kt-head{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:18px 32px;margin-bottom:22px}
#cards-view.kt .kt-head .eyb{color:var(--oak3)}
#cards-view.kt .kt-head .d-head-l{flex:1 1 380px;min-width:0}
#cards-view.kt .kt-tools{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}
#cards-view.kt .kt-tools .due-st{display:none}
#cards-view.kt .kt-tools .btn-dark{background:var(--oak3);border-color:var(--oak3)}
#cards-view.kt .kt-tools .btn-dark:hover{background:#6A4020}

/* okuma fişi: kütüphane iade fişi, mor tarih damgaları */
#cards-view.kt .kt-slip{position:relative;flex:0 1 380px;min-width:280px;padding:14px 16px 12px;background:#FFFBEA;border:1px solid #E6DDBF;border-radius:2px;box-shadow:0 1px 0 #E6DDBF,6px 14px 22px -16px rgba(80,50,20,.45);transform:rotate(1.4deg)}
#cards-view.kt .kt-slip::before{content:"";position:absolute;left:50%;top:-14px;width:16px;height:30px;transform:translateX(-50%);border:3px solid #9AA3B1;border-radius:8px;border-bottom-color:transparent;background:none}
#cards-view.kt .kt-slip-h{display:block;padding-bottom:8px;margin-bottom:8px;border-bottom:2px solid var(--kt-red);font-family:"JetBrains Mono",ui-monospace,monospace;font-size:10px;letter-spacing:.16em;color:var(--kt-red)}
#cards-view.kt .kt-slip-row{display:grid;grid-template-columns:1fr auto;gap:14px;align-items:start}
#cards-view.kt .kx-k{display:block;font-family:"JetBrains Mono",ui-monospace,monospace;font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:#8C836C}
#cards-view.kt .kx-goal-n{margin:2px 0 6px;display:flex;align-items:baseline;gap:4px;color:var(--kt-soft);font-size:14px}
#cards-view.kt .kx-goal-n b{font-family:"Bricolage Grotesque",system-ui,sans-serif;font-size:34px;line-height:1;font-weight:800;color:var(--kt-ink);font-variant-numeric:tabular-nums}
#cards-view.kt .kx-bar{position:relative;height:10px;border:1.5px solid var(--kt-ink);border-radius:6px 4px 5px 6px;background:#fff;overflow:hidden}
#cards-view.kt .kx-bar i{position:absolute;left:0;top:0;bottom:0;width:0;background:repeating-linear-gradient(-45deg,var(--oak) 0 6px,var(--oakl) 6px 10px);transition:width .5s cubic-bezier(.2,.7,.2,1)}
#cards-view.kt .kx-bar.full i{background:repeating-linear-gradient(-45deg,#1E8A55 0 6px,#36A86F 6px 10px)}
#cards-view.kt .kx-goal-t{margin:6px 0 0;font-size:17px;line-height:1.15;color:var(--kt-soft)}
#cards-view.kt .kt-slip-st{min-width:84px;padding:6px 10px 6px;border:2px dashed #D9CFAF;border-radius:6px;text-align:center}
#cards-view.kt .kt-slip-st b{display:block;font-family:"Bricolage Grotesque",system-ui,sans-serif;font-size:32px;line-height:1.05;font-weight:800;color:#B9B09A;font-variant-numeric:tabular-nums}
#cards-view.kt .kt-slip.lit .kt-slip-st b{color:var(--stamp)}
#cards-view.kt .kt-slip-st small{font-size:11.5px;color:var(--kt-soft)}
#cards-view.kt .kt-dates{list-style:none;margin:10px 0 0;padding:0;display:grid;grid-template-columns:repeat(7,1fr);border-top:1px solid #E6DDBF}
#cards-view.kt .kt-dates li{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:2px;min-height:58px;padding:5px 1px 2px;border-right:1px solid #EEE6CF}
#cards-view.kt .kt-dates li:last-child{border-right:0}
#cards-view.kt .kt-dn{font-family:"JetBrains Mono",monospace;font-size:9.5px;color:#9C9480}
#cards-view.kt .kt-none{margin-top:8px;font-family:"Caveat",cursive;font-size:15px;color:#C2B99F}
#cards-view.kt .kt-dates li.now .kt-none{color:var(--oak3);font-weight:700}
#cards-view.kt .kt-st{display:flex;flex-direction:column;align-items:center;margin-top:3px;padding:2px 3px 1px;border:1.6px solid var(--stamp);border-radius:3px;color:var(--stamp);font-family:"JetBrains Mono",monospace;font-weight:700;font-size:9.5px;line-height:1.1;letter-spacing:.02em;white-space:nowrap;transform:rotate(var(--sr,0deg));opacity:.88;mix-blend-mode:multiply}
#cards-view.kt .kt-st small{font-size:8px;font-weight:500;opacity:.8}
@media (prefers-reduced-motion:no-preference){#cards-view.kt .kt-dates li.now .kt-st{animation:kt-thunk .45s cubic-bezier(.3,1.6,.5,1) both}}
@keyframes kt-thunk{from{transform:rotate(var(--sr,0deg)) scale(1.9);opacity:0}}

/* ---------- fiş dolabı ---------- */
#cards-view.kt .kt-cab{position:relative;padding:14px 16px 16px;border-radius:10px 10px 4px 4px;background:
  repeating-linear-gradient(92deg,rgba(0,0,0,0) 0 18px,rgba(90,50,20,.06) 18px 19px,rgba(0,0,0,0) 19px 41px,rgba(255,240,210,.06) 41px 43px),
  linear-gradient(180deg,var(--oakl),var(--oak) 40%,var(--oak2));
  box-shadow:inset 0 2px 0 rgba(255,235,200,.35),inset 0 -3px 0 rgba(60,30,10,.25),0 24px 30px -22px rgba(60,30,10,.65)}
#cards-view.kt .kt-cab::before{content:"";position:absolute;left:-6px;right:-6px;top:-10px;height:14px;border-radius:6px 6px 2px 2px;background:linear-gradient(180deg,#8A5A2E,var(--oak3));box-shadow:0 3px 0 rgba(60,30,10,.25)}
#cards-view.kt .kt-top{display:flex;flex-wrap:wrap;align-items:center;gap:10px 18px;margin:0 0 12px}
#cards-view.kt .kt-top .card-search{flex:1 1 240px;max-width:380px;margin:0;background:#FFFDF4;border-radius:6px}
#cards-view.kt .kt-top .ax-course{margin:0;color:#FFF3DC}
#cards-view.kt .kt-top .ax-course .hand{color:#FFE7BD}
#cards-view.kt .kt-top .ax-course select{background:#FFFDF4;border-radius:6px;padding:6px 28px 6px 10px;min-height:40px}

#cards-view.kt .kt-drawers{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:12px;max-height:min(420px,52vh);overflow:auto;padding:14px 4px 6px;margin:0 -4px;scrollbar-color:var(--oak3) transparent}
#cards-view.kt .kt-drawers .none{grid-column:1 / -1;margin:0;padding:10px 12px;border-radius:6px;background:rgba(255,253,244,.85);font-size:14px;color:var(--kt-soft)}

/* çekmece önü */
#cards-view.kt .kt-drawer{position:relative;display:grid;grid-template-columns:1fr auto;align-content:start;gap:4px 6px;min-height:118px;padding:12px 12px 10px;border-radius:5px;cursor:pointer;outline:none;background:linear-gradient(180deg,#C48D57,#AE7743);box-shadow:inset 0 1px 0 rgba(255,235,200,.45),inset 0 -2px 0 rgba(60,30,10,.25),0 2px 0 rgba(60,30,10,.35),0 8px 10px -8px rgba(40,20,5,.6);transition:transform .2s cubic-bezier(.2,.7,.2,1),box-shadow .2s}
#cards-view.kt .kt-drawer:hover{transform:translateY(-2px)}
#cards-view.kt .kt-drawer:focus-visible{box-shadow:0 0 0 3px #FFE27A,0 0 0 5px var(--kt-ink)}
/* seçili çekmece dışarı çekilir: altına gölge, önü öne gelir */
#cards-view.kt .kt-drawer[aria-current="true"]{transform:translateY(-6px) scale(1.02);background:linear-gradient(180deg,#D29A62,#B98048);box-shadow:inset 0 1px 0 rgba(255,235,200,.55),0 3px 0 rgba(60,30,10,.4),0 18px 18px -10px rgba(40,20,5,.55)}
#cards-view.kt .kt-drawer[aria-current="true"]::after{content:"";position:absolute;left:8px;right:8px;bottom:-8px;height:8px;border-radius:0 0 4px 4px;background:linear-gradient(180deg,#6E4420,#8A5A2E)}
/* bugünkü fişler çekmeceden uç verir */
#cards-view.kt .kt-peek{position:absolute;right:46px;top:-11px;width:54px;height:14px;pointer-events:none}
#cards-view.kt .kt-peek i{position:absolute;left:calc(var(--p) * 8px);bottom:0;width:38px;height:calc(14px - var(--p) * 3px);background:var(--fis);border-top:2px solid var(--kt-red);border-radius:2px 2px 0 0;box-shadow:0 -1px 0 rgba(60,30,10,.2);transform:rotate(calc(var(--p) * 3deg - 3deg))}
/* pirinç etiketlik */
#cards-view.kt .kt-label{grid-column:1 / -1;position:relative;display:block;padding:6px 10px 6px;margin:0 22px 0 0;background:var(--fis);border:3px solid var(--brass);border-radius:3px;box-shadow:inset 0 0 0 1px rgba(156,122,44,.5),0 1px 0 rgba(255,240,200,.6)}
#cards-view.kt .kt-label::before,#cards-view.kt .kt-label::after{content:"";position:absolute;top:50%;width:6px;height:6px;margin-top:-3px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#F3DB95,var(--brass2))}
#cards-view.kt .kt-label::before{left:-9px}#cards-view.kt .kt-label::after{right:-9px}
#cards-view.kt .kx-tab{display:block;font-family:"JetBrains Mono",monospace;font-size:9.5px;font-weight:700;letter-spacing:.1em;color:var(--dc,#2F6BFF)}
#cards-view.kt .kx-dn{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:14.5px;line-height:1.2;font-weight:700;color:var(--kt-ink);word-break:break-word}
/* çekme kulpu */
#cards-view.kt .kt-pull{grid-column:1 / -1;justify-self:center;width:46px;height:10px;margin:4px 0 0;border-radius:0 0 12px 12px;border:3px solid var(--brass);border-top-width:2px;background:linear-gradient(180deg,rgba(60,30,10,.35),transparent);box-shadow:0 1px 0 rgba(255,235,200,.35)}
#cards-view.kt .kx-dm{grid-column:1;font-size:12px;color:#FFF0D6;text-shadow:0 1px 0 rgba(60,30,10,.35)}
#cards-view.kt .kx-dm em{font-style:normal;font-weight:700;color:#FFE27A}
#cards-view.kt .kx-mast{grid-column:1 / -1;position:relative;height:4px;margin-top:2px;border-radius:2px;background:rgba(60,30,10,.3);overflow:hidden}
#cards-view.kt .kx-mast i{position:absolute;left:0;top:0;bottom:0;background:#FFE27A;transition:width .5s}
#cards-view.kt .kx-stamp{position:absolute;right:30px;bottom:24px;padding:2px 7px;border:2px solid var(--stamp);border-radius:4px;background:rgba(255,253,244,.85);color:var(--stamp);font-family:"JetBrains Mono",monospace;font-size:9.5px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;transform:rotate(-8deg);pointer-events:none}
@media (prefers-reduced-motion:no-preference){#cards-view.kt .kx-stamp.fresh{animation:kt-thunk .5s cubic-bezier(.3,1.6,.5,1)}}
#cards-view.kt .kx-more{position:absolute;right:4px;top:8px;width:30px;height:30px;border:0;border-radius:6px;background:none;color:#FFF0D6;font-size:20px;line-height:1;cursor:pointer}
#cards-view.kt .kx-more:hover,#cards-view.kt .kx-more[aria-expanded="true"]{background:rgba(60,30,10,.25)}
#cards-view.kt .kx-more:focus-visible{outline:2px solid #FFE27A}
#cards-view.kt .kx-menu{position:absolute;right:6px;top:40px;z-index:20;display:flex;flex-direction:column;min-width:210px;padding:6px;background:var(--fis);border:1.5px solid var(--kt-ink);border-radius:6px;box-shadow:4px 5px 0 var(--kt-ink);cursor:default}
#cards-view.kt .kx-menu[hidden]{display:none}
#cards-view.kt .kx-menu button,#cards-view.kt .kx-menu label{display:flex;align-items:center;gap:8px;min-height:40px;padding:0 10px;border:0;border-radius:4px;background:none;font:inherit;font-size:14px;color:var(--kt-ink);text-align:left;cursor:pointer}
#cards-view.kt .kx-menu button:hover,#cards-view.kt .kx-menu label:hover{background:#F3EBD6}
#cards-view.kt .kx-menu input{width:16px;height:16px;accent-color:var(--oak3)}
#cards-view.kt .kx-menu .kx-del{color:var(--kt-red)}
/* boş çekmece: yeni deste */
#cards-view.kt .kx-add{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-height:118px;border:2px dashed rgba(255,240,214,.6);border-radius:5px;background:rgba(60,30,10,.18);color:#FFF0D6;font-family:"Caveat",cursive;font-size:22px;font-weight:700;cursor:pointer}
#cards-view.kt .kx-add small{font-family:inherit;font-size:15px;font-weight:600;opacity:.8}
#cards-view.kt .kx-add .kt-pull{opacity:.5;margin:0 0 6px}
#cards-view.kt .kx-add:hover{background:rgba(60,30,10,.3);border-color:#FFF0D6}
#cards-view.kt .kx-add:focus-visible{outline:3px solid #FFE27A}

/* tekrar gözleri: dolabın alt sırası, 5 küçük çekmece */
#cards-view.kt .kt-leit{margin-top:14px;padding:10px 10px 8px;border-radius:6px;background:rgba(60,30,10,.22);box-shadow:inset 0 2px 4px rgba(40,20,5,.35)}
#cards-view.kt .kx-leit-h{display:flex;align-items:baseline;justify-content:space-between;gap:8px;margin:0 2px 8px}
#cards-view.kt .kt-leit .kx-k{color:#FFE7BD}
#cards-view.kt .kx-leit-d{font-size:18px;color:#FFF0D6;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#cards-view.kt .kx-leit-box{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}
#cards-view.kt .kx-leit-box .cp{position:relative;display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;align-items:center;gap:2px 8px;min-height:64px;padding:8px 10px;border:0;border-radius:4px;text-align:left;font:inherit;color:var(--kt-ink);cursor:pointer;background:linear-gradient(180deg,#C48D57,#AE7743);box-shadow:inset 0 1px 0 rgba(255,235,200,.45),0 2px 0 rgba(60,30,10,.35);transition:transform .15s}
#cards-view.kt .kx-leit-box .cp:hover:not(:disabled){transform:translateY(-2px)}
#cards-view.kt .kx-leit-box .cp:focus-visible{outline:3px solid #FFE27A;outline-offset:1px}
#cards-view.kt .kx-leit-box .cp:disabled{cursor:default;filter:saturate(.6) brightness(.92)}
#cards-view.kt .kx-leit-box .cp.on{transform:translateY(-4px);box-shadow:0 0 0 3px #FFE27A,0 6px 8px -4px rgba(40,20,5,.5)}
#cards-view.kt .cp-no{grid-row:1 / 3;display:grid;place-items:center;width:30px;height:30px;border:2px solid var(--brass);border-radius:50%;background:var(--fis);font-family:"JetBrains Mono",monospace;font-size:13px;font-weight:700;color:var(--kt-ink)}
#cards-view.kt .cp-l{font-family:"Caveat",cursive;font-size:18px;font-weight:700;line-height:1;color:#FFF3DC}
#cards-view.kt .cp-in{display:none}
#cards-view.kt .kx-leit-box .cp-l{grid-column:2;grid-row:1}
#cards-view.kt .kx-leit-box .cp-n{grid-column:2;grid-row:2}
#cards-view.kt .cp-n{display:flex;align-items:baseline;gap:6px;font-family:"Bricolage Grotesque",system-ui,sans-serif;font-weight:800;font-size:15px;color:#FFFDF4;font-variant-numeric:tabular-nums}
#cards-view.kt .cp-n em{font-style:normal;font-family:"Caveat",cursive;font-weight:700;font-size:15px;color:#FFE27A}
#cards-view.kt .cp.bump{animation:kt-bump .45s cubic-bezier(.3,1.6,.5,1)}
@keyframes kt-bump{40%{transform:translateY(-6px)}}
#cards-view.kt .kx-leit-n{display:block;margin:8px 2px 0;font-size:11.5px;line-height:1.4;color:#FFE7BD;opacity:.85}
/* dolap ayakları */
#cards-view.kt .kt-plinth{display:flex;justify-content:space-between;padding:0 26px;height:16px;margin-bottom:22px}
#cards-view.kt .kt-plinth i{width:44px;height:16px;border-radius:0 0 6px 6px;background:linear-gradient(180deg,var(--oak3),#5E3A18)}

/* ---------- okuma masası ---------- */
#cards-view.kt .kt-desk{position:relative;max-width:820px;margin:0 auto;padding:26px 28px 30px;border-radius:12px;background:#FFFDF6;box-shadow:0 1px 0 #E6DDBF,0 22px 30px -26px rgba(80,50,20,.55)}
#cards-view.kt .kt-desk-k{position:absolute;left:22px;top:-15px;padding:0 10px;background:#FBF6EA;border-radius:6px;font-size:22px;color:var(--oak3);transform:rotate(-2deg)}
#cards-view.kt .kx-modes{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:6px 16px;margin:0 0 20px}
#cards-view.kt .kx-modes .modes{margin:0;background:#F1EADA}
#cards-view.kt .table{max-width:640px}
#cards-view.kt .judge,#cards-view.kt .judge4{max-width:640px}
/* büyük kart = katalog fişi: kırmızı üst çizgi, alt ortada çubuk deliği */
#cards-view.kt .big{transform:rotate(-.4deg)}
#cards-view.kt .big-in{background-color:var(--fis);background-image:linear-gradient(transparent 46px,rgba(181,67,47,.55) 46px 48px,transparent 48px),repeating-linear-gradient(transparent 0 31px,#EDE5CF 31px 32px);border:1px solid #E6DDBF}
#cards-view.kt .big-in::after{content:"";position:absolute;left:50%;bottom:14px;width:16px;height:16px;margin-left:-8px;border-radius:50%;background:#F1EADA;box-shadow:inset 0 2px 3px rgba(80,50,20,.35)}
#cards-view.kt .big.back .big-in{background-color:#FFFBEA}
#cards-view.kt .big-in .side{color:var(--kt-red)}
#cards-view.kt .big-in .k-hint{bottom:34px}
#cards-view.kt .deck-under i:nth-child(1){background:#EFE6D0}
#cards-view.kt .deck-under i:nth-child(2){background:#F7F1E2}
#cards-view.kt .imprint.yes{color:var(--stamp)}

/* kaynak özet çekmecesi */
#cards-view.kt .kx-sum{max-width:640px;margin:24px auto 0;background:#fff;border:1px solid #EBE3CC;border-radius:6px}
#cards-view.kt .kx-sum-h{display:flex;align-items:center;gap:10px;width:100%;min-height:54px;padding:0 16px;border:0;background:none;font:inherit;text-align:left;cursor:pointer;border-radius:6px}
#cards-view.kt .kx-sum-h:focus-visible{outline:3px solid var(--blue,#2F6BFF);outline-offset:2px}
#cards-view.kt .kx-sum-h .hd{margin:0;flex:0 1 auto;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#cards-view.kt .kx-sum-h .hd small{font-family:"Caveat",cursive;font-size:18px;font-weight:600;color:var(--kt-soft);margin-left:6px}
#cards-view.kt .kx-sum-ic{flex:none;width:22px;height:16px;border:2px solid var(--oak3);border-radius:2px 2px 4px 4px;position:relative;background:#F3E6CF}
#cards-view.kt .kx-sum-ic::after{content:"";position:absolute;left:6px;right:6px;top:5px;height:3px;background:var(--brass);border-radius:1px}
#cards-view.kt .kx-sum-a{flex:none;margin-left:auto;font-size:18px;color:var(--oak3)}
#cards-view.kt .kx-sum-b{padding:0 18px 16px;border-top:1.5px dashed #E1D7BC}
#cards-view.kt .kx-sum-b .sum-body{max-height:min(56vh,520px);overflow:auto;padding-top:12px}
#cards-view.kt .kx-sum-b .ax-sum-act{margin-top:12px}

/* çekmecedeki fişler: küçük katalog fişleri */
#cards-view.kt .kx-fan{max-width:820px;margin:28px auto 0}
#cards-view.kt .kx-fan .fan{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;height:auto;padding:0;margin-top:10px}
#cards-view.kt .kx-fan .fc{position:relative;transform:none!important;margin:0!important;left:auto!important;top:auto!important;width:auto!important;height:auto;min-height:90px;display:flex;flex-direction:column;justify-content:space-between;gap:10px;padding:10px 12px 18px;border:1px solid #E6DDBF;border-top:3px solid var(--kt-red);border-radius:2px;background:var(--fis);box-shadow:0 6px 10px -10px rgba(80,50,20,.6);text-align:left;cursor:pointer;transition:transform .15s}
#cards-view.kt .kx-fan .fc::after{content:"";position:absolute;left:50%;bottom:5px;width:8px;height:8px;margin-left:-4px;border-radius:50%;background:#EFE6D0;box-shadow:inset 0 1px 2px rgba(80,50,20,.35)}
#cards-view.kt .kx-fan .fc:hover{transform:translateY(-3px)!important}
#cards-view.kt .kx-fan .fc[aria-current="true"]{box-shadow:0 0 0 2px var(--kt-ink)}
#cards-view.kt .kx-fan .fc-q{font-size:13px;line-height:1.35;color:var(--kt-ink)}

/* ---------- tablet ---------- */
@media (max-width:1100px){
  #cards-view.kt .main-d{padding:18px 18px 150px}
  #cards-view.kt .kt-slip{flex-basis:100%;max-width:520px;transform:rotate(.6deg)}
}
/* ---------- telefon ---------- */
@media (max-width:700px){
  #cards-view.kt .main-d{padding:14px 12px 150px}
  #cards-view.kt .kt-slip{min-width:0}
  #cards-view.kt .kt-cab{padding:12px 10px 12px}
  #cards-view.kt .kt-drawers{grid-auto-flow:column;grid-template-columns:none;grid-auto-columns:min(220px,68vw);overflow-x:auto;overflow-y:visible;max-height:none;scroll-snap-type:x mandatory}
  #cards-view.kt .kt-drawer,#cards-view.kt .kx-add{scroll-snap-align:start}
  #cards-view.kt .kx-leit-box{gap:5px}
  #cards-view.kt .kx-leit-box .cp{grid-template-columns:1fr;justify-items:center;text-align:center;padding:6px 4px;min-height:70px}
  #cards-view.kt .cp-no{grid-row:auto;width:24px;height:24px;font-size:11px}
  #cards-view.kt .kx-leit-box .cp-l,#cards-view.kt .kx-leit-box .cp-n{grid-column:1;grid-row:auto}
  #cards-view.kt .cp-l{font-size:14px}
  #cards-view.kt .cp-n em{display:none}
  #cards-view.kt .kx-leit-n{display:none}
  #cards-view.kt .kt-desk{padding:22px 12px 22px}
  #cards-view.kt .kx-sum-a{display:none}
}
@media (prefers-reduced-motion:reduce){
  #cards-view.kt .kx-bar i,#cards-view.kt .kx-mast i,#cards-view.kt .kt-drawer,#cards-view.kt .kx-leit-box .cp{transition:none}
  #cards-view.kt .cp.bump{animation:none}
}
/* geçmiş karşılaştırmalar artık Belgelerim'in altında */
#docs-view .ax-docs-comp{margin:28px 0 0}
#docs-view .ax-docs-comp:has(#past-comparisons-list:empty){display:none}
#docs-view .ax-docs-comp .hd{font-family:'Caveat',cursive;font-size:26px;font-weight:700;color:#1A2A5C;margin:0 0 10px}
/* acadex-ink.css'teki eski tekrar kutusu kurallarını (mutlak etiket, mavi zemin) sıfırla */
#cards-view.kt .kx-leit-box .cp{border-left:0;min-height:64px;padding:8px 10px;align-items:center}
#cards-view.kt .kx-leit-box .cp.due{background:linear-gradient(180deg,#CF9A62,#B98048)}
#cards-view.kt .kx-leit-box .cp-l{position:static;justify-self:start;text-align:left;padding:0;white-space:nowrap;color:#FFF3DC}
#cards-view.kt .kx-leit-box .cp.due .cp-l{color:#FFF3DC}
#cards-view.kt .kx-leit-box .cp-n{margin:0;line-height:1.1;color:#FFFDF4}
@media (max-width:700px){
  #cards-view.kt .kx-leit-box .cp{padding:6px 3px;min-height:72px}
  #cards-view.kt .kx-leit-box .cp-l{justify-self:center;text-align:center;white-space:normal;font-size:13px;line-height:.95}
  #cards-view.kt .kx-leit-box .cp-n{justify-content:center}
  #cards-view.kt .judge{gap:8px}
  #cards-view.kt .stampb{width:112px}
  #cards-view.kt .stampb .sb-f{font-size:12px;letter-spacing:.08em}
}

/* ==========================================================================
   HAREKET VE IŞIK (28.10.2026) — hepsi prefers-reduced-motion'da kapalı
   ========================================================================== */
/* masa lambası: yeşil banker lambası, ışık halkası fareyi çok hafif izler; bugünlük bitince söner */
#cards-view.kt .kt-desk{isolation:isolate;overflow:visible}
#cards-view.kt .kt-desk::before{content:"";position:absolute;inset:0;z-index:-1;border-radius:inherit;pointer-events:none;background:radial-gradient(60% 48% at var(--lx,50%) var(--ly,-2%),rgba(255,214,120,.42),rgba(255,214,120,.12) 55%,transparent 75%);transition:opacity .8s ease,background-position .3s}
#cards-view.kt .kt-desk.kt-off::before{opacity:.15}
#cards-view.kt .kt-lamp{position:absolute;right:18px;top:-58px;width:76px;height:100px;pointer-events:none;z-index:2}
#cards-view.kt .kt-lamp svg{width:100%;height:100%;overflow:visible;filter:drop-shadow(0 6px 6px rgba(60,30,10,.25))}
#cards-view.kt .kt-bulb{filter:drop-shadow(0 0 6px #FFD36B);transition:fill .6s,filter .6s}
#cards-view.kt .kt-desk.kt-off .kt-bulb{fill:#B9AE8F;filter:none}
@media (max-width:700px){#cards-view.kt .kt-lamp{width:54px;height:72px;top:-40px;right:8px}}

/* ahşap ve pirinç: etiketlikte parlama geçişi, kulplara gölge */
#cards-view.kt .kt-cab{background-blend-mode:normal}
#cards-view.kt .kt-label{background:linear-gradient(105deg,transparent 35%,rgba(255,255,255,.75) 48%,transparent 60%) no-repeat,var(--fis);background-size:250% 100%,auto;background-position:130% 0,0 0}
#cards-view.kt .kt-pull{box-shadow:0 1px 0 rgba(255,235,200,.35),0 3px 3px rgba(40,20,5,.35)}
#cards-view.kt .kt-drawer::before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:repeating-linear-gradient(90deg,rgba(90,50,20,0) 0 14px,rgba(90,50,20,.07) 14px 15px,rgba(90,50,20,0) 15px 33px,rgba(255,235,200,.06) 33px 35px)}

/* boş dolap çizimi */
#cards-view.kt .kt-empty{grid-column:1 / -1;display:flex;align-items:center;gap:18px;padding:12px 16px;border-radius:8px;background:rgba(255,253,244,.92)}
#cards-view.kt .kt-empty svg{flex:none;width:170px;height:auto}
#cards-view.kt .kt-empty p{margin:0;font-size:14.5px;line-height:1.45;color:var(--kt-soft)}
#cards-view.kt .kt-empty b{display:block;font-family:"Caveat",cursive;font-size:24px;color:var(--kt-ink)}
/* bugünlük bitti: kapanmış kitap */
#cards-view.kt .big-in .kt-book{width:120px;height:60px;margin-bottom:-4px}
/* düştüğü göz notu (göz ekranda değilken) */
#cards-view.kt #ktable{position:relative}
#cards-view.kt .kt-drop{position:absolute;left:50%;top:-14px;z-index:5;transform:translateX(-50%);padding:5px 12px;border-radius:999px;background:var(--oak3);color:#FFF3DC;font-size:13px;white-space:nowrap;opacity:0;pointer-events:none}
#cards-view.kt .kt-drop b{display:inline-grid;place-items:center;width:20px;height:20px;margin-right:4px;border-radius:50%;background:var(--fis);color:var(--kt-ink);font-family:"JetBrains Mono",monospace;font-size:11px}
#cards-view.kt .kt-drop.on{opacity:1}
/* uçan fiş (çekmeceden masaya) */
.kt-flyfis{position:fixed;z-index:60;pointer-events:none;border-radius:2px;background:linear-gradient(transparent 26%,rgba(181,67,47,.6) 26% 29%,transparent 29%),#FFFDF4;border:1px solid #E6DDBF;box-shadow:0 18px 24px -14px rgba(60,30,10,.55);transform-origin:50% 50%}

@media (prefers-reduced-motion:no-preference){
  /* panel ilk açılınca çekmeceler sırayla yerine oturur */
  #cards-view.kt .kt-intro .kt-drawer,#cards-view.kt .kt-intro .kx-add{animation:kt-slot .55s cubic-bezier(.3,1.3,.5,1) both;animation-delay:calc(var(--i,0) * 70ms + 120ms)}
  @keyframes kt-slot{from{transform:translateY(-26px) scaleY(.85);opacity:0}60%{opacity:1}}
  #cards-view.kt .kt-cab{animation:kt-cab .6s cubic-bezier(.2,.7,.2,1) both}
  @keyframes kt-cab{from{transform:translateY(16px);opacity:0}}
  /* seçilen çekmece önce dışarı çekilir, sonra yerine oturur */
  #cards-view.kt .kt-drawer.kt-pulling{animation:kt-pull .65s cubic-bezier(.3,1.4,.5,1)}
  @keyframes kt-pull{0%{transform:translateY(0)}35%{transform:translateY(-16px) scale(1.05)}100%{transform:translateY(-6px) scale(1.02)}}
  /* uç veren fişler hafifçe nefes alır */
  #cards-view.kt .kt-drawer[aria-current="true"] .kt-peek i{animation:kt-peek 2.6s ease-in-out infinite;animation-delay:calc(var(--p) * .25s)}
  @keyframes kt-peek{50%{transform:translateY(-3px) rotate(calc(var(--p) * 3deg - 3deg))}}
  /* pirinç parlaması */
  #cards-view.kt .kt-drawer:hover .kt-label,#cards-view.kt .kt-drawer:focus-visible .kt-label{transition:background-position .7s ease;background-position:-30% 0,0 0}
  /* lamba titremesi (bir kez, açılışta) */
  #cards-view.kt .kt-bulb{animation:kt-flick 1.2s steps(1) .3s both}
  @keyframes kt-flick{0%{fill:#B9AE8F;filter:none}10%{fill:#FFE9A8}18%{fill:#B9AE8F}26%,100%{fill:#FFE9A8}}
  /* damga yukarıdan iner, yere vurur */
  #cards-view.kt .imprint{animation:kt-stamp-down .42s cubic-bezier(.5,0,.4,1.3) both}
  @keyframes kt-stamp-down{0%{transform:translate(-50%,-140%) rotate(var(--ir)) scale(1.5);opacity:0}55%{transform:translate(-50%,-50%) rotate(var(--ir)) scale(.94);opacity:.95}75%{transform:translate(-50%,-50%) rotate(var(--ir)) scale(1.04)}100%{transform:translate(-50%,-50%) rotate(var(--ir)) scale(1);opacity:.88}}
  #cards-view.kt .kt-ink{position:absolute;z-index:3;width:0;height:0;pointer-events:none}
  #cards-view.kt .kt-ink i{position:absolute;left:0;top:0;width:var(--ds);height:var(--ds);border-radius:50%;background:currentColor;opacity:0;animation:kt-splat .5s .2s cubic-bezier(.2,.7,.3,1) both}
  #cards-view.kt .kt-ink.yes{color:var(--stamp)}#cards-view.kt .kt-ink.no{color:var(--kt-red)}
  @keyframes kt-splat{0%{transform:translate(0,0) scale(.4);opacity:.9}100%{transform:translate(var(--dx),var(--dy)) scale(1);opacity:.55}}
  /* "tekrar": fiş sallanır */
  #cards-view.kt .big-in.kt-wobble{animation:kt-wobble .42s ease-in-out}
  @keyframes kt-wobble{20%{transform:rotate(-2.2deg) translateX(-6px)}45%{transform:rotate(1.8deg) translateX(5px)}70%{transform:rotate(-1deg) translateX(-2px)}}
  /* göze düşünce sayı tıklar */
  #cards-view.kt .kx-leit-box .cp.bump .cp-no{animation:kt-tick .5s cubic-bezier(.3,1.6,.5,1)}
  @keyframes kt-tick{40%{transform:scale(1.35) rotate(-8deg);background:#FFE27A}}
  #cards-view.kt .kt-drop.on{animation:kt-drop 1.8s ease both}
  @keyframes kt-drop{0%{opacity:0;transform:translate(-50%,8px)}15%,75%{opacity:1;transform:translate(-50%,0)}100%{opacity:0;transform:translate(-50%,-6px)}}
  /* arka yüz: cevap kalemle yazılıyormuş gibi soldan açılır */
  #cards-view.kt .big.back .big-in .a{animation:kt-write .6s .08s cubic-bezier(.4,0,.2,1) both}
  @keyframes kt-write{from{clip-path:inset(-10% 100% -10% 0);opacity:.6}to{clip-path:inset(-10% 0 -10% 0);opacity:1}}
  /* boş dolap: son çekmece açılıp fiş göz kırpar */
  #cards-view.kt .kt-empty .kt-ei-fis{animation:kt-ei 2.8s ease-in-out infinite}
  @keyframes kt-ei{0%,100%{transform:translateY(8px)}50%{transform:translateY(0)}}
  /* kapanmış kitabın üstünde toz/ışık noktaları */
  #cards-view.kt .big-in .kt-book path:last-child{animation:kt-dust 3s linear infinite}
  @keyframes kt-dust{to{stroke-dashoffset:-24}}
}

/* ===== Test raporu düzeltmeleri (28.10.2026) ===== */
/* R50: soru kartı ekranı doldurmasın; "Tekrar"/"Biliyorum" kaydırmadan görünsün */
#cards-view.kt .big{aspect-ratio:auto;height:clamp(220px,42vh,340px)}
#cards-view.kt .judge,#cards-view.kt .judge4{margin-top:14px}
/* R46/R65: uzun deste/belge adı etiketin içinde iki satıra sarılır, dışarı taşmaz (tamamı üzerine gelince) */
#cards-view.kt .kx-dn{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere}
#cards-view.kt .kt-label{min-width:0;overflow:hidden}
/* R55: çekmecedeki fişlerin sorusu iki satıra kadar, tamamı title'da */
#cards-view.kt .kx-fan .fc-q{-webkit-line-clamp:3;overflow-wrap:anywhere}
/* R61: beş nokta dokunulabilir; imleç açıklama olduğunu belli eder */
#cards-view .big-in .lvl{cursor:help}
@media (max-width:700px){
  /* R68: telefonda deste seçimi (arama, ders, çekmeceler) daha yukarıda: başlık açıklaması ve damga şeridi gizlenir */
  #cards-view.kt .kt-head .d-sub,#cards-view.kt .kt-dates{display:none}
  #cards-view.kt .kt-head{margin-bottom:12px;gap:10px}
  #cards-view.kt .big{height:clamp(200px,38vh,300px)}
}
/* R54: menüde "çekmeceyi sil" öteki seçeneklerden ayrık ve kırmızı; silmeden önce onay penceresi açılır */
#cards-view.kt .kx-menu .kx-del{margin-top:10px;padding-top:10px;border-top:1px dashed rgba(181,67,47,.45);color:#B5432F}
/* R51: sekmelerin farkı */
#cards-view .kx-mode-n{margin:6px 0 0;font-size:16px;line-height:1.25;color:#7A6A4E;text-align:center}
@media (max-width:700px){#cards-view .kx-mode-n{font-size:14.5px}}
/* R48: soru ve cevap aynı yazı ailesinde (cevap el yazısı fontundaydı, soru düz; kartlar karışık görünüyordu) */
#cards-view .big-in .a{font-family:"Instrument Sans",system-ui,sans-serif;font-weight:600;font-size:clamp(18px,2vw,24px);line-height:1.35;color:#1F2B57}
#cards-view .big-in .q,#cards-view .kx-fan .fc-q{font-family:"Instrument Sans",system-ui,sans-serif}
