#shop-order-finance-view .filters,#of-cost-form{display:flex;flex-wrap:wrap;align-items:end;gap:12px;margin:18px 0}
#shop-order-finance-view label{display:flex;flex-direction:column;gap:6px;font-size:13px}
#shop-order-finance-view input,#shop-order-finance-view select{min-height:40px}
#shop-order-finance-view td{vertical-align:top;min-width:135px;padding:14px 12px}
#shop-order-finance-view td small{display:block;max-width:220px;margin-top:5px;color:#75658b}
#of-detail ol{padding-left:24px;border-left:2px solid #d8c9ed;margin-left:8px}
#of-detail li{padding:8px 0 14px 8px;line-height:1.6}
#of-detail h4{margin-top:28px}
#of-job{padding:12px;border-radius:10px;background:#f2ecfa;line-height:1.6}
#of-page{padding:0 16px}
#shop-order-finance-view .of-scroll{overflow:auto;max-height:72vh;border:1px solid #e1d5ef;border-radius:12px}
#shop-order-finance-view .of-wide{border-collapse:separate;border-spacing:0;width:max-content;min-width:100%}
#shop-order-finance-view .of-wide th{position:sticky;top:0;z-index:2;background:#f2ecfa;min-width:125px;max-width:165px;padding:12px;text-align:left;border-bottom:1px solid #d8c9ed}
#shop-order-finance-view .of-wide td{border-bottom:1px solid #eee6f5;background:#fff;min-width:125px}
#shop-order-finance-view .of-wide th:first-child,#shop-order-finance-view .of-wide td:first-child{position:sticky;left:0;min-width:210px;max-width:260px;z-index:1;box-shadow:2px 0 3px #ddd}
#shop-order-finance-view .of-wide th:first-child{z-index:3}
#shop-order-finance-view .of-wide td:first-child button{max-width:240px;overflow-wrap:anywhere;white-space:normal}
#shop-order-finance-view .of-money{font-variant-numeric:tabular-nums;white-space:nowrap;text-align:right}
#shop-order-finance-view .of-money small{white-space:normal;text-align:left}
#shop-order-finance-view .of-loss{color:#ad1830;font-weight:700;background:#fff4f4!important}
#shop-order-finance-view .of-gain{color:#176a42;font-weight:700}
#shop-order-finance-view .of-legend{font-size:13px;line-height:1.6;color:#665473;max-width:1200px}
#shop-order-finance-view .of-breakdown{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px;margin:16px 0}
#shop-order-finance-view .of-breakdown>div{display:flex;flex-direction:column;gap:8px;padding:12px;background:#f5f0fb;border-radius:10px}