.commerce{min-width:0}.commerce .commerce-nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:16px 0}.commerce .commerce-nav button{min-height:56px}.commerce .metric-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(165px,1fr));gap:12px}.commerce .metric{background:#fff;border:1px solid #bdcfe3;border-radius:14px;padding:16px}.commerce .metric strong{display:block;color:#152e4b;font-size:clamp(22px,2vw,30px);overflow-wrap:anywhere}.commerce .metric h3{font-size:15px;font-weight:600;margin:0 0 8px}.commerce .commerce-form{display:grid;gap:12px;max-width:650px}.commerce label{display:grid;gap:5px;color:#152e4b}.commerce input,.commerce select{width:100%}.commerce .toolbar{display:flex;flex-wrap:wrap;gap:10px;align-items:end;margin:12px 0}.commerce .toolbar label{flex:1;min-width:135px}.commerce .toolbar button{flex:0 0 auto}.commerce .history-table{overflow:auto;max-width:100%}.commerce .history-table table{min-width:560px}.commerce .history-table th,.commerce .history-table td{text-align:start}.commerce .empty{padding:24px;color:#475569}.company-logo{width:64px;height:64px;object-fit:contain;flex:0 0 64px;border-radius:10px}.company-icon{font-size:40px;line-height:1.25}.business-heading{display:flex;align-items:center;gap:14px}.commerce .record-header{display:flex;gap:15px;align-items:center}.commerce .receipt-preview{max-width:100%;overflow:auto;background:white;border:1px solid #bdcfe3;padding:16px}.commerce .small-chart{list-style:none;padding:0;display:flex;flex-wrap:wrap;gap:10px}.commerce .small-chart li{border-inline-start:4px solid #07549e;padding:8px;background:#f2f6fc}.s360-document table th{background:#eaf2fb;color:#152e4b}.s360-document table td{color:#152e4b}@media(max-width:650px){.commerce .commerce-nav{grid-template-columns:repeat(2,minmax(0,1fr))}.commerce .toolbar button{flex:1;min-width:130px}.commerce .metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.commerce .metric{padding:12px}.company-logo{width:48px;height:48px;flex-basis:48px}.business-heading h1{font-size:24px}}@media(max-width:360px){.commerce .metric-grid{grid-template-columns:1fr}.commerce .commerce-nav{grid-template-columns:1fr}}

.commerce label:has(input[hidden]){display:none}.commerce fieldset{border:0;padding:0;min-width:0;display:grid;gap:12px}.s360-document{overflow-wrap:anywhere}.s360-document .company-logo{width:64px;height:64px;object-fit:contain}