/* Local-only comparison form trial; previous versions kept under release/. */
#page-comparison > .quotation-container { height: calc(100vh - 100px) !important; }
#page-comparison .comp-overview-card .quotation-card-body { padding: 12px; }
#page-comparison .comp-document-grid { display: grid; grid-template-columns: repeat(6,minmax(0,1fr)); gap: 10px 12px; }
#page-comparison .comp-info-half, #page-comparison .comp-indicators-half { grid-column:span 3; display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px 12px; }
#page-comparison .comp-extra-caption { font-size:11px; color:#86909C; }
#page-comparison .comp-charge-label { width:60px; height:28px; box-sizing:border-box; flex-shrink:0; padding:0; border:1px solid transparent; border-radius:4px; background:transparent; text-align:center; white-space:nowrap; color:#4E5969; cursor:pointer; text-decoration:none; }
#page-comparison #compFreightAllocateBtn:enabled { background:#FFF0F0; border-color:#E9AAAA; color:#963D3D; }
#page-comparison #compRebateAllocateBtn:enabled { background:#EFF8EF; border-color:#A7CEA7; color:#326B40; }
#page-comparison #compFreightAllocateBtn:enabled[aria-pressed="true"] { background:#A63E3E; border-color:#A63E3E; color:#fff; }
#page-comparison #compRebateAllocateBtn:enabled[aria-pressed="true"] { background:#347548; border-color:#347548; color:#fff; }
#page-comparison .comp-charge-label:disabled { color:#4E5969; cursor:default; background:transparent; border-color:transparent; }
#page-comparison .comp-charge-label:focus-visible { outline:2px solid #165DFF; outline-offset:2px; }
#page-comparison .comp-document-grid .quotation-form-group { display:flex; flex-direction:row; align-items:center; gap:6px; min-width:0; }
#page-comparison .comp-document-grid label { width:60px; flex-shrink:0; text-align:right; white-space:nowrap; font:12px 'Microsoft YaHei',sans-serif; }
#page-comparison .comp-document-grid .span-2 { grid-column:span 2; }
#page-comparison .comp-document-grid .quotation-form-control { width:0; min-width:0; flex:1; height:30px; box-sizing:border-box; }
#page-comparison .comp-metric-controls { display:flex; align-items:center; gap:4px; min-width:0; flex:1; }
#page-comparison .comp-metric-box { display:flex; align-items:center; justify-content:space-between; gap:4px; height:30px; width:100%; min-width:0; padding:0 7px; border:1px solid #C9CDD4; border-radius:4px; background:#F7F8FA; color:#1D2129; font:13px 'Microsoft YaHei',sans-serif; box-sizing:border-box; text-align:right; }
#page-comparison button.comp-metric-box { cursor:pointer; background:white; }
#page-comparison button.comp-metric-box:hover { border-color:#165DFF; }
#page-comparison .comp-metric-box:focus-visible { outline:2px solid #165DFF; outline-offset:1px; }
#page-comparison .comp-metric-box > span { white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
#page-comparison .comp-metric-box > span:first-child { flex:1; }
#page-comparison .comp-ratio { color:#86909C; font-size:11px; flex-shrink:0; }
#page-comparison .comp-allocate { padding:0 3px; height:30px; flex-shrink:0; border:1px solid #C9CDD4; border-radius:4px; background:white; cursor:pointer; font-size:11px; }
#page-comparison .comp-metric-box:has(#compOrigFactory, #compOrigQuote, #compOrigDiscount) { background:#EDF6FF; border-color:#A4CAED; }
#page-comparison .comp-metric-box:has(#compActFactory, #compActQuote, #compActDiscount) { background:#F4EBE3; border-color:#B68D6B; }
#page-comparison .comp-metric-box:has(#compFreightAmount) { background:#FFF0F0; border-color:#E9AAAA; }
#page-comparison .comp-metric-box:has(#compRebateAmount) { background:#EFF8EF; border-color:#A7CEA7; }
@media(max-width:950px) { #page-comparison .comp-document-grid { grid-template-columns:repeat(3,minmax(0,1fr)); } }
@media(max-width:600px) { #page-comparison .comp-document-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } }

#page-comparison .comp-head-action{padding:2px 4px;border:1px solid #a6a6a6;border-radius:4px;background:#f7f7f7;color:#333;cursor:pointer;white-space:nowrap}
#page-comparison .comp-short-toggle[aria-pressed="true"]{background:#eaf6ed;border-color:#9bc9a7;color:#326b40}
#page-comparison .comp-short-toggle[aria-pressed="false"]{background:#ffeded;border-color:#e4aaaa;color:#963d3d}

#compItemTable th[data-col="actual_unit_price"]{overflow:visible}
#compItemTable .comp-price-head{display:flex;align-items:center;justify-content:center;gap:3px;position:relative;padding-right:3px}
#compItemTable .comp-price-head .comp-fix-price{position:relative;z-index:2;padding:2px;white-space:normal;line-height:18px;flex:1;min-width:0}
#compItemTable .comp-price-head .comp-reset-btn{position:static!important;flex:0 0 16px;width:16px!important;border:0;background:transparent;padding:0;cursor:pointer}
#compItemTable td[data-col="action"],#compItemTable td[data-col="short_meter_enabled"]{vertical-align:middle!important}
#compItemTable td[data-col="action"] input[type="checkbox"],#compItemTable td[data-col="short_meter_enabled"] input[type="checkbox"]{width:16px;height:16px;margin:0;vertical-align:middle;flex:0 0 16px;position:static}
#compItemTable td[data-col="short_meter_enabled"]>div{height:100%;min-height:32px;align-items:center!important}

/* Shared checkbox row geometry and left-aligned price reset control. */
#compItemTable td[data-col="action"]{position:relative}
#compItemTable td[data-col="action"] input[type="checkbox"]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}
#compItemTable td[data-col="short_meter_enabled"]{position:relative}
#compItemTable td[data-col="short_meter_enabled"]>div{position:static;height:auto;min-height:0;padding:0!important}
#compItemTable td[data-col="short_meter_enabled"] input[type="checkbox"]{position:absolute;top:50%;left:4px;transform:translateY(-50%)}
#compItemTable td[data-col="short_meter_enabled"] input[type="text"]{margin-left:20px;max-width:calc(100% - 20px);box-sizing:border-box}
#compItemTable .comp-price-head{justify-content:flex-start}
#compItemTable .comp-price-head .comp-reset-btn{order:-1;text-align:left;margin:0}

#compItemTable td[data-col="short_meter_enabled"]>div{display:grid!important;grid-template-columns:16px minmax(0,1fr);gap:3px;align-items:center!important;padding:0!important;min-height:32px;height:100%}
#compItemTable td[data-col="short_meter_enabled"] input[type="checkbox"]{position:static!important;transform:none!important;margin:0!important}
#compItemTable td[data-col="short_meter_enabled"] input[type="text"]{position:static;width:100%!important;min-width:0;max-width:none!important;margin:0!important;padding:0!important;box-sizing:border-box}