/* p3a.css (v80): 3단계 장부 A 화면 v3 (예산관리, 예산 외 지출, 거래 내역). v3.css 다음에 읽는다.
   색은 --v-* 토큰만. 휴대폰 카드 펼침과 띠, 채운 단추는 v3.css가 한다. */

.p3a{--p3a-g:var(--v-ground)}
.p3a .tnum{font-variant-numeric:tabular-nums}
.p3a button{-webkit-tap-highlight-color:transparent}
/* PC 두 단: 위가 같은 줄에서 시작해 같은 높이로 끝남 */
.p3a-cols{display:flex;flex-direction:column;gap:12px;min-width:0}
@media (min-width:900px){
  .p3a-cols{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px;align-items:stretch}
  .p3a-cols.top{align-items:start}
  .p3a-cols>*{min-width:0}
}
/* 회색 바탕(PC 제목 줄) 위 단추는 흰색 */
@media (min-width:768px){.v2.p3a>.phead .v3-btn{background:var(--v-card)}@media (hover:hover){.v2.p3a>.phead .v3-btn:hover{background:var(--v-fill2)}}}
.p3a-note{margin:0;font-size:13px;line-height:1.5;color:var(--v-ink3);word-break:keep-all}
.p3a-cic{flex:none;width:40px;height:40px;border-radius:14px;background:var(--v-blue-bg);color:var(--v-blue);display:inline-flex;align-items:center;justify-content:center}
.p3a-cic.sm{width:36px;height:36px;border-radius:12px;background:var(--v-fill);color:var(--v-ink2)}
/* 휴대폰: 메모 붙이기 줄은 회색 바탕(마지막 구역 아래) */
@media (max-width:767px){
  .v2.p3a>.pnote-foot{position:relative;margin:0 calc(-1 * var(--gut,20px));padding:14px var(--gut,20px) 4px;background:var(--v-ground);box-shadow:0 -12px 0 var(--v-ground)}
  .v2.p3a>.pnote-foot::after{content:"";position:absolute;left:0;right:0;top:100%;height:140px;background:var(--v-ground);pointer-events:none}
  .v2.p3a>.pnote-foot .pnote{color:var(--v-ink2);font-size:14px}
}

