/* Keep the quotation form on the shared Android components and token palette. */
.mary-web-account .quote-card { display: grid; grid-template-columns: minmax(0,1fr) auto; gap: 10px; }
.mary-web-account .quote-card > .btn { grid-column: 1 / -1; justify-self: end; }
.mary-web-account .quote-card .ivc-name, .mary-web-account .quote-card .ivc-note, .mary-web-account .quote-card .ivc-amt { white-space: normal; overflow-wrap: anywhere; }
.mary-web-account #quoteEditor { margin: 0; padding: 0; min-width: 0; }
.mary-web-account #quoteEditor .modal-head h3 { margin: 0; }
.mary-web-account #quoteEditorClose, .mary-web-account #quotePickerClose { min-width: 44px; min-height: 44px; }
.mary-web-account #quoteEditor .modal-body { min-height: 0; overscroll-behavior: contain; }
.mary-web-account #quoteEditor .modal-foot { flex-shrink: 0; }
.mary-web-account #quoteEditor .field, .mary-web-account #quoteEditor .ifitem-name { min-width: 0; overflow-wrap: anywhere; }
.mary-web-account #quoteEditor .ifsec-b > .grid2 { margin-top: 12px; }
.mary-web-account #quoteEditor .ifitem-head { list-style: none; min-height: 44px; }
.mary-web-account #quoteEditor .ifitem-head::-webkit-details-marker { display: none; }
.mary-web-account #quoteEditor .ifitem-body > .field { margin-top: 10px; }
.mary-web-account #quoteEditor .ifgrid input { min-height: 44px; }
.mary-web-account #quoteEditor .field input, .mary-web-account #quoteEditor .ifpick { min-height: 44px; }
.mary-web-account .quote-line-remove { min-height: 44px; margin-top: 10px; color: var(--neg); }
.mary-web-account #quoteEditorNotice { margin-bottom: 0; }
.mary-web-account #quotePicker { padding: 0; margin: 0; border: 0; }
.mary-web-account #quotePicker .ifphead { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.mary-web-account #quotePicker .ifphead h4 { margin: 0; font-size: 16px; }
.mary-web-account #quotePicker .directory-tools { flex-shrink: 0; margin-bottom: 0; }
.mary-web-account #quotePickerRows { display: block; flex: 1; min-height: 0; overflow-y: auto; overscroll-behavior: contain; }
.mary-web-account #quotePickerRows .ifprow { width: 100%; min-height: 56px; font: inherit; text-align: start; color: var(--text); background: var(--surface); border: 0; border-bottom: 1px solid var(--line); padding: 12px 16px; overflow-wrap: anywhere; }
.mary-web-account #quotePicker .directory-pagination { padding: 12px 16px; margin: 0; flex: 0 0 auto; border-top: 1px solid var(--line); }
.mary-web-account #quoteDetail { padding: 18px; background: var(--surface); border-radius: var(--radius); margin-top: 18px; }
.mary-web-account .quote-summary { display: grid; grid-template-columns: auto minmax(0,1fr); gap: 8px 16px; }
.mary-web-account .quote-summary dt { color: var(--muted); }
.mary-web-account .quote-summary dd { margin: 0; overflow-wrap: anywhere; }
.mary-web-account .quote-items { border-collapse: collapse; width: 100%; table-layout: fixed; }
.mary-web-account .quote-items th, .mary-web-account .quote-items td { text-align: start; padding: 10px; border-bottom: 1px solid var(--line); overflow-wrap: anywhere; }
.mary-web-account .quote-items caption { text-align: start; font-weight: 700; margin-bottom: 8px; }
.mary-web-account .quote-detail-total { font-weight: 800; font-size: 18px; margin-top: 16px; }
.mary-web-account .quote-note { white-space: pre-wrap; overflow-wrap: anywhere; }
.mary-web-account .quote-lifecycle-actions { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 16px; }
.mary-web-account .quote-lifecycle-actions .btn { min-width: 44px; min-height: 44px; }
.mary-web-account .quote-cancel-action { color: var(--neg); }
.mary-web-account #quoteEditor .field select { width: 100%; min-width: 0; min-height: 44px; font: inherit; color: var(--text); background: var(--surface); border: 1px solid var(--line); border-radius: 10px; padding: 10px; }
.mary-web-account #quoteConversionPayment { margin-top: 12px; }
.mary-web-account #quoteConversionPayment[hidden] { display: none; }
@media (max-width: 600px) {
 .mary-web-account #quoteDetail { padding: 14px; }
 .mary-web-account .quote-items th, .mary-web-account .quote-items td { padding: 8px 6px; }
}