/* 27판 stream cardai: 카드, 후잉 맞추기, AI 비서, 장부 감사. Loaded last. */

/* phone back chevron in the title (카드, 후잉 맞추기): a 36px touch target that keeps the chevron tight to the title */
.ph-back.cw-back{width:36px;height:36px;margin:0 -6px 0 -12px}

/* ===== 카드 ===== */
/* the board chart (CwBars): grid lines above zero only, an ink baseline, a running bill drawn as a dashed outline */
.cw-bars{position:relative;min-width:0}
.cw-bars svg{display:block;width:100%;overflow:visible}
.cw-bars text{font-size:12px;fill:var(--ink-3);font-variant-numeric:tabular-nums}
.cw-bars text.on{fill:var(--ink);font-weight:700}
.cw-bars .cw-gl{stroke:var(--line-2);stroke-width:1}
.cw-bars .cw-base{stroke:var(--ink);stroke-width:1}
.cw-bars .cw-b{fill:var(--ink)}
.cw-bars .cw-pb{fill:var(--surface);stroke:var(--ink);stroke-width:1;stroke-dasharray:3 2}
.kv.cw-kv .cw-uamt{font-size:11px;color:var(--ink-3);font-weight:500}
@media (max-width:1099px){
  .cw-bars text{font-size:9px;fill:var(--ink-4)}
  .cw-bars text.on{fill:var(--ink)}
  .cw-bars .cw-pb{stroke-width:1.5}
  .cw-tiles .ctile .chip-ic{display:none}
  .cw-tiles .ctile .nm{padding-right:0}
  .cw-chart{gap:8px}
}

/* ===== 후잉 맞추기 ===== */
.wh-since{margin-left:4px;text-decoration:underline;text-underline-offset:3px}
.wh-since[aria-pressed="true"]{color:var(--ink);font-weight:700;text-decoration:none}

/* ===== AI 비서 ===== */
/* an answer that compares amounts ends with [[막대|...]]: drawn as a box of bars (the first ink, the rest grey) */
.aip-box{border:1px solid var(--line);border-radius:12px;padding:14px 16px;display:flex;flex-direction:column;gap:10px;width:420px;max-width:100%;background:var(--surface)}
.aip-bar{display:grid;grid-template-columns:70px minmax(0,1fr) 90px;gap:10px;align-items:center;font-size:13px}
.aip-bar>span:first-child{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.aip-bar .bar{display:block;height:8px;background:var(--surface-3,var(--line-2));border-radius:2px;overflow:hidden}
.aip-bar .bar i{display:block;height:100%;background:var(--ink);border-radius:2px}
.aip-bar b{text-align:right;font-weight:700}
.aip-bar.o>span:first-child,.aip-bar.o b{color:var(--ink-3);font-weight:500}
.aip-bar.o .bar i{background:var(--ink-4)}
.aip-found{align-self:flex-start;border:0;background:none;padding:2px 0;font:inherit;font-size:13px;font-weight:700;color:var(--ink);cursor:pointer}
@media (hover:hover){.aip-found:hover{text-decoration:underline;text-underline-offset:3px}}
.aip-send:disabled{background:var(--ink);color:var(--brand-ink);cursor:default}
.aip-pp{font-size:12.5px;margin-left:4px}
.aip-ppw{margin-top:10px}
@media (max-width:1099px){
  .aip-box{width:100%;padding:12px;gap:8px}
  .aip-bar{grid-template-columns:34px minmax(0,1fr) 68px;gap:8px;font-size:12px}
  .aip-found{font-size:12px}
  /* M_ai: the conversation sits right under a 2px rule, no 오늘 대화 title */
  .aip-hd{padding-bottom:0}
  .aip-hd>*{display:none}
}

/* ===== 장부 감사 ===== */
.aud-hd{align-items:center}
.aud-again{font-size:12.5px}
.aud-ckt{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:40px;padding:0 0 8px;border:0;border-bottom:2px solid var(--ink);background:none;color:var(--ink);font:inherit;font-size:15px;font-weight:800;cursor:pointer;text-align:left}
.aud-ckt .ico{transition:transform .15s;color:var(--ink-3)}
.aud-ckt[aria-expanded="true"] .ico{transform:rotate(180deg)}
.aud-ck.shut .aud-ckt{border-bottom:1px solid var(--line-2);font-size:14px;font-weight:700}
@media (max-width:1099px){
  /* M_audit: 살펴볼 거래 on the left, 거래 N건 중 on the right, the number below */
  .aud-k0{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"s e" "b b";align-items:baseline;row-gap:2px}
  .aud-k0>span{grid-area:s;font-weight:700;color:var(--ink-3)}
  .aud-k0>em{grid-area:e;font-size:11px;text-align:right}
  .aud-k0>b{grid-area:b;font-size:40px;line-height:1}
  .aud-k0 b small{font-size:14px}
  /* the AI box is one row while nothing has been asked: title and line on the left, 받기 on the right */
  .aud-ai.idle{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"h b" "t b";column-gap:12px;row-gap:2px;align-items:center;padding:14px}
  .aud-ai.idle>h2{grid-area:h;font-size:14px}
  .aud-ai.idle>h2 .ico{display:none}
  .aud-ai.idle>.txt{grid-area:t;font-size:12px;margin:0}
  .aud-ai.idle>.btn.pri{grid-area:b;height:36px;padding:0 12px;font-size:13px;border-radius:8px}
  .aud-ai.idle>.sub{grid-column:1 / -1}
}
.ph-back.cw-back.aud-back{margin:0 -6px 0 -12px;vertical-align:-4px}
.aud-k.z b{color:var(--ink-4)}
/* phone: AI 요약 받기 sits under the list, the sticky bar keeps the plan and 적용하기 (M_wh) */
.wh-aim{display:flex}
.wh-aim .btn{height:40px;padding:0 14px}