#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}
#shop-order-finance-view .of-wide{font-size:12px}
#shop-order-finance-view .of-wide th,#shop-order-finance-view .of-wide td{min-width:82px;max-width:110px;padding:8px 6px;line-height:1.35}
#shop-order-finance-view .of-wide th{white-space:normal}
#shop-order-finance-view .of-wide th:first-child,#shop-order-finance-view .of-wide td:first-child{min-width:145px;max-width:165px}
#shop-order-finance-view .of-wide td:first-child{overflow-wrap:anywhere}
#shop-order-finance-view .of-wide td:first-child button{display:block;max-width:155px;width:100%;padding:5px 6px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-height:28px;font-size:11px}
#shop-order-finance-view .of-wide td small{font-size:10px;max-width:110px;margin-top:3px;line-height:1.3}
#shop-order-finance-view .of-wide .of-commission-percent{display:block!important;font-size:11px;color:#493859;max-width:110px;text-align:right;font-weight:600}
#shop-order-finance-view .of-view-controls{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px;margin:12px 0;font-size:13px}
#shop-order-finance-view .of-view-controls label{flex-direction:row;align-items:center;cursor:pointer}
#shop-order-finance-view .of-view-controls input{min-height:0;width:16px;height:16px}
#shop-order-finance-view .of-help{font-size:13px;margin:10px 0;color:#665473}
#shop-order-finance-view .of-help summary{cursor:pointer;padding:6px 0}
#shop-order-finance-view .of-compact{width:100%;min-width:100%}
#shop-order-finance-view .of-compact :is(th,td):is(:nth-child(3),:nth-child(5),:nth-child(8),:nth-child(9),:nth-child(11),:nth-child(12),:nth-child(13),:nth-child(14),:nth-child(15),:nth-child(18)){display:none}
#shop-order-finance-view .of-compact td:nth-child(16)>small,#shop-order-finance-view .of-compact td:nth-child(17)>small,#shop-order-finance-view .of-compact td:nth-child(19)>small,#shop-order-finance-view .of-compact td:nth-child(20)>small{display:none}
#shop-order-finance-view .of-extra-note{display:block;margin-top:4px;font-size:10px;padding:2px 4px;white-space:normal;min-height:0}
#shop-order-finance-view .of-return-delivery{display:block!important;color:#b42335;font-weight:700;white-space:normal;margin-top:4px;line-height:1.35}