.commerce-page{color:var(--xgt-ink,#17231f);flex-direction:column;gap:20px;display:flex}.commerce-heading h1{letter-spacing:-.4px;margin:0 0 16px;font-size:22px;line-height:30px}.commerce-heading p,.commerce-note p{color:var(--xgt-muted,#67736e);margin:0;font-size:14px;line-height:22px}.commerce-nav{flex-wrap:wrap;gap:16px;display:flex}.commerce-nav .el-button{min-width:120px;min-height:40px;margin:0}.commerce-panel{background:var(--xgt-white,#fff);border:1px solid var(--xgt-line,#dfe4e1);border-radius:var(--xgt-radius-card,10px);flex-direction:column;gap:16px;min-width:0;padding:32px;display:flex}.commerce-toolbar{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.commerce-toolbar .el-select{width:220px}.commerce-toolbar .el-input{width:240px}.commerce-page .el-table{--el-table-header-bg-color:var(--xgt-paper,#f4f2ed);--el-table-border-color:var(--xgt-line,#dfe4e1)}.commerce-page .el-table th{height:44px}.commerce-page .el-table td{height:60px}.commerce-page small{color:var(--xgt-muted,#67736e);font-size:12px;line-height:20px;display:block}.commerce-note{background:var(--xgt-paper,#f4f2ed);border-radius:10px;padding:16px}.commerce-note h2{margin:0 0 6px;font-size:18px;line-height:26px}.commerce-wide{width:100%}@media (max-width:800px){.commerce-panel{padding:16px}.commerce-toolbar>*{max-width:100%}}.commerce-page .el-table .commerce-target-row{--el-table-tr-bg-color:var(--xgt-green-50,#edf5f1)}.commerce-nav>a{box-sizing:border-box;border:1px solid var(--xgt-line);border-radius:var(--xgt-radius-control);background:var(--xgt-white);min-width:120px;min-height:40px;color:var(--xgt-ink);font-size:var(--xgt-font-pc-body);justify-content:center;align-items:center;padding:0 16px;text-decoration:none;display:inline-flex}.commerce-nav>a:focus-visible{outline:2px solid var(--xgt-green-600);outline-offset:3px}.cashier-summary{gap:var(--xgt-space-3);margin:var(--xgt-space-3) 0;grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.cashier-summary>div{gap:var(--xgt-space-2);padding:var(--xgt-space-3);background:var(--xgt-paper);border-radius:var(--xgt-radius-card);display:grid}.cashier-summary span{color:var(--xgt-muted);font-size:var(--xgt-font-pc-body)}.cashier-summary strong{font-size:var(--xgt-font-pc-page);color:var(--xgt-ink);overflow-wrap:anywhere}@media (max-width:600px){.cashier-summary{grid-template-columns:1fr}}