/* 셈벗 간편장부 화면(.lg). 색은 페이지의 --paper/--card/--ink/--muted/--line/--brand 토큰을 따라가요(다크 모드 포함). */
.lg{--lg-r:16px;display:flex;flex-direction:column;gap:14px;min-width:0}
.lg *{box-sizing:border-box}
.lg-privacy{background:var(--warn-soft,#FFF4DE);color:var(--ink);border-radius:14px;padding:12px 14px;font-size:.86rem;line-height:1.55}
.lg-card{background:var(--card);border-radius:var(--lg-r);padding:18px;min-width:0;box-shadow:0 1px 2px rgba(0,0,0,.03)}
.lg-h{margin:0 0 12px;font-size:1.05rem;font-weight:800;letter-spacing:-.01em}
.lg-h small{font-size:.8rem;font-weight:600;color:var(--muted);margin-left:6px}
.lg-h3{margin:4px 0 10px;font-size:.98rem;font-weight:800}
.lg-grid3,.lg-grid4{display:grid;gap:12px 14px;grid-template-columns:repeat(3,minmax(0,1fr))}
.lg-grid4{grid-template-columns:repeat(4,minmax(0,1fr))}
@media (max-width:860px){.lg-grid4{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:620px){.lg-grid3{grid-template-columns:minmax(0,1fr)}}
@media (max-width:420px){.lg-grid4{grid-template-columns:minmax(0,1fr)}}
.lg-f{display:flex;flex-direction:column;gap:4px;min-width:0;font-size:.84rem}
.lg-f>span{font-weight:600;color:var(--muted)}
.lg input[type=text],.lg input[type=date],.lg select,.lg textarea{font:inherit;font-size:.92rem;color:var(--ink);background:var(--paper);border:1px solid transparent;border-radius:10px;padding:10px 11px;width:100%;min-width:0}
.lg input:focus-visible,.lg select:focus-visible,.lg textarea:focus-visible,.lg button:focus-visible,.lg .lg-btn:focus-visible{outline:2px solid var(--brand);outline-offset:1px}
.lg-paste{min-height:150px;font-family:ui-monospace,Menlo,monospace!important;font-size:.82rem!important;margin:8px 0;resize:vertical}
.lg-row{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:10px}
.lg-row select{width:auto;max-width:100%}
.lg-btn{display:inline-flex;align-items:center;justify-content:center;font:inherit;font-size:.86rem;font-weight:700;padding:10px 14px;border-radius:12px;border:0;background:var(--brand-soft);color:var(--brand);cursor:pointer;text-align:center;line-height:1.2}
.lg-btn:hover{filter:brightness(.97)}
.lg-primary{background:var(--brand);color:#fff}
.lg-danger{background:var(--seal-soft);color:var(--seal)}
.lg-file{width:100%}
.lg-link{font:inherit;border:0;background:none;color:var(--brand);font-weight:700;text-decoration:underline;cursor:pointer;padding:0}
.lg-hint{font-size:.8rem;color:var(--muted);line-height:1.55;margin:8px 0 0}
.lg-hint b{color:var(--ink)}
.lg-msg{font-size:.86rem;line-height:1.6;margin:10px 0 0;min-height:1em}
.lg-msg:empty{display:none}
.lg-more{margin-top:10px}
.lg-more>summary{cursor:pointer;font-weight:700;font-size:.88rem;color:var(--brand);padding:4px 0}
.lg-form{background:var(--paper);border-radius:12px;padding:8px 12px 12px;margin:0 0 12px}
.lg-form input[type=text],.lg-form input[type=date],.lg-form select{background:var(--card)}
.lg-chk{display:inline-flex;align-items:center;gap:6px;font-size:.88rem;font-weight:600;cursor:pointer}
.lg-chk input{width:17px;height:17px;accent-color:var(--brand)}
.lg-sum{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,150px),1fr));gap:10px}
.lg-sum:empty{display:none}
.lg-sum div{background:var(--card);border-radius:14px;padding:12px 14px;min-width:0}
.lg-sum small{display:block;font-size:.76rem;color:var(--muted)}
.lg-sum b{font-size:1.08rem;font-weight:800;font-variant-numeric:tabular-nums;word-break:keep-all}
.lg-neg{color:var(--seal)}
.lg-tabs{display:flex;gap:6px;overflow-x:auto;padding-bottom:10px;margin-bottom:6px;border-bottom:1px solid var(--line);scrollbar-width:thin}
.lg-tabs button{flex:0 0 auto;font:inherit;font-size:.88rem;font-weight:700;padding:8px 13px;border-radius:10px;border:0;background:var(--paper);color:var(--muted);cursor:pointer}
.lg-tabs button[aria-selected="true"]{background:var(--ink);color:var(--card)}
.lg-chip{font:inherit;font-size:.8rem;font-weight:600;padding:6px 11px;border-radius:999px;border:0;background:var(--paper);color:var(--muted);cursor:pointer}
.lg-chip[aria-pressed="true"]{background:var(--brand-soft);color:var(--brand)}
.lg-filters{margin-top:4px}
.lg-empty{color:var(--muted);font-size:.9rem;margin:12px 0}
.lg-scroll{overflow:auto;max-width:100%;border-radius:12px;border:1px solid var(--line);margin-top:10px;-webkit-overflow-scrolling:touch}
.lg-rows-wrap,.lg-scroll{max-height:none}
.lg-table{width:100%;border-collapse:collapse;font-size:.83rem}
.lg-table th,.lg-table td{padding:7px 8px;border-bottom:1px solid var(--line);text-align:left;vertical-align:middle}
.lg-table thead th{background:var(--paper);font-size:.74rem;color:var(--muted);font-weight:700;white-space:nowrap;position:sticky;top:0;z-index:1}
.lg-table .n{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}
.lg-table tfoot td{font-weight:800;background:var(--paper)}
.lg-rows{min-width:880px}
.lg-rows td.d{white-space:nowrap;font-variant-numeric:tabular-nums}
.lg-rows td.nm{min-width:10rem;max-width:16rem}
.lg-rows td.nm small{display:block;color:var(--muted);font-size:.72rem;line-height:1.35}
.lg-rows td.nm small.src{opacity:.8}
.lg-rows select{font-size:.78rem;padding:5px 6px;border-radius:8px;max-width:11.5rem}
.lg-rows input[type=checkbox]{width:17px;height:17px;accent-color:var(--brand)}
.lg-rows tr.lg-off td{opacity:.55}
.lg-rows tr.lg-skip td.n{text-decoration:line-through;color:var(--muted)}
.lg-rows td.fl{min-width:7.5rem}
.lg-rows td.act{white-space:nowrap}
.lg-mini{font:inherit;font-size:.74rem;font-weight:600;padding:4px 8px;border-radius:8px;border:0;background:var(--paper);color:var(--muted);cursor:pointer;margin-right:4px}
.lg-flag{display:inline-block;font-size:.7rem;font-weight:700;padding:1px 7px;border-radius:999px;margin:1px 3px 1px 0;white-space:nowrap;background:var(--paper);color:var(--muted)}
.lg-f-personal,.lg-f-entertain{background:var(--seal-soft);color:var(--seal)}
.lg-f-proof,.lg-f-check,.lg-f-cancel{background:var(--warn-soft);color:var(--warn)}
.lg-f-asset,.lg-f-vat{background:var(--brand-soft);color:var(--brand)}
.lg-why{display:inline-block;font-size:.72rem}
.lg-why summary{cursor:pointer;color:var(--brand);font-weight:600}
.lg-why p{margin:4px 0 0;max-width:22rem;white-space:normal;color:var(--ink)}
.lg-book{min-width:920px}
.lg-book thead th{text-align:center}
.lg-book thead tr:first-child th{position:static}
.lg-book td:nth-child(10){min-width:12rem;font-size:.76rem;color:var(--muted)}
.lg-pl{min-width:520px}
.lg-pl tbody th{font-weight:600;white-space:nowrap}
.lg-pl tr.lg-rev th,.lg-pl tr.lg-rev td{font-weight:800;color:var(--brand)}
.lg-pl tr.lg-sub th,.lg-pl tr.lg-sub td{font-weight:800;background:var(--paper)}
.lg-pl tr.lg-total th,.lg-pl tr.lg-total td{font-weight:800;background:var(--brand-soft)}
.lg-pl tr.lg-note th,.lg-pl tr.lg-note td{color:var(--muted);font-size:.78rem}
.lg-kv th{font-weight:600}
.lg-kv th small{display:block;font-size:.74rem;font-weight:500;color:var(--muted);margin-top:2px}
.lg-kv tr.lg-total th,.lg-kv tr.lg-total td{background:var(--brand-soft)}
.lg-kv tr.lg-note th,.lg-kv tr.lg-note td{color:var(--muted)}
.lg-kv td{min-width:8.5rem}
.lg-th{min-width:0}
.lg-th tr.lg-cur td{font-weight:800;color:var(--brand)}
.lg-box{border-radius:14px;padding:12px 14px;margin-top:14px;font-size:.86rem;line-height:1.6;background:var(--paper)}
.lg-box h4{margin:0 0 6px;font-size:.9rem}
.lg-box p{margin:6px 0}
.lg-box ul{margin:0;padding-left:1.1em}
.lg-box li+li{margin-top:4px}
.lg-box.ok{background:var(--brand-soft)}
.lg-box.ok h4{color:var(--brand)}
.lg-box.warn{background:var(--warn-soft)}
.lg-box.warn h4{color:var(--warn)}
.lg-box.tip h4{color:var(--ok,var(--brand))}
.lg-box .lg-scroll{background:var(--card)}
@media (max-width:520px){.lg-card{padding:14px}.lg-btn{padding:9px 12px}}