@import url("./brand.css");
.lr-consultation-modal {
  position: fixed; inset: 0; z-index: 1000; display: grid; place-items: center;
  padding: clamp(12px, 3vw, 28px); background: rgba(11, 26, 46, .75);
  opacity: 0; visibility: hidden; pointer-events: none;
  transition: opacity 0.3s ease, visibility 0.3s ease;
}
.lr-consultation-modal.is-open {
  opacity: 1; visibility: visible; pointer-events: auto;
}
.lr-consultation-dialog {
  position: relative; display: flex; flex-direction: column; width: min(620px, 100%);
  height: min(760px, 90vh); height: min(760px, 90dvh); max-height: calc(100vh - 24px);
  max-height: calc(100dvh - 24px); overflow: hidden; border-radius: 18px;
  background: #fff; box-shadow: 0 24px 80px rgba(11, 26, 46, .35);
  transform: translateY(20px) scale(0.98);
  transition: transform 0.3s ease;
}
.lr-consultation-modal.is-open .lr-consultation-dialog {
  transform: translateY(0) scale(1);
}
@media (prefers-reduced-motion: reduce) {
  .lr-consultation-modal, .lr-consultation-dialog {
    transition: none !important;
  }
}
.lr-consultation-dialog-header {
  position: absolute; inset: 0 0 auto; z-index: 3; pointer-events: none;
}
.lr-consultation-dialog-title {
  position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px;
  overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0;
}
.lr-consultation-close {
  position: absolute; top: 12px; right: 12px; display: inline-grid; place-items: center;
  width: 44px; height: 44px; pointer-events: auto; cursor: pointer;
  border: none; border-radius: 8px; padding: 0;
  background: rgba(0,0,0,0.15); color: #fff; 
  line-height: 1;
  transition: background-color var(--lr-dur-control) var(--lr-ease-control);
  backdrop-filter: blur(4px); -webkit-backdrop-filter: blur(4px);
}
@media (hover: hover) and (pointer: fine) {
  .lr-consultation-close:hover { background: rgba(0,0,0,0.3); }
}
.lr-consultation-close svg { display: block; }
.lr-consultation-close:focus-visible { outline: 2px solid #fff; outline-offset: -2px; transition: none; }
.lr-consultation-frame-wrap { position: relative; flex: 1 1 auto; min-height: 0; }
.lr-consultation-frame { display: block; width: 100%; height: 100%; border: 0; }
.lr-consultation-status {
  position: absolute; inset: 0; display: grid; place-items: start center; overflow-y: auto; padding: 0 24px 24px;
  background: #fff; color: #141e2a; text-align: center;
}
.lr-consultation-status[hidden] { display: none; }
.lr-consultation-status-inner { width: 100%; font-family: "Instrument Sans", system-ui, sans-serif; }
.lr-consultation-status-logo {
  margin: 0 -24px 40px; width: calc(100% + 48px); min-height: 180px;
  padding: 54px 52px 22px; background: linear-gradient(112deg, #141e2a, #532138 52%, #9a2353);
  color: #fff; font-size: 22px; font-weight: 700;
}
.lr-consultation-status h2 { margin: 0 0 8px; color: #141e2a; font: 700 20px/1.3 "Instrument Sans", system-ui, sans-serif; }
.lr-consultation-status p { margin: 0 0 20px; font: 14px/1.55 "Instrument Sans", system-ui, sans-serif; }
.lr-consultation-status-skeleton { display: grid; gap: 12px; }
.lr-consultation-status-inner > p, .lr-consultation-status-skeleton { max-width: 400px; margin-left: auto; margin-right: auto; }
.lr-consultation-status-skeleton[hidden] { display: none; }
.lr-consultation-status-skeleton span { height: 42px; border-radius: 10px; background: #f5f9fa; }
.lr-consultation-status-skeleton span:last-child { width: 72%; }
.lr-consultation-retry {
  border: 0; border-radius: 10px; padding: 10px 16px; background: var(--lr-brand-pink, #db1474); color: #fff;
  font: 600 14px "Instrument Sans", system-ui, sans-serif; cursor: pointer;
  transition: background-color var(--lr-dur-control) var(--lr-ease-control);
}
.lr-consultation-retry:active { background: #b50f60; }
@media (hover: hover) and (pointer: fine) {
  .lr-consultation-retry:not(:disabled):hover { background: #b50f60; }
}
.lr-consultation-retry:focus-visible { outline: 3px solid var(--lr-brand-pink, #db1474); outline-offset: 3px; transition: none; }
.lr-consultation-retry:disabled { opacity: .55; cursor: not-allowed; }
@media (hover: none), (pointer: coarse), (prefers-reduced-motion: reduce) {
  .lr-consultation-close, .lr-consultation-retry { transition: none !important; }
}
body[data-lr-motion="off"] .lr-consultation-close,
body[data-lr-motion="off"] .lr-consultation-retry,
body[data-lr-motion-preview="static"] .lr-consultation-close,
body[data-lr-motion-preview="static"] .lr-consultation-retry { transition: none !important; }
.lr-consultation-basic {
  display: inline-block; margin-left: 10px; color: var(--lr-brand-pink, #db1474);
  font: 600 14px "Instrument Sans", system-ui, sans-serif;
}
body.lr-consultation-modal-open { overflow: hidden; padding-right: var(--scrollbar-width, 0px); }
@media (max-width: 640px) {
  .lr-consultation-modal { padding: 0; align-items: stretch; background: #fff; }
  .lr-consultation-dialog {
    width: 100%; height: 100vh; height: 100dvh;
    max-height: 100vh; max-height: 100dvh; border-radius: 0; box-shadow: none;
    transform: none;
  }
  .lr-consultation-frame-wrap { padding-bottom: env(safe-area-inset-bottom); }
  .lr-consultation-close { top: max(12px, env(safe-area-inset-top)); right: max(12px, env(safe-area-inset-right)); }
}