#quotations .quote-toolbar,.quotation-dialog .quote-toolbar{display:flex;align-items:center;gap:12px;flex-wrap:wrap;justify-content:space-between;margin:14px 0}
#quotations input{flex:1;min-width:180px}
.quotation-dialog{width:min(900px,calc(100vw - 24px));max-height:92dvh;padding:24px;border:1px solid var(--border,#dce5e2);border-radius:8px;background:var(--bg-page,#fff);color:var(--text-1,#203c34);overflow:auto}
.quotation-dialog::backdrop{background:rgba(0,0,0,.65)}
.quotation-dialog form{display:block;min-width:0}
.quotation-dialog h2{font-size:22px;margin:0}.quotation-dialog h3{font-size:17px}
.quotation-dialog .quote-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.quotation-dialog label{display:flex;flex-direction:column;gap:6px;min-width:0;font-size:14px;color:var(--text-2,#596c65)}
.quotation-dialog :is(input,select,textarea){width:100%;min-width:0;max-width:100%;padding:10px 12px;background:var(--bg-raised,#f7faf8);color:var(--text-1,#203c34);border:1px solid var(--control-border,#b7c8c0);border-radius:6px;min-height:44px;font:inherit}
.quotation-dialog textarea{resize:vertical}
.quotation-dialog :is(button),#quotations button{min-height:44px;white-space:normal}
.quotation-dialog button,#quotations button{font:inherit;font-size:14px;font-weight:600;padding:9px 14px;border:1px solid var(--border-hover,#c6d5cf);border-radius:6px;background:var(--bg-raised,#edf4f0);color:var(--text-1,#203c34);cursor:pointer}
.quotation-dialog button:focus-visible,#quotations button:focus-visible{outline:2px solid var(--brand,#d85a30);outline-offset:2px}
#quoteNew,#quoteSave,#quotePreview{background:var(--brand-deep,#c44821);color:#fff;border-color:transparent}
.quotation-dialog [aria-label="Cerrar"]{width:44px;min-width:44px;font-size:24px;padding:0}
.quotation-dialog .quote-options{padding:18px 0;margin:18px 0;border-block:1px solid var(--border,#dce5e2)}
.quote-option,.quote-list-item{display:flex;justify-content:space-between;gap:16px;border-bottom:1px solid var(--border,#dce5e2);padding:18px 0;color:var(--text-1,#203c34)}
.quote-option>div,.quote-list-item>div{min-width:0;overflow-wrap:anywhere}
.quote-option p,.quote-list-item p{margin:6px 0;color:var(--text-2,#596c65)}
.quote-option small{font-weight:400;font-size:13px}.quote-list-item h3{margin:6px 0;font-size:18px}
.quote-hotel-search{position:relative;grid-column:1/-1}
#quoteHotelSuggestions{position:relative;width:100%;max-height:240px;overflow:auto;z-index:1;background:var(--bg-page,#fff)}
#quoteHotelError,#quoteStatus{overflow-wrap:anywhere}
.quotation-dialog [disabled]{opacity:.6}
@media(max-width:600px){.quotation-dialog{padding:16px}.quotation-dialog .quote-fields{grid-template-columns:minmax(0,1fr)}.quote-option,.quote-list-item{flex-direction:column}.quotation-dialog h2{font-size:19px}}
.quote-photo-picker{border-top:1px solid var(--border,#dce5e2);margin-top:20px;padding-top:12px}
#quotePhotoCurrent img{display:block;max-width:100%;width:240px;height:160px;object-fit:contain;margin-bottom:6px}
#quotePhotoGallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
#quotePhotoGallery button{padding:6px;min-width:0;text-align:left}
#quotePhotoGallery img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover}
#quotePhotoGallery small{display:block;overflow-wrap:anywhere;margin-top:6px}
#quotePhotoGallery button[aria-pressed="true"]{outline:3px solid var(--brand,#d85a30);outline-offset:1px}
.quotation-dialog .quote-photo-consent{display:flex;flex-direction:row;align-items:center;margin-top:12px}
.quotation-dialog .quote-photo-consent input{width:20px;min-height:20px;flex:0 0 20px}
@media(max-width:600px){#quotePhotoGallery{grid-template-columns:repeat(2,minmax(0,1fr))}}

.quotation-dialog .quote-discount{margin:18px 0;padding:14px 16px;border:1.5px dashed #f3b892;border-radius:12px;background:#fff8f3}
.quotation-dialog .quote-discount .quote-photo-consent{margin-top:0;font-weight:700}
.quotation-dialog #quoteDiscountFields{margin-top:12px}
.quotation-dialog #quoteDiscountFields[hidden]{display:none}
.quotation-dialog .quote-discount-hint{grid-column:1/-1;margin:0;font-size:13px;color:var(--text-2,#596c65)}
.quote-option s{color:var(--text-2,#596c65);font-weight:500}
html[data-theme="dark"] .quotation-dialog .quote-discount{background:rgba(216,90,48,.08);border-color:rgba(240,153,123,.45)}