/* ===== 시험 트리 — 드라이브식 다듬기 (대표 2026-09-06 "양식은 좋은데 너무 촌스러워" → 구글 드라이브 캡처 "뭐 이런 느낌") =====
   report-tool.css 의 H18 트리 규칙(ul.etree …)을 **덮어쓰기만** 한다. 구조·동작(JS)은 그대로.
   바뀌는 것: ⊞/⊟ 네모 → 작은 삼각 화살표, 노란 폴더·흰 문서 아이콘 → 단색(먹색) 실루엣, 점선 안내선 제거,
   행 높이 24 → 34px(시험 30px), 둥근 행, 선택은 사이트 포인트색(자주) 왼쪽 띠 + 연한 바탕.
   report-tool.css 0b 절 작업(H19)이 끝나면 이 파일을 H18 절에 흡수한다. */

ul.etree{font-size:13.5px;color:#202124;margin-top:6px}
ul.etree ul.kids{margin-left:14px;padding-left:8px;border-left:0}
ul.etree ul.kids > li > .row::before,ul.etree ul.kids > li:last-child > .row::after{display:none}

ul.etree .row{height:34px;gap:6px;border-radius:8px;padding:0 6px 0 2px}
ul.etree li.ex .row{height:30px}
ul.etree .row:hover{background:#f1f3f4}
ul.etree .row.on,ul.etree .row.on:hover{background:rgba(155,47,66,.08);color:#1a1d23;box-shadow:inset 3px 0 0 #9b2f42;border-radius:0 8px 8px 0}
ul.etree .row.on .nm{color:#7d2435}

/* 접기/펴기: 네모 상자 → 삼각 화살표(닫힘 ▸ · 열림 ▾). 상태는 JS 가 붙인 aria-label(접기:/펴기:)로 안다. */
ul.etree .tw{flex:0 0 18px;width:18px;height:18px;border:0;background:none;border-radius:4px;position:relative}
ul.etree .tw .sgn{font-size:0;line-height:0;color:transparent}
ul.etree .tw::before{content:"";position:absolute;left:6px;top:4px;border:5px solid transparent;border-left:6px solid #5f6368;
  border-right-width:0;transition:transform .12s ease;transform-origin:3px 5px}
ul.etree .tw[aria-label^="접기"]::before{transform:rotate(90deg)}
ul.etree .tw:hover{background:#e6e8ea;border-color:transparent}
ul.etree .tw.sp::before{display:none}

/* 아이콘: SVG 는 숨기고 단색 실루엣으로 다시 그린다 */
ul.etree .ic{flex:0 0 20px;width:20px;height:20px;position:relative}
ul.etree .ic svg{display:none}
ul.etree .ic.fd::before{content:"";position:absolute;left:2px;top:4px;width:16px;height:12px;background:#3c4043;border-radius:2px;
  clip-path:polygon(0 0,40% 0,50% 17%,100% 17%,100% 100%,0 100%)}
ul.etree .row.on .ic.fd::before{background:#9b2f42}
ul.etree .ic.doc::before{content:"";position:absolute;left:5px;top:3px;width:10px;height:13px;background:#9aa0a6;border-radius:1.5px;
  clip-path:polygon(0 0,62% 0,100% 28%,100% 100%,0 100%)}
ul.etree .row.on .ic.doc::before{background:#9b2f42}

/* 이름·개수·부가정보 */
ul.etree .lb{height:auto;gap:8px;padding:0}
ul.etree .nd > .row .nm{font-weight:600}
ul.etree li.ex .nm{font-weight:500}
ul.etree .tc{color:#80868b;font-size:12px;font-weight:500}
ul.etree .m{color:#9aa0a6;font-size:11.5px;margin-left:2px}
ul.etree .row.on .tc,ul.etree .row.on .m{color:#7d2435;opacity:.75}
ul.etree .dot{width:7px;height:7px}
ul.etree .etq{height:22px;border-radius:6px;font-size:11.5px}

/* 왼쪽 판 전체 톤: 드롭존·버튼도 같은 둥글기 */
.pane.left.tree #drop{border-radius:12px}
.pane.left.tree .toolbar.mkempty button{border-radius:8px;height:36px}

/* 트리 폭: 표준 제목(Daily Test 대수 A 01회 청담고)이 잘리지 않게 300 → 380px (대표 2026-09-06). 좁은 화면 규칙(<900px 쌓임)은 report-tool.css 그대로. */
@media (min-width: 900px){ .pane.left.tree{width:380px;flex:0 0 380px} }