#quote-dialog { width: min(36rem, calc(100% - 1.5rem)); max-height: 90vh; max-height: 90dvh; overflow: auto; overflow-wrap: anywhere; }
#quote-dialog [hidden] { display: none !important; }
#quote-dialog :is(#quote-options, #quote-ready) { display: grid; gap: .65rem; margin: 1rem 0; }
#quote-dialog p { margin: .5rem 0; }
#quote-dialog textarea { width: 100%; box-sizing: border-box; font: inherit; resize: vertical; padding: .65rem; }
#quote-dialog #quote-summary { font-size: .9rem; }
#quote-dialog summary { cursor: pointer; min-height: 44px; padding: .6rem .2rem; }
#quote-dialog .quote-choice { display: flex; align-items: center; gap: .65rem; min-height: 44px; cursor: pointer; }
#quote-dialog .quote-choice input { width: 1.2rem; height: 1.2rem; flex: 0 0 auto; margin: 0; }
#quote-dialog :is(button:not(.dialog-close), #quote-mail, #quote-eml) { min-height: 44px; }
#quote-dialog #quote-mail { display: inline-flex; align-items: center; margin: 0 .5rem; }
#quote-dialog #quote-files { padding-inline-start: 1.3rem; }
#quote-dialog #quote-files a { display: inline-flex; align-items: center; min-height: 44px; }
#quote-dialog #quote-eml { display: inline-flex; align-items: center; justify-content: center; text-align: center; }
#quote-dialog #quote-preview { display: block; max-width: 100%; max-height: 13rem; margin: auto; border-radius: .5rem; }
#quote-dialog #quote-status:not(:empty) { color: #31443b; font-weight: 700; }