/* Existing navy/gold UI, with two readable comparison columns. */
body.av-new .av-material-trigger{width:100%;display:flex;align-items:center;gap:10px;min-height:48px;border:1px solid #576166;background:#132b3c;color:#efd5a1;border-radius:8px;padding:10px;margin-bottom:10px;font-size:16px;line-height:1.4;text-align:left}
body.av-new .av-material-trigger svg{width:28px;height:24px;flex-shrink:0}
body.av-new .av-material-trigger span:last-child{margin-left:auto;flex:0 0 auto}
body.av-new .av-material-trigger span{overflow-wrap:anywhere;min-width:0}
body.av-new .av-provenance{font-size:13px;line-height:1.5;min-height:54px;margin-bottom:12px;overflow-wrap:anywhere;color:#bfccd5}
body.av-new .av-provenance summary{min-height:44px;cursor:pointer;color:#dec18a}
body.av-new .av-provenance a{color:#f1d49e}
body.av-new .av-provenance ul{padding-left:18px}
body.av-new .av-ingot-face{display:flex;overflow:hidden;clip-path:none;border-radius:0}
body.av-new .av-segment{border:0;border-radius:0;padding:0;min-width:0;flex-shrink:0;height:100%;background:linear-gradient(#ffffff22,#0b152b33);color:#182a34;font-weight:600;font-size:17px;cursor:pointer;overflow:hidden}
body.av-new .av-segment:focus-visible{outline:2px solid white;outline-offset:-3px}
body.av-new .av-incomplete-bar{font-size:14px;color:white;margin:auto}
body.av-new .av-element-legend{display:flex;gap:4px 10px;flex-wrap:wrap;margin-top:10px}
body.av-new .av-element-legend button{display:flex;gap:5px;align-items:center;min-height:44px;border:0;background:none;color:#d7e1e7;padding:2px;font-size:13px;cursor:pointer;min-width:0;text-align:left}
body.av-new .av-element-legend button b{font-weight:400;display:block;color:#b1bfcb}
body.av-new .av-segment-readout{font-size:13px;line-height:1.5;min-height:44px;color:#c6d2dd;overflow-wrap:anywhere}
body.av-new .av-panel-foot select,body.av-new .av-feedstock select{width:100%;font-size:16px;min-height:44px;color:#e2eaf0;background:#152c3c;border:1px solid #60717a;border-radius:6px;min-width:0}
body.av-new .av-panel-foot label{display:block;font-size:14px;line-height:1.5}
body.av-new .av-feed-profile-label{grid-column:1/-1;display:grid;gap:8px;font-size:14px;min-width:0}
body.av-new .av-available,body.av-new #av-feed-vector{grid-column:1/-1;min-width:0}
body.av-new .av-available summary{cursor:pointer;min-height:44px;line-height:1.5;padding:10px 0}
body.av-new #av-available-elements{display:flex;flex-wrap:wrap;gap:12px 20px}
body.av-new #av-available-elements label{display:flex;align-items:center;gap:8px;min-height:44px;font-size:14px}
body.av-new #av-available-elements input{width:22px;height:22px;accent-color:#d1b16f}
body.av-new .av-feed-vector-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:14px}
body.av-new .av-material-dialog{width:min(780px,calc(100vw - 24px));max-height:90dvh;margin:auto;border:1px solid #6f735f;border-radius:14px;background:#102332;color:#d8e2e9;padding:0;overflow:auto}
body.av-new .av-material-dialog::backdrop{background:#030a12bc}
body.av-new .av-material-dialog .material-dialog-body{padding:22px}
body.av-new .av-material-dialog .material-picker-heading{display:flex;gap:12px;align-items:center;justify-content:space-between}
body.av-new .av-material-dialog h2{font-size:28px;color:#e6c78c;margin:8px 0 20px}
body.av-new .av-material-dialog .material-close{font-size:26px;width:44px;height:44px;border:1px solid #61717a;border-radius:8px;color:#e6d3ad;background:none;flex-shrink:0}
body.av-new .av-material-dialog .material-groups{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0}
body.av-new .av-material-dialog .material-groups button,body.av-new .av-material-manual{min-height:44px;font-size:15px;padding:8px 12px;border:1px solid #52636d;border-radius:7px;color:#c8d5de;background:#162e40;cursor:pointer;line-height:1.5}
body.av-new .av-material-dialog .material-groups button[aria-pressed=true]{border-color:#d0ad69;color:#f4d99f;background:#3b382c}
body.av-new .av-material-dialog .material-card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:12px}
body.av-new .av-material-dialog .material-card{display:flex;flex-direction:column;gap:7px;text-align:left;color:#d6e2e9;border:1px solid #53616a;border-radius:9px;background:#152c3b;padding:16px;cursor:pointer;white-space:normal;min-width:0}
body.av-new .av-material-dialog .material-card strong{font-size:26px;color:#e3c080}
body.av-new .av-material-dialog .material-card span{font-size:16px}
body.av-new .av-material-dialog .material-card small,body.av-new .av-material-dialog p{font-size:14px;line-height:1.6}
body.av-new .av-material-manual{margin-top:16px;width:100%}
body.av-new .av-picker-note{color:#aebfcb}
body.av-new .av-component-panel .av-panel-foot{display:block!important}
body.av-new .av-component-panel .av-panel-foot label+label{margin-top:12px}
body.av-new .av-material-dialog{transform:none!important;animation:none!important}
body.av-new .av-material-dialog .material-dialog-body{display:block;max-height:none;overflow:visible;min-width:0}
body.av-new .av-material-dialog .material-groups button{flex:0 1 auto;min-width:80px;max-width:100%;white-space:normal;overflow-wrap:anywhere;text-align:left}
body.av-new .av-material-dialog .material-card-scroll{overflow:visible;max-height:none}
@media(max-width:860px){body.av-new .av-material-trigger{font-size:14px;padding:8px;gap:5px;align-items:flex-start}body.av-new .av-material-trigger svg{display:none}body.av-new .av-provenance{font-size:12px;min-height:80px}body.av-new .av-material-dialog .material-dialog-body{padding:14px}body.av-new .av-ingot-legend{flex-wrap:wrap}}
body.av-new .av-composition-details{margin-top:16px;border:1px solid #42515a;border-radius:10px;background:#0c1c29;color:#d5e0e7}
body.av-new .av-composition-details>summary{display:flex;align-items:center;gap:10px;min-height:48px;padding:12px 16px;list-style:none;font-size:16px;line-height:1.5;cursor:pointer;color:#efcf91;flex-wrap:wrap}
body.av-new .av-composition-details>summary::-webkit-details-marker{display:none}
body.av-new .av-composition-details>summary:focus-visible{outline:2px solid #e2bc6b;outline-offset:3px;border-radius:8px}
body.av-new .av-composition-details>summary small{margin-left:auto;color:#b5c3ce;font-size:13px}
body.av-new .av-disclosure-arrow{display:inline-block;font-size:24px;line-height:1}
body.av-new .av-composition-details[open]>summary .av-disclosure-arrow{transform:rotate(90deg)}
body.av-new .av-composition-details[open]>summary{border-bottom:1px solid #314451}
body.av-new .av-components-layout{display:grid;grid-template-columns:minmax(0,1fr) 42px minmax(0,1fr);padding:16px;align-items:start}
body.av-new .av-component-panel{min-width:0;padding:16px;border:1px solid #314b5b;border-radius:8px;background:#0a1a26}
body.av-new .av-component-panel[data-composition-side=target]{border-color:#75613e;background:#10202b}
body.av-new .av-component-heading{font-size:14px;font-weight:500;line-height:1.5;margin:0 0 12px;color:#d1b37c}
body.av-new .av-mode-control{display:flex;align-items:center;gap:10px;flex-wrap:wrap;min-height:44px;color:#f4ddb0;font-size:16px;margin:16px 0 6px}
body.av-new .av-mode-control input{width:22px;height:22px;accent-color:#d3ae64;flex-shrink:0}
body.av-new .av-mode-control small{color:#b5c3ce;font-size:14px}
body.av-new .av-direction-note{font-size:14px;line-height:1.5;max-width:calc(100% - 50px);margin-bottom:18px}
body.av-new .av-component-details{min-width:0;margin-top:14px;color:#b9c8d2}
body.av-new .av-component-details summary{font-size:14px;min-height:44px;padding:10px 0;cursor:pointer;overflow-wrap:anywhere;line-height:1.5}
body.av-new .av-feedstock{display:grid;grid-template-columns:minmax(0,1fr) minmax(180px,260px);gap:20px;background:#102334;border:1px solid #324956;border-radius:12px;padding:20px;margin-top:20px;color:#d5e0e7}
body.av-new .av-feedstock h2{font-size:20px;margin:0 0 8px;color:#f1d49c}
body.av-new .av-feedstock p{font-size:14px;line-height:1.6;margin:4px 0 12px;overflow-wrap:anywhere}
body.av-new #av-feed-details{grid-column:1/-1}
body.av-new #av-feed-details summary{font-size:16px;min-height:44px;cursor:pointer;padding:10px 0}
body.av-new #av-feed-details .av-number{max-width:260px}
body.av-new .av-panel-foot{font-size:13px;line-height:1.6}
body.av-new .av-field-label,body.av-new .av-node .av-field-label{font-size:14px;line-height:1.4;overflow-wrap:anywhere}
body.av-new .av-input-wrap input,body.av-new .av-node .av-input-wrap input,body.av-new .av-second-split .av-input-wrap input,body.av-new .av-small-number .av-input-wrap input,body.av-new .av-second-split .av-small-number .av-input-wrap input{font-size:18px;min-height:44px;letter-spacing:0}
body.av-new .av-addition-value input{font-size:20px!important;min-height:44px;min-width:0}
body.av-new .av-result-badge{white-space:normal;font-size:12px;line-height:1.5}
body.av-new .av-addition-help{font-size:14px;line-height:1.6}
body.av-new .av-result-bottom p{font-size:14px;overflow-wrap:anywhere}
body.av-new .av-intro{font-size:14px;line-height:1.6;align-items:flex-start}
body.av-new .av-intro .av-live-dot{margin-top:7px;flex-shrink:0}
body.av-new .av-node h3{font-size:15px;flex-wrap:wrap}
@media(max-width:1100px){
 body.av-new .av-first-split,body.av-new .av-second-split{grid-template-columns:minmax(0,1fr)}
 body.av-new .av-first-split:before,body.av-new .av-second-split:after{display:none}
}
@media(max-width:860px){
 body.av-new .av-components-layout{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px;padding:10px 0;border:0}
 body.av-new .av-composition-gap{display:none}
 body.av-new .av-component-panel{padding:10px 6px}
 body.av-new .av-composition-details>summary{padding:12px 10px;gap:8px}
 body.av-new .av-composition-details>summary small{margin-left:24px;flex-basis:100%}
 body.av-new .av-layout{position:relative;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px;max-width:none}
 body.av-new .av-between{position:absolute;right:0;top:-62px;padding:0;transform:none}
 body.av-new .av-between button{min-width:44px;min-height:44px;width:44px;padding:8px}
 body.av-new .av-between button span{display:none}
 body.av-new .av-between button svg{transform:none}
 body.av-new .av-between button.av-reversed svg{transform:rotate(180deg)}
 body.av-new .av-panel{padding:14px 10px;min-width:0}
 body.av-new .av-panel-heading .av-kicker{font-size:12px;letter-spacing:.02em;line-height:1.5;overflow-wrap:anywhere}
 body.av-new .av-panel-heading h2{font-size:30px}
 body.av-new .av-step{display:none}
 body.av-new .av-main-fields{grid-template-columns:minmax(0,1fr);gap:10px}
 body.av-new .av-input-wrap input,body.av-new .av-node .av-input-wrap input,body.av-new .av-second-split .av-input-wrap input,body.av-new .av-small-number .av-input-wrap input,body.av-new .av-second-split .av-small-number .av-input-wrap input{font-size:16px;min-height:44px;letter-spacing:-.02em}
 body.av-new .av-input-wrap>span,body.av-new .av-second-split .av-input-wrap>span{font-size:12px}
 body.av-new .av-mass-mode,body.av-new .av-workspace:not(.av-reverse) #av-source-mode{height:auto;min-height:58px;font-size:12px;line-height:1.5}
 body.av-new .av-mass-mode button{font-size:12px;line-height:1.5;min-height:44px}
 body.av-new .av-node,body.av-new .av-second-split .av-node{padding:10px 6px}
 body.av-new .av-component-details summary{font-size:14px}
 body.av-new .av-ingot-legend{font-size:12px}
 body.av-new .av-ingot-legend b{white-space:normal}
 body.av-new .av-presets button{font-size:14px;min-height:44px;padding:6px 8px}
 body.av-new .av-options{font-size:14px}
 body.av-new .av-options summary{min-height:44px;line-height:1.5}
 body.av-new .av-panel-foot{font-size:12px}
 body.av-new .av-feedstock{grid-template-columns:minmax(0,1fr);gap:10px;padding:16px}
 body.av-new .av-recipe-note{font-size:13px;line-height:1.6;flex-wrap:wrap}
 body.av-new .av-recipe-note p{min-width:180px}
 body.av-new .av-recipe-note button{font-size:13px;min-height:44px;max-width:none;white-space:normal}
 body.av-new .av-additions{grid-template-columns:minmax(0,1fr);gap:14px}
 body.av-new .av-addition>span:first-child{font-size:14px;line-height:1.5}
 body.av-new .av-addition-value{max-width:100%}
 body.av-new .av-explanation{font-size:14px;line-height:1.6}
 body.av-new .av-heading>div>p:last-child{font-size:14px}
 body.av-new .av-reset{min-height:44px;min-width:44px}
}