/* 초이장부 25판 AI 지원: the AI 비서 page and 장부 감사 (black and white, tokens only; loaded after choi.css) */

/* list-style section title: the title above a 2px ink rule */
.aip-h2{font-size:15px;font-weight:800;letter-spacing:-.02em;margin:0;color:var(--ink)}
.aip-hd,.aud-hd{display:flex;align-items:baseline;justify-content:space-between;gap:10px;padding-bottom:10px;border-bottom:2px solid var(--ink)}
.aip-hd small{font-size:12.5px;color:var(--ink-3);font-variant-numeric:tabular-nums}
.aip-note{margin:10px 0 0;font-size:12.5px;line-height:1.6;color:var(--ink-3)}
.aip-note b{color:var(--ink-2);font-weight:700}

/* ===== AI 비서 ===== */
.aip{display:grid;grid-template-columns:minmax(0,1fr) 260px;column-gap:32px;align-items:start}
.aip-main{display:flex;flex-direction:column;min-width:0;min-height:calc(100vh - 150px)}
.aip-log{flex:1;display:flex;flex-direction:column;gap:18px;padding:20px 0}
.aip .msg{max-width:88%;font-size:14px;line-height:1.6}
.aip .msg.me{align-self:flex-end;max-width:70%;background:var(--ink);color:var(--brand-ink);border-radius:14px 14px 4px 14px;padding:11px 15px}
.aip-bot{display:flex;gap:12px;max-width:88%;min-width:0}
.aip-bot .msg.bot{max-width:none;flex:1;min-width:0;display:flex;flex-direction:column;gap:10px;padding-top:4px}
.aip-ic{width:30px;height:30px;border-radius:999px;border:1px solid var(--line);display:inline-flex;align-items:center;justify-content:center;flex:none;color:var(--ink)}
.aip-bot .msg.bot .tool{background:var(--surface-2);color:var(--ink-3);align-self:flex-start;margin:0}
.aip-empty{display:flex;flex-direction:column;gap:6px;padding:8px 0}
.aip-empty b{font-size:19px;font-weight:800;letter-spacing:-.03em}
.aip-empty span{font-size:13.5px;line-height:1.6;color:var(--ink-3)}
.aip-end{height:1px;scroll-margin-bottom:150px}
.aud-back{margin:0 4px 0 -8px;vertical-align:middle}
.aip .chips.follow{display:flex;flex-wrap:wrap;gap:6px;padding-left:42px}