/* ================= 예산관리 ================= */
.p3a-hero{display:flex;flex-direction:column;gap:2px;min-width:0}
.p3a-sent{margin:4px 0 0;font-size:15px;line-height:1.5;color:var(--v-ink2);word-break:keep-all}
.p3a-sent b{font-weight:600;color:var(--v-ink)}
.p3a-pcmp{margin:-4px 0 6px;font-size:14px}
.p3a-pcmp>span{white-space:nowrap}
.p3a-ubar{display:flex;flex-direction:column;gap:10px}
.p3a-ucap{display:flex;justify-content:space-between;gap:8px;font-size:13px;color:var(--v-ink3);white-space:nowrap}
.p3a-ucap b{font-weight:700}
@media (min-width:900px){.p3a-cols>.p3a-use .p3a-ubar{margin-top:auto}.p3a-cols>.p3a-pace .p3a-chart{margin-top:auto}}
.p3a-pace .p3a-chart{min-width:0}
.p3a-today{stroke:var(--v-mute);stroke-width:1;stroke-dasharray:2 3}
/* 그룹별 사용률 칸 */
.p3a-gt{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
@media (min-width:900px){.p3a-gt{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}}
.p3a-gtile{display:flex;flex-direction:column;align-items:stretch;gap:6px;padding:14px;border:0;border-radius:16px;background:var(--v-ground);min-width:0;font:inherit;color:var(--v-ink);text-align:left}
button.p3a-gtile{cursor:pointer}
@media (hover:hover){button.p3a-gtile:hover{background:var(--v-fill2)}}
.p3a-gn{display:flex;align-items:center;gap:2px;font-size:13px;font-weight:600;color:var(--v-ink2);word-break:keep-all;line-height:1.35}
.p3a-gn .ico{flex:none;color:var(--v-ink3)}
.p3a-gtile>b{font-size:20px;font-weight:700;letter-spacing:-.02em;line-height:1.2;margin-top:auto}
.p3a-gtile .v3-bar{background:var(--v-track2)}
/* 항목별 예산 표 (휴대폰: 두 단 줄) */
.p3a-tb{display:flex;flex-direction:column;gap:4px;min-width:0}
.p3a-trow{display:grid;grid-template-columns:minmax(0,1fr) 72px 72px;align-items:center;gap:8px;min-width:0}
.p3a-th{padding:0 10px 2px;font-size:12px;font-weight:500;color:var(--v-ink3)}
.p3a-th .r,.p3a-trow .r{text-align:right}
.p3a-n{text-align:right;font-size:14px;font-weight:600;color:var(--v-ink);white-space:nowrap;font-variant-numeric:tabular-nums}
.p3a-n.b{font-weight:700}
.p3a-n.p3a-bv{font-weight:500;color:var(--v-ink3)}
.p3a-n.p3a-bv.b{font-weight:600;color:var(--v-ink2)}
.p3a-n.p3a-pc{font-size:13px;color:var(--v-ink2)}
.p3a-none{font-size:13px;font-weight:500;color:var(--v-ink4)}
.p3a-blk{display:flex;flex-direction:column;gap:2px}
.p3a-tg2{display:flex;flex-direction:column;gap:8px;width:100%;padding:11px 10px;border:0;border-radius:12px;background:var(--v-ground);font:inherit;color:var(--v-ink);text-align:left;cursor:pointer}
.p3a-gname{display:flex;align-items:center;gap:6px;min-width:0;margin-left:-4px}
.p3a-gname .ico{flex:none;color:var(--v-ink2)}
.p3a-gname>span{min-width:0;font-size:15px;font-weight:700;line-height:1.35;letter-spacing:-.02em;word-break:keep-all;overflow-wrap:anywhere}
.p3a-brow{display:grid;grid-template-columns:minmax(0,1fr) 40px;align-items:center;gap:10px;width:100%}
.p3a-tg2 .v3-bar{background:var(--v-track2)}
.p3a-items{display:flex;flex-direction:column;padding:4px 0 6px}
.p3a-ti2{display:flex;flex-direction:column;gap:8px;padding:9px 10px 9px 28px}
.p3a-ti2.top{padding-left:10px}
.p3a-iname{min-width:0;border:0;background:none;padding:0;font:inherit;font-size:15px;font-weight:600;letter-spacing:-.02em;color:var(--v-ink);text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer}
@media (hover:hover){.p3a-iname:hover{text-decoration:underline;text-underline-offset:3px}}
.p3a-shownone{align-self:center;height:36px;padding:0 10px;border:0;border-radius:10px;background:none;font:inherit;font-size:14px;font-weight:600;color:var(--v-ink3);cursor:pointer}
.p3a-exrow{display:flex;align-items:center;gap:6px;width:100%;min-height:48px;padding:0 14px 0 10px;border:0;border-radius:12px;background:var(--v-fill);font:inherit;color:var(--v-ink);text-align:left;cursor:pointer}
.p3a-exrow .ico{flex:none;color:var(--v-ink2)}
.p3a-exrow b{font-size:15px;font-weight:700;white-space:nowrap}
.p3a-exrow small{font-size:13px;color:var(--v-ink3);white-space:nowrap}
.p3a-exrow .sp{flex:1}
.p3a-exrow>.tnum{font-size:14px;font-weight:600;white-space:nowrap}
.p3a-items.ex{padding:4px 10px 0}
.p3a-xi{min-height:40px}
.p3a-fold{margin-right:-6px}
/* PC 표: 이름 | 막대 | 사용 | 예산 | 사용률 */
.p3a-tbl.pc .p3a-trow{grid-template-columns:minmax(0,1fr) minmax(0,1.6fr) 130px 130px 72px;gap:20px}
.p3a-tbl.pc .p3a-th{padding:0 12px 2px}
.p3a-tbl.pc .p3a-tg{width:100%;min-height:48px;padding:0 12px;border:0;border-radius:12px;background:var(--v-ground);font:inherit;color:var(--v-ink);text-align:left;cursor:pointer}
.p3a-tbl.pc .p3a-tg .v3-bar{background:var(--v-track2)}
.p3a-tbl.pc .p3a-ti,.p3a-tbl.pc .p3a-xi{min-height:44px;padding:0 12px 0 30px}
.p3a-tbl.pc .p3a-ti.top{padding-left:12px}
.p3a-tbl.pc .p3a-n{font-size:15px}
.p3a-tbl.pc .p3a-n.p3a-pc{font-size:14px}
.p3a-bqm .bq-months{background:none!important;border:0!important;box-shadow:none!important;padding:0!important;margin:0!important}
/* 예산 없는 달 */
.p3a-ntile .p3a-tsub,.p3a-tsub{font-size:12px;line-height:1.4;color:var(--v-ink2);font-variant-numeric:tabular-nums;word-break:keep-all}
.p3a-ntile{cursor:default}
.p3a-cta{gap:16px}
.p3a-cta-t{display:flex;align-items:flex-start;gap:12px}
.p3a-cta-t>div{display:flex;flex-direction:column;gap:4px;min-width:0}
.p3a-cta-t b{font-size:16px;font-weight:700;letter-spacing:-.02em;word-break:keep-all}
.p3a-cta-t span:not(.p3a-cic){font-size:14px;line-height:1.5;color:var(--v-ink2);word-break:keep-all}
.p3a-ctab{width:100%;height:52px;border-radius:14px;font-size:16px;font-weight:700}
@media (min-width:900px){.p3a-cta{flex-direction:row;align-items:center;justify-content:space-between}.p3a-ctab{width:auto;min-width:200px;height:48px}}

/* ================= 예산 외 지출 ================= */
.p3a-share{display:flex;flex-direction:column;gap:8px}
.p3a-shh{display:flex;justify-content:space-between;align-items:baseline;gap:8px;font-size:13px;color:var(--v-ink2);white-space:nowrap}
.p3a-shh b{font-size:14px;font-weight:700;color:var(--v-ink)}
.p3a-split{display:flex;height:10px;border-radius:999px;overflow:hidden;gap:2px;background:var(--v-track)}
.p3a-split i{display:block;min-width:0;background:var(--v-blue)}.p3a-split i.o{background:var(--v-peri)}
.p3a-dots{display:flex;flex-wrap:wrap;gap:4px 14px;font-size:12px;color:var(--v-ink2)}
.p3a-dots span{display:inline-flex;align-items:center;gap:6px;white-space:nowrap}
.p3a-dots i{flex:none;width:8px;height:8px;border-radius:999px;background:var(--v-blue)}
.p3a-dots i.o{background:var(--v-peri)}
.p3a-dots i.sq{width:12px;height:8px;border-radius:2px;background:var(--v-blue)}
.p3a-dots i.dash{width:16px;height:0;border-radius:0;background:none;border-top:2px dashed var(--v-ink2)}
.p3a-dots b{font-weight:700;color:var(--v-ink)}
.p3a-ooleg{font-size:13px}
@media (min-width:900px){.p3a-cols>.p3a-oosum .l2-tiles{margin-top:auto}.p3a-cols>.p3a-oomon .p3a-oob{margin-top:auto}}
.p3a-oob{position:relative;min-width:0}
.p3a-oobar{fill:var(--v-peri)}.p3a-oobar.now{fill:var(--v-blue)}.p3a-oobar.hi{fill-opacity:.8}
.p3a-oofut{fill:none;stroke:var(--v-mute);stroke-dasharray:3 3}
.p3a-oomk{fill:var(--v-ground)}
.p3a-ooavg{stroke:var(--v-ink2);stroke-width:1.2;stroke-dasharray:4 4}
.p3a-oob .l2-axl.p3a-now{fill:var(--v-ink);font-weight:700}
.p3a-sug{gap:14px}
.p3a-sugt{display:flex;align-items:center;gap:12px}
.p3a-sugt .t{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}
.p3a-sugt b{font-size:16px;font-weight:700;letter-spacing:-.02em;word-break:keep-all}
.p3a-sugt .t>span{font-size:14px;line-height:1.5;color:var(--v-ink2);word-break:keep-all}
.p3a-sugb{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.p3a-sugb .v3-btn{height:46px;border-radius:14px;font-size:15px}
@media (min-width:768px){.p3a-sugt .p3a-sugb{display:flex;flex:none}.p3a-sugt .p3a-sugb .v3-btn{min-width:110px;height:42px}}
.p3a-oorows{display:flex;flex-direction:column}
.p3a-oorow{display:flex;flex-direction:column;gap:8px;width:100%;padding:14px 0;border:0;border-top:1px solid var(--v-line);background:none;font:inherit;color:var(--v-ink);text-align:left;cursor:pointer}
.p3a-oorow:first-child{border-top:0;padding-top:4px}
.p3a-oor1{display:flex;align-items:baseline;gap:6px;min-width:0}
.p3a-oor1 .nm{font-size:15px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
.p3a-oor1 small{font-size:13px;color:var(--v-ink3);white-space:nowrap}
.p3a-oor1 .sp{flex:1}
.p3a-oor1 .v{font-size:15px;font-weight:700;white-space:nowrap}
.p3a-oor1 .pc{flex:none;width:44px;text-align:right;font-size:13px;color:var(--v-ink3)}
.p3a-oor3{display:flex;align-items:center;gap:10px}
.p3a-oor3 small{font-size:12px;color:var(--v-ink3);white-space:nowrap}
.p3a-oodots{display:flex;gap:3px;flex-wrap:wrap}
.p3a-oodots i{width:9px;height:9px;border-radius:3px;background:var(--v-track2)}
.p3a-oodots i.on{background:var(--v-blue)}
.p3a-oodots i.fut{background:none;box-shadow:inset 0 0 0 1px var(--v-mute)}
.p3a-bigr{display:flex;align-items:center;gap:12px;width:100%;min-height:62px;padding:10px 0;border:0;border-top:1px solid var(--v-line);background:none;font:inherit;color:var(--v-ink);text-align:left;cursor:pointer}
.p3a-bigr:first-child{border-top:0}
.p3a-bigr[disabled]{cursor:default;opacity:1}
.p3a-bigr .t{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}
.p3a-bigr .l1{display:flex;align-items:baseline;gap:6px;min-width:0;white-space:nowrap}
.p3a-bigr .l1 b{flex:none;font-size:15px;font-weight:600}
.p3a-bigr .l1 small{min-width:0;font-size:13px;color:var(--v-ink3);overflow:hidden;text-overflow:ellipsis}
.p3a-bigr .l2{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--v-ink3);white-space:nowrap;overflow:hidden}
.p3a-bigr .l2>span:last-child{overflow:hidden;text-overflow:ellipsis}
.p3a-bigr>.v{flex:none;font-size:15px;font-weight:700;white-space:nowrap}

/* ================= 거래 내역 ================= */
.p3a-ctx{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:40px;min-width:0}
.p3a-ctx b{font-size:20px;font-weight:700;letter-spacing:-.03em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
.p3a-sc{gap:12px}
.p3a-chrow{display:flex;align-items:flex-start;gap:12px;min-width:0}
.p3a-chips{flex:1;min-width:0}
.p3a-cnt{flex:none;margin-left:auto;align-self:center;font-size:14px;font-weight:700;white-space:nowrap}
.p3a-cs{position:relative;padding:0 10px 0 14px}
.p3a-cs>span{white-space:nowrap}
.p3a-cs .ico{color:var(--v-ink2)}
.p3a-cs select{position:absolute;inset:0;z-index:1;width:100%;height:100%;margin:0;padding:0;border:0;opacity:0;cursor:pointer;-webkit-appearance:none;appearance:none;font-size:16px}
.p3a-cs.on{padding:0 6px 0 14px}
.p3a-cx{position:relative;z-index:2;flex:none;width:24px;height:24px;margin:0 -2px 0 2px;border:0;border-radius:999px;background:none;color:inherit;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;padding:0}
.p3a-cx .ico{color:var(--v-card)!important}
.p3a-co{position:relative;z-index:2;border:0;background:none;padding:0;font:inherit;color:inherit;white-space:nowrap;cursor:pointer}
.p3a-reset{flex:none;height:34px;padding:0 6px;border:0;background:none;font:inherit;font-size:14px;font-weight:600;color:var(--v-ink3);cursor:pointer;white-space:nowrap}
.p3a-pan{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr) auto;align-items:end;gap:8px;padding:12px;border-radius:14px;background:var(--v-ground)}
@media (max-width:520px){.p3a-pan{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.p3a-pan .p3a-til{display:none}.p3a-pan>.v3-btn{grid-column:1/-1;height:40px}}
.p3a-f{flex:1 1 120px;min-width:0;display:flex;flex-direction:column;gap:4px}
.p3a-f>span{font-size:12px;font-weight:600;color:var(--v-ink3)}
.p3a-f input{width:100%;height:44px;box-sizing:border-box;padding:0 12px;border:0;border-radius:12px;background:var(--v-card);font:inherit;font-size:16px;color:var(--v-ink);min-width:0}
.p3a-til{align-self:center;padding-top:16px;color:var(--v-ink3)}
.p3a-pan .v3-btn{height:44px;background:var(--v-card)}
.p3a-lrow{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:-6px 0 -8px;min-height:32px}
.p3a-allp,.p3a-selb{color:var(--v-ink2)!important;font-weight:600!important;gap:4px!important}
.p3a-selb .ico,.p3a-allp .ico{color:var(--v-ink2)!important}
.p3a-bal{margin-top:-8px;font-size:14px;color:var(--v-ink3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.p3a-bal b{font-weight:700;color:var(--v-ink)}
.p3a-selh{display:flex;gap:6px}
.p3a-days{display:flex;flex-direction:column}
.p3a-dayh{display:flex;align-items:baseline;justify-content:space-between;gap:8px;padding:14px 0 4px;border-top:1px solid var(--v-line);white-space:nowrap}
.p3a-dayh b{font-size:14px;font-weight:700;letter-spacing:-.01em}
.p3a-dayh span{font-size:13px;color:var(--v-ink3)}
.p3a-monh{display:flex;align-items:baseline;justify-content:space-between;padding:18px 0 4px}
.p3a-monh b{font-size:16px;font-weight:800;letter-spacing:-.02em}
.p3a-monh span{font-size:13px;color:var(--v-ink3)}
.tx3{display:flex;align-items:center;gap:12px;width:100%;min-height:64px;padding:8px 0;border:0;background:none;font:inherit;color:var(--v-ink);text-align:left;cursor:pointer;min-width:0}
.tx3 .glyph,.tx3 .p3a-av{flex:none;width:40px;height:40px;border-radius:999px}
.tx3 .glyph .ico{width:20px;height:20px}
.tx3 .t{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}
.tx3 .l1{display:flex;align-items:baseline;gap:6px;min-width:0;white-space:nowrap;overflow:hidden}
.tx3 .l1 b{flex:0 1 auto;min-width:0;font-size:16px;font-weight:600;letter-spacing:-.02em;overflow:hidden;text-overflow:ellipsis}
.tx3 .l1 small{flex:1 1 0;min-width:0;font-size:13px;color:var(--v-ink3);overflow:hidden;text-overflow:ellipsis}
.tx3 .l2{font-size:13px;color:var(--v-ink3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tx3 .r{flex:none;display:flex;flex-direction:column;align-items:flex-end;gap:2px}
.tx3 .r small{font-size:12px;color:var(--v-ink3)}
.p3a-amt{font-size:16px;font-weight:700;white-space:nowrap;letter-spacing:-.01em}
.p3a-amt.in{color:var(--v-blue)}.p3a-amt.tr{color:var(--v-ink3)}
.p3a-bdg{flex:none;align-self:center;font-size:11px;font-weight:600;line-height:18px;padding:0 6px;border-radius:6px;background:var(--v-fill);color:var(--v-ink2)}
.p3a-cbw{flex:none;width:40px;display:grid;place-items:center}
.p3a-cb{width:24px;height:24px;border-radius:7px;box-shadow:inset 0 0 0 2px var(--v-mute);display:inline-flex;align-items:center;justify-content:center;color:var(--v-card)}
.p3a-cb.on{background:var(--v-ink);box-shadow:none}
.tx3.sel{background:linear-gradient(var(--v-fill),var(--v-fill)) padding-box}
.p3a-more{width:100%;height:46px;margin-top:10px;border:0;border-radius:14px;background:var(--v-fill);font:inherit;font-size:14px;font-weight:600;color:var(--v-ink2);cursor:pointer}
@media (hover:hover){.tx3:hover .l1 b{text-decoration:underline;text-underline-offset:3px}.p3a-more:hover{background:var(--v-fill2)}}
/* PC 표 */
.p3a-list.pc{gap:12px}
.p3a-list.pc>.p3a-sc{padding:0 0 4px;background:none;border-radius:0;box-shadow:none;margin:0}
.p3a-pcth,.p3a-pcr{display:grid;grid-template-columns:32px 40px minmax(0,2.2fr) minmax(0,1fr) minmax(0,1.2fr) 130px;align-items:center;column-gap:12px}
.p3a-pcth.bal,.p3a-pcr.bal{grid-template-columns:32px 40px minmax(0,2.2fr) minmax(0,1fr) minmax(0,1.2fr) 120px 120px}
.p3a-pcth{padding:0 12px 8px;border-bottom:1px solid var(--v-line);font-size:12px;font-weight:600;color:var(--v-ink3)}
.p3a-pcth .r,.p3a-pcr .r{text-align:right}
.p3a-list.pc .p3a-dayh{padding:14px 12px 6px;border-top:0;border-bottom:1px solid var(--v-line)}
.p3a-list.pc .p3a-day:first-child .p3a-dayh{padding-top:10px}
.p3a-pcr{position:relative;min-height:60px;padding:0 12px;border-bottom:1px solid var(--v-line);cursor:pointer}
.p3a-pcr.open{background:var(--v-ground);border-bottom-color:transparent;border-radius:14px 14px 0 0}
.p3a-pcr.sel{background:var(--v-blue-bg)}
@media (hover:hover){.p3a-pcr:not(.open):hover{background:var(--v-ground)}}
.p3a-hit{position:absolute;inset:0;z-index:0;border:0;background:none;padding:0;cursor:pointer;border-radius:inherit}
.p3a-ck{position:relative;z-index:2;display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;cursor:pointer}
.p3a-ck input{width:18px;height:18px;margin:0;accent-color:var(--v-ink);cursor:pointer}
.p3a-pcr>*:not(.p3a-hit):not(.p3a-ck){position:relative;z-index:1;pointer-events:none}
.p3a-pcr .p3a-av,.p3a-pcr .glyph{width:36px;height:36px;border-radius:999px}
.p3a-pcr .t{min-width:0;display:flex;flex-direction:column;gap:2px}
.p3a-pcr .l1{display:flex;align-items:center;gap:6px;min-width:0}
.p3a-pcr .l1 b{font-size:15px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.p3a-pcr .l2{font-size:13px;color:var(--v-ink3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.p3a-pcr .c{font-size:14px;color:var(--v-ink2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.p3a-pcr .c.f{color:var(--v-ink3)}
.p3a-pcr .p3a-amt{font-size:15px}
.p3a-pbal{font-size:14px;color:var(--v-ink2);white-space:nowrap}
/* PC 고치기 칸 (screens1.js TxEdit) */
.p3a .txe{margin:0 0 6px;padding:4px 16px 16px;border-radius:0 0 16px 16px;background:var(--v-ground);border:0;box-shadow:none}
.p3a .txe .field>span{font-size:12px;font-weight:600;color:var(--v-ink3)}
.p3a .txe input,.p3a .txe select,.p3a .txe .datechip{height:44px;border:0!important;border-radius:12px!important;background:var(--v-card)!important;box-shadow:none!important;font-size:15px;color:var(--v-ink)}
.p3a .txe .btn{height:40px;border:0!important;border-radius:12px!important;background:var(--v-card)!important;box-shadow:none!important;font-weight:600;color:var(--v-ink)}
.p3a .txe .btn.pri{background:var(--v-ink)!important;color:var(--v-card)!important}
.p3a .txe .sub{color:var(--v-ink3)}
/* 달력 */
.p3a-cal{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));margin:0 -4px}
.p3a-wd{padding:2px 0 8px;text-align:center;font-size:12px;font-weight:600;color:var(--v-ink3)}
.p3a-wd.sun{color:var(--v-coral-t)}.p3a-wd.sat{color:var(--v-blue)}
.p3a-cc{display:flex;flex-direction:column;align-items:center;gap:2px;min-height:66px;padding:6px 0 8px;border:0;border-top:1px solid var(--v-line);background:none;font:inherit;color:var(--v-ink);cursor:pointer;min-width:0}
.p3a-cc.off{cursor:default}
.p3a-cc .dn{width:28px;height:28px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;font-size:14px;font-weight:600}
.p3a-cc.today .dn{background:var(--v-ink);color:var(--v-card)}
.p3a-cc.fut .dn{color:var(--v-ink4)}
.p3a-cc .v{font-size:11px;font-weight:600;color:var(--v-ink2);white-space:nowrap;letter-spacing:-.02em}
.p3a-cc .v.in{color:var(--v-blue)}
.p3a-cc .ib{width:70%;height:3px;margin-top:auto;border-radius:2px;background:var(--v-track)}
.p3a-cc .ib i{display:block;height:100%;border-radius:2px;background:var(--v-blue)}
@media (hover:hover){.p3a-cc:not(.off):hover{background:var(--v-ground);border-radius:10px}}
@media (min-width:900px){.p3a-cc{min-height:84px}.p3a-cc .v{font-size:12px}}
/* 거래처별 잔액 */
.p3a-cli{display:flex;flex-direction:column;gap:4px}
.p3a-clr{width:100%;border:0;background:none;padding:0;font:inherit;color:var(--v-ink);text-align:left;cursor:pointer}
/* 여러 개 선택 막대 */
.p3a .selbar{border-radius:18px;background:var(--v-ink);color:var(--v-card);box-shadow:0 12px 32px rgba(25,31,40,.22)}