/* assets/qa.css - Arkipedia uyumlu (Tailwind renkleriyle yakın) */

/* Container spacing: theme'de header fixed -> üst boşluk */
.arkqa-shell{padding:24px; padding-top:110px; color:inherit; min-height:80vh;}
@media(max-width:640px){.arkqa-shell{padding:14px; padding-top:92px;}}

.arkqa-layout{max-width:1200px;margin:0 auto; display:grid; gap:20px; grid-template-columns:64px 1fr 320px;}
@media(max-width:1024px){.arkqa-layout{grid-template-columns:1fr}}

.arkqa-main{min-width:0}
.arkqa-side{position:sticky; top:110px; height:max-content}
@media(max-width:1024px){.arkqa-side{position:static}}

.arkqa-card{
  border:1px solid rgba(229,231,235,.9);
  background:rgba(255,255,255,.92);
  border-radius:20px;
  padding:18px;
  box-shadow:0 8px 26px rgba(0,0,0,.06);
}
html.dark .arkqa-card{
  border:1px solid rgba(55,65,81,.55);
  background:rgba(31,41,55,.65);
  box-shadow:0 12px 34px rgba(0,0,0,.22);
}

.arkqa-cardGradient{
  background:linear-gradient(to bottom, rgba(255,255,255,.98), rgba(249,250,251,.92));
}
html.dark .arkqa-cardGradient{
  background:linear-gradient(to bottom, rgba(31,41,55,.75), rgba(17,24,39,.55));
}

