/* ttrack T5: 課題タブ(issues.js)。色は style.css の既存変数だけを使う(新色を足さない)。
   ダーク系: 既定はアプリ本体と同じ明色。prefers-color-scheme: dark では同じ変数の組み合わせを反転させて読めるようにする。 */
.iss-root {
  --iss-bg: #fff; --iss-bg2: var(--s50); --iss-bg3: var(--s100); --iss-line: var(--s200);
  --iss-fg: var(--s900); --iss-fg2: var(--s700); --iss-fg3: var(--s500); --iss-acc: var(--teal-d);
  color: var(--iss-fg); min-width: 0; max-width: 100%; overflow-wrap: anywhere;
}
@media (prefers-color-scheme: dark) {
  .iss-root { --iss-bg: var(--s800); --iss-bg2: var(--s900); --iss-bg3: var(--s700); --iss-line: var(--s700);
    --iss-fg: var(--s50); --iss-fg2: var(--s200); --iss-fg3: var(--s400); --iss-acc: var(--teal); background: var(--iss-bg2); }
}
.iss-root *, .iss-root *::before, .iss-root *::after { box-sizing: border-box; min-width: 0; }
.iss-root input, .iss-root select, .iss-root textarea { font-size: 16px; min-height: 44px; max-width: 100%;
  background: var(--iss-bg); color: var(--iss-fg); border: 1px solid var(--iss-line); border-radius: 8px; padding: 8px 10px; }
.iss-root textarea { width: 100%; min-height: 88px; resize: vertical; }
.iss-root input[type=checkbox] { min-height: 0; width: 22px; height: 22px; padding: 0; accent-color: var(--teal); }
.iss-root button, .iss-root summary, .iss-root a.iss-btn, .iss-root .iss-chip { min-height: 44px; }
.iss-btn { display: inline-flex; align-items: center; justify-content: center; gap: 6px; min-height: 44px; min-width: 44px; padding: 8px 14px; font-size: 14px; }
.iss-root .btn-secondary { background: var(--iss-bg); color: var(--iss-fg2); border: 1px solid var(--iss-line); border-radius: 10px; }
.iss-root a { color: var(--iss-acc); }
.iss-faint { color: var(--iss-fg3); font-size: 12px; }
.iss-h { font-size: 18px; font-weight: 700; margin: 0; }
.iss-head { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin-bottom: 12px; }
.iss-head .iss-h { flex: 1 1 200px; }
.iss-loading, .iss-empty { color: var(--iss-fg3); padding: 16px 4px; }
.iss-err { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; border: 1px solid var(--red); border-left-width: 4px;
  border-radius: 10px; padding: 10px 12px; margin: 8px 0; color: var(--red); background: var(--iss-bg); }
.iss-err-msg { flex: 1 1 200px; white-space: pre-wrap; }
.iss-ok { border: 1px solid var(--green); border-left-width: 4px; border-radius: 10px; padding: 10px 12px; margin: 8px 0; color: var(--green); background: var(--iss-bg); }
.iss-warn { border-left: 4px solid var(--amber); padding: 6px 10px; margin: 6px 0; color: var(--iss-fg2); background: var(--iss-bg2); border-radius: 6px; }

/* チップ */
.iss-chip { display: inline-flex; align-items: center; gap: 4px; padding: 4px 12px; border-radius: 999px; border: 1px solid var(--iss-line);
  background: var(--iss-bg); color: var(--iss-fg2); font-size: 13px; line-height: 1.3; cursor: pointer; list-style: none; }
