/* apt.css — 아파트 실거래가(apt.php) 전용. body.app-apt 아래에서만 쓴다 (2026-09-27 에 apt.php 에서 떼어 냄) */
.app-apt .apt2{display:grid;grid-template-columns:minmax(290px,370px) minmax(0,1fr);gap:16px;align-items:start}
.app-apt .apt2>*{min-width:0}   /* 없으면 긴 단지명이 칸을 밀어 휴대폰에서 옆으로 넘친다 */
.app-apt .lp{position:sticky;top:calc(var(--top-h, var(--bar-h)) + 12px);max-height:calc(100vh - var(--top-h, var(--bar-h)) - 24px);
  overflow:auto;display:flex;flex-direction:column;gap:12px;padding-bottom:2px}
.app-apt .lp .card{margin:0}
.app-apt .rp .card{margin:0}
@media (max-width:900px){
  .app-apt .apt2{grid-template-columns:minmax(0,1fr)}
  .app-apt .lp{position:static;max-height:none;overflow:visible}
}
/* 통계 화면 — 동네 시세·전국 순위는 실거래 조회와 목적이 달라 왼쪽 칸(즐겨찾기·비교함·단지 찾기)을 걷고 폭 전체로 (2026-10-14, 사용자) */
.app-apt .apt2.stat{grid-template-columns:minmax(0,1fr)}
.app-apt .apt2.stat .lp{display:none}
.app-apt .statbar{display:flex;align-items:center;gap:8px 14px;flex-wrap:wrap;margin:0 0 12px}
.app-apt .statbar[hidden]{display:none}
.app-apt .statbar .sback{font-size:13px;font-weight:600;color:var(--muted);text-decoration:none;white-space:nowrap}
.app-apt .statbar .sback:hover{color:var(--ink)}
.app-apt .statbar .tabs{margin:0}
.app-apt .statbar .pill{cursor:pointer}
.app-apt .statbar .spick{display:inline-flex;gap:6px;margin-left:auto}
.app-apt .statbar .spick select{min-width:0;max-width:170px}
@media (max-width:600px){ .app-apt .statbar .spick{margin-left:0;width:100%} .app-apt .statbar .spick select{flex:1;max-width:none} }
.app-apt .lp h3{margin:0 0 8px;font-size:14px}
.app-apt .pick{display:flex;gap:6px;flex-wrap:wrap}
.app-apt .pick select,.app-apt .pick input{min-width:0;flex:1 1 120px}
.app-apt .pick #q{flex-basis:100%}
.app-apt .pick #fumd,.app-apt .pick #fage,.app-apt .pick #fsort{flex:1 1 30%}
.app-apt .row1{display:flex;align-items:center;gap:8px;padding:8px 6px;border-bottom:1px solid var(--line);
  cursor:pointer;border-radius:6px}
.app-apt .row1:last-child{border-bottom:0}
.app-apt .row1:hover,.app-apt .row1.cur{background:var(--paper)}
.app-apt .row1 .nm{flex:1;min-width:0}
.app-apt .row1 .nm b{display:block;font-size:13.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.app-apt .row1 small{color:var(--muted);font-size:11.5px}
.app-apt .row1 .nm small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}   /* '주덕읍 화곡리 · 2025년' 이 꺾여 줄 높이가 들쭉날쭉했다 */
.app-apt .row1 .pr{text-align:right;white-space:nowrap;font-size:13px}
.app-apt .row1 .pr b{display:block}
.app-apt .row1 .add{border:1px solid var(--line);background:var(--card);border-radius:6px;width:26px;height:26px;
  font-size:14px;line-height:1;cursor:pointer;color:var(--muted);flex:none}
