.sf-sheet{max-width:1180px;margin:0 auto}.sf-head{display:grid;grid-template-columns:auto 1fr auto;gap:18px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:12px;padding:12px 16px;margin-bottom:10px}.sf-head h1{margin:2px 0;font:600 1.55rem Georgia}.sf-head p{margin:3px 0;color:var(--muted)}.sf-key{display:grid;grid-template-columns:16px auto 16px auto;gap:6px;align-items:center;font-size:.67rem}.sf-key span{width:16px;height:16px;border:1px solid #929292}.sf-key .yellow{background:#fff600}.sf-key .grey{background:#b5b5b5}.sf-grid{border:1px solid #333;background:#fff}.sf-columns,.sf-row{display:grid;grid-template-columns:minmax(280px,1.4fr) minmax(140px,.85fr) minmax(130px,.7fr) minmax(210px,1.7fr)}.sf-columns{background:#f6dfd2;min-height:46px;font-size:.72rem;font-weight:900}.sf-columns>div,.sf-row>div{display:flex;align-items:center;padding:4px 8px;border-right:1px solid #333}.sf-columns>div{justify-content:center}.sf-columns>div:last-child,.sf-row>div:last-child{border-right:0}.sf-row{min-height:30px;border-top:1px solid #333;font-size:.75rem}.sf-row>div:nth-child(2),.sf-row>div:nth-child(3),.sf-row>div:nth-child(4){justify-content:flex-end}.sf-section{border-top:2px solid #222;border-bottom:1px solid #222;text-align:center;font-weight:850;padding:3px;background:#fafafa}.sf-direct{width:100%;display:flex;align-items:center;justify-content:flex-end;gap:4px}.sf-direct input{width:130px;border:0;background:transparent;text-align:right;font-weight:750;padding:3px 5px;outline:0}.sf-direct input:focus{box-shadow:inset 0 0 0 2px #827d00;background:#fffbd1}.input-row>div:last-child,.input-row>div:nth-child(2):has(input),.percentage-row>div:nth-child(3){background:#fff600}.calc-row>div:last-child{background:#b5b5b5}.sf-calculated{font-weight:750}.subtotal-row>div:last-child{background:#b5b5b5}.total-row{background:#43d35b;font-weight:900;min-height:38px}.sf-add-row{display:flex;justify-content:center;padding:5px;border-top:1px solid #333;background:#f7f7f7}.sf-add-row button{border:1px dashed #5d786b;background:#fff;color:var(--green);border-radius:6px;padding:5px 10px;font-size:.65rem;font-weight:850}.custom-row>div:last-child{position:relative;padding-right:32px}.sf-remove{position:absolute;right:4px;border:0;background:transparent;color:#9b3935;font-size:1rem}.sf-retail{margin-top:12px;border:1px solid #333;background:#fff}.sf-retail-head,.sf-retail-row,.sf-retail-actions{display:grid;grid-template-columns:minmax(250px,1fr) repeat(3,minmax(150px,1fr))}.sf-retail-head{background:#f6dfd2}.sf-retail-head>*{padding:8px;text-align:center;border-left:1px solid #333}.sf-retail-head>*:first-child{text-align:left;border-left:0}.sf-retail-row{border-top:1px solid #333}.sf-retail-row>*{padding:6px 10px;text-align:right;border-left:1px solid #333}.sf-retail-row>*:first-child{text-align:left;border-left:0}.sf-retail-row span{background:#b5b5b5;font-weight:750}.sf-retail-row span.best{background:#43d35b}.sf-retail-row span.low{background:#f7b3ad}.sf-retail-actions{border-top:1px solid #333}.sf-retail-actions span{padding:5px;text-align:center;border-left:1px solid #333}.sf-retail-actions span:first-child{border-left:0}.sf-retail-actions button{border:1px solid #aaa;background:#fff;border-radius:5px;padding:4px 7px;font-size:.62rem}@media(max-width:900px){.sf-grid,.sf-retail{overflow-x:auto}.sf-columns,.sf-row{min-width:850px}.sf-retail-head,.sf-retail-row,.sf-retail-actions{min-width:760px}.sf-head{grid-template-columns:1fr}.sf-key{justify-self:start}}