.quote-conversion-actions {
  display: flex;
  flex-wrap: wrap;
  gap: .45rem;
  min-width: 185px;
}

.quote-convert-action {
  border: 1px solid #0f3158;
  border-radius: 9px;
  background: #0f3158;
  color: #fff;
  cursor: pointer;
  font: inherit;
  font-weight: 700;
  padding: .65rem .85rem;
}
.quote-open-action{border:1px solid #b98a13;border-radius:9px;background:#d8aa27;color:#0b2948;cursor:pointer;font:inherit;font-weight:700;padding:.65rem .85rem}.quote-open-action:hover{background:#e8bd45}.quote-open-action:disabled{cursor:wait;opacity:.72}
.quote-open-backdrop{position:fixed;inset:0;z-index:99990;display:flex;justify-content:flex-end;background:rgba(5,23,42,.68)}.quote-open-drawer{display:flex;flex-direction:column;width:min(700px,100%);height:100%;background:#f5f8fb;box-shadow:-18px 0 55px rgba(3,20,38,.28)}.quote-open-drawer>header{display:flex;justify-content:space-between;gap:16px;padding:24px 28px;background:#0b2948;color:#fff}.quote-open-drawer header span{color:#e4b838;font-size:12px;font-weight:700;text-transform:uppercase}.quote-open-drawer header h2{margin:3px 0;font-family:"Cormorant Garamond",serif;font-size:34px}.quote-open-drawer header p{margin:0}.quote-open-close{align-self:flex-start;width:44px;height:44px;border:1px solid rgba(255,255,255,.5);border-radius:50%;background:transparent;color:#fff;font-size:27px}.quote-open-body{overflow:auto;padding:22px 28px}.quote-open-summary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.quote-open-summary>div,.quote-open-body section{padding:16px;border:1px solid #d6e0ea;border-radius:12px;background:#fff}.quote-open-summary span{display:block;color:#637187;font-size:11px;font-weight:700;text-transform:uppercase}.quote-open-summary strong{display:block;margin-top:5px;color:#0b2948}.quote-open-body section{margin-top:14px}.quote-open-body h3{margin:0 0 10px;color:#0b2948}.quote-open-body section p{line-height:1.55}.quote-open-body dl{margin:0}.quote-open-body dl div{display:flex;justify-content:space-between;gap:20px;padding:7px 0;border-bottom:1px solid #edf1f5}.quote-open-body dd{margin:0;font-weight:700}.quote-open-total{font-size:18px;color:#0b2948}.quote-open-subject{font-weight:700}.quote-open-body pre{overflow:auto;max-height:260px;white-space:pre-wrap;font:inherit;font-size:13px;line-height:1.55}.quote-open-drawer>footer{display:flex;flex-wrap:wrap;gap:10px;padding:16px 28px;border-top:1px solid #d5dee8;background:#fff}.quote-open-drawer>footer a,.quote-open-drawer>footer button{border:1px solid #0b2948;border-radius:9px;background:#fff;color:#0b2948;font:inherit;font-weight:700;padding:11px 14px;text-decoration:none}.quote-open-drawer>footer .quote-open-send{margin-left:auto;background:#0b2948;color:#fff}

.quote-convert-action:hover:not(:disabled) { background: #184a7e; }
.quote-convert-action:disabled { cursor: wait; opacity: .72; }
.quote-convert-action.is-converted {
  background: #e7f5ef;
  border-color: #9acdb7;
  color: #146447;
  cursor: default;
}

.quote-conversion-notice {
  position: fixed;
  z-index: 100000;
  right: 24px;
  bottom: 24px;
  max-width: min(520px, calc(100vw - 32px));
  border-radius: 12px;
  box-shadow: 0 18px 55px rgba(5, 26, 48, .24);
  color: #fff;
  font-weight: 700;
  line-height: 1.45;
  padding: 1rem 1.15rem;
  transform: translateY(20px);
  opacity: 0;
  transition: opacity .2s ease, transform .2s ease;
}
.quote-conversion-notice.is-visible { opacity: 1; transform: translateY(0); }
.quote-conversion-notice--success { background: #116149; }
.quote-conversion-notice--error { background: #a92920; }

@media (max-width: 700px) {
  .quote-conversion-notice { right: 16px; bottom: 16px; }
  .quote-open-summary{grid-template-columns:1fr}.quote-open-body{padding:16px}.quote-open-drawer>footer{padding:14px}.quote-open-drawer>footer .quote-open-send{margin-left:0}
}