/* the transaction card: confirm before anything is written */
.aip-tx{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-tx-h{display:flex;justify-content:space-between;align-items:baseline;gap:12px}
.aip-tx-n{font-size:15px;font-weight:800;display:inline-flex;align-items:center;gap:6px;min-width:0}
.aip-tag{display:inline-flex;align-items:center;height:20px;padding:0 6px;border-radius:4px;background:var(--surface-2);color:var(--ink-2);font-size:11.5px;font-weight:500}
.aip-tx-m{font-size:20px;font-weight:900;letter-spacing:-.03em;white-space:nowrap}
.aip-tx-g{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;border-top:1px solid var(--line-2);padding-top:10px}
.aip-tx-g span{display:flex;flex-direction:column;gap:2px;min-width:0}
.aip-tx-g small{font-size:12px;color:var(--ink-3)}
.aip-tx-g b{font-size:13px;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.aip-tx-st{margin:0;font-size:12.5px;color:var(--ink-3)}
.aip-tx[data-state="saved"] .aip-tx-st{color:var(--ink);font-weight:700}
.aip-tx-a{display:flex;gap:8px;justify-content:flex-end}
.aip-tx-a .btn.sm{height:34px;padding:0 14px}

/* chips and the input stay at the bottom of the window */
.aip-foot{position:sticky;bottom:0;z-index:5;display:flex;flex-direction:column;gap:10px;padding:12px 0 16px;border-top:1px solid var(--line-2);background:var(--bg)}
.aip-foot .aip-chips{display:flex;flex-direction:row;gap:6px;flex-wrap:wrap}
.aip-foot .aip-chips button{display:inline-flex;align-items:center;height:32px;padding:0 12px;border:1px solid var(--line);border-radius:999px;background:var(--surface);color:var(--ink);font:inherit;font-size:13px;font-weight:500;white-space:nowrap;cursor:pointer;flex:none}
.aip-foot .aip-chips button:hover:not(:disabled){border-color:var(--ink);background:var(--surface);color:var(--ink)}
.aip-chips button:disabled{color:var(--ink-4);cursor:default}
.aip-in{display:flex;align-items:center;gap:10px;border:1.5px solid var(--ink);border-radius:12px;padding:7px 7px 7px 16px;min-height:54px;background:var(--surface)}
.aip-in textarea{flex:1;min-width:0;border:0!important;outline:0;box-shadow:none!important;background:transparent!important;resize:none;font:inherit;font-size:15px;line-height:1.5;padding:6px 0!important;min-height:0;height:auto;color:var(--ink)}
.aip-in textarea:focus,.aip-in textarea:focus-visible{outline:0!important}
.aip-send{width:40px;height:40px;border-radius:10px;border:0;background:var(--ink);color:var(--brand-ink);display:inline-flex;align-items:center;justify-content:center;flex:none;cursor:pointer}
.aip-send:disabled{background:var(--surface-3);color:var(--ink-4);cursor:default}

/* right column: 요약, 자주 묻는 질문, 지난 대화, 범위 */
.aip-side{display:flex;flex-direction:column;gap:26px;min-width:0}
.aip-blk{display:flex;flex-direction:column;min-width:0}
.aip-blk>.aip-h2{padding-bottom:10px;border-bottom:2px solid var(--ink)}
.aip-links{display:flex;flex-direction:column}
.aip-links button{display:flex;justify-content:space-between;align-items:baseline;gap:10px;width:100%;text-align:left;padding:10px 0;border:0;border-top:1px solid var(--line-2);background:none;color:var(--ink);font:inherit;font-size:13px;cursor:pointer}
.aip-links button:first-child{border-top:0}
.aip-links button:hover:not(:disabled) span,.aip-links button:hover:not(:disabled){text-decoration:underline;text-underline-offset:3px}
.aip-links button:disabled{color:var(--ink-4);cursor:default}
.aip-links button span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.aip-links button small{font-size:12px;color:var(--ink-3);flex:none;font-variant-numeric:tabular-nums}
.aip-more{align-self:flex-start;font-size:12.5px;margin-top:4px}
.aip-brief .txt{font-size:13px;line-height:1.65;padding-top:10px}
.aip-brief .txt p+p,.aip-brief .txt p+ul,.aip-brief .txt ul+p{margin-top:6px}
.aip-brief .txt ul{margin:4px 0 0;padding-left:16px}
.aip-brief .txt.muted{color:var(--ink-3)}
.aip-brief .qi{list-style:none;margin:0;padding:6px 0 0;display:flex;flex-direction:column}
.aip-brief .qi li{display:flex;gap:8px;align-items:flex-start;padding:8px 0;border-top:1px solid var(--line-2);font-size:13px;line-height:1.5}
.aip-brief .qi li:first-child{border-top:0}
.aip-brief .qi-ic{flex:none;width:22px;height:22px;border-radius:6px;display:inline-flex;align-items:center;justify-content:center;background:var(--surface-2);color:var(--ink)}
.aip-brief .thinking{padding-top:10px;font-size:13px}
.aip-brief .sub{font-size:12px;margin-top:6px}
.aip-brief-a{display:flex;align-items:center;gap:12px;padding-top:10px}
.aip-brief-a .lnk{font-size:12.5px}

@media (max-width:1099px){
  .aip{grid-template-columns:minmax(0,1fr)}
  .aip-main{min-height:calc(100vh - 230px)}
  .aip-log{padding:14px 0}
  .aip .msg.me{max-width:82%;font-size:14px}
  .aip-bot{max-width:100%;gap:10px}
  .aip-end{height:1px;scroll-margin-bottom:150px}
.aud-back{margin:0 4px 0 -8px;vertical-align:middle}
.aip .chips.follow{padding-left:0}
  .aip-tx{width:100%}
  .aip-end{scroll-margin-bottom:230px}
  .aip-foot{bottom:calc(76px + env(safe-area-inset-bottom,0px));padding:10px 0 10px}
  .aip-foot .aip-chips{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;margin:0 calc(-1 * var(--gut,16px));padding:0 var(--gut,16px)}
  .aip-chips::-webkit-scrollbar{display:none}
  .aip-in{min-height:48px;padding:5px 6px 5px 14px}
  .aip-send{width:36px;height:36px;border-radius:9px}
  .aip-log>.aip-side{padding-top:6px}
}

/* ===== 장부 감사 ===== */
.aud-kpi{display:grid;grid-template-columns:1.2fr 4fr;border-top:2px solid var(--ink)}
.aud-ks{display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}
.aud-k{display:flex;flex-direction:column;gap:4px;padding:16px 20px 20px;border-left:1px solid var(--line);min-width:0}
.aud-k0{border-left:0;padding-left:0}
.aud-k span{font-size:12.5px;color:var(--ink-2);font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.aud-k b{font-size:30px;font-weight:900;letter-spacing:-.035em;line-height:1.15;white-space:nowrap}
.aud-k0 b{font-size:44px}
.aud-k b small{font-size:14px;font-weight:500;color:var(--ink-3);margin-left:3px;letter-spacing:0}
.aud-k0 b small{font-size:16px}
.aud-k em{font-style:normal;font-size:12.5px;color:var(--ink-3)}
.aud-k em .lnk{font-size:12.5px;margin-left:6px}
.aud{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);column-gap:32px;align-items:start}
.aud-main{display:flex;flex-direction:column;min-width:0}
.aud-g{display:flex;flex-direction:column}
.aud-gh{display:flex;justify-content:space-between;align-items:baseline;gap:10px;padding:18px 0 6px}
.aud-gh h3{margin:0;font-size:14px;font-weight:800}
.aud-gh h3 small{font-size:12px;font-weight:500;color:var(--ink-3);margin-left:8px}
.aud-gh>span{font-size:12px;color:var(--ink-3)}
.aud-row{display:grid;grid-template-columns:96px minmax(0,1fr) 110px auto;gap:14px;align-items:center;padding:11px 0;border-top:1px solid var(--line-2);font-size:13px}
.aud-d{color:var(--ink-3);font-size:13px;white-space:nowrap}
.aud-tt{display:flex;flex-direction:column;min-width:0;gap:1px}
.aud-tt b{font-size:14px;font-weight:700;color:var(--ink);overflow-wrap:anywhere}
.aud-tt>span{font-size:12px;color:var(--ink-3);overflow-wrap:anywhere}
.aud-dm{display:none;font-style:normal}
.aud-t{border:0;background:none;padding:0;text-align:left;font:inherit;cursor:pointer;color:inherit}
.aud-t:hover b{text-decoration:underline;text-underline-offset:3px}
.aud-m{text-align:right;font-size:14px;font-weight:700;white-space:nowrap}
.aud-a{display:flex;gap:6px;justify-content:flex-end;flex-wrap:nowrap}
.aud-a .btn.sm{height:30px;padding:0 10px;font-size:12px;border-radius:7px;white-space:nowrap}
.aud-more{align-self:center;margin:8px 0}
.aud-side{display:flex;flex-direction:column;gap:24px;min-width:0}
.aud-ck{display:flex;flex-direction:column}
.aud-ck>.aip-h2{padding-bottom:10px;border-bottom:2px solid var(--ink)}
.aud-ckr{display:flex;align-items:center;gap:10px;padding:9px 0;border-top:1px solid var(--line-2);font-size:13px}
.aud-ckr:first-of-type{border-top:0}
.aud-cb{width:18px;height:18px;border-radius:4px;display:inline-flex;align-items:center;justify-content:center;flex:none;border:1.5px solid var(--s5);color:var(--ink-4);font-size:11px;font-weight:900}
.aud-ckr.on .aud-cb{background:var(--ink);border-color:var(--ink);color:var(--brand-ink)}
.aud-ckl{flex:1;min-width:0}
.aud-ckr b{font-size:13px}
.aud-ckr:not(.on) b{color:var(--ink-4);font-weight:500}
.aud-ai{display:flex;flex-direction:column;gap:10px;background:var(--surface-2);border-radius:12px;padding:16px 18px}
.aud-ai h2{margin:0;font-size:14px;font-weight:800;display:flex;align-items:center;gap:8px}
.aud-ai .txt{font-size:13px;line-height:1.65;color:var(--ink)}
.aud-ai .txt.muted{color:var(--ink-3)}
.aud-ai .txt ul{margin:4px 0 0;padding-left:16px}
.aud-ai .txt p+p,.aud-ai .txt p+ul{margin-top:6px}
.aud-ai .btn.pri{height:40px;border-radius:9px;font-weight:700}

@media (max-width:1099px){
  .aud-kpi{grid-template-columns:minmax(0,1fr)}
  .aud-k0{flex-direction:column;padding:12px 0 10px}
  .aud-ks{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;margin:0 calc(-1 * var(--gut,16px));padding:0 var(--gut,16px) 4px}
  .aud-ks::-webkit-scrollbar{display:none}
  .aud-ks .aud-k{flex:0 0 auto;min-width:110px;border:1px solid var(--line);border-radius:10px;padding:10px 12px}
  .aud-ks .aud-k b{font-size:21px}
  .aud{grid-template-columns:minmax(0,1fr);row-gap:26px}
  .aud-row{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"t m" "a a";row-gap:8px;padding:12px 0}
  .aud-d{display:none}
  .aud-dm{display:inline}
  .aud-tt{grid-area:t}.aud-m{grid-area:m;align-self:start}.aud-a{grid-area:a}
  .aud-a .btn.sm{height:34px;padding:0 12px;font-size:13px}
  .aud-side{gap:22px}
  .aud-ai{order:-1}
}

/* the old glass .insight card style does not apply to these sections */
.aip-brief.insight{background:none;border:0;border-radius:0;padding:0;box-shadow:none}
.aud-ai.insight{background:var(--surface-2);border:0;box-shadow:none}

/* ===== 3차: 버틀러 > 점검 (butler.js BCheckScr). 일정과 할 일 / 장부 두 묶음, 장부 묶음은 위 장부 감사 본문을 그대로 씀 ===== */
.bk-seg{display:flex;gap:0;border-bottom:1px solid var(--line);margin:2px 0 4px}
.bk-seg button{display:inline-flex;align-items:center;gap:6px;height:42px;padding:0 14px;border:0;border-bottom:2px solid transparent;margin-bottom:-1px;background:none;font:inherit;font-size:14.5px;font-weight:700;color:var(--ink-3);cursor:pointer;white-space:nowrap}
.bk-seg button:first-child{padding-left:2px}
.bk-seg button b{font-size:12px;font-weight:800;min-width:20px;height:20px;padding:0 6px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;background:var(--surface-2);color:var(--ink-3)}
.bk-seg button[aria-selected="true"]{color:var(--ink);border-bottom-color:var(--c-navy,#2f265a)}
.bk-seg button[aria-selected="true"] b{background:var(--c-navy-soft,#F1EFF7);color:var(--c-navy,#2f265a)}
@media (hover:hover){.bk-seg button:hover{color:var(--ink)}}
.bk-tiles.n3{grid-template-columns:repeat(3,minmax(0,1fr))}
.bk-scr.bk-l{max-width:none}
.bk-lbar{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.bk-lbar .pp{flex:0 1 auto;min-width:0}
.bk-l .aud-kpi{margin-top:2px}
.bk-led{margin-bottom:6px}
.bk-led .bc-h span{font-size:12px}
@media (max-width:480px){
  .bk-tiles.n3 .bk-tile small{display:none}
}