.store-row{display:grid;grid-template-columns:1fr;gap:.75rem}.vchr-shell{max-height:100%}body:has(.vchr-shell){overflow:hidden}.shell:has(.vchr-shell){height:100dvh;min-height:100dvh;overflow:hidden}.page-area:has(.vchr-shell){display:flex;flex-direction:column;min-height:0;overflow:hidden}.vchr-topbar{padding:8px 16px;gap:8px;flex-shrink:0}.vchr-topbar-left{display:flex;align-items:center;gap:8px}.vchr-topbar-meta{display:flex;gap:16px;font-size:.78rem;color:var(--tx2);font-family:DM Mono,monospace}.vchr-topbar-meta strong{color:var(--tx)}.vchr-topbar-meta .vchr-id{color:var(--acc)}.fld-val--hidden,.row-num-cell{color:var(--tx3)}.row-num-cell{text-align:center;font-family:DM Mono,monospace;font-size:.72rem}.items-tbl .th-sn{width:36px;text-align:center}.items-tbl .th-item{min-width:200px}.items-tbl .th-qty{width:75px}.items-tbl .th-unit{width:80px}.items-tbl .th-price{width:110px}.items-tbl .th-amount{width:110px;text-align:right}.items-tbl .th-action{width:30px}.vchr-field-error{color:var(--danger,#e53);font-size:.72rem;margin:.25rem}.vchr-items-error{color:var(--danger,#e53);font-size:.78rem;margin-top:.4rem;padding:0 .5rem}.saving-content,.vchr-footer-actions{display:flex;gap:8px}.saving-content{align-items:center;justify-content:center}.spinner--sm{width:12px;height:12px;border-width:2px;margin-bottom:0;border-top-color:transparent}.party-row{display:grid;grid-template-columns:2fr 1fr}.narr-row{display:flex;flex-direction:column;gap:8px;margin:0;background:var(--s1);border:1px solid var(--b1);border-radius:8px;padding:8px;box-shadow:var(--shadow);transition:border-color .18s,box-shadow .18s}.narr-row .fld-lbl{font-size:.55rem;font-weight:700;text-transform:uppercase;letter-spacing:.12em;color:var(--tx3)}.txt-inp{border:1px solid var(--b1);border-radius:4px;color:var(--tx);font-size:.8rem;font-family:Plus Jakarta Sans,sans-serif;outline:none;width:100%;padding:8px;transition:border-color .18s,box-shadow .18s}.txt-inp::placeholder{color:var(--tx3);font-style:italic}.txt-inp:focus{border-color:var(--acc)}.items-tbl-wrap{background:var(--s1);border:1px solid var(--b1);border-radius:8px;flex:1;overflow:hidden;box-shadow:var(--shadow)}.items-table-scroll{flex:1;overflow:auto}.items-table-scroll::-webkit-scrollbar-corner{background:transparent}.items-tbl{width:100%;border-collapse:collapse;font-size:.78rem}.items-tbl thead tr{background:var(--s2);border-bottom:1.5px solid var(--b1)}.items-tbl th{font-size:.56rem;text-transform:uppercase;letter-spacing:.1em;color:var(--tx3);font-weight:700;white-space:nowrap;text-align:left}.items-tbl tbody tr{border-bottom:1px solid var(--b1);transition:background .1s}.items-tbl tbody tr:hover td{background:color-mix(in srgb,var(--acc) 4%,var(--s1))}.items-tbl td{vertical-align:middle}.items-tbl tbody tr td:first-child{color:var(--tx3);font-family:DM Mono,monospace;font-size:.65rem;text-align:center;width:36px;background:var(--s2);border-right:1px solid var(--b1)}.amnt-cell{text-align:right;font-family:DM Mono,monospace;font-size:.8rem;font-weight:600;color:var(--acc3);padding-right:8px!important}.items-tbl input{background:transparent;border:none;outline:none;color:var(--tx);font-size:.78rem;font-family:Plus Jakarta Sans,sans-serif;width:100%;padding:8px;border-radius:4px;transition:background .15s}.items-tbl input:focus{background:color-mix(in srgb,var(--acc) 8%,var(--s1));outline:none}.items-tbl select{background:transparent;border:none;outline:none;color:var(--tx);font-size:.78rem;font-family:Plus Jakarta Sans,sans-serif;width:100%;padding:8px;cursor:pointer}.items-tbl .sel-wrap{border:none!important;background:transparent!important;border-radius:0}.items-tbl .sel-wrap .txt-inp{font-size:.78rem;font-family:Plus Jakarta Sans,sans-serif;padding:8px;border:none;background:transparent}.items-tbl .sel-wrap .txt-inp:focus{background:color-mix(in srgb,var(--acc) 8%,var(--s1))}.items-tbl .btn-add{font-size:.7rem;padding:0 8px!important}.add-row-btn{width:100%;background:transparent;border:1px dashed var(--b2);color:var(--tx3);padding:8px;font-size:.7rem;cursor:pointer;font-family:Plus Jakarta Sans,sans-serif;font-weight:600;letter-spacing:.03em;transition:all .15s;display:flex;align-items:center;justify-content:center;gap:8px}.add-row-btn:hover{background:color-mix(in srgb,var(--acc) 6%,var(--s1));color:var(--acc);border-color:var(--acc)}.del-row-btn{background:none;border:none;color:var(--b3);cursor:pointer;padding:8px;border-radius:4px;font-size:.65rem;line-height:1;transition:all .15s;display:flex;align-items:center;justify-content:center}.del-row-btn:hover{background:rgba(224,48,64,.1);color:var(--danger)}.vchr-footer{background:var(--s1);border-top:1px solid var(--b1);padding:8px 16px;display:flex;align-items:center;justify-content:space-between;box-shadow:0 -4px 20px rgba(0,0,0,.07);flex-wrap:wrap;gap:8px;position:sticky;bottom:0;z-index:10}.total-lbl{font-size:.55rem;font-weight:700;color:var(--tx3);text-transform:uppercase;letter-spacing:.12em;margin-bottom:.2rem}.totalval{font-family:DM Mono,monospace;font-size:1rem;font-weight:700;color:var(--acc3);line-height:1;letter-spacing:-.02em}.party-row .fld-wrap{background:var(--s1);border:1px solid var(--b1);border-radius:8px;padding:8px;box-shadow:var(--shadow);transition:border-color .18s,box-shadow .18s}.party-row .sel-inp{font-size:.82rem}.fld-wrap.has-error{border-color:var(--danger)!important;box-shadow:0 0 0 3px rgba(224,48,64,.1)!important}.fld-error-msg{font-size:.62rem;color:var(--danger);margin-top:.25rem;display:flex;align-items:center;gap:.25rem}.spinner{width:14px;height:14px;border:2px solid rgba(255,255,255,.35);border-top-color:#fff;border-radius:50%;animation:spin .6s linear infinite;display:inline-block}@keyframes spin{to{transform:rotate(1turn)}}.vchr-saving-overlay{position:fixed;inset:0;background:rgba(8,12,16,.55);backdrop-filter:blur(6px);z-index:9999;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.85rem;animation:fIn .15s ease}[data-theme=light] .vchr-saving-overlay{background:rgba(240,244,248,.75)}@media (max-width:1023px){.vchr-body{padding:8px}}@media (max-width:767px){.vchr-topbar{padding:8px;height:auto;min-height:48px}.vchr-body{padding:8px;gap:8px}.party-row{grid-template-columns:1fr}.vchr-footer{padding:8px}.totalval{font-size:1.3rem}.items-tbl{min-width:520px}}.vchr-shell{flex-direction:column;height:100%;overflow:hidden}.vchr-body,.vchr-shell{display:flex;min-height:0}.vchr-body{flex:1;flex-direction:column;gap:8px;overflow-x:hidden;overflow-y:auto;overscroll-behavior-y:contain;-webkit-overflow-scrolling:touch;padding:8px 8px 0}.top-grid{padding:8px}.party-row,.top-grid{flex-shrink:0;gap:8px;margin-bottom:0}.narr-row{flex-shrink:0}.fld-wrap,.select-add-wrap{gap:4px}.fld-val,.sel-inp,.txt-inp{padding:8px}.items-tbl-wrap{display:flex;flex:0 0 auto;flex-direction:column;min-height:0;margin-bottom:0;overflow:visible}.items-table-scroll{flex:0 0 auto;min-height:0;overflow:visible;scrollbar-width:none}.items-table-scroll::-webkit-scrollbar{display:none}.items-table-scroll::-webkit-scrollbar-thumb{background:var(--b3);border-radius:2px}.items-table-scroll::-webkit-scrollbar-corner,.items-table-scroll::-webkit-scrollbar-track{background:transparent}.items-tbl{min-width:0;table-layout:fixed}.items-tbl thead th{position:sticky;top:0;z-index:2}.items-tbl th{padding:8px}.items-tbl td{padding:0}.add-row-btn{position:sticky;bottom:0;z-index:8;margin:auto -8px 0;width:calc(100% + 16px);padding:10px 8px;background:var(--s1);border:0;border-top:1px dashed var(--b2);border-radius:0;box-shadow:0 -8px 18px rgba(0,0,0,.16)}.add-row-btn,.vchr-footer{flex-shrink:0}@media (max-width:1023px){.vchr-body{padding:8px 8px 0}}@media (max-width:767px){.items-tbl{width:100%;min-width:0!important;table-layout:fixed}.items-tbl .th-amount,.items-tbl .th-sn,.items-tbl tbody tr td:first-child,.items-tbl tbody tr td:nth-child(6){display:none}.items-tbl .th-item{width:40%;min-width:0}.items-tbl .th-qty{width:14%}.items-tbl .th-unit{width:20%}.items-tbl .th-price{width:18%}.items-tbl .th-action{width:42px}.items-tbl th{padding:6px 4px;font-size:.52rem}.items-tbl .sel-wrap .txt-inp,.items-tbl input,.items-tbl select{min-width:0;padding:8px 4px;font-size:.72rem}.items-tbl .sel-wrap{min-width:0}.items-tbl .btn-add{flex:0 0 auto;padding:0 4px!important;font-size:.64rem}.del-row-btn{width:100%;height:100%;min-height:32px;padding:0}.items-tbl td:has(.del-row-btn){text-align:center;vertical-align:middle}}.select-add-wrap{position:relative}.select-add-wrap .sel-wrap{display:flex;align-items:center;border:1px solid var(--b2);border-radius:4px;background:var(--s2);transition:border-color .2s,background .2s}.select-add-wrap .sel-wrap.is-open{border-color:var(--acc);background:var(--s1)}.select-add-wrap .sel-wrap.has-error{border:1.5px solid var(--danger)}.select-add-wrap .sel-wrap .txt-inp{flex:1;border:none;outline:none;background:transparent;color:var(--tx)}.select-add-wrap .btn-add{padding:0 10px;cursor:pointer;border:none;background:transparent;color:var(--acc);font-size:.78rem;font-family:Plus Jakarta Sans,sans-serif}.select-add-dropdown{position:absolute;top:100%;z-index:10000;background-color:var(--s1);box-shadow:var(--shadow-lg);border:1px solid var(--b2);border-radius:4px;max-height:250px;overflow-y:auto}.select-add-dropdown--fixed{position:fixed}.select-add-dropdown--default,.select-add-dropdown--sales-type{left:0;right:0}.select-add-option{cursor:pointer;border-bottom:1px solid var(--b1);font-size:.78rem;font-family:Plus Jakarta Sans,sans-serif;padding:8px 12px 8px .55rem;color:var(--tx)}.select-add-option.is-active,.select-add-option:hover{color:#fff;background-color:var(--acc)}.select-add-empty{padding:9px 12px;color:var(--tx3);font-size:.74rem;font-family:Plus Jakarta Sans,sans-serif;border-bottom:1px solid var(--b1)}.select-add-highlight{color:var(--acc);font-weight:700}.select-add-error{color:var(--danger);font-size:.75rem;margin-top:4px}