/* A modal owns its entire palette. Page-level day/night and glass rules must
   never combine a light dialog surface with inherited dark-theme text. */
html body #personalSendPreview{
  --send-bg:#ffffff;
  --send-surface:#edf3ff;
  --send-text:#17243a;
  --send-muted:#475569;
  --send-line:#c6d1e0;
  --send-action:#17315e;
  --send-action-text:#ffffff;
  --bg:var(--send-bg)!important;
  --panel:var(--send-bg)!important;
  --panel2:var(--send-surface)!important;
  --text:var(--send-text)!important;
  --muted:var(--send-muted)!important;
  --line:var(--send-line)!important;
  color-scheme:light;
  background:var(--send-bg)!important;
  color:var(--send-text)!important;
  -webkit-text-fill-color:currentColor!important;
  border:1px solid var(--send-line)!important;
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
  opacity:1;
  text-shadow:none;
  font-size:inherit;
  line-height:1.9;
  width:min(700px,calc(100vw - 24px));
  max-height:calc(100dvh - 32px);
  padding:20px;
  overflow:auto;
  box-sizing:border-box;
}
html body[data-resolved-mode="night"] #personalSendPreview{
  --send-bg:#0b1730;
  --send-surface:#162844;
  --send-text:#fffaf1;
  --send-muted:#c3cfe1;
  --send-line:#53647e;
  --send-action:#dbeafe;
  --send-action-text:#132e52;
  color-scheme:dark;
}
html body #personalSendPreview *{
  -webkit-text-fill-color:currentColor!important;
  text-shadow:none!important;
}
html body #personalSendPreview :is(h2,h3,dt,dd,strong){
  color:var(--send-text)!important;
  opacity:1!important;
}
html body #personalSendPreview p{
  color:var(--send-muted)!important;
  font-size:1em;
  opacity:1!important;
}
html body #personalSendPreview #personalSendQuestion{
  background:var(--send-surface)!important;
  color:var(--send-text)!important;
  border:1px solid var(--send-line)!important;
  font-size:1em;
}
html body #personalSendPreview dl>div{border-color:var(--send-line)!important}
html body #personalSendPreview button{
  background:var(--send-surface)!important;
  color:var(--send-text)!important;
  border:1px solid var(--send-line)!important;
  min-height:44px;
  opacity:1;
}
html body #personalSendPreview button.personal-primary{
  background:var(--send-action)!important;
  color:var(--send-action-text)!important;
  border-color:var(--send-action)!important;
}
html body #personalSendPreview :focus-visible{
  outline:3px solid var(--send-text)!important;
  outline-offset:3px;
}
html body #personalSendPreview form[method="dialog"]{
  display:flex;
  justify-content:flex-end;
  margin:0 0 12px;
}
html body #personalSendPreview .personal-close{
  position:static!important;
  width:44px!important;
  height:44px!important;
  padding:0!important;
  text-align:center!important;
  flex:none;
}
html body #personalSendPreview #personalSendTitle{margin-top:0!important}
html body #personalSendPreview::backdrop{background:#020917b0}
@media(max-width:520px){
  html body #personalSendPreview{padding:16px 14px;border-radius:20px}
  html body #personalSendPreview .personal-actions{flex-direction:column}
  html body #personalSendPreview .personal-actions>*{flex:0 0 auto}
}