/* 동쪽구름 ERP — drawer.css (원본 동쪽구름_ERP.html에서 분할, 순서보존) */
/* drawer */
.scrim{position:fixed;inset:0;background:#0f1b3455;z-index:40}
.drawer{position:fixed;top:0;right:0;width:440px;max-width:94vw;height:100vh;background:#fff;z-index:50;box-shadow:-8px 0 30px #0002;overflow:auto;padding:0}
.dw-head{position:sticky;top:0;background:#fff;border-bottom:1px solid var(--line);padding:14px 18px;display:flex;align-items:center;gap:10px}
.dw-head .x{margin-left:auto;border:none;background:none;font-size:20px;cursor:pointer;color:var(--mut)}
.dw-head h2{font-size:16px}
.dw-body{padding:16px 18px}
.dw-sec{margin-bottom:18px}
.dw-sec h3{font-size:12px;color:var(--blue);font-weight:700;margin-bottom:8px;border-left:3px solid var(--blue);padding-left:7px}
.kv{display:flex;font-size:12.5px;padding:4px 0;border-bottom:1px solid #f1f4f8}
.kv .k{width:88px;color:var(--mut);flex-shrink:0}
.kv .v{font-weight:500}
.litem{display:flex;justify-content:space-between;gap:8px;font-size:12.5px;padding:7px 0;border-bottom:1px solid #f1f4f8}
.litem .nm{font-weight:600}
.litem .sp{color:var(--mut);font-size:11.5px}
.sep-amt{color:var(--mut2);font-weight:600}
.amtbox{background:var(--bg);border-radius:10px;padding:12px 14px}
.amtbox .row{display:flex;justify-content:space-between;font-size:12.5px;padding:3px 0}
.amtbox .tot{border-top:1px solid var(--line);margin-top:5px;padding-top:7px;font-size:15px;font-weight:800;color:var(--blue)}
.sendrow{display:flex;gap:8px;margin-top:6px}
.sendrow button{flex:1;border:1px solid var(--blue);background:var(--blue);color:#fff;border-radius:8px;padding:10px;font-size:13px;font-weight:600;cursor:pointer}
.sendrow button.alt{background:#fff;color:var(--blue)}
.sendrow button.pdf{background:#fff;color:var(--ink);border-color:var(--line)}
.hist{font-size:12px}
.hist .h{display:flex;justify-content:space-between;padding:6px 0;border-bottom:1px solid #f1f4f8;color:var(--mut)}
.hist .h .st{color:var(--ok);font-weight:600}