.negotiation-panel { margin-top: 14px; padding: 16px; border: 1px solid #396170; border-radius: 16px; background: radial-gradient(ellipse at 0 0, #254b563d, transparent 80%), #101b23; }
.negotiation-heading { display: flex; align-items: center; gap: 8px; color: #d7f5ff; }
.negotiation-heading strong { font-size: 12px; line-height: 1.5; }
.negotiation-symbol { color: #8cdeed; font-size: 19px; }
.negotiation-note { margin: 7px 0 13px; color: #91adb9; font-size: 10px; line-height: 1.65; }
.negotiation-controls { display: flex; gap: 8px; flex-wrap: wrap; align-items: center; }
.negotiation-panel button { min-height: 40px; padding: 9px 14px; border: 0; border-radius: 11px; font: inherit; font-size: 11px; cursor: pointer; }
.negotiation-cut { background: #b3eaf0; color: #102c36; font-weight: 800!important; }
.negotiation-talk { color: #a9dce8; background: #182c36; }
.negotiation-panel button:focus-visible { outline: 2px solid #c2f4ff; outline-offset: 3px; }
.negotiation-panel button:disabled { opacity: .55; cursor: wait; }
.negotiation-offer { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding-top: 14px; margin-top: 14px; border-top: 1px solid #2a414c; }
.negotiation-prices { min-width: 0; display: grid; gap: 4px; }
.negotiation-prices small { color: #9bb6c0; font-size: 9px; }
.negotiation-price { color: #b9f0f5; font-size: 24px; line-height: 1.2; overflow-wrap: anywhere; font-variant-numeric: tabular-nums; }
.negotiation-original { color: #7b98a4; font-size: 9px; }
.negotiation-use { flex: none; background: #244753; color: #cef5ff; }
.negotiation-status { margin: 10px 0 0; color: #91adb9; font-size: 10px; line-height: 1.65; }
.negotiation-status:empty { display: none; }
@media(max-width: 340px) { .negotiation-offer { flex-direction: column; align-items: stretch; } }
@media(prefers-reduced-motion: reduce) { .negotiation-panel { scroll-behavior: auto; } }