span.iss-chip { min-height: 0; padding: 2px 8px; font-size: 12px; cursor: default; }
.iss-chip.iss-on, .iss-vchip.iss-on, .iss-fchip.iss-on { background: var(--s800); color: #fff; border-color: var(--s800); }
.iss-root summary::-webkit-details-marker { display: none; }
.iss-st-new { border-color: var(--teal); color: var(--iss-acc); }
.iss-st-analyzed, .iss-st-decided { border-color: var(--s400); }
.iss-st-doing { border-color: var(--amber); color: var(--amber); }
.iss-st-fixed { border-color: var(--green); color: var(--green); }
.iss-st-closed, .iss-st-rejected { color: var(--iss-fg3); }
.iss-ball-us { border-color: var(--teal); color: var(--iss-acc); font-weight: 600; }
.iss-ball-customer { border-color: var(--amber); color: var(--amber); }
.iss-flag { border-color: var(--amber); color: var(--amber); }
.iss-flag-conflict, .iss-flag-image_lost { border-color: var(--red); color: var(--red); }
.iss-flag-q { border-color: var(--teal); color: var(--iss-acc); }
.iss-sev-high { color: var(--red); font-weight: 700; }
.iss-sev-mid { color: var(--amber); }
.iss-sev-low, .iss-sev-none { color: var(--iss-fg3); }
.iss-lock { display: inline-flex; width: 14px; height: 14px; color: var(--amber); vertical-align: -2px; }
.iss-lock svg { width: 14px; height: 14px; }
.iss-locked { border-style: dashed; }

/* 台帳一覧 */
.iss-pj { margin-bottom: 18px; }
.iss-pj-h { font-size: 14px; color: var(--iss-fg3); margin: 0 0 8px; font-weight: 600; }
.iss-lcard { background: var(--iss-bg); border: 1px solid var(--iss-line); border-radius: 14px; padding: 14px 16px; margin-bottom: 10px; }
.iss-lname { font-size: 16px; font-weight: 700; background: none; border: none; padding: 0; color: var(--iss-fg); text-align: left; min-height: 44px; }
.iss-lmeta { color: var(--iss-fg3); font-size: 12px; }
.iss-counts { display: flex; flex-wrap: wrap; gap: 6px; margin: 8px 0; }
.iss-cnt { display: inline-flex; gap: 4px; align-items: baseline; padding: 2px 10px; border-radius: 999px; background: var(--iss-bg3); font-size: 12px; color: var(--iss-fg2); }
.iss-cnt b { font-size: 15px; color: var(--iss-fg); }
.iss-cnt-us b { color: var(--iss-acc); } .iss-cnt-q b { color: var(--teal); } .iss-cnt-c b { color: var(--amber); } .iss-cnt-f b { color: var(--green); }
.iss-zero { opacity: .55; }
.iss-digest { margin: 6px 0; color: var(--iss-fg2); font-size: 13px; white-space: pre-wrap; }
.iss-lacts { display: flex; flex-wrap: wrap; gap: 8px; }
.iss-newlist { background: var(--iss-bg); border: 1px solid var(--iss-line); border-radius: 14px; padding: 14px 16px; margin-bottom: 14px; display: grid; gap: 10px; }
.iss-newlist label, .iss-grpsel { display: grid; gap: 4px; font-size: 13px; color: var(--iss-fg2); }

/* 課題一覧: 道具帯 */
.iss-tools { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin-bottom: 10px; }
.iss-tools input[data-q] { flex: 1 1 220px; }
.iss-views { display: flex; flex-wrap: wrap; gap: 6px; margin-bottom: 8px; }
.iss-filters, .iss-colmenu { position: relative; }
.iss-fbox { margin-top: 6px; padding: 10px; background: var(--iss-bg); border: 1px solid var(--iss-line); border-radius: 12px; display: grid; gap: 8px; max-width: 100%; }
.iss-pc .iss-colmenu .iss-fbox { position: absolute; z-index: 5; right: 0; min-width: 200px; box-shadow: 0 6px 20px rgba(15,23,42,.18); }
.iss-frow { display: flex; flex-wrap: wrap; gap: 6px; align-items: center; }
.iss-flab { font-size: 12px; color: var(--iss-fg3); min-width: 4em; }
.iss-colopt { display: flex; align-items: center; gap: 8px; min-height: 44px; font-size: 14px; }
.iss-count { color: var(--iss-fg3); font-size: 13px; margin-left: auto; }
.iss-bulk { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; padding: 10px; margin-bottom: 10px; border: 1px solid var(--teal); border-radius: 12px; background: var(--iss-bg); }

/* 一覧と詳細の2面(PC)。スマホは詳細を全画面にして一覧を隠す */
.iss-split { display: block; }
/* 詳細の幅は --iss-dw(%・px)。一覧は最低 320px 残す。境目(.iss-splitter)はドラッグ・左右キー・ダブルクリックで操作(task#7365) */
.iss-pc.iss-has-detail .iss-split { display: grid; grid-template-columns: minmax(0, 1fr) 14px minmax(300px, min(var(--iss-dw, 42%), calc(100% - 334px))); gap: 0; align-items: start; }
.iss-splitter { position: sticky; top: 8px; align-self: stretch; height: calc(100vh - 24px); cursor: col-resize; touch-action: none; display: flex; justify-content: center; }
.iss-splitter::before { content: ""; width: 4px; height: 100%; border-radius: 4px; background: var(--iss-line); transition: background .15s; }
.iss-splitter:hover::before, .iss-splitter:focus-visible::before, .iss-splitter.iss-dragging::before { background: var(--teal); }
.iss-splitter:focus-visible { outline: none; }
.iss-pc .iss-detailpane { position: sticky; top: 8px; max-height: calc(100vh - 24px); overflow-y: auto; }
.iss-mobile.iss-has-detail .iss-listpane, .iss-mobile.iss-has-detail .iss-tools, .iss-mobile.iss-has-detail .iss-views,
.iss-mobile.iss-has-detail .iss-bulk, .iss-mobile.iss-has-detail > .iss-head { display: none; }

/* 密な表(PC) */
.iss-tblwrap { overflow-x: auto; background: var(--iss-bg); border: 1px solid var(--iss-line); border-radius: 12px; max-width: 100%; }
.iss-tbl { width: 100%; border-collapse: collapse; font-size: 13px; }
.iss-tbl th { position: sticky; top: 0; background: var(--iss-bg2); text-align: left; font-weight: 600; color: var(--iss-fg2); border-bottom: 1px solid var(--iss-line); padding: 0; white-space: nowrap; }
.iss-sort { width: 100%; background: none; border: none; padding: 6px 8px; text-align: left; font: inherit; color: inherit; min-height: 44px; }
.iss-sort.iss-on { color: var(--iss-acc); }
.iss-tbl td { padding: 6px 8px; border-bottom: 1px solid var(--iss-line); vertical-align: top; }
.iss-row { cursor: pointer; }
.iss-row:hover td { background: var(--iss-bg2); }
.iss-row.iss-cur td { background: var(--iss-bg3); }
.iss-c-title { min-width: 14em; }
.iss-c-title button { background: none; border: none; padding: 0; text-align: left; font: inherit; color: var(--iss-fg); min-height: 44px; overflow-wrap: anywhere; }
.iss-c-ext { max-width: 9em; overflow-wrap: anywhere; color: var(--iss-fg3); }
.iss-c-num { text-align: right; white-space: nowrap; }
.iss-c-flags { white-space: normal; }
.iss-c-wrap { overflow-wrap: anywhere; }
.iss-cbl { display: inline-flex; align-items: center; justify-content: center; min-width: 44px; min-height: 44px; }
/* 選択列の th/td は表のセルのまま(inline-flex だと行の高さに追従せず、題名が折り返す行で罫線と□がずれる。task#6960) */
.iss-tbl th.iss-cb, .iss-tbl td.iss-cb { display: table-cell; width: 44px; padding: 0; text-align: center; vertical-align: top; }
.iss-grp td, .iss-grp { background: var(--iss-bg2); font-weight: 700; color: var(--iss-fg2); padding: 8px; }

/* カード(スマホ) */
.iss-cards { display: grid; gap: 8px; }
.iss-card { display: flex; gap: 6px; align-items: flex-start; background: var(--iss-bg); border: 1px solid var(--iss-line); border-radius: 12px; padding: 8px 10px; }
.iss-card.iss-cur { border-color: var(--teal); }
.iss-card-main { flex: 1 1 auto; min-width: 0; background: none; border: none; padding: 4px 0; text-align: left; color: var(--iss-fg); font: inherit; min-height: 44px; }
.iss-card-t { display: block; font-weight: 600; font-size: 15px; overflow-wrap: anywhere; }
.iss-card-ext { display: block; color: var(--iss-fg3); font-size: 12px; overflow-wrap: anywhere; }
.iss-card-chips { display: flex; flex-wrap: wrap; gap: 4px; margin-top: 6px; }

/* 詳細 */
.iss-detail { background: var(--iss-bg); border: 1px solid var(--iss-line); border-radius: 14px; padding: 14px; }
.iss-mobile .iss-detail { border-radius: 0; border-left: none; border-right: none; padding: 12px 10px; }
.iss-dhead { display: flex; align-items: flex-start; gap: 8px; margin-bottom: 10px; }
.iss-dtitle { flex: 1 1 auto; font-size: 17px; font-weight: 700; margin: 0; overflow-wrap: anywhere; }
.iss-dext { color: var(--iss-fg3); font-size: 12px; overflow-wrap: anywhere; }
.iss-sec { margin: 14px 0; }
.iss-sec > h4, .iss-qsec > h4 { font-size: 13px; color: var(--iss-fg3); margin: 0 0 6px; }
.iss-qsec { border: 1px solid var(--teal); border-radius: 12px; padding: 10px 12px; background: var(--iss-bg2); }
.iss-qn { margin-bottom: 12px; }
.iss-q { font-weight: 600; white-space: pre-wrap; margin-bottom: 8px; }
.iss-opts { display: grid; gap: 6px; }
.iss-opt { text-align: left; justify-content: flex-start; flex-wrap: wrap; white-space: normal; }
.iss-opt.iss-rec { border: 2px solid var(--teal); }
.iss-recmark { color: var(--iss-acc); font-weight: 700; font-size: 12px; }
.iss-optnote { display: block; width: 100%; color: var(--iss-fg3); font-size: 12px; }
.iss-free { display: grid; gap: 6px; margin-top: 8px; }
.iss-fields { display: flex; flex-wrap: wrap; gap: 6px; }
.iss-fname { color: var(--iss-fg3); font-size: 11px; }
.iss-editrow { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; margin-top: 8px; }
.iss-body { white-space: pre-wrap; overflow-wrap: anywhere; line-height: 1.6; }
.iss-info { display: grid; grid-template-columns: max-content minmax(0, 1fr); gap: 4px 12px; font-size: 13px; margin: 8px 0; }
.iss-info dt { color: var(--iss-fg3); } .iss-info dd { margin: 0; overflow-wrap: anywhere; }
.iss-fixsum { white-space: pre-wrap; border-left: 3px solid var(--green); padding-left: 8px; }
.iss-prop { border: 1px dashed var(--teal); border-radius: 12px; padding: 10px 12px; display: flex; flex-wrap: wrap; gap: 8px; align-items: center; }
.iss-tl { display: grid; gap: 6px; }
.iss-ev, .iss-note { border-left: 4px solid var(--s500); padding: 6px 10px; background: var(--iss-bg2); border-radius: 6px; font-size: 13px; overflow-wrap: anywhere; }
.iss-note { white-space: normal; }
.iss-src-ai { border-left-color: var(--teal); } .iss-src-human { border-left-color: var(--s700); }
.iss-src-customer { border-left-color: var(--amber); } .iss-src-import { border-left-color: var(--s400); } .iss-src-system { border-left-color: var(--s500); }
.iss-evsrc { font-weight: 700; font-size: 11px; color: var(--iss-fg3); }
.iss-files { font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: 12px; overflow-wrap: anywhere; }
/* 閉じた details の中身は Chromium でも箱が残る(content-visibility)ので消しておく。重なりの誤検出と余計な計算を避ける */
.iss-root details:not([open]) > :not(summary) { display: none; }
.iss-raw summary { cursor: pointer; color: var(--iss-fg2); display: flex; align-items: center; }
.iss-rawtbl { width: 100%; border-collapse: collapse; font-size: 12px; table-layout: fixed; }
.iss-rawtbl th { width: 35%; text-align: left; color: var(--iss-fg3); font-weight: 500; vertical-align: top; }
.iss-rawtbl td, .iss-rawtbl th { border-bottom: 1px solid var(--iss-line); padding: 4px 6px; overflow-wrap: anywhere; white-space: pre-wrap; }
.iss-links { display: grid; gap: 4px; } .iss-link { display: flex; align-items: center; min-height: 44px; overflow-wrap: anywhere; }
.iss-acts { display: flex; flex-wrap: wrap; gap: 8px; }
.iss-done { color: var(--green); }

/* 取り込み・書き戻し */
.iss-mainbody { background: var(--iss-bg); border: 1px solid var(--iss-line); border-radius: 14px; padding: 14px; display: grid; gap: 12px; }
.iss-kv, .iss-map, .iss-diff { width: 100%; border-collapse: collapse; font-size: 13px; }
.iss-kv th, .iss-kv td { border-bottom: 1px solid var(--iss-line); padding: 5px 6px; text-align: left; vertical-align: top; overflow-wrap: anywhere; }
.iss-mobile .iss-map, .iss-mobile .iss-diff { display: block; overflow-x: auto; max-width: 100%; }
.iss-verify { list-style: none; padding: 0; display: grid; gap: 4px; }
.iss-kind { font-size: 12px; color: var(--iss-fg3); }
.iss-repo { font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: 12px; }
.iss-cslinks { display: flex; flex-wrap: wrap; gap: 6px; }
.iss-fl { display: grid; gap: 4px; font-size: 13px; color: var(--iss-fg2); max-width: 100%; }
.iss-fl select, .iss-fl input { width: 100%; }
.iss-root .iss-chip, .iss-sort { min-width: 44px; justify-content: center; }

/* browse_mobile_check の実測で足したもの(2026-09-22) */
.iss-mobile .iss-cbl input[type=checkbox] { width: 40px; height: 40px; }
.iss-kv th, .iss-kv td { min-width: 5em; }
.iss-kv td.iss-c-num { min-width: 3em; }


/* ---- T7 審議モード(1件1画面。推奨を上、選択肢を下半分に固定し、本文だけがスクロールする) ---- */
.tri-full { position: fixed; inset: 0; z-index: 60; display: flex; flex-direction: column; height: 100vh; height: 100dvh;
  background: var(--iss-bg); color: var(--iss-fg); padding: env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left); box-sizing: border-box; }
