/* ============================================================
   DİJİTAL TEST MAKER MODÜLÜ CSS — Kelebek Platform V2
   ============================================================ */

.dtm-page{max-width:1200px;margin:0 auto;padding:24px;display:flex;gap:20px;height:calc(100vh - 80px)}
.dtm-sidebar{width:420px;flex-shrink:0;display:flex;flex-direction:column;gap:12px}
.dtm-main{flex:1;display:flex;flex-direction:column}

/* ── Question List ── */
.qlist-scroll{flex:1;overflow-y:auto;padding-right:6px}
.q-empty{text-align:center;padding:40px 20px;color:var(--text3);font-size:var(--fs-base,.85rem);display:none}

/* ── Question Cards ── */
.qcard{background:var(--bg1);border:1px solid var(--border);border-radius:8px;margin-bottom:8px;cursor:pointer;transition:all .15s;overflow:hidden}
.qcard:hover{border-color:var(--border2)}
.qcard.active{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}
.qcard.section-card{background:rgba(245,158,11,.04);border-left:3px solid var(--amber)}
.qcard.fullwidth{border-left:3px solid var(--purple)}
.qcard.active.section-card{border-left:3px solid var(--accent)}
.qcard-head{display:flex;align-items:center;gap:8px;padding:8px 10px}
.qcard-num{font-weight:800;font-size:var(--fs-sm,.8rem);color:var(--text);min-width:20px}
.qcard-type{padding:1px 8px;border-radius:4px;font-size:var(--fs-xs,.72rem);font-weight:700;text-transform:uppercase;letter-spacing:.5px}
.qcard-type.mc{background:rgba(37,99,235,.1);color:var(--blue)}
.qcard-type.open{background:rgba(34,197,94,.1);color:var(--green)}
.qcard-type.fill{background:rgba(139,92,246,.1);color:var(--purple)}
.qcard-type.sec{background:rgba(245,158,11,.1);color:var(--amber)}
.qcard-pts{font-size:var(--fs-xs,.72rem);color:var(--text3);font-weight:600}
.qcard-content{padding:0 10px}
.qcard-preview-text{font-size:var(--fs-xs,.72rem);color:var(--text2);line-height:1.4;margin-bottom:6px;max-height:40px;overflow:hidden;word-break:break-word}
.qcard-img-wrap{max-height:80px;overflow:hidden;margin-bottom:6px;border-radius:4px;border:1px solid var(--border)}
.qcard-img-wrap img{width:100%;height:80px;object-fit:cover;display:block}
.opts-bar{display:flex;gap:4px;padding:4px 10px 8px}
.opt-dot{width:20px;height:20px;border-radius:50%;border:1.5px solid var(--border);display:flex;align-items:center;justify-content:center;font-size:var(--fs-xs,.72rem);font-weight:700;color:var(--text3)}
.opt-dot.has{border-color:var(--blue);color:var(--blue);background:rgba(37,99,235,.05)}
.opt-dot.correct{border-color:var(--green);color:var(--green);background:rgba(34,197,94,.1)}
.qcard-acts{display:flex;gap:2px;padding:6px 8px;border-top:1px solid var(--border);background:var(--bg0)}
.qcard-act{padding:2px 7px;border:none;background:transparent;color:var(--text3);cursor:pointer;font-size:var(--fs-sm,.8rem);border-radius:3px;transition:all .1s;font-family:inherit}
.qcard-act:hover{background:var(--glass);color:var(--text)}
.qcard-act.del:hover{background:rgba(239,68,68,.1);color:var(--red)}

/* ── Sidebar Actions ── */
.qlist-actions{display:flex;gap:6px;flex-wrap:wrap}
.qlist-actions button{padding:8px 13px}
.qlist-total{text-align:right;font-size:var(--fs-sm,.8rem);color:var(--text2);font-weight:600}

/* ── Question Edit Panel ── */
.qedit-panel{position:fixed;top:0;right:0;width:min(640px,100vw);height:100vh;z-index:3000;background:var(--bg1);border-left:1px solid var(--border);box-shadow:-4px 0 30px rgba(0,0,0,.5);display:none;flex-direction:column}
.qedit-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid var(--border);flex-shrink:0}
.qedit-title{font-weight:700;font-size:var(--fs-base,.85rem)}
.qedit-nav{display:flex;gap:4px}
.qedit-inner{flex:1;overflow-y:auto;padding:16px}
.qedit-body{margin-bottom:12px}

/* ── Word Processor ── */
.we-toolbar{display:flex;align-items:center;gap:4px;padding:8px 10px;background:var(--bg0);border:1px solid var(--border);border-radius:8px 8px 0 0;flex-wrap:wrap;position:sticky;top:0;z-index:5}
.we-btn{padding:4px 9px;border:1px solid var(--border);background:var(--bg2);color:var(--text);cursor:pointer;font-size:var(--fs-sm,.8rem);border-radius:4px;font-family:inherit;transition:all .1s}
.we-btn:hover{background:var(--bg3);border-color:var(--border2)}
.we-btn.active{background:var(--accent);color:white;border-color:var(--accent)}
.we-sep{width:1px;height:20px;background:var(--border);margin:0 2px}
.we-tabs{display:flex;gap:3px;margin:4px 0;flex-wrap:wrap}
.we-tab{padding:5px 14px;border:1px solid var(--border);background:var(--bg0);color:var(--text2);cursor:pointer;font-size:var(--fs-xs,.72rem);font-weight:600;border-radius:6px;font-family:inherit;transition:all .1s}
.we-tab.on{background:var(--accent);color:white;border-color:var(--accent)}
.we-tab:hover:not(.on){border-color:var(--border2);color:var(--text)}
#we-sym-btns{display:flex;flex-wrap:wrap;gap:3px;margin-bottom:8px}
.we-sym-btn{min-width:36px;text-align:center;font-family:'JetBrains Mono',monospace!important}

#we-area{min-height:200px;max-height:400px;overflow-y:auto;background:var(--bg0);border:1px solid var(--border);border-top:none;border-radius:0 0 8px 8px;padding:12px 14px;color:var(--text);font-size:var(--fs-base,.85rem);line-height:1.7;outline:none;word-wrap:break-word}
#we-area:focus{border-color:var(--accent)}
#we-area img{display:block;max-width:100%;height:auto;margin:6px 0}

/* ── Responsive ── */
@media(max-width:900px){
  .dtm-page{flex-direction:column;height:auto}
  .dtm-sidebar{width:100%;max-height:300px}
  .qedit-panel{width:100vw}
}