/* LionVoice chrome — oval selects, language chips, attach buttons, themed scrollbars */

@import url("/assets/css/lv-fonts.css?v=20260925inter1");

:root{
  --lv-chrome-ink:#394153;
  --lv-chrome-muted:#666666;
  --lv-chrome-cyan:#0dd7f7;
  --lv-chrome-cyan-dark:#0abfdc;
  --lv-chrome-magenta:#c45cff;
  --lv-chrome-line:rgba(57,65,83,.16);
  --lv-chrome-glass:rgba(255,255,255,.94);
}

html{
  scrollbar-width:thin;
  scrollbar-color:#0dd7f7 rgba(13,215,247,.12);
}
*{scrollbar-width:thin;scrollbar-color:#0dd7f7 rgba(13,215,247,.12)}
::-webkit-scrollbar{width:11px;height:11px}
::-webkit-scrollbar-track{
  background:rgba(13,215,247,.08);
  border-radius:99px;
}
::-webkit-scrollbar-thumb{
  background:linear-gradient(180deg,#0dd7f7 0%,#c45cff 100%);
  border-radius:99px;
  border:2px solid rgba(232,249,252,.9);
}
::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#0abfdc,#b24ef0)}
::-webkit-scrollbar-corner{background:transparent}

html[data-template='dark']{
  scrollbar-color:#0dd7f7 rgba(255,255,255,.08);
}
html[data-template='dark'] ::-webkit-scrollbar-track{background:rgba(255,255,255,.06)}
html[data-template='dark'] ::-webkit-scrollbar-thumb{
  border-color:rgba(20,22,28,.9);
}

.lv-native-hidden{
  position:absolute !important;
  width:1px !important;height:1px !important;
  padding:0 !important;margin:-1px !important;
  overflow:hidden !important;clip:rect(0,0,0,0) !important;
  white-space:nowrap !important;border:0 !important;
  opacity:0 !important;pointer-events:none !important;
}

.lv-nice{
  position:relative;
  display:inline-flex;
  flex-direction:column;
  max-width:100%;
  vertical-align:middle;
}
.lv-nice--block, label.f + .lv-nice, .card .lv-nice, form > .lv-nice{
  display:flex;width:100%;max-width:100%;
}

.lv-nice-btn{
  appearance:none !important;
  -webkit-appearance:none !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:10px !important;
  width:100%;
  min-height:42px;
  padding:.65rem 1rem .65rem 1.05rem !important;
  border-radius:999px !important;
  border:1px solid var(--lv-chrome-line) !important;
  background:#fff !important;
  color:var(--lv-chrome-ink) !important;
  font-family:"Inter",system-ui,sans-serif !important;
  font-size:.92rem !important;
  font-weight:700 !important;
  letter-spacing:.01em;
  cursor:pointer;
  box-shadow:0 8px 22px rgba(12,18,32,.05);
  transition:.18s ease;
}
.lv-nice-btn:hover{
  border-color:rgba(13,215,247,.55) !important;
  box-shadow:0 0 0 3px rgba(13,215,247,.14);
}
.lv-nice.is-open .lv-nice-btn{
  border-color:var(--lv-chrome-cyan) !important;
  box-shadow:0 0 0 3px rgba(13,215,247,.18);
}
.lv-nice-txt{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:left}
.lv-nice-caret{
  flex:0 0 auto;
  width:8px;height:8px;
  border-right:2px solid var(--lv-chrome-cyan-dark);
  border-bottom:2px solid var(--lv-chrome-cyan-dark);
  transform:rotate(45deg) translate(-2px,-2px);
  margin-left:6px;
}
.lv-nice.is-open .lv-nice-caret{transform:rotate(-135deg) translate(-1px,-1px)}

.lv-nice-menu{
  display:none;
  position:absolute;
  left:0;right:0;
  top:calc(100% + 8px);
  z-index:80;
  padding:8px;
  max-height:280px;
  overflow:auto;
  background:var(--lv-chrome-glass);
  border:1px solid rgba(13,215,247,.38);
  border-radius:22px;
  box-shadow:0 18px 48px rgba(12,18,32,.16);
  backdrop-filter:blur(16px);
}
.lv-nice.is-open .lv-nice-menu{display:flex;flex-direction:column;gap:4px}
.lv-nice-menu.lv-nice-menu--float{
  display:flex !important;
  flex-direction:column;
  gap:4px;
  position:fixed !important;
  z-index:100001;
  right:auto;
  backdrop-filter:blur(16px);
  -webkit-backdrop-filter:blur(16px);
}
.lv-phone.is-picking-voice .lv-phone-pad{
  pointer-events:none;
  opacity:.28;
  filter:grayscale(.15);
}
.lv-phone-voice{position:relative;z-index:6}
@media only screen and (max-width:767px){
  .lv-phone.is-picking-voice .lv-phone-pad{visibility:hidden}
  .lv-nice-menu.lv-nice-menu--float{max-height:min(52vh, 360px)}
}

.lv-nice-opt{
  appearance:none !important;
  display:flex !important;
  align-items:center !important;
  justify-content:flex-start !important;
  width:100% !important;
  min-height:36px;
  padding:.55rem .95rem !important;
  border:0 !important;
  border-radius:999px !important;
  background:transparent !important;
  color:var(--lv-chrome-ink) !important;
  font-family:"Inter",system-ui,sans-serif !important;
  font-size:.88rem !important;
  font-weight:650 !important;
  text-align:left !important;
  line-height:1.3 !important;
  white-space:normal !important;
  word-break:break-word;
  cursor:pointer;
  box-shadow:none !important;
}
.lv-nice-opt:hover{
  background:rgba(13,215,247,.12) !important;
  color:var(--lv-chrome-ink) !important;
}
.lv-nice-opt.is-on{
  background:linear-gradient(135deg,rgba(13,215,247,.22),rgba(196,92,255,.14)) !important;
  color:var(--lv-chrome-ink) !important;
  border:1px solid rgba(13,215,247,.35) !important;
}

/* Language: oval chip grid, portaled to body (not Windows list, not rotated with the rail) */
.lv-lang-wrap{position:relative;display:inline-flex;align-items:center;margin-right:12px}
.lv-lang-btn{
  appearance:none !important;
  display:inline-flex !important;
  align-items:center !important;
  gap:8px !important;
  height:32px;
  padding:0 14px 0 12px !important;
  border-radius:999px !important;
  border:1px solid rgba(57,65,83,.2) !important;
  background:#fff !important;
  color:var(--lv-chrome-ink) !important;
  font-family:"Inter",sans-serif !important;
  font-weight:800 !important;
  font-size:12px !important;
  letter-spacing:.08em !important;
  cursor:pointer;
  box-shadow:none !important;
}
.lv-lang-btn:hover{border-color:var(--lv-chrome-cyan) !important;color:var(--lv-chrome-cyan-dark) !important}
.lv-lang-btn .lv-nice-caret{width:6px;height:6px;margin:0}

.lv-lang-menu{
  display:none;
  position:fixed;
  z-index:100000;
  grid-template-columns:repeat(4,minmax(72px,1fr));
  gap:8px;
  padding:14px;
  min-width:340px;
  max-height:min(70vh, 440px);
  overflow-y:auto;
  background:var(--lv-chrome-glass);
  border:1px solid rgba(13,215,247,.4);
  border-radius:28px;
  box-shadow:0 22px 60px rgba(12,18,32,.2);
  backdrop-filter:blur(18px);
}
.lv-lang-menu.is-open{display:grid}

.lv-lang-chip{
  appearance:none !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:center !important;
  gap:2px !important;
  min-height:58px;
  padding:8px 6px !important;
  border-radius:999px !important;
  border:1px solid rgba(57,65,83,.14) !important;
  background:#fff !important;
  color:var(--lv-chrome-ink) !important;
  cursor:pointer;
  box-shadow:0 6px 16px rgba(12,18,32,.05) !important;
  font-family:"Inter",sans-serif !important;
}
.lv-lang-chip:hover{
  border-color:rgba(13,215,247,.55) !important;
  background:rgba(13,215,247,.08) !important;
}
.lv-lang-chip.is-on{
  background:linear-gradient(135deg,rgba(13,215,247,.28),rgba(196,92,255,.16)) !important;
  border-color:var(--lv-chrome-cyan) !important;
}
.lv-lang-chip .s{
  font-weight:900;letter-spacing:.1em;font-size:13px;color:var(--lv-chrome-cyan-dark);
}
.lv-lang-chip .n{font-size:10px;font-weight:650;color:var(--lv-chrome-muted);letter-spacing:0}

html[data-template='dark'] .lv-nice-btn,
html[data-template='dark'] .lv-lang-btn,
html[data-template='dark'] .lv-lang-chip,
html[data-template='dark'] .lv-nice-menu,
html[data-template='dark'] .lv-lang-menu{
  background:#14161c !important;
  color:#e4e1da !important;
  border-color:rgba(255,255,255,.14) !important;
}
html[data-template='dark'] .lv-nice-opt{color:#e4e1da !important}
html[data-template='dark'] .lv-lang-chip .n{color:rgba(228,225,218,.55)}

/* Mobile: language chip next to hamburger — must not cover logo */
@media only screen and (max-width:767px){
  .header-v-three .social-links{
    display:flex !important;
    transform:none !important;
    position:fixed !important;
    left:auto !important;
    right:52px !important;
    bottom:auto !important;
    top:16px !important;
    padding:0;margin:0;
    flex-wrap:nowrap;align-items:center;gap:6px;
    z-index:10050;
    max-width:none;
  }
  .header-v-three .social-links::before{display:none !important}
  /* Do NOT hide Docs/API/Tour/Dash — bottom bar (lv-brand) needs them tappable */
  .header-v-three .social-links.lv-header-links > a{
    display:inline-flex !important;
    align-items:center;
    justify-content:center;
    visibility:visible !important;
    opacity:1 !important;
    pointer-events:auto !important;
  }
  .header-v-three .lv-lang-wrap{margin:0}
  .header-v-three .lv-fx-wrap{display:none !important} /* currency stays on desktop rail */
  .header-v-three .lv-lang-btn{
    width:auto !important;min-width:0 !important;height:30px !important;
    margin:0 !important;padding:0 12px !important;
    font-size:12px !important;
  }
  header .who .lv-lang-wrap{margin:0;flex:0 0 auto}
  header .who .lv-lang-btn{width:auto !important;min-width:0;margin:0 !important;padding:.35rem .75rem !important}

  /* Keep wordmark clear of lang + hamburger */
  #header.header-v-three .logo{
    max-width:calc(100vw - 128px);
    overflow:hidden;
    position:relative;
    z-index:1;
  }
  #header.header-v-three .lv-wordmark span{font-size:22px;letter-spacing:-1.2px}
  #header.header-v-three .lv-wordmark .lv-mark{width:24px;height:24px;max-width:24px!important;max-height:24px!important}

  .lv-lang-menu{
    min-width:0 !important;
    width:auto !important;
    max-width:calc(100vw - 20px) !important;
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
    max-height:min(62vh, 420px) !important;
    backdrop-filter:none !important;
    -webkit-backdrop-filter:none !important;
    left:10px !important;
    right:10px !important;
  }
}
@media only screen and (max-width:379px){
  #header.header-v-three .lv-wordmark span{font-size:18px}
}

/* Attach / choose-file */
.lv-attach{
  display:inline-flex;
  align-items:center;
  gap:12px;
  flex-wrap:wrap;
  vertical-align:middle;
}
.lv-attach-btn{
  appearance:none !important;
  display:inline-flex !important;
  align-items:center !important;
  gap:8px !important;
  padding:.65rem 1.15rem !important;
  border-radius:999px !important;
  border:1px solid rgba(13,215,247,.45) !important;
  background:linear-gradient(135deg,rgba(13,215,247,.16),rgba(196,92,255,.1)) !important;
  color:var(--lv-chrome-ink) !important;
  font-family:"Inter","Inter",sans-serif !important;
  font-size:13px !important;
  font-weight:700 !important;
  cursor:pointer;
  box-shadow:0 8px 22px rgba(13,215,247,.12) !important;
  transition:.18s ease;
}
.lv-attach-btn:hover{
  background:var(--lv-chrome-cyan) !important;
  color:#0c1220 !important;
  border-color:var(--lv-chrome-cyan) !important;
}
.lv-attach-btn svg{width:16px;height:16px;flex:0 0 auto}
.lv-attach-name{
  color:var(--lv-chrome-muted);
  font-size:.85rem;
  font-weight:650;
  max-width:220px;
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
}
html[data-template='dark'] .lv-attach-btn{
  color:#e4e1da !important;
  background:rgba(13,215,247,.12) !important;
}

.lv-nice-optrow{
  display:flex;
  align-items:center;
  gap:4px;
  width:100%;
}
.lv-nice-optrow .lv-nice-opt{flex:1 1 auto;min-width:0}
.lv-nice-play, .lv-voice-playbtn{
  appearance:none !important;
  flex:0 0 36px;
  width:36px;
  height:36px;
  padding:0 !important;
  border-radius:999px !important;
  border:1px solid rgba(196,149,106,.48) !important;
  background:#fff !important;
  color:#c4956a !important;
  font-size:12px !important;
  line-height:1 !important;
  cursor:pointer;
  box-shadow:none !important;
}
.lv-nice-play:hover, .lv-voice-playbtn:hover{
  background:rgba(196,149,106,.14) !important;
  border-color:#c4956a !important;
}
.lv-nice-play.is-on, .lv-voice-playbtn.is-on{
  background:#c4956a !important;
  color:#fff !important;
  border-color:#c4956a !important;
}
.lv-voice-pick{
  display:flex;
  align-items:center;
  gap:8px;
  width:100%;
}
.lv-voice-pick .lv-nice{flex:1 1 auto;min-width:0}
html[data-template='dark'] .lv-nice-play,
html[data-template='dark'] .lv-voice-playbtn{
  background:rgba(20,22,28,.9) !important;
  color:#d4a574 !important;
}


/* Currency oval — same pill as language, list instead of chip grid */
.lv-fx-wrap{position:relative;display:inline-flex;align-items:center;margin-right:12px}
.lv-fx-menu{
  display:none;
  position:fixed;
  z-index:100000;
  flex-direction:column;
  gap:4px;
  padding:10px;
  min-width:260px;
  max-width:min(92vw, 320px);
  max-height:min(70vh, 420px);
  overflow-y:auto;
  background:var(--lv-chrome-glass);
  border:1px solid rgba(13,215,247,.4);
  border-radius:22px;
  box-shadow:0 22px 60px rgba(12,18,32,.2);
  backdrop-filter:blur(18px);
}
.lv-fx-menu.is-open{display:flex}
.lv-fx-row{
  appearance:none !important;
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:12px !important;
  width:100%;
  padding:8px 12px !important;
  border-radius:999px !important;
  border:1px solid transparent !important;
  background:transparent !important;
  color:var(--lv-chrome-ink) !important;
  cursor:pointer;
  font-family:"Inter",sans-serif !important;
  text-align:left;
}
.lv-fx-row:hover{background:rgba(13,215,247,.08) !important;border-color:rgba(13,215,247,.35) !important}
.lv-fx-row.is-on{background:linear-gradient(135deg,rgba(13,215,247,.28),rgba(196,92,255,.16)) !important;border-color:var(--lv-chrome-cyan) !important}
.lv-fx-row .s{font-weight:900;letter-spacing:.08em;font-size:12px;color:var(--lv-chrome-cyan-dark)}
.lv-fx-row .n{font-size:11px;font-weight:650;color:var(--lv-chrome-muted)}
html[data-template='dark'] .lv-fx-menu,
html[data-template='dark'] .lv-fx-row{background:#14161c !important;color:#e4e1da !important}
@media only screen and (max-width:767px){
  header .who .lv-fx-wrap{margin:0;flex:0 0 auto}
  header .who .lv-fx-btn{width:auto !important;min-width:72px;margin:0 !important;padding:.35rem .85rem !important}
}