.tri-top { flex: none; display: flex; align-items: center; gap: 8px; padding: 8px 12px; border-bottom: 1px solid var(--iss-line); flex-wrap: wrap; }
.tri-tabs { display: flex; gap: 6px; }
.tri-tab { min-height: 44px; }
.tri-prog { margin-left: auto; font-weight: 700; font-variant-numeric: tabular-nums; }
.tri-rec { flex: none; padding: 10px 14px; background: var(--iss-bg2); border-bottom: 1px solid var(--iss-line); line-height: 1.5; }
.tri-rec-h { display: inline-block; padding: 1px 8px; border-radius: 10px; background: var(--iss-acc); color: #fff; font-size: 12px; }
.tri-rec-r { color: var(--iss-fg2); }
.tri-body { flex: 1 1 auto; min-height: 0; overflow: auto; -webkit-overflow-scrolling: touch; padding: 12px 14px; }
.tri-meta { color: var(--iss-fg2); font-size: 13px; }
.tri-title { margin: 6px 0 8px; font-size: 18px; line-height: 1.4; }
.tri-q { padding: 8px 10px; border-left: 3px solid var(--amber); background: var(--iss-bg2); margin-bottom: 8px; white-space: pre-wrap; }
.tri-text { white-space: pre-wrap; line-height: 1.6; }
.tri-cust { margin-top: 10px; padding: 8px 10px; border: 1px dashed var(--iss-line); white-space: pre-wrap; }
.tri-open-issue { margin-top: 10px; }
.tri-opts { flex: none; display: flex; flex-direction: column; gap: 6px; padding: 8px 12px 10px; border-top: 1px solid var(--iss-line); background: var(--iss-bg); max-height: 55vh; max-height: 55dvh; overflow: auto; }
.tri-opt { min-height: 48px; width: 100%; display: flex; align-items: center; gap: 8px; padding: 6px 14px; text-align: left; font-size: 16px;
  border: 1px solid var(--iss-line); border-radius: 10px; background: var(--iss-bg2); color: var(--iss-fg); cursor: pointer; }
.tri-opt-rec { border-color: var(--iss-acc); box-shadow: inset 0 0 0 1px var(--iss-acc); }
.tri-opt:disabled { opacity: .55; cursor: default; }
.tri-star { color: var(--amber); }
.tri-note { margin-left: auto; color: var(--iss-fg3); font-size: 12px; }
.tri-nav { display: flex; justify-content: space-between; gap: 8px; }
.tri-nav .iss-btn { min-height: 44px; min-width: 96px; }
.tri-dec { width: 100%; border-collapse: collapse; }
.tri-dec th, .tri-dec td { border-bottom: 1px solid var(--iss-line); padding: 6px; text-align: left; vertical-align: top; }
.tri-cq li { margin-bottom: 8px; white-space: pre-wrap; }
.tri-draft-l { display: block; margin-top: 10px; }
.tri-draft { width: 100%; box-sizing: border-box; font: inherit; }
@media (min-width: 900px) { .tri-body, .tri-opts, .tri-rec { padding-left: max(14px, calc(50% - 420px)); padding-right: max(14px, calc(50% - 420px)); } }

/* ---- T7 分析 ---- */
.ana-root { padding-bottom: 24px; max-width: 100%; overflow-x: hidden; }
.ana-root .tri-top { border: none; padding-left: 0; }
.ana-h { margin: 0; font-size: 18px; }
.ana-sec { margin: 14px 0; }
.ana-sec h3 { font-size: 15px; margin: 0 0 6px; }
.ana-scroll { max-width: 100%; overflow-x: auto; }
.ana-grid { border-collapse: collapse; font-variant-numeric: tabular-nums; }
.ana-grid caption { text-align: left; font-weight: 700; padding: 4px 0; }
.ana-grid th, .ana-grid td { border: 1px solid var(--iss-line); padding: 2px 6px; text-align: center; white-space: nowrap; }
.ana-grid th[scope=row] { text-align: left; max-width: 16em; overflow: hidden; text-overflow: ellipsis; }
.ana-tot { color: var(--iss-fg2); }
.ana-cell { min-width: 36px; min-height: 32px; border: none; background: none; color: var(--iss-acc); font: inherit; font-weight: 700; cursor: pointer; text-decoration: underline; }
.ana-balls { display: flex; flex-wrap: wrap; gap: 8px; }
.ana-ball { min-height: 44px; padding: 6px 12px; border: 1px solid var(--iss-line); border-radius: 10px; background: var(--iss-bg2); color: var(--iss-fg); cursor: pointer; }
.ana-ball small { display: block; color: var(--iss-fg3); }
.ana-sched { padding: 8px 10px; border: 1px solid var(--iss-line); border-radius: 8px; line-height: 1.6; }
.ana-sched.ana-bad { color: var(--red, #c62828); border-color: var(--red, #c62828); font-weight: 700; }
.ana-bars { display: flex; align-items: flex-end; gap: 4px; height: 120px; max-width: 100%; overflow-x: auto; }
.ana-wk { flex: 1 0 28px; display: flex; flex-direction: column; align-items: center; height: 100%; }
.ana-bar-pair { flex: 1; display: flex; align-items: flex-end; gap: 2px; width: 100%; justify-content: center; }
.ana-bar { display: block; width: 40%; min-height: 1px; }
.ana-bar-o { background: var(--amber, #e0a100); }
.ana-bar-c { background: var(--teal, #00897b); }
.ana-wk small { font-size: 10px; color: var(--iss-fg3); }
.ana-legend span { display: inline-block; width: 10px; height: 10px; margin: 0 2px 0 8px; }
.ana-cl { margin: 0; padding-left: 1.4em; }
.iss-pin { display: flex; align-items: center; gap: 8px; padding: 4px 8px; margin: 4px 0; border-radius: 8px; background: var(--iss-bg2); }
.pj-trk-entry { margin: 4px 0; }
.pj-trk-entry a { display: inline-block; min-height: 32px; line-height: 32px; font-weight: 600; }


/* ---- 詳細の見た目(task#7365): 見出し+節ごとの区切り・項目は格子・記録はコメントと変更履歴に分ける ---- */
.iss-dtwrap { flex: 1 1 auto; min-width: 0; }
.iss-dhead { align-items: center; padding-bottom: 10px; border-bottom: 1px solid var(--iss-line); }
.iss-dhead .iss-dtitle { font-size: 18px; line-height: 1.4; }
.iss-dsub { color: var(--iss-fg3); font-size: 12px; margin-top: 2px; }
.iss-dwbtn { flex: none; font-size: 13px; padding: 6px 10px; }
.iss-detail .iss-sec { margin: 0; padding: 12px 0; border-bottom: 1px solid var(--iss-line); }
.iss-detail .iss-sec:last-child { border-bottom: none; }
.iss-detail .iss-sec > h4 { display: flex; align-items: center; gap: 8px; font-size: 12px; font-weight: 700; letter-spacing: .04em; color: var(--iss-fg3); margin: 0 0 8px; }
.iss-detail .iss-qsec, .iss-detail .iss-prop { margin: 12px 0; padding: 10px 12px; border-bottom-width: 1px; }
.iss-detail .iss-fields { display: grid; grid-template-columns: repeat(auto-fill, minmax(104px, 1fr)); gap: 6px; }
.iss-detail .iss-fchip { flex-direction: column; align-items: flex-start; justify-content: center; gap: 1px; border-radius: 10px; padding: 6px 10px; text-align: left; font-size: 14px; font-weight: 600; color: var(--iss-fg); }
.iss-detail .iss-fchip .iss-fname { font-weight: 400; }
.iss-detail .iss-fchip.iss-on .iss-fname { color: inherit; opacity: .8; }
.iss-detail .iss-mainbody { display: block; padding: 10px 12px; background: var(--iss-bg2); border: 1px solid var(--iss-line); border-radius: 10px; font-size: 14px; }
.iss-detail .iss-fixsum { margin-top: 8px; }
.iss-detail .iss-info { grid-template-columns: max-content minmax(0, 1fr); gap: 6px 14px; margin: 0; }
.iss-nhead { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 6px; margin-bottom: 2px; }
.iss-nkind { font-weight: 600; color: var(--iss-fg2); }
.iss-ndel { margin-left: auto; min-height: 32px; padding: 2px 10px; font-size: 12px; border: 1px solid var(--iss-line); border-radius: 8px; background: var(--iss-bg); color: var(--iss-fg3); cursor: pointer; }
.iss-ndel:hover { color: var(--red); border-color: var(--red); }
.iss-cform textarea, .iss-aiform textarea { min-height: 64px; }
.iss-cform, .iss-aiform { grid-template-columns: minmax(0, 1fr) auto; align-items: end; }
.iss-mobile .iss-cform, .iss-mobile .iss-aiform { grid-template-columns: 1fr; }
.iss-evlog summary { cursor: pointer; color: var(--iss-fg2); display: flex; align-items: center; font-size: 13px; }
.iss-evlist { display: grid; gap: 4px; margin-top: 6px; }
.iss-evlist .iss-ev { font-size: 12px; padding: 4px 8px; }
.iss-aiopen { margin-left: auto; font-weight: 400; letter-spacing: 0; font-size: 12px; }
.iss-ailog { display: grid; gap: 8px; max-height: 420px; overflow-y: auto; padding: 8px; margin-bottom: 8px; background: var(--iss-bg2); border: 1px solid var(--iss-line); border-radius: 10px; }
.iss-aimsg { padding: 8px 10px; border-radius: 10px; font-size: 14px; line-height: 1.6; overflow-wrap: anywhere; max-width: 100%; }
.iss-ai-user { background: var(--iss-bg3); margin-left: 12%; }
.iss-ai-bot { background: var(--iss-bg); border: 1px solid var(--iss-line); margin-right: 4%; }
.iss-aimeta { font-size: 11px; font-weight: 700; color: var(--iss-fg3); margin-bottom: 2px; }
.iss-aimd pre, .iss-aimd table { max-width: 100%; overflow-x: auto; }
.iss-aimd p { margin: 0 0 6px; }