/* demo/refactoring/styles.css — AIコード解析コンソール */
.rfk { display:flex; flex-direction:column; height:100%; }
.rfk-bar { display:flex; align-items:center; gap:12px; padding:12px 16px;
  background:var(--d-panel); border-bottom:1px solid var(--d-line2); }
.rfk-btn { background:var(--d-acc); border:1px solid var(--d-acc); color:#04130a; font-weight:700;
  border-radius:8px; padding:9px 16px; font-size:13px; cursor:pointer; }
.rfk-btn:disabled { opacity:.5; cursor:default; }
.rfk-msg { font-size:12px; color:var(--d-sub); }
.rfk-msg.ok { color:var(--d-acc); }
.rfk-body { display:grid; grid-template-columns:180px 1fr 1fr; flex:1; min-height:0; }
.rfk-h { color:var(--d-sub); font-size:12px; margin-bottom:8px; }

/* ファイルツリー */
.rfk-tree { border-right:1px solid var(--d-line2); padding:14px; }
.rfk-file { display:block; width:100%; text-align:left; background:var(--d-panel);
  border:1px solid var(--d-line2); border-radius:7px; padding:8px 10px; margin-bottom:7px;
  color:var(--d-fg); font-size:12px; font-family:"Inter",monospace; cursor:pointer; }
.rfk-file.sel { border-color:var(--d-acc); color:var(--d-acc); }

/* コードビュー */
.rfk-code { border-right:1px solid var(--d-line2); display:flex; flex-direction:column; min-width:0; }
.rfk-codebar { background:#0e1a30; border-bottom:1px solid var(--d-line2); padding:8px 14px;
  color:var(--d-sub); font-size:12px; font-family:"Inter",monospace; }
.rfk-pre { margin:0; padding:14px; overflow:auto; font-family:"Inter",ui-monospace,monospace;
  font-size:12px; line-height:1.6; color:#cde0ff; background:#0b1526; flex:1; }

/* ドキュメント */
.rfk-docs { display:flex; flex-direction:column; min-width:0; }
.rfk-tabs { display:flex; gap:4px; padding:8px 8px 0; background:#0e1a30; border-bottom:1px solid var(--d-line2); flex-wrap:wrap; }
.rfk-tab { background:transparent; border:1px solid transparent; border-bottom:none; color:var(--d-sub);
  border-radius:7px 7px 0 0; padding:7px 11px; font-size:12px; cursor:pointer; }
.rfk-tab.sel { background:#0b1526; border-color:var(--d-line2); color:var(--d-acc); }
.rfk-docbody { padding:14px; overflow:auto; flex:1; }
.rfk-empty { color:var(--d-sub); font-size:13px; padding:24px; text-align:center; }
.rfk-doc h4 { margin:14px 0 6px; font-size:13px; color:var(--d-fg); }
.rfk-doc ul, .rfk-doc ol { margin:0; padding-left:18px; color:var(--d-sub); font-size:12px; line-height:1.7; }
.rfk-lead { color:var(--d-sub); font-size:12px; margin:0 0 6px; }
.rfk-table { border:1px solid var(--d-line2); border-radius:8px; margin-bottom:10px; overflow:hidden; }
.rfk-tname { background:#0e1a30; padding:6px 10px; font-size:12px; color:var(--d-acc); font-family:"Inter",monospace; }
.rfk-trow { display:grid; grid-template-columns:130px 110px 1fr; border-top:1px solid var(--d-line2); font-size:12px; }
.rfk-trow .c { padding:6px 10px; color:#cde0ff; font-family:"Inter",monospace; }
.rfk-trow .t { padding:6px 10px; color:var(--d-sub); }
.rfk-trow .d { padding:6px 10px; color:var(--d-sub); }
.rfk-bug { display:flex; gap:10px; align-items:flex-start; width:100%; text-align:left;
  background:#0b1526; border:1px solid var(--d-line2); border-radius:8px; padding:9px 11px; margin-bottom:8px; cursor:pointer; }
.rfk-risk { font-size:11px; border-radius:999px; padding:2px 9px; flex:none; }
.rfk-risk.is-err { color:var(--d-err); border:1px solid var(--d-err); }
.rfk-risk.is-warn { color:var(--d-warn); border:1px solid var(--d-warn); }
.rfk-risk.is-sub { color:var(--d-sub); border:1px solid var(--d-line); }
.rfk-bug-main b { display:block; font-size:13px; color:var(--d-fg); }
.rfk-bug-main small { color:var(--d-sub); font-size:11px; }
.rfk-diff { display:grid; grid-template-columns:1fr 1fr; gap:8px; }
.rfk-pre.before { border:1px solid var(--d-err); border-radius:8px; flex:none; }
.rfk-pre.after { border:1px solid var(--d-acc); border-radius:8px; flex:none; }