/* Nhập hàng 3.7.20: mẫu tạm tính trắng, cột nhãn và số tiền dễ đối chiếu. */
#tab-distributor #dist-order-form{gap:18px;min-width:0;width:100%;}
#tab-distributor .dist-line{grid-template-columns:minmax(0,1fr) 90px 90px 44px;gap:10px;align-items:start;}
#tab-distributor .dist-line>.fld:first-child{min-width:0;}
#tab-distributor .dist-line>.wide{grid-column:1/-1;min-width:0;}
#tab-distributor .dist-line>.icon-btn{align-self:start;margin-top:24px;}
#tab-distributor .dist-line select{width:100%;height:44px;}
#tab-distributor .dist-selected-name{display:block;font:500 13px/1.55 var(--f-body);color:var(--ink);overflow-wrap:anywhere;}
#tab-distributor .dist-line .fld>span{font-size:12px;}
#tab-distributor .dist-line input{height:44px;}
#tab-distributor .dist-finance-fields{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;}
#tab-distributor .dist-finance-fields input{height:44px;}
#tab-distributor .dist-summary{display:grid;gap:0;padding:16px 18px;border:1px solid var(--line);border-radius:12px;background:var(--surface);overflow:visible;}
#tab-distributor .dist-calc-title{font:600 17px/1.4 var(--f-body);margin:0 0 12px;}
#tab-distributor .dist-summary .trow{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:baseline;gap:8px 14px;padding:9px 0;margin:0;border:0;}
#tab-distributor .dist-summary .trow>span{font:400 15px/1.55 var(--f-body);overflow-wrap:anywhere;}
#tab-distributor .dist-summary .trow>b{font:500 16px/1.5 var(--f-mono);text-align:right;white-space:nowrap;max-width:none;}
#tab-distributor .dist-summary .grand{margin-top:9px;padding-top:16px;border-top:1px solid var(--line);}
#tab-distributor .dist-summary .grand>span,#tab-distributor .dist-summary .profit-row>span{font-weight:700;}
#tab-distributor .dist-summary .grand>b,#tab-distributor .dist-summary .profit-row>b{font-size:22px;font-weight:600;color:var(--accent);}
#tab-distributor .dist-summary .profit-row{margin-top:12px;padding-top:16px;border-top:1px solid var(--line);}
#tab-distributor .dist-summary .is-loss>b{color:var(--bad);}
#tab-distributor .dist-cumulative{margin-top:16px;border-top:1px dashed var(--line);padding-top:10px;}
#tab-distributor .dist-cumulative .trow>span{font-size:13px;color:var(--muted);}
#tab-distributor .dist-cumulative .trow>b{font-size:15px;}
#tab-distributor .dist-cumulative small{display:block;color:var(--muted);font-size:12px;line-height:1.55;margin-top:8px;}
#tab-distributor .dist-save-notice{margin:0;padding:10px 12px;border-radius:8px;background:var(--accent-soft);line-height:1.6;}
#tab-distributor .dist-bottom-summary{border-color:var(--accent);margin-top:12px;}
#tab-distributor .dist-bottom-summary .trow{padding:8px 0;flex-wrap:wrap;}
#tab-distributor .dist-bottom-summary .trow b{color:var(--accent);font-size:18px;}
@media(max-width:600px){
  #tab-distributor #dist-order-form{padding:12px;gap:16px;}
  #tab-distributor .dist-line{grid-template-columns:minmax(0,1fr) minmax(0,1fr) 44px;gap:9px;}
  #tab-distributor .dist-line>.fld:first-child{grid-column:1/-1;}
  #tab-distributor .dist-line>.icon-btn{grid-column:3;grid-row:2;justify-self:end;margin-top:23px;}
  #tab-distributor .dist-selected-name{font-size:13px;line-height:1.5;}
  #tab-distributor .dist-line select{grid-column:auto;}
  #tab-distributor .dist-finance-fields{grid-template-columns:minmax(0,1fr);gap:12px;}
  #tab-distributor .dist-summary{padding:14px 12px;}
  #tab-distributor .dist-summary .trow{grid-template-columns:minmax(0,1fr) auto;gap:6px 10px;}
  #tab-distributor .dist-summary .trow>span{font-size:13px;}
  #tab-distributor .dist-summary .trow>b{font-size:14px;}
  #tab-distributor .dist-summary .grand>b,#tab-distributor .dist-summary .profit-row>b{font-size:18px;}
  #tab-distributor #dist-order-form>.actions{display:grid;grid-template-columns:minmax(0,1fr);gap:10px;margin-top:0;}
  #tab-distributor #dist-order-form>.actions .btn{height:auto;min-height:44px;width:100%;white-space:normal;line-height:1.4;padding:10px;}
}
@media(min-width:601px){
  #tab-distributor .dist-summary{padding:20px;}
  #tab-distributor .dist-selected-name{display:none;}
}
@media(max-width:350px){
  #tab-distributor .dist-summary .grand,#tab-distributor .dist-summary .profit-row{grid-template-columns:minmax(0,1fr);}
  #tab-distributor .dist-summary .grand>b,#tab-distributor .dist-summary .profit-row>b{text-align:right;}
}