.arkqa-h1{font-size:28px;font-weight:800;letter-spacing:-.02em;margin-top:10px;color:#111827}
html.dark .arkqa-h1{color:#f9fafb}
.arkqa-h2{font-size:18px;font-weight:800;color:#111827}
html.dark .arkqa-h2{color:#f9fafb}
.arkqa-h3{font-size:16px;font-weight:800;color:#111827}
html.dark .arkqa-h3{color:#f9fafb}

.arkqa-title{font-size:20px;font-weight:800;color:#111827}
html.dark .arkqa-title{color:#f9fafb}

.arkqa-subtitle{color:#6b7280;font-size:14px}
html.dark .arkqa-subtitle{color:#d1d5db}

.arkqa-prose{color:#111827; line-height:1.75}
html.dark .arkqa-prose{color:#f3f4f6}
.arkqa-prose p{margin:12px 0}
.arkqa-prose ul{margin:12px 0; padding-left:20px}
.arkqa-prose li{margin:6px 0}
.arkqa-prose a{color:#4f46e5; text-decoration:underline}
html.dark .arkqa-prose a{color:#a5b4fc}

.arkqa-input,.arkqa-textarea,.arkqa-select{
  width:100%; background:#fff; border:1px solid rgba(209,213,219,.9); border-radius:14px;
  padding:12px 14px; color:#111827; outline:none;
}
html.dark .arkqa-input, html.dark .arkqa-textarea, html.dark .arkqa-select{
  background:rgba(17,24,39,.75); border:1px solid rgba(75,85,99,.7); color:#f9fafb;
}
.arkqa-textarea{min-height:160px; resize:vertical}
.arkqa-input:focus,.arkqa-textarea:focus,.arkqa-select:focus{
  box-shadow:0 0 0 3px rgba(99,102,241,.25);
  border-color:rgba(99,102,241,.55)
}

.arkqa-btn-primary{
  background:#4f46e5; padding:10px 14px; border-radius:14px; font-weight:800; display:inline-flex; gap:8px; align-items:center; color:#fff; text-decoration:none;
}
.arkqa-btn-primary:hover{background:#4338ca}
.arkqa-btn.ghost{background:transparent; border:1px solid rgba(209,213,219,.9); padding:10px 12px; border-radius:14px; color:#374151; text-decoration:none}
html.dark .arkqa-btn.ghost{border-color:rgba(75,85,99,.7); color:#f3f4f6}
.arkqa-btn.ghost:hover{background:rgba(243,244,246,.8)}
html.dark .arkqa-btn.ghost:hover{background:rgba(55,65,81,.6)}

.arkqa-tag{
  padding:6px 10px; border-radius:999px;
  border:1px solid rgba(209,213,219,.9);
  background:rgba(249,250,251,.9);
  font-size:12px; color:#374151; text-decoration:none
}
html.dark .arkqa-tag{
  border-color:rgba(75,85,99,.7);
  background:rgba(17,24,39,.55);
  color:#e5e7eb;
}
.arkqa-tag:hover{background:rgba(243,244,246,1)}
html.dark .arkqa-tag:hover{background:rgba(55,65,81,.55)}
.arkqa-badge{padding:6px 10px; border-radius:999px; border:1px solid rgba(209,213,219,.9); background:rgba(249,250,251,.85); font-size:12px; color:#374151}
html.dark .arkqa-badge{border-color:rgba(75,85,99,.7); background:rgba(17,24,39,.55); color:#e5e7eb}

.arkqa-chip{padding:6px 10px;border-radius:999px;font-size:12px;border:1px solid rgba(209,213,219,.9); font-weight:700}
html.dark .arkqa-chip{border-color:rgba(75,85,99,.7)}
.arkqa-chip-green{background:rgba(16,185,129,.12);border-color:rgba(16,185,129,.25); color:#047857}
html.dark .arkqa-chip-green{color:#6ee7b7}
.arkqa-chip-amber{background:rgba(245,158,11,.14);border-color:rgba(245,158,11,.25); color:#b45309}
html.dark .arkqa-chip-amber{color:#fcd34d}
.arkqa-chip-blue{background:rgba(59,130,246,.12);border-color:rgba(59,130,246,.25); color:#1d4ed8}
html.dark .arkqa-chip-blue{color:#93c5fd}

.arkqa-avatar{width:40px;height:40px;border-radius:14px;background:rgba(229,231,235,1)}
html.dark .arkqa-avatar{background:rgba(55,65,81,.85)}
.arkqa-alert{border:1px solid rgba(244,63,94,.35); background:rgba(244,63,94,.06); padding:14px; border-radius:14px; color:#9f1239}
html.dark .arkqa-alert{color:#fecdd3}

.arkqa-vote{position:sticky; top:110px; height:max-content}
@media(max-width:1024px){.arkqa-vote{display:none}}
.arkqa-voteBox{
  display:flex;flex-direction:column; align-items:center; gap:10px;
  border-radius:18px; border:1px solid rgba(209,213,219,.9);
  background:rgba(255,255,255,.92); padding:12px;
  box-shadow:0 8px 20px rgba(0,0,0,.06)
}
html.dark .arkqa-voteBox{
  border-color:rgba(75,85,99,.7); background:rgba(31,41,55,.7); box-shadow:0 12px 32px rgba(0,0,0,.28)
}
.arkqa-voteBtn{width:40px;height:40px;border-radius:14px;border:1px solid rgba(209,213,219,.9);background:#fff;color:#111827}
html.dark .arkqa-voteBtn{border-color:rgba(75,85,99,.7); background:rgba(17,24,39,.8); color:#f9fafb}
.arkqa-voteBtn:hover{background:rgba(243,244,246,.9)}
html.dark .arkqa-voteBtn:hover{background:rgba(55,65,81,.6)}
.arkqa-voteCount{font-size:18px;font-weight:900;color:#111827}
html.dark .arkqa-voteCount{color:#f9fafb}
.arkqa-divider{width:100%;height:1px;background:rgba(229,231,235,1);margin:8px 0}
html.dark .arkqa-divider{background:rgba(75,85,99,.7)}
.arkqa-metaMini{font-size:11px;color:#6b7280;text-align:center}
html.dark .arkqa-metaMini{color:#d1d5db}

.arkqa-questionCard{border:1px solid rgba(229,231,235,.9);background:rgba(255,255,255,.92); border-radius:20px; padding:16px; display:flex; gap:16px}
html.dark .arkqa-questionCard{border-color:rgba(55,65,81,.65); background:rgba(31,41,55,.6)}
.arkqa-questionCard:hover{transform:translateY(-1px); box-shadow:0 10px 24px rgba(0,0,0,.07)}
html.dark .arkqa-questionCard:hover{box-shadow:0 18px 44px rgba(0,0,0,.35)}
.arkqa-questionStats{display:flex; gap:18px; align-items:center; padding:10px 12px; border-radius:16px; border:1px solid rgba(209,213,219,.9); background:rgba(249,250,251,.9); height:max-content}
html.dark .arkqa-questionStats{border-color:rgba(75,85,99,.7); background:rgba(17,24,39,.55)}

.arkqa-dot{width:6px;height:6px;border-radius:999px;background:#6366f1; display:inline-block}

.arkqa-answer{border:1px solid rgba(229,231,235,.9);background:rgba(255,255,255,.92); border-radius:20px; padding:18px}
html.dark .arkqa-answer{border-color:rgba(55,65,81,.65); background:rgba(31,41,55,.6)}
.arkqa-answerAccepted{border-color:rgba(16,185,129,.35); background:rgba(16,185,129,.06)}
html.dark .arkqa-answerAccepted{background:rgba(16,185,129,.08)}

.arkqa-miniBtn{border:1px solid rgba(209,213,219,.9); background:#fff; padding:8px 10px; border-radius:12px; font-size:12px; color:#111827; font-weight:700}
html.dark .arkqa-miniBtn{border-color:rgba(75,85,99,.7); background:rgba(17,24,39,.7); color:#f9fafb}
.arkqa-miniBtn:hover{background:rgba(243,244,246,.9)}
html.dark .arkqa-miniBtn:hover{background:rgba(55,65,81,.6)}
.arkqa-miniBtn.accept{border-color:rgba(16,185,129,.35)}

/* Editor */
.arkqa-editorWrap{border:1px solid rgba(209,213,219,.9); border-radius:14px; overflow:hidden; background:#fff}
html.dark .arkqa-editorWrap{border-color:rgba(75,85,99,.7); background:rgba(17,24,39,.75)}
.arkqa-quill{min-height:220px}
.ql-toolbar.ql-snow{border:0; border-bottom:1px solid rgba(229,231,235,1); background:rgba(249,250,251,.9)}
html.dark .ql-toolbar.ql-snow{border-bottom:1px solid rgba(75,85,99,.7); background:rgba(31,41,55,.65)}
.ql-container.ql-snow{border:0; font-size:14px}
.ql-editor{min-height:220px}
html.dark .ql-editor{color:#f9fafb}

/* Attachments */
.arkqa-attachBlock{border:1px solid rgba(229,231,235,.9); border-radius:18px; padding:16px; background:rgba(249,250,251,.9)}
html.dark .arkqa-attachBlock{border-color:rgba(75,85,99,.7); background:rgba(17,24,39,.55)}
.arkqa-attachGrid{display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px}
@media(min-width:768px){.arkqa-attachGrid{grid-template-columns:repeat(4,minmax(0,1fr));}}

.arkqa-attachItem{position:relative; border:1px solid rgba(229,231,235,.9); border-radius:16px; overflow:hidden; background:rgba(255,255,255,.95)}
html.dark .arkqa-attachItem{border-color:rgba(75,85,99,.7); background:rgba(31,41,55,.65)}
.arkqa-attachThumb{width:100%; height:110px; object-fit:cover; display:block}
.arkqa-attachMeta{padding:10px}
.arkqa-attachTitle{font-size:12px; font-weight:800; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; color:#111827}
html.dark .arkqa-attachTitle{color:#f9fafb}
.arkqa-attachType{font-size:11px; color:#6b7280}
html.dark .arkqa-attachType{color:#d1d5db}
.arkqa-attachRemove{position:absolute; top:8px; right:8px; width:30px; height:30px; border-radius:12px; border:1px solid rgba(209,213,219,.9); background:rgba(255,255,255,.85); color:#111827}
html.dark .arkqa-attachRemove{border-color:rgba(75,85,99,.7); background:rgba(17,24,39,.7); color:#f9fafb}
.arkqa-attachRemove:hover{background:rgba(243,244,246,1)}
html.dark .arkqa-attachRemove:hover{background:rgba(55,65,81,.6)}

/* Lightbox */
.arkqa-lightbox{position:fixed; inset:0; background:rgba(0,0,0,.65); display:none; align-items:center; justify-content:center; z-index:9999; padding:18px}
.arkqa-lightbox.open{display:flex}
.arkqa-lightboxInner{max-width:1100px; width:100%; background:#fff; border:1px solid rgba(229,231,235,1); border-radius:18px; overflow:hidden; box-shadow:0 24px 70px rgba(0,0,0,.35)}
html.dark .arkqa-lightboxInner{background:rgba(17,24,39,.95); border-color:rgba(75,85,99,.7)}
.arkqa-lightboxTop{display:flex; align-items:center; justify-content:space-between; padding:12px 14px; border-bottom:1px solid rgba(229,231,235,1); background:rgba(249,250,251,.95)}
html.dark .arkqa-lightboxTop{border-bottom:1px solid rgba(75,85,99,.7); background:rgba(31,41,55,.65)}
.arkqa-lightboxTitle{font-size:13px; color:#111827; font-weight:800}
html.dark .arkqa-lightboxTitle{color:#f9fafb}
.arkqa-lightboxClose{border:1px solid rgba(209,213,219,1); background:#fff; color:#111827; border-radius:12px; padding:6px 10px; font-size:12px; font-weight:800}
html.dark .arkqa-lightboxClose{border-color:rgba(75,85,99,.7); background:rgba(17,24,39,.7); color:#f9fafb}
.arkqa-lightboxClose:hover{background:rgba(243,244,246,1)}
html.dark .arkqa-lightboxClose:hover{background:rgba(55,65,81,.6)}
.arkqa-lightboxBody{padding:12px; display:flex; justify-content:center; align-items:center; min-height:420px}
.arkqa-lightboxBody img{max-width:100%; height:auto}
.arkqa-pdfFrame{width:100%; height:72vh; border:0}

/* Detail ref card */
.arkqa-detailCard{border:1px solid rgba(99,102,241,.25); background:rgba(99,102,241,.06); border-radius:18px; padding:14px; margin-top:12px}
html.dark .arkqa-detailCard{border-color:rgba(165,180,252,.25); background:rgba(165,180,252,.08)}
.arkqa-detailHead{display:flex; align-items:center; justify-content:space-between; gap:10px}
.arkqa-detailTitle{font-size:13px; font-weight:900; color:#4338ca}
html.dark .arkqa-detailTitle{color:#c7d2fe}
.arkqa-detailGrid{display:grid; grid-template-columns:1fr; gap:10px; margin-top:10px}
@media(min-width:768px){.arkqa-detailGrid{grid-template-columns:repeat(3,minmax(0,1fr));}}
.arkqa-detailField{border:1px solid rgba(99,102,241,.18); background:rgba(255,255,255,.85); border-radius:14px; padding:10px}
html.dark .arkqa-detailField{background:rgba(17,24,39,.6); border-color:rgba(165,180,252,.18)}
.arkqa-detailLabel{font-size:11px; color:#4f46e5; font-weight:800}
html.dark .arkqa-detailLabel{color:#a5b4fc}
.arkqa-detailValue{font-size:13px; color:#111827; font-weight:900; margin-top:4px}
html.dark .arkqa-detailValue{color:#f9fafb}
.arkqa-detailNote{margin-top:10px; font-size:13px; color:#111827; line-height:1.6}
html.dark .arkqa-detailNote{color:#f3f4f6}