/* R212 실마진 > 회계 보기 — 오늘 업무 방식: 남색 머리글·구역 색 띠·틈 없는 엑셀 격자·합계 줄. #acctPanel 안에서만 적용 */
#acctPanel{padding:0!important;overflow:hidden;border:1px solid #9fb4cf!important;border-radius:0!important;margin-bottom:12px}
#acctPanel .acct-head{display:flex;align-items:center;justify-content:space-between;background:#1f3b5c;color:#fff;padding:8px 14px}
#acctPanel .acct-head h2{margin:0;color:#fff;font-size:1rem}
#acctPanel .acct-status{font-size:.78rem;background:#eaf2ff;color:#1f3b5c;padding:2px 8px;font-weight:800}
#acctPanel .acct-wrap{overflow-x:auto}
#acctPanel .acct-sheet{width:100%;border-collapse:collapse;font-size:.88rem;min-width:640px}
#acctPanel .acct-sheet thead th{background:#2c5282;color:#fff;border:1px solid #3a557a;padding:5px 8px;font-size:.8rem;white-space:nowrap}
#acctPanel .acct-sheet tbody td{border:1px solid #d3deec;padding:3px 8px;height:30px;white-space:nowrap}
#acctPanel .acct-sheet tbody tr:nth-child(even) td{background:#f6f9fd}
#acctPanel .acct-sheet td.r{text-align:right;font-variant-numeric:tabular-nums}
#acctPanel .acct-sheet td.lbl{background:#dfeafc!important;font-weight:800;color:#1f3b5c}
#acctPanel .acct-sheet td.neg{color:#a32d2d;font-weight:700}
#acctPanel .acct-sheet td.pos{color:#14532d;font-weight:700}
#acctPanel .acct-sheet tr.key td{font-weight:800;background:#eef7f0!important}
#acctPanel .acct-sheet tfoot th{background:#d3ecda;color:#14532d;border:1px solid #9fcba9;padding:4px 8px;text-align:right}
#acctPanel .acct-sheet tfoot th:first-child{text-align:left}
#acctPanel .acct-sheet tr.net th{background:#14532d;color:#fff}
#acctPanel .acct-bar{display:flex;flex-wrap:wrap;align-items:stretch;gap:0;background:#eaf2ff;border-top:1px solid #b8cdf0;border-bottom:1px solid #b8cdf0}
#acctPanel .acct-bar button{border:0;border-right:1px solid #b8cdf0;border-radius:0;background:#eaf2ff;color:#1f3b5c;min-height:36px;padding:0 16px;font-weight:800;cursor:pointer}
#acctPanel .acct-bar button.on{background:#1f3b5c;color:#fff}
#acctPanel .acct-bar button.acct-excel{background:#1456c8;color:#fff;margin-left:auto;border-right:0}
#acctPanel .acct-bar input{border:0;border-radius:0;background:#fff8dc;min-height:36px;padding:0 10px;min-width:220px;font-weight:700;flex:1 1 220px}
#acctPanel .acct-payform{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:0;background:#e4f3e8;border-bottom:1px solid #9fcba9}
#acctPanel .acct-payform label{display:flex;flex-direction:column;padding:4px 8px 0;border-right:1px solid #9fcba9;border-bottom:1px solid #9fcba9;font-size:.76rem;font-weight:800;color:#14532d}
#acctPanel .acct-payform input,#acctPanel .acct-payform select{border:0;border-radius:0;background:#fff8dc;height:32px;margin:3px -8px 0;padding:0 8px;box-shadow:none;font-weight:700}
#acctPanel .acct-payform .acct-payact{display:flex;gap:6px;align-items:center;padding:4px 8px}
#acctPanel .acct-payform button,#acctPanel .acct-sheet td.act button{min-height:26px;padding:0 10px;font-size:.78rem;border-radius:3px}
#acctPanel .acct-note{margin:0;padding:6px 12px;font-size:.8rem;color:#44566f;background:#faeeda}
#acctPanel .acct-empty{padding:14px;text-align:center;color:#44566f}
#acctPanel #acctPnl .acct-sheet{min-width:0}
#acctPanel .acct-sheet tr.net th{background:#14532d!important;color:#fff!important}
#acctPanel .acct-sheet tfoot th{background:#d3ecda!important;color:#14532d!important}
#acctPanel .acct-payform input,#acctPanel .acct-payform select{height:32px!important;min-height:32px!important;border:0!important;border-radius:0!important;background:#fff8dc!important;box-sizing:border-box}
@media (max-width:640px){
#acctPanel #acctPnl .acct-sheet{font-size:.74rem}
#acctPanel #acctPnl .acct-sheet td,#acctPanel #acctPnl .acct-sheet th{padding:3px 4px}
#acctPanel #acctPnl .acct-sheet td.lbl{white-space:normal;min-width:92px}
#acctPanel .acct-bar button{padding:0 10px;flex:1 1 auto}
#acctPanel .acct-bar button.acct-excel{flex:1 1 100%;margin-left:0}
}

/* R305 — 대표용 한눈에 요약 카드 + 재고조정 내역 */
#acctPanel .acct-easy{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:0 0 12px}
#acctPanel .acct-card{border:1px solid #cfd9e6;border-radius:10px;background:#fff;padding:12px 14px;display:grid;gap:4px;align-content:start}
#acctPanel .acct-card small{font-weight:800;color:#1f3b5c;font-size:.9rem}
#acctPanel .acct-card small em{font-style:normal;font-weight:600;color:#5b6b82;font-size:.8rem}
#acctPanel .acct-card b{font-size:1.5rem;line-height:1.2}
#acctPanel .acct-card b.pos{color:#067647}
#acctPanel .acct-card b.neg{color:#b42318}
#acctPanel .acct-card span{font-size:.8rem;color:#5b6b82;line-height:1.4}
#acctPanel .acct-card.key{background:#eaf2ff;border-color:#1f3b5c}
#acctPanel .acct-easy-warn{margin:0 0 8px;padding:7px 10px;border-radius:8px;background:#fff4dc;color:#7a4b00;font-size:.85rem}
#acctPanel .acct-adjust{margin:12px 0 0}
#acctPanel .acct-adjust summary{cursor:pointer;font-weight:800;color:#1f3b5c;padding:6px 0}
@media(max-width:720px){#acctPanel .acct-easy{grid-template-columns:1fr}}