.shippo-quote { border-top: 1px solid #d7dfe6; padding: 16px 0; width: 100%; min-width: 0; }
.shippo-quote summary { cursor: pointer; font-weight: 700; color: #152d44; min-height: 32px; }
.shippo-form { display: grid; gap: 12px; margin-top: 14px; min-width: 0; }
.shippo-form label { display: grid; gap: 5px; font-size: .78rem; font-weight: 600; min-width: 0; }
.shippo-form input, .shippo-form select { width: 100%; box-sizing: border-box; min-width: 0; min-height: 42px; padding: 8px; border: 1px solid #bbc5ce; border-radius: 4px; background: #fff; color: #152d44; font: inherit; }
.shippo-form :is(input,select,button,summary):focus-visible { outline: 2px solid #d45d26; outline-offset: 3px; }
.shippo-address, .shippo-measures { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.shippo-parcel { margin: 0 0 8px; padding: 10px; border: 1px solid #d7dfe6; border-radius: 4px; min-width: 0; }
.shippo-parcel legend { font-size: .75rem; font-weight: 700; padding: 0 5px; }
.shippo-parcel .link-btn { margin-top: 8px; }
.shippo-actions { display: flex; gap: 12px; flex-wrap: wrap; align-items: center; justify-content: space-between; }
.shippo-quote-note, .shippo-recipient, .shippo-feedback { margin: 0; font-size: .78rem; line-height: 1.5; color: #536172; overflow-wrap: anywhere; }
.shippo-feedback { color: #903916; }
.shippo-feedback:empty { display: none; }
.shippo-rates { list-style: none; padding: 0; margin: 10px 0; }
.shippo-rates li { display: flex; flex-wrap: wrap; gap: 8px 16px; align-items: center; border-top: 1px solid #d7dfe6; padding: 12px 0; font-size: .78rem; }
.shippo-rates li > div { flex: 1 1 160px; min-width: 0; }
.shippo-rates small { display: block; color: #536172; margin-top: 3px; }
.shippo-rates strong { white-space: nowrap; }
.shippo-rates .link-btn { min-height: 32px; }
@media (max-width: 450px) { .shippo-address { grid-template-columns: 1fr; } }