.commerce-card,.commerce-checkout{margin-top:20px;padding:20px;border:1px solid var(--border,#dce3ec);border-radius:14px;background:var(--surface,#fff)}
.commerce-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:14px}.commerce-heading h3,.commerce-checkout h3{margin:0 0 5px;font-size:16px}.commerce-heading p{margin:0;color:var(--muted,#748093);font-size:12px}.commerce-tag{flex:none;padding:5px 8px;border-radius:7px;background:#eef4ff;color:#4169b4;font-size:11px;font-weight:700}
.commerce-products{display:grid;gap:0;margin-bottom:16px}.commerce-product{display:flex;align-items:center;gap:8px;padding:10px 0;border-bottom:1px solid #eef1f6;font-size:12px}.commerce-product>span:first-child{flex:1;min-width:0}.commerce-product strong{display:block;font-size:13px}.commerce-product small{display:block;margin-top:4px;color:var(--muted,#748093);font-size:11px}.commerce-product input{width:68px;min-height:38px;text-align:center}.commerce-product input:disabled{background:#f4f6f9;color:#8390a2}.commerce-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.commerce-fields .field{margin:0}.commerce-fields label{display:block;font-size:12px;color:#475569}.commerce-fields select,.commerce-fields input{display:block;width:100%;margin-top:6px;min-height:40px}.commerce-fields small{display:block;margin-top:6px;font-size:10px;color:var(--muted,#748093);line-height:1.5}
.commerce-totals,.commerce-credit-summary{display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;padding:13px 0;margin-top:10px;border-top:1px solid #eef1f6;font-size:12px;color:#64748b}.commerce-totals span,.commerce-credit-summary span{display:flex;gap:8px;align-items:center}.commerce-totals strong,.commerce-credit-summary strong{color:#162b45;font-size:14px}.commerce-totals span:last-child strong,.commerce-credit-summary span:last-child strong{color:#315bde}.commerce-card>.muted,.commerce-checkout>.muted{margin-bottom:0;font-size:11px;line-height:1.7}
.commerce-prepaid{padding:14px;background:#f7f9fc;border:1px solid #e5eaf2;border-radius:10px;margin-top:18px}.commerce-prepaid h4{font-size:13px;margin:0 0 7px}.commerce-prepaid>p{font-size:12px;line-height:1.6}.commerce-prepaid .btn{margin-top:12px}.commerce-credit-summary{margin-top:14px;padding-bottom:0}.commerce-checkout .form-error:empty{display:none}
.commerce-settings{grid-column:1/-1;margin-bottom:20px}.commerce-settings>p{max-width:900px}.commerce-employees{display:grid;gap:8px;margin-top:18px}.commerce-employee{display:flex;gap:10px;align-items:center;padding:10px;background:#f8fafc;border:1px solid #e9edf4;border-radius:9px}.commerce-employee>input{flex:1;min-width:80px;max-width:280px}.commerce-employee>label{display:flex;align-items:center;gap:5px;white-space:nowrap;font-size:12px}.commerce-employee>label input{width:16px;min-height:16px}.commerce-add-employee{display:flex;gap:10px;margin-top:14px;max-width:480px}.commerce-add-employee>input{flex:1;min-width:0}.commerce-product-settings{display:grid;gap:12px;margin-top:20px}.commerce-product-setting{display:grid;grid-template-columns:minmax(140px,1fr) 1fr 1fr auto auto;gap:14px;align-items:center;padding:14px;background:#f8fafc;border:1px solid #e9edf4;border-radius:10px}.commerce-product-setting>strong{font-size:14px}.commerce-product-setting>strong small{display:block;font-size:11px;font-weight:400;color:#8290a4;margin-top:5px}.commerce-product-setting>label{font-size:11px;color:#64748b}.commerce-product-setting>label:not(:last-of-type) input{display:block;width:100%;max-width:200px;margin-top:5px}.commerce-product-setting>label:last-of-type{display:flex;align-items:center;gap:5px;white-space:nowrap}.commerce-product-setting input[type=checkbox]{width:16px;min-height:16px}.commerce-product-setting .muted{font-size:11px;margin:0;line-height:1.6}.commerce-device{display:flex;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid #eef1f6}.commerce-device>span{flex:1;font-size:13px}.commerce-device small{display:block;color:#8290a4;font-size:11px;margin-top:4px}
.commerce-report-filter{display:flex;gap:12px;align-items:end;margin:18px 0}.commerce-report-filter label{display:block;font-size:12px;color:#64748b}.commerce-report-filter input{display:block;margin-top:6px;min-height:40px}.commerce-report .table-scroll{overflow-x:auto}.commerce-report-detail{margin-top:20px;font-size:13px}.commerce-report-detail summary{cursor:pointer;padding:12px 0;font-weight:600}.commerce-report-detail>div{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:11px 0;border-top:1px solid #eef1f6;font-size:12px}.commerce-report-detail small{display:block;color:#8290a4;font-size:11px;margin-top:5px}.commerce-report .notice{margin-top:20px}
.commerce-quote-pricing{margin:-8px 0 24px;padding:16px 20px;background:#fff;border:1px solid #e3eaf2;border-radius:12px}.commerce-quote-pricing>div{display:flex;justify-content:space-between;gap:16px;padding:7px 0;font-size:13px;color:#64748b}.commerce-quote-pricing strong{color:#233d5c}.commerce-quote-pricing>div:last-child{margin-top:8px;padding-top:14px;border-top:1px solid #e3eaf2;font-weight:700;color:#233d5c}.commerce-quote-pricing>div:last-child strong{color:#315bde}
@media(max-width:900px){.commerce-product-setting{grid-template-columns:1fr 1fr}.commerce-product-setting>strong{grid-column:1/-1}.commerce-product-setting .btn{justify-self:end}.commerce-employee{flex-wrap:wrap}.commerce-employee>input{max-width:none}.commerce-report-filter{flex-wrap:wrap}}
@media(max-width:520px){.commerce-card,.commerce-checkout{padding:15px}.commerce-fields{grid-template-columns:1fr}.commerce-employee>input{flex-basis:calc(100% - 70px)}.commerce-product-setting{gap:10px;padding:12px}.commerce-report-filter label{flex:1}.commerce-report-filter input{width:100%}.commerce-report-filter>.btn{width:100%}}