.cart-settings{padding:12px;background:#fff;border:1px solid #dce4ef;border-radius:10px;margin-top:18px;color:#20304b}.cart-settings h3{font-size:15px;margin:0 0 8px}.cart-settings label{display:block;font-size:12px;margin:12px 0}.cart-settings input:not([type=checkbox]),.cart-settings select{box-sizing:border-box;width:100%;padding:9px;margin-top:5px;border:1px solid #cbd5e1;border-radius:6px;background:#fff;color:#20304b;font:inherit}.cart-settings details{margin:12px 0}.cart-settings summary{cursor:pointer;font-size:12px;font-weight:600}.cart-actions{display:flex;justify-content:space-between;gap:8px;flex-wrap:wrap;margin-top:12px}.cart-field{display:flex;justify-content:space-between;gap:8px}.cart-field label{display:flex;align-items:center;gap:5px;margin:6px 0}.cart-field input[type=checkbox]{width:auto;margin:0;flex:none}.cart-settings [data-cart-status]{font-size:12px;line-height:1.5;color:#34557e}.cart-settings [data-cart-status]:empty{display:none}.cart-settings small{display:block;font-size:11px;line-height:1.5;color:#64748b;margin:6px 0 12px}.cart-settings.modified{border-left:4px solid #3377dd}.cart-settings[hidden]{display:none}.letters{max-width:none;margin:0;padding:0}.letters .welcome-card{display:block}.mail-filters label{font-size:12px;color:#546783;min-width:0}.mail-filters input,.mail-filters select{margin-top:5px}.mail-filters label:last-of-type{flex:1 1 220px}.mail-table th{background:#f8fbff;color:#546783;font-size:12px;font-weight:600}.mail-table td{font-size:13px}.mail-open:hover{text-decoration:underline}.letters [data-mail-edit]>label{font-size:12px;color:#546783}.letters [data-mail-edit]>label>input,.letters [data-mail-edit]>label>select,.letters [data-mail-edit]>label>textarea{margin-top:5px}.mail-filters{display:flex;flex-wrap:wrap;gap:14px;align-items:end}.mail-filters label,.letters [data-mail-edit]>label{display:block}.letters select,.letters input:not([type=checkbox]),.letters textarea{display:block;max-width:100%;padding:9px;border:1px solid #bcc9db;border-radius:6px;font:inherit}.letters textarea{width:100%}.mail-table-wrap{overflow:auto}.mail-table{border-collapse:collapse;width:100%;margin-top:20px}.mail-table td,.mail-table th{border-bottom:1px solid #dbe1e9;padding:12px;text-align:left;vertical-align:top}.mail-open{background:none;border:0;color:#1553a2;font:inherit;cursor:pointer;text-align:left}.mail-pagination{display:flex;align-items:center;gap:14px;margin:18px 0}.mail-summary{padding:0 14px;background:#edf3fa;border-radius:8px}.letters [data-mail-detail]{margin-top:30px}.mail-preview{width:100%;height:500px;border:1px solid #dbe1e9;background:#fff}.letters pre{white-space:pre-wrap;overflow-wrap:anywhere}.letters [data-mail-edit]{max-width:700px;display:grid;gap:12px}.letters [data-mail-payment]{display:flex;align-items:center;gap:20px}.mail-paid{display:flex;align-items:center;gap:8px}.letters .website-button{padding:9px 14px;border-radius:6px;border:1px solid #b8c6d9;cursor:pointer}.letters .website-button:disabled{opacity:.5;cursor:default}.letters [data-mail-detail] small{display:block;margin-bottom:12px}.letters [data-mail-meta]{overflow-wrap:anywhere}[data-letters] [hidden],.cart-settings[hidden]{display:none!important}@media(max-width:700px){.letters{padding:0}.mail-table td,.mail-table th{padding:8px}.mail-filters label{flex:1 1 140px}}

.mail-terms-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px}.mail-term-label{display:block;font-size:13px;font-weight:600;color:#34557e}.mail-term-label textarea{width:100%;min-height:190px;margin-top:8px;font-size:13px;font-weight:400;line-height:1.5;resize:vertical}.mail-term-show{display:flex;align-items:center;gap:8px;font-size:12px;color:#546783;margin-top:12px}.mail-term-show input{width:auto;flex:none}.mail-terms-actions{display:flex;justify-content:space-between;gap:12px;margin-top:18px}.letters [data-mail-terms].modified textarea{border-color:#3377dd}.mail-conditions-card h2{margin-top:0}.letters [data-terms-status]:empty{display:none}@media(max-width:850px){.mail-terms-grid{grid-template-columns:minmax(0,1fr);gap:18px}}

.cart-settings [data-cart-parent-warning]{padding:10px;border:1px solid #e4b454;border-radius:6px;background:#fff8e6;color:#754900;font-size:12px;line-height:1.5}.cart-settings [data-cart-parent-warning][hidden]{display:none}

.letters .mail-edit-fields{display:flex;align-items:end;gap:20px;flex-wrap:wrap}.letters .mail-edit-fields>label,.letters [data-mail-payment]>label{display:block;font-size:12px;color:#546783}.letters .mail-edit-fields select,.letters [data-mail-payment] input[type=number]{margin-top:5px}.letters [data-mail-payment]{align-items:end;flex-wrap:wrap}.letters [data-mail-payment] .mail-paid{display:flex;align-items:center;min-height:38px;margin:0;gap:8px}.letters .mail-edit-footer{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}.letters .mail-edit-footer>p{flex:1 1 300px;margin:0;font-size:12px;line-height:1.5;color:#546783}.letters .mail-edit-actions{display:flex;justify-content:flex-end;gap:10px;margin-left:auto;flex-shrink:0}
.cart-site-dialog{width:min(760px,94vw);max-height:90dvh;box-sizing:border-box;overflow:auto;border:1px solid #dce4ef;border-radius:12px;padding:24px;color:#20304b;background:#fff;box-shadow:0 20px 80px #0004}.cart-site-dialog::backdrop{background:#14263d88}.cart-site-dialog h2{font-size:20px;margin:0 0 18px}.cart-site-tabs{display:flex;gap:6px;border-bottom:1px solid #dce4ef;margin-bottom:16px;flex-wrap:wrap}.cart-site-tabs button{border:0;border-bottom:3px solid transparent;background:transparent;color:#546783;padding:10px 12px;font:inherit;font-size:13px;cursor:pointer}.cart-site-tabs button[aria-selected=true]{border-bottom-color:#3377dd;color:#1553a2;font-weight:600}.cart-site-dialog textarea{box-sizing:border-box;width:100%;margin-top:6px;padding:10px;border:1px solid #cbd5e1;border-radius:6px;font:inherit;line-height:1.5;resize:vertical}.cart-site-dialog .cart-site-check{display:flex;align-items:center;gap:8px}.cart-site-check input{width:auto;margin:0}.cart-site-dialog [hidden]{display:none!important}.cart-site-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:18px}.cart-site-dialog [data-cart-site-status]{font-size:12px;line-height:1.5}.cart-site-dialog [data-cart-site-status]:empty{display:none}.cart-site-dialog form.modified textarea{border-color:#3377dd}.cart-site-dialog button:focus-visible{outline:3px solid #407edc;outline-offset:2px}@media(max-width:500px){.cart-site-dialog{padding:16px}.cart-site-tabs button{padding:8px;font-size:12px}}

.cart-settings-actions{flex-wrap:nowrap;align-items:stretch;gap:6px}.cart-settings-actions>[data-cart-save],.cart-settings-actions>[data-cart-cancel]{flex-shrink:0}.cart-settings-actions>[data-cart-site-open]{flex:1;min-width:0;white-space:normal;background:transparent;border:1px solid #166534;color:#166534;line-height:1.35;display:inline-flex;align-items:center;justify-content:center;text-align:center}.cart-settings-actions>[data-cart-site-open]:hover{background:#f0fdf4;border-color:#14532d;color:#14532d}.cart-settings-actions>[data-cart-site-open]:focus-visible{outline:3px solid #4ade80;outline-offset:2px}

.cart-buyer-fields-scroll{max-height:min(220px,25dvh);overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable;border:1px solid #dce4ef;border-radius:8px;padding:6px 12px}.cart-buyer-fields-scroll:focus-visible{outline:3px solid #407edc;outline-offset:2px}.cart-buyer-fields-scroll .cart-field{gap:12px}

.cart-seller-contact{display:grid;grid-template-columns:minmax(0,1fr) 120px;align-items:end;gap:12px}.cart-seller-contact>label{min-width:0}.cart-seller-contact input,.cart-seller-contact select{width:100%;box-sizing:border-box}@media(max-width:360px){.cart-seller-contact{gap:8px}}

.cart-site-dialog label.cart-site-inline-label{display:grid;grid-template-columns:130px minmax(0,1fr);align-items:center;gap:12px}.cart-site-dialog .cart-site-inline-label>input,.cart-site-dialog .cart-site-inline-label>select{margin-top:0}.cart-site-dialog .cart-seller-contact{grid-template-columns:minmax(0,1fr) auto;align-items:center}.cart-site-dialog .cart-seller-contact>.cart-site-inline-label:last-child{grid-template-columns:auto 120px;gap:8px}@media(max-width:600px){.cart-site-dialog .cart-seller-contact{grid-template-columns:minmax(0,1fr);gap:0}.cart-site-dialog .cart-seller-contact>.cart-site-inline-label:last-child{grid-template-columns:130px 120px;gap:12px}}@media(max-width:360px){.cart-site-dialog label.cart-site-inline-label{grid-template-columns:105px minmax(0,1fr);gap:8px}.cart-site-dialog .cart-seller-contact>.cart-site-inline-label:last-child{grid-template-columns:105px 120px;gap:8px}}

.cart-site-dialog #cart-buyer-fields-heading,.cart-site-dialog .cart-field label{font-size:12px}.cart-selection-fields{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px}.cart-selection-fields>label{min-width:0}.cart-settings [data-cart-parent-warning].invalid{border-color:#dc2626;background:#fef2f2;color:#b91c1c}

.cart-parent-controls{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-top:12px}.cart-parent-controls>[data-cart-parent]{flex-shrink:0}.cart-parent-controls>.cart-parent-back{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;min-width:30px;padding:6px}.cart-parent-controls>[data-cart-parent-label]{flex:1 1 100px;min-width:0;font-size:12px;line-height:1.5;color:#546783;margin:0}
.cart-parent-controls>[data-cart-parent]{border:1px solid #16a34a}

/* Match the element property cards and their form controls in the settings popup. */
.cart-settings .cart-site-dialog{border-color:var(--property-border,#dce4ef);border-radius:var(--property-radius,10px);color:var(--property-text,#20304b)}
.cart-site-dialog [role=tabpanel]{box-sizing:border-box;padding:12px;border:1px solid var(--property-border,#dce4ef);border-radius:var(--property-radius,10px);background:#fff;color:var(--property-text,#20304b)}
.cart-settings .cart-site-dialog label{font-size:12px;line-height:1.5;color:var(--property-text,#20304b)}
.cart-settings .cart-site-dialog :is(input:not([type=checkbox]),select,textarea){box-sizing:border-box;width:100%;padding:9px;border:1px solid #cbd5e1;border-radius:6px;background:#fff;color:var(--property-text,#20304b);font:inherit;font-size:12px;line-height:1.5}
.cart-site-dialog input[type=checkbox]{accent-color:var(--property-accent,#3377dd);flex-shrink:0}
.cart-site-dialog :is(input,select,textarea):focus-visible{outline:2px solid var(--property-accent,#3377dd);outline-offset:2px}
.cart-site-dialog [role=tabpanel]>p{font-size:12px;line-height:1.5;color:var(--property-text,#20304b)}
.cart-site-dialog .cart-buyer-fields-scroll{border-radius:6px;background:#f8fbff}
.cart-site-dialog .cart-buyer-fields-scroll .cart-field label{display:flex;align-items:center;gap:10px;margin:2px 0}
.cart-site-dialog .cart-buyer-fields-scroll input[type=checkbox]{width:20px;height:20px;margin:0;flex:none}
.cart-site-dialog .cart-site-tabs{border-bottom:0;gap:8px}
.cart-site-dialog .cart-site-tabs button{border:1px solid #cbd5e1;border-radius:6px;background:#fff;font-size:12px;color:#20304b}
.cart-site-dialog .cart-site-tabs button:hover{background:#f8fbff}
.cart-site-dialog .cart-site-tabs button[aria-selected=true]{border-color:#3377dd;background:#edf4ff;color:#174da2}
.cart-site-dialog .cart-site-actions{padding-top:12px;border-top:1px solid #dce4ef}

.mail-filters>label:last-of-type{flex:1 1 220px}.mail-circular-dialog{box-sizing:border-box;width:min(640px,94vw);max-height:90dvh;overflow:auto;padding:24px;border:1px solid #dce4ef;border-radius:10px;background:#fff;color:#20304b;box-shadow:0 20px 80px #0004}.mail-circular-dialog::backdrop{background:#14263d88}.mail-circular-dialog h2{margin:0 0 16px;font-size:20px}.mail-circular-dialog p{font-size:12px;line-height:1.5}.mail-circular-dialog label{display:block;margin:14px 0;font-size:12px}.mail-circular-dialog input,.mail-circular-dialog textarea{box-sizing:border-box;width:100%;margin-top:6px;padding:9px;border:1px solid #cbd5e1;border-radius:6px;background:#fff;color:#20304b;font:inherit}.mail-circular-actions{display:flex;justify-content:flex-end;gap:10px}.mail-circular-dialog button:disabled{opacity:.5}.mail-circular-dialog textarea{resize:vertical}