/* Negotiation panel: existing Peakflow colors, responsive and keyboard accessible. */
.ng-panel{background:#fff;border:1px solid #e9e1ed;border-radius:15px;padding:26px;margin-top:20px;color:#241d31}
.ng-panel *{box-sizing:border-box}
.ng-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:20px}
.ng-eyebrow{color:#9476a5;font-size:9px;font-weight:700;letter-spacing:.12em;margin-bottom:7px}
.ng-heading h2{font-size:20px;letter-spacing:-.55px;margin:0 0 6px}
.ng-heading p{font-size:11px;line-height:1.6;color:#807184;margin:0}
.ng-reset{font:inherit;color:#694c7a;font-size:10px;font-weight:600;border:1px solid #e3d9e9;border-radius:8px;background:#fff;min-height:37px;padding:9px 13px;white-space:nowrap}
.ng-reset:hover,.ng-quick button:hover{border-color:#a57db6;background:#f5eff8}
.ng-grid{display:grid;grid-template-columns:minmax(310px,1fr) minmax(300px,1fr);gap:26px;align-items:start}
.ng-chart-wrap{border-radius:12px;background:linear-gradient(145deg,#faf8fc,#f4eff8);border:1px solid #eee7f2;padding:10px 14px 15px;min-width:0}
.ng-chart{width:100%;height:auto;max-height:355px;display:block;overflow:visible;user-select:none;-webkit-user-select:none}
.ng-gridline{fill:none;stroke:#dfd4e7;stroke-width:1;stroke-dasharray:4 5}.ng-grid-inner{stroke:#e9e0ee}.ng-axis{stroke:#e1d7e8;stroke-width:1}.ng-reference{fill:none;stroke:#a498ad;stroke-width:1.4;stroke-dasharray:4 4;stroke-linejoin:round}.ng-scenario{fill:url(#ng-fill);stroke:#7952a0;stroke-width:2.5;stroke-linejoin:round}.ng-center{fill:#bbaac5}
.ng-axis-name{font:700 10px Inter,system-ui,sans-serif;letter-spacing:1.2px;fill:#9a83a7}.ng-axis-value{font:600 12px Inter,system-ui,sans-serif;fill:#4f385e}
.ng-handle{cursor:grab;touch-action:none;outline:none}.ng-handle:active{cursor:grabbing}.ng-handle-hit{fill:transparent;stroke:none}.ng-handle-ring{fill:#fff;stroke:#8d62ae;stroke-width:1.5;filter:drop-shadow(0 2px 3px #21112c30)}.ng-handle-dot{fill:#6f4794}.ng-handle-quality .ng-handle-dot{fill:#85b858}.ng-handle-quality .ng-handle-ring{stroke:#85b858}.ng-handle-price .ng-handle-dot{fill:#d39c64}.ng-handle-price .ng-handle-ring{stroke:#d39c64}.ng-handle:focus-visible .ng-handle-ring{stroke:#202020;stroke-width:3}
.ng-legend{display:flex;gap:15px;justify-content:center;align-items:center;flex-wrap:wrap;color:#8e7f96;font-size:9px}.ng-legend span{display:inline-flex;gap:6px;align-items:center}.ng-swatch{display:inline-block;width:12px;height:9px;border:1px solid #7952a0;background:#bba2ce;border-radius:2px}.ng-reference-swatch{background:transparent;border:1px dashed #9e8fa7}.ng-chart-hint{text-align:center;font-size:10px;color:#9a899f;line-height:1.5;margin:8px 0 0}
.ng-controls{min-width:0}.ng-quick{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:11px 12px;background:#f6f2f9;border:1px solid #eee6f2;border-radius:9px;margin-bottom:15px}.ng-quick span{font-size:10px;color:#89758f}.ng-quick button{font:inherit;font-size:10px;font-weight:600;color:#663d82;background:#fff;border:1px solid #e1d2e9;border-radius:7px;padding:8px 10px;white-space:nowrap}
.ng-control{padding:10px 0 12px;border-bottom:1px solid #f0ebf2}.ng-control:first-of-type{padding-top:0}.ng-control-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.ng-control-head label{font-size:12px;font-weight:600;color:#4b3559}.ng-control-head strong{font-size:12px;color:#694587;text-align:right}.ng-control-quality .ng-control-head strong{color:#638d3d}.ng-control-price .ng-control-head strong{color:#a46d35}.ng-control p{font-size:10px;color:#9b8b9f;margin:5px 0 9px;line-height:1.5}.ng-control input[type=range]{appearance:none;-webkit-appearance:none;display:block;width:100%;height:20px;margin:0;padding:0;background:transparent;border:0;cursor:pointer}.ng-control input[type=range]::-webkit-slider-runnable-track{height:4px;background:#e8dff0;border-radius:3px}.ng-control input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:16px;height:16px;border-radius:50%;background:#7953a0;border:3px solid #fff;box-shadow:0 0 0 1px #7953a0,0 2px 5px #3f254d35;margin-top:-6px}.ng-control-quality input[type=range]::-webkit-slider-thumb{background:#85b858;box-shadow:0 0 0 1px #85b858,0 2px 5px #3f254d35}.ng-control-price input[type=range]::-webkit-slider-thumb{background:#d39c64;box-shadow:0 0 0 1px #d39c64,0 2px 5px #3f254d35}.ng-control input[type=range]::-moz-range-track{height:4px;background:#e8dff0;border-radius:3px}.ng-control input[type=range]::-moz-range-thumb{width:12px;height:12px;border-radius:50%;background:#7953a0;border:2px solid #fff;box-shadow:0 0 0 1px #7953a0}.ng-control input[type=range]:focus-visible{outline:2px solid #a4d65e;outline-offset:3px;border-radius:5px}.ng-range-ends{display:flex;justify-content:space-between;font-size:9px;color:#a598aa;line-height:1.3}
.ng-interpretation{margin-top:14px;padding:13px 15px;background:#f4f8ed;border:1px solid #e4efd7;border-radius:9px}.ng-interpretation span{display:block;font-size:8px;font-weight:700;letter-spacing:.09em;color:#789359;margin-bottom:5px}.ng-interpretation strong{display:block;font-size:11px;line-height:1.5;color:#405434}.ng-interpretation p{font-size:10px;line-height:1.5;color:#718366;margin:4px 0 0}.ng-disclaimer{font-size:10px;line-height:1.7;color:#97899d;margin:17px 0 0}.ng-live{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:1000px){.ng-grid{grid-template-columns:minmax(0,1fr);gap:15px}.ng-chart{max-height:330px}.ng-chart-wrap{max-width:550px;width:100%;margin:0 auto}}
@media(max-width:600px){.ng-panel{padding:19px}.ng-heading{flex-direction:column;gap:10px}.ng-heading h2{font-size:18px}.ng-grid{gap:14px}.ng-chart-wrap{padding:10px}.ng-quick{flex-wrap:wrap}.ng-control-head strong{font-size:11px}.ng-disclaimer{font-size:9px}}
@media print{.ng-reset,.ng-quick,.ng-disclaimer{display:none}.ng-panel{break-inside:avoid}.ng-grid{grid-template-columns:1fr 1fr}}