.app-apt .row1 .add.on{color:var(--card);background:var(--navy);border-color:var(--navy)}
.app-apt .row1 .fv,.app-apt .row1 .up{border:0;background:none;cursor:pointer;font-size:17px;line-height:1;padding:2px;color:var(--muted)}
.app-apt .row1 .fv.on{color:var(--gold)}
.app-apt .row1 .up{font-size:12px}
.app-apt .row1 .hd{flex:none;cursor:grab;touch-action:none;user-select:none;color:var(--muted);font-size:15px;line-height:1;padding:4px 2px;margin-right:-4px}
.app-apt .row1 .hd:active{cursor:grabbing}
.app-apt .favscroll{max-height:314px;overflow-y:auto;overscroll-behavior:contain}   /* 줄 하나 62px × 5 */
.app-apt .row1.drag{background:var(--paper);box-shadow:0 2px 8px rgba(0,0,0,.12);position:relative;z-index:2}
.app-apt .favtag{font-size:10.5px;color:var(--muted);border:1px solid var(--line);border-radius:4px;padding:0 4px;margin-left:4px;font-weight:400}
.app-apt #favbox .hint{color:var(--muted);font-size:12px;margin:2px 0 0}
.app-apt .dot{width:10px;height:10px;border-radius:50%;display:inline-block;flex:none}
.app-apt .cmpchips{display:flex;flex-direction:column;gap:2px}
.app-apt .scrollbox{max-height:520px;overflow:auto}
.app-apt .lp .scrollbox{max-height:none}
.app-apt .cx{width:100%;border-collapse:collapse;font-size:13px}
.app-apt .cx th{font-size:11.5px;color:var(--muted);font-weight:600;text-align:left;padding:7px 8px;
  border-bottom:1px solid var(--line);position:sticky;top:0;background:var(--card)}
.app-apt .cx td{padding:8px;border-bottom:1px solid var(--line);vertical-align:top}
.app-apt .cx .r{text-align:right;white-space:nowrap}
.app-apt .cx small{color:var(--muted)}
.app-apt .cx tr.cancel td{color:var(--muted);text-decoration:line-through}
.app-apt .dhead{display:flex;gap:8px;align-items:flex-start;flex-wrap:wrap}
.app-apt .dhead h3{margin:0;flex:1;min-width:180px}
.app-apt .dhead h3 small{display:block;font-size:12px;color:var(--muted);font-weight:400;margin-top:3px}
.app-apt .chart{position:relative;margin:6px 0 4px}
.app-apt .chart svg{display:block;width:100%;height:auto}
.app-apt .chart .gl{stroke:var(--line);stroke-width:1}
.app-apt .chart .ax{font-size:11px;fill:var(--muted)}
.app-apt .tip{position:absolute;pointer-events:none;background:var(--card);border:1px solid var(--line);
  border-radius:8px;padding:7px 10px;font-size:12px;box-shadow:0 6px 18px rgba(22,32,58,.14);
  white-space:nowrap;display:none;z-index:2}
.app-apt .tip b{font-size:13px}
.app-apt .legend{display:flex;gap:6px;flex-wrap:wrap;margin:6px 0 2px}
.app-apt .legend .pill{display:inline-flex;align-items:center;gap:6px;cursor:pointer}
.app-apt .legend .pill.off{opacity:.45}
.app-apt .legend i{width:10px;height:10px;border-radius:50%;display:inline-block}
.app-apt .tabs{display:flex;gap:6px;margin:10px 0;flex-wrap:wrap}
.app-apt .fbar{display:flex;gap:6px;flex-wrap:wrap;align-items:center;margin:0 0 12px}
.app-apt .fbar select{padding:5px 8px;font-size:12.5px}
.app-apt .fbar .pill small{color:inherit;opacity:.7;font-size:11px}
.app-apt .muted{color:var(--muted);font-size:12.5px}
.app-apt .sugg{display:flex;gap:6px;flex-wrap:wrap;margin-top:8px}
.app-apt .sugg .pill{cursor:pointer}
.app-apt .nvbox{margin:10px 0;border:1px solid var(--line);border-radius:var(--r-sm);padding:8px 12px}
.app-apt .nvbox summary{cursor:pointer;font-size:13px;font-weight:600}
.app-apt .nvtypes{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;margin-top:10px}
.app-apt .nvt{border:1px solid var(--line);border-radius:8px;padding:8px;font-size:12.5px}
.app-apt .nvt b{display:block;font-size:14px}
.app-apt .nvt small{display:block;color:var(--muted);margin-bottom:6px}
.app-apt .nvbar .nvp{cursor:pointer}
.app-apt .nvbar .nvp.zero{opacity:.55}
.app-apt .nvbar .nvp.amb{border-style:dashed}
.app-apt .legend .lgp{display:inline-flex;align-items:center;gap:8px;padding:4px 10px 4px 4px;border-radius:10px}
.app-apt .legend .lgp img{cursor:zoom-in;width:64px;height:48px;object-fit:contain;background:var(--paper);border-radius:6px}
.app-apt .legend .lgp span{line-height:1.35}
.app-apt .legend .lgp i{margin-right:5px}
.app-apt .tip .tipplan{display:block;width:150px;height:auto;max-height:120px;object-fit:contain;background:var(--paper);border-radius:6px;margin-bottom:6px}
.app-apt .tip{white-space:normal}
.app-apt .cph{margin:16px 0 8px;font-size:14px}
.app-apt .cprow{display:flex;gap:10px;align-items:flex-start;border-top:1px solid var(--line);padding:10px 0}
.app-apt .cpname{flex:0 0 150px;font-size:13px}
.app-apt .cptypes{flex:1;display:flex;gap:10px;overflow-x:auto;padding-bottom:4px}
.app-apt .cpt{margin:0;flex:0 0 190px;border:1px solid var(--line);border-radius:8px;padding:6px}
.app-apt .cpt img{width:100%;height:140px;object-fit:contain;background:var(--paper);border-radius:6px;cursor:zoom-in}
.app-apt .cpt figcaption{font-size:12px;color:var(--muted);margin-top:4px}
.app-apt .cpt figcaption b{color:var(--ink)}
.app-apt .cpnone{height:140px;display:flex;align-items:center;justify-content:center}
@media (max-width:600px){ .app-apt .cprow{flex-direction:column} .app-apt .cpname{flex:none} }
/* 평면도 크게 보기(.plbox)·📐 치수 모양은 공용 `plan.css` 로 옮겼다(2026-09-30) — 공동주택 공시가격도 같은 것을 쓴다 */
.app-apt .cpt .cppick{border:1px solid var(--line);background:var(--card);color:var(--muted);border-radius:6px;font-size:11.5px;padding:1px 6px;cursor:pointer;margin-left:4px}
.app-apt .cpt.picked{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent)}
.app-apt .cpt.picked .cppick{background:var(--accent);color:var(--card);border-color:var(--accent)}
.app-apt details.cxinfo{border:1px solid var(--line);border-radius:10px;margin:10px 0 4px;background:var(--card)}
.app-apt details.cxinfo>summary{cursor:pointer;padding:9px 12px;font-size:13px;list-style:none}
.app-apt details.cxinfo>summary::-webkit-details-marker{display:none}
.app-apt details.cxinfo>summary b{margin-right:6px}
.app-apt details.cxinfo>summary .muted{font-size:12.5px}
.app-apt details.cxinfo[open]>summary{border-bottom:1px solid var(--line)}
.app-apt .cxb{padding:10px 12px 12px}
.app-apt .cxg{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px 14px;margin-bottom:10px}
.app-apt .cxg div{font-size:12.5px;color:var(--muted);min-width:0}
.app-apt .cxg div b{display:block;color:var(--ink);font-size:14px;font-weight:600}
.app-apt .cxg div small{color:var(--muted)}
.app-apt .cxh{font-size:12.5px;font-weight:600;margin:12px 0 6px;color:var(--ink)}
/* 주차 막대 — 세대당 대수. 0~2.5 를 다섯 구간으로 (사용자가 준 기준) */
.app-apt .pkg{position:relative;margin:4px 0 2px;max-width:420px}
.app-apt .pkbar{position:relative;height:10px;border-radius:5px;overflow:hidden}
.app-apt .pkbar i{position:absolute;top:0;height:100%;box-shadow:inset -1px 0 0 var(--card),inset 1px 0 0 var(--card)}
.app-apt .pkbar .z0{background:var(--danger)} .app-apt .pkbar .z1{background:var(--warn)}
.app-apt .pkbar .z2{background:var(--line)} .app-apt .pkbar .z3{background:color-mix(in srgb,var(--ok) 55%,var(--card))} .app-apt .pkbar .z4{background:var(--ok)}
.app-apt .pkm{position:absolute;top:-4px;width:4px;height:18px;margin-left:-2px;border-radius:2px;background:var(--ink);box-shadow:0 0 0 2px var(--card)}
.app-apt .pkt{position:relative;height:14px;max-width:420px;font-size:10.5px;color:var(--muted);margin-top:2px}
.app-apt .pkt span{position:absolute;transform:translateX(-50%);white-space:nowrap}
.app-apt .pkt span:first-child{transform:none}.app-apt .pkt span:last-child{transform:translateX(-100%)}
.app-apt .cxa{width:100%;border-collapse:collapse;font-size:12.5px}
/* 면적 구성은 머리줄 + 5줄만 보이고 나머지는 상자 안에서 굴린다(헬리오시티는 36가지) */
.app-apt .cxas{max-height:180px;overflow-y:auto;border-bottom:1px solid var(--line)}
.app-apt .cxtwo{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px;align-items:start;margin-top:4px}
.app-apt .cxtwo>div{min-width:0}
.app-apt .cxtwo .cxd{max-height:180px;overflow-y:auto;align-content:flex-start}
@media (max-width:1280px){ .app-apt .cxtwo{grid-template-columns:minmax(0,1fr)} }
.app-apt .cxas th{position:sticky;top:0;background:var(--card);z-index:1}
.app-apt .cxa td,.app-apt .cxa th{padding:3px 6px;border-bottom:1px solid var(--line);text-align:right;white-space:nowrap}
.app-apt .cxa th{color:var(--muted);font-weight:500}
.app-apt .cxa td:first-child,.app-apt .cxa th:first-child{text-align:left}
.app-apt .cxa .br{width:40%;text-align:left}
.app-apt .cxa .br i{display:block;height:8px;border-radius:4px;background:var(--accent);opacity:.55}
.app-apt .cxd{display:flex;flex-wrap:wrap;gap:4px;max-height:132px;overflow:auto}
.app-apt .cxd span{font-size:11.5px;border:1px solid var(--line);border-radius:6px;padding:1px 6px;white-space:nowrap}
.app-apt .cxi{font-size:12.5px}
.app-apt .cxi .ir{padding:5px 2px;border-bottom:1px solid var(--line)}
.app-apt .cxi .irh{display:flex;flex-wrap:wrap;align-items:baseline;gap:2px 10px}
.app-apt .cxi .irh>b{font-weight:600;color:var(--ink)}
.app-apt .cxi .irc{margin-left:auto;color:var(--muted);font-size:12px}
.app-apt .cxi .irc b{color:var(--ink)}
.app-apt .cxi .irn{margin-top:2px;padding-left:22px}
.app-apt .cxi small{color:var(--muted)}
/* 이름+거리는 한 덩어리로 줄을 넘기고, 덩어리 사이에만 줄이 바뀐다 */
.app-apt .cxi .nw{display:inline-block;white-space:nowrap;margin-right:10px}
.app-apt .cxi .nw:last-child{margin-right:0}
.app-apt .cxi .sl{display:flex;flex-wrap:wrap;align-items:baseline;column-gap:0}
.app-apt .cxi .sl>b{flex:none;width:18px}
.app-apt .cxi .sl+.sl{margin-top:2px}
.app-apt .cxi .irc .nw{margin-right:8px} .app-apt .cxi .irc .nw:last-child{margin-right:0}
/* 역 칩은 칸보다 길면 칩 안에서 줄을 바꾼다 */
.app-apt .cxst{display:flex;flex-wrap:wrap;gap:4px 12px;font-size:12.5px}
.app-apt .cxst .stn{display:inline-flex;flex-wrap:wrap;align-items:center;gap:3px;white-space:nowrap}
.app-apt .cxst .stn small{color:var(--muted);margin-left:2px}
/* 노선 배지 — 열차 시간표의 .grade.x 와 같은 모양. 배경은 노선색(자료), 없으면 회색 */
.app-apt .lnb{display:inline-block;font-size:10.5px;font-weight:600;line-height:1.5;color:#fff;background:var(--muted);border-radius:4px;padding:0 5px}
/* 오른쪽 칸 — 지도가 왼쪽 길이만큼 늘고 그 아래 주차 */
.app-apt .cxsplit{align-items:stretch}
.app-apt .cxsplit>div:last-child{display:flex;flex-direction:column}
.app-apt .cxsplit .cxmap{flex:1 1 auto;min-height:340px;height:auto}
.app-apt .cxsplit{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px}
.app-apt .cxsplit>div{min-width:0}
.app-apt .cxsplit .cxmap{margin-top:12px}
@media (max-width:1280px){ .app-apt .cxsplit{grid-template-columns:minmax(0,1fr)} .app-apt .cxsplit .cxmap{height:320px;min-height:0} }
.app-apt .cxmap{height:340px;border-radius:10px;border:1px solid var(--line);margin-top:8px;background:var(--paper)}
.app-apt .kml{background:var(--card);border:1px solid var(--line);border-radius:6px;padding:1px 5px;font-size:11px;white-space:nowrap;box-shadow:0 1px 3px rgba(0,0,0,.15);transform:translateY(-14px)}
.app-apt .kml.cx{background:var(--navy);color:var(--card);border-color:var(--navy);font-weight:600}
.app-apt .kml.sw{border-color:var(--accent);color:var(--accent)}
.app-apt .kml.sc{border-color:var(--ok)}
.app-apt .kml.mt{border-color:var(--warn)}
.app-apt .lmap{height:calc(100vh - 190px);min-height:420px;border-radius:10px;border:1px solid var(--line);background:var(--paper)}
.app-apt .kpb{background:var(--card);border:1px solid var(--navy);color:var(--navy);border-radius:8px;padding:1px 6px;font-size:11.5px;font-weight:600;white-space:nowrap;cursor:pointer;box-shadow:0 1px 3px rgba(0,0,0,.18);transform:translateY(-4px);line-height:1.35;text-align:center}
.app-apt .kpb small{display:block;font-weight:400;color:var(--muted);font-size:10.5px;max-width:92px;overflow:hidden;text-overflow:ellipsis}
.app-apt .lmap.far .kpb small{display:none}
.app-apt .kpb.q0{background:color-mix(in srgb,var(--navy) 8%,var(--card))}
.app-apt .kpb.q1{background:color-mix(in srgb,var(--navy) 25%,var(--card))}
.app-apt .kpb.q2{background:color-mix(in srgb,var(--navy) 45%,var(--card));color:var(--card)}
.app-apt .kpb.q3{background:color-mix(in srgb,var(--navy) 70%,var(--card));color:var(--card)}
.app-apt .kpb.q4{background:var(--navy);color:var(--card)}
.app-apt .kpb.q2 small,.app-apt .kpb.q3 small,.app-apt .kpb.q4 small{color:color-mix(in srgb,var(--card) 80%,transparent)}
.app-apt .kpb.fav{box-shadow:0 0 0 2px var(--gold),0 1px 3px rgba(0,0,0,.18)}
.app-apt .lleg{display:flex;flex-wrap:wrap;gap:4px 12px;align-items:center;font-size:11.5px;margin:6px 0 2px}
.app-apt .lleg .lq{display:inline-flex;align-items:center;gap:4px;white-space:nowrap}
.app-apt .lleg .lq i{display:inline-block;width:18px;height:12px;padding:0;border-radius:3px;transform:none;box-shadow:none}
.app-apt .kpb:hover{z-index:5;background:var(--navy);color:var(--card)} .app-apt .kpb:hover small{color:var(--card)}
.app-apt b.up{color:var(--danger)} .app-apt b.dn{color:var(--accent)}   /* 한국식 — 오르면 빨강, 내리면 파랑(주식 앱과 같다) */
.app-apt .mkt-t td,.app-apt .mkt-t th{white-space:nowrap}
.app-apt .taxg{display:grid;grid-template-columns:minmax(0,260px) minmax(0,1fr);gap:16px;align-items:start}
.app-apt .taxin{display:flex;flex-direction:column;gap:8px}
.app-apt .taxin label{display:flex;flex-direction:column;gap:3px;font-size:12px;color:var(--muted)}
.app-apt .taxin select{font-size:13px}
.app-apt .taxt td{padding:4px 8px}
.app-apt .taxt tr.sub td{border-top:1px solid var(--ink)}
.app-apt .taxt tr.tot td{border-top:2px solid var(--ink);font-size:14px}
@media (max-width:700px){ .app-apt .taxg{grid-template-columns:minmax(0,1fr)} }
.app-apt .mkl{display:flex;flex-wrap:wrap;gap:4px 12px;align-items:center;font-size:12px;margin:10px 0 2px}
.app-apt .mkl .mk{display:inline-flex;align-items:center;gap:4px}
.app-apt .mkl .mk i{display:inline-block;width:14px;height:3px;border-radius:2px}
.app-apt .nvthumbs{display:flex;gap:8px;overflow-x:auto;margin:0 0 12px;padding-bottom:4px}
.app-apt .nvth{flex:none;width:104px;border:1px solid var(--line);border-radius:8px;background:var(--card);padding:4px;cursor:pointer;font:inherit;color:inherit}
.app-apt .nvth:hover{border-color:var(--accent)}
.app-apt .nvth img{display:block;width:100%;height:72px;object-fit:contain;background:var(--paper);border-radius:4px}
.app-apt .nvth span{display:block;font-size:12px;font-weight:600;margin-top:3px}
.app-apt .nvplans{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px;margin:0 0 12px}
.app-apt .nvplans figure{margin:0;border:1px solid var(--line);border-radius:10px;padding:10px;background:var(--card)}
.app-apt .nvplans figcaption{font-size:12.5px;color:var(--muted);margin-bottom:6px}
.app-apt .nvplans figcaption b{color:var(--ink);font-size:14px;margin-right:4px}
.app-apt .nvplans img{width:100%;height:auto;border-radius:6px;background:var(--paper)}
.app-apt .bmwrap{position:fixed;inset:0;background:rgba(0,0,0,.45);z-index:50;display:flex;align-items:center;justify-content:center;padding:16px}
.app-apt .bm{background:var(--card);border-radius:var(--r-lg);padding:18px;max-width:520px;width:100%;max-height:90vh;overflow:auto}
.app-apt .bm h3{margin:0 0 8px}.app-apt .bm ol{padding-left:20px;font-size:13.5px;line-height:1.7}
.app-apt .sct th{white-space:nowrap;color:var(--muted);font-weight:500;width:1%;text-align:left}
.app-apt .sct td{word-break:break-all}
.app-apt .cxi a.sch{color:inherit;text-decoration:underline dotted;text-underline-offset:3px;cursor:pointer}
.app-apt .cxi a.sch:hover{color:var(--accent)}
.app-apt .bm textarea{width:100%;font:12px monospace;word-break:break-all}
.app-apt .nvt img{width:100%;height:auto;border-radius:6px;background:var(--paper);margin-top:4px}

/* 전국에서 어디쯤 (2026-10-13) — 색은 토큰만 쓴다 */
.app-apt .rank{margin-top:10px;padding:12px 14px;border:1px solid var(--line);border-radius:12px;background:var(--card)}
.app-apt .rkpp{font-size:14px;margin:4px 0 8px}
.app-apt .rkpp b{font-size:20px}
.app-apt .rkrow{display:flex;align-items:center;gap:8px;margin:4px 0;font-size:13px}
.app-apt .rkl{flex:0 0 92px;color:var(--muted)}
.app-apt .rkbar{flex:1;min-width:60px;height:7px;border-radius:4px;background:var(--line);position:relative;overflow:hidden}
.app-apt .rkbar i{position:absolute;left:0;top:0;bottom:0;background:var(--navy);border-radius:4px}
.app-apt .rkv{flex:0 0 92px;text-align:right}
.app-apt .rkn{flex:0 0 86px;font-size:11.5px;text-align:right;white-space:nowrap}
@media(max-width:620px){
  .app-apt .rkl{flex-basis:64px} .app-apt .rkv{flex-basis:78px} .app-apt .rkn{display:none}
}

/* 🇰🇷 전국 순위 (2026-10-13) — 시·도 지도는 Leaflet(배경 타일 없이 경계만) */
.app-apt .natmap{height:330px;max-width:400px;margin:0 auto 6px;border:1px solid var(--line);border-radius:10px;background:var(--card)}
.app-apt .natmap .leaflet-container{background:transparent;font:inherit}
.app-apt .natlg{display:flex;align-items:center;gap:4px;font-size:11.5px;margin-bottom:8px}
.app-apt .natlg i{width:26px;height:10px;border-radius:2px;display:inline-block}
.app-apt .natbox{max-height:420px}
.app-apt .nattbl{width:100%;border-collapse:collapse;font-size:13px}
.app-apt .nattbl th{position:sticky;top:0;background:var(--card);text-align:left;font-weight:600;
  padding:6px 8px;border-bottom:1px solid var(--line);font-size:12px;color:var(--muted)}
.app-apt .nattbl td{padding:5px 8px;border-bottom:1px solid var(--line)}
.app-apt .nattbl tbody tr{cursor:pointer}
.app-apt .nattbl tbody tr:hover{background:var(--line)}
.app-apt .natsw{display:inline-block;width:9px;height:9px;border-radius:2px;margin-right:6px;vertical-align:baseline}
@media(max-width:620px){ .app-apt .natmap{height:230px} }