/* สไตล์ของโมดูลจัดชุด/คลังคำถาม (manage.js) — โหลดทั้งในหน้า host และ /admin/ */
.wrap { max-width: 1000px; margin: 0 auto; padding: 16px; }
.mg-head { display: flex; align-items: center; gap: 14px; margin-bottom: 16px; }
.mg-head h1 { font-size: 22px; margin: 0; }
.tabs { display: flex; gap: 8px; }
.tabs .btn.on { background: var(--accent); color: #fff; border-color: var(--accent); }
.row { display: flex; gap: 8px; align-items: flex-start; padding: 10px 12px;
  border: 1px solid var(--line); border-radius: 10px; background: var(--card);
  margin-bottom: 8px; font-size: 15px; }
.row .txt { flex: 1; }
.row .src { color: var(--muted); font-size: 13px; }
.row .btn { padding: 4px 10px; font-size: 13px; }
.toolrow { display: flex; gap: 10px; flex-wrap: wrap; margin-bottom: 14px; align-items: center; }
.toolrow input[type=search] { flex: 1; min-width: 180px; }
.num { width: 64px; text-align: center; }
.editbox { display: flex; flex-direction: column; gap: 8px; margin-top: 8px; width: 100%; }
.editbox textarea { width: 100%; min-height: 70px; }
.ok-msg { color: var(--true); font-weight: 600; }