/* QTC – Hyvor Minimal Theme (dark)  */
/* —— palette —— */
:root{
  --bg:#0b0b0b;           /* page */
  --ink:#f5f5f7;          /* main text */
  --muted:#a9afbb;        /* meta text */
  --soft:#8e97a6;         /* actions */
  --link:#d5d9e3;         /* links/buttons */
  --hover:rgba(255,255,255,.04);
  --admin-chip:rgba(255,90,100,.18);
  --plus-chip:rgba(110,150,255,.18);
}

/* wrapper: no box, just spacing */
.qtc-wrap{background:transparent;color:var(--ink);padding:0}
.qtc-header{display:flex;align-items:center;justify-content:flex-start;margin:0 0 14px}
.qtc-header h3{margin:0;font-size:22px;font-weight:800}

/* composer */
.qtc-form{display:grid;grid-template-columns:40px 1fr;gap:12px;margin:6px 0 18px}
.qtc-avatar{width:40px;height:40px;border-radius:50%;object-fit:cover}
.qtc-form textarea{
  width:100%;min-height:90px;background:#151515;border:1px solid #222;outline:none;
  color:var(--ink);border-radius:8px;padding:12px;font-size:15px;
}
.qtc-actions{grid-column:2/3;display:flex;gap:8px;margin-top:8px}
.qtc-btn{background:#1b1b1b;border:1px solid #2a2a2a;color:var(--link);
  padding:7px 14px;border-radius:999px;cursor:pointer}
.qtc-primary{background:#ffb703;color:#1b1406;border-color:transparent;font-weight:800}

/* list and items (borderless, hover row) */
.qtc-list{display:flex;flex-direction:column;gap:2px}
.qtc-item{
  display:grid;grid-template-columns:36px 1fr;gap:10px;padding:10px 8px;border-radius:8px;
}
.qtc-item:hover{background:var(--hover)}
.qtc-item > .qtc-avatar{width:36px;height:36px;border-radius:50%}

.qtc-body{display:flex;flex-direction:column;gap:6px}
.qtc-meta{display:flex;gap:8px;align-items:center;font-size:12.5px;color:var(--muted)}
.qtc-name{font-weight:800;color:var(--ink)}
.qtc-badge{font-size:11px;padding:2px 8px;border-radius:999px}
.qtc-badge-admin{background:var(--admin-chip);color:#ff98a2}
.qtc-badge-plus{background:var(--plus-chip);color:#a9c3ff}

.qtc-content{font-size:16px;line-height:1.6}

/* actions: tiny inline links like Hyvor */
.qtc-actions-row{display:flex;gap:14px;font-size:12.5px;color:var(--soft)}
.qtc-actions-row button{background:none;border:none;color:inherit;cursor:pointer;padding:0}
.qtc-actions-row button:hover{color:var(--ink)}

/* replies: left vertical thread line */
.qtc-replies{margin-left:26px;display:flex;flex-direction:column;gap:2px;position:relative}
.qtc-replies::before{
  content:"";position:absolute;left:-16px;top:6px;bottom:6px;width:1px;background:#2a2a2a;border-radius:1px;
}

/* “show more …” links */
.qtc-show-more,.qtc-show-more-replies{
  background:none;border:none;color:var(--muted);cursor:pointer;font-size:12.5px;margin-top:4px;
}
.qtc-show-more:hover,.qtc-show-more-replies:hover{color:var(--ink)}

/* login gate matches list spacing */
.qtc-login-gate{
  background:#111;border:1px solid #1f1f1f;border-radius:10px;padding:16px;text-align:center;color:var(--ink)
}

/* inline editor */
.qtc-edit-area textarea{
  width:100%;min-height:90px;background:#151515;border:1px solid #222;color:var(--ink);
  border-radius:8px;padding:10px;margin-top:6px;
}

/* small tweaks for time */
.qtc-body time{opacity:.8}