/* 메토빌리지 고유 모양(공용 tokens·base 뒤에 읽힘). 색은 공용 토큰만. */

/* 손실 한도 게이지('지금' 합산 카드) — 0% · 주의 −20% · 경고 −35% · 멈춤 −50% */
.lim{margin-top:10px}
.lim svg{display:block;width:100%;height:12px;border-radius:6px;overflow:hidden;background:var(--panel-2)}
.lim .z0{fill:var(--panel-3)}
.lim .z1{fill:var(--warn);opacity:.45}
.lim .z2{fill:var(--neg);opacity:.55}
.lim .now{fill:var(--text)}
.lim .ticks{position:relative;height:30px;font-size:11px;color:var(--muted);margin-top:4px}
.lim .ticks span{position:absolute;top:0;transform:translateX(-50%);white-space:nowrap;text-align:center;line-height:1.3}
.lim .ticks .t0{left:0;transform:none}
.lim .ticks .t40{left:40%}
.lim .ticks .t70{left:70%}
.lim .ticks .t100{left:100%;transform:translateX(-100%);text-align:right}

/* 코인 카드의 운용 수익률 줄 */
.stat .coin{font-size:12px;color:var(--muted);margin-top:2px}

/* 매매 일지 목록 */
.log{margin:0;padding:0}
.log li{padding:10px 0;border-bottom:1px solid var(--line);list-style:none}
.log li:last-child{border-bottom:0}
.log .t{font-size:12px;color:var(--muted)}
.log .w{margin-top:2px}

/* 설정 — 거래소 조회 키(거래소마다 한 칸, 넓은 화면은 두 칸 나란히) */
.keys{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--sp-4)}
.key{border:1px solid var(--line);border-radius:var(--r-card);padding:16px;min-width:0}
.key-h{display:flex;align-items:center;gap:8px;margin-bottom:10px}
.kv{display:grid;grid-template-columns:auto minmax(0,1fr);gap:6px 16px;margin:0;font-size:13px}
.kv dt{color:var(--muted)}
.kv dd{margin:0;min-width:0}
.kv .c-ic{vertical-align:-2px;margin-right:2px}
.key-a{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-top:14px}
.key-a form{margin:0}
.mono{font-family:var(--mono)}
@media (max-width:900px){.keys{grid-template-columns:minmax(0,1fr)}}

/* 성과 — 월별 토리 소감 */
.note{margin:12px 0 0;padding:10px 14px;border-left:3px solid var(--accent);background:var(--panel-2);border-radius:0 var(--r-card) var(--r-card) 0}
.note p{margin:0}
.note cite{display:block;margin-top:4px;font-size:12px;font-style:normal;color:var(--muted)}

/* 일지 — 날짜 머리·내 일지 단추 */
.jday{font-size:13px;color:var(--muted);margin:16px 0 0}
.jday:first-child{margin-top:0}
.jact{display:flex;gap:8px;margin-top:6px}
.jact form{margin:0}

/* 설정 — 내 계정(휴대폰에서도 로그아웃) */
.acct{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.acct form{margin:0}
/* 성과 표 — 휴대폰에서는 월초·넣고 뺌을 숨김(지금·수익률·넣은 대비만) */
@media (max-width:900px){.perf-tbl .opt{display:none}}