.offer-pricing-panel { border:1px solid var(--ui-border,#dbe5e8); border-radius:var(--ui-radius,14px); padding:18px; margin-block:16px; background:var(--ui-surface,#fff); }
.offer-pricing-panel h3 { margin:0 0 8px; }
.offer-pricing-quota { font-size:.9rem; color:var(--ui-muted,#52636c); }
.offer-pricing-fields { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; }
.offer-pricing-fields label { display:grid; gap:6px; min-width:0; }
.offer-pricing-fields input { width:100%; min-width:0; }
.offer-pricing-actions { display:flex; flex-wrap:wrap; gap:10px; align-items:center; }
.offer-pricing-feedback { min-height:1.6em; overflow-wrap:anywhere; font-size:.9rem; }
.offer-pricing-feedback.error { color:var(--ui-danger,#a52334); }
@media(max-width:640px) { .offer-pricing-fields { grid-template-columns:1fr; } .offer-pricing-actions button { flex:1 1 100%; min-height:44px; } .offer-pricing-fields input { font-size:16px; min-height:44px; } }

/* Shared structure across providers; each theme supplies its own palette. */
html[data-theme] .offer-card {
  display: block;
  min-width: 0;
}
html[data-theme] .offer-card > :is(.detail-heading, .detail-grid, .offer-card-pricing, .offer-card-section, .offer-card-tools, .help) { margin-block: 0; }
html[data-theme] .offer-card > :is(.detail-grid, .offer-card-pricing, .offer-card-section, .offer-card-tools, .help, .offer-read-state) { margin-block-start: var(--ui-form-gap, 16px); }
html[data-theme] .offer-card-heading { min-width: 0; padding-right: 48px; }
html[data-theme] .offer-card-heading h3 { margin: 0; font-size: 1.25rem; line-height: 1.35; overflow-wrap: anywhere; }
html[data-theme] .offer-card-facts { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--ui-field-gap, 8px) var(--ui-form-gap, 16px); }
html[data-theme] .offer-card-facts > * { min-width: 0; overflow-wrap: anywhere; }
html[data-theme] .offer-card :is(.offer-pricing-panel, .offer-card-section) {
  border: 1px solid var(--ui-border, #dbe5e8);
  border-radius: var(--ui-radius, 14px);
  padding: var(--ui-form-gap, 16px);
  margin: 0;
  background: var(--ui-surface, #fff);
  min-width: 0;
}
html[data-theme] .offer-card :is(.offer-pricing-panel, .offer-card-section) h3 { margin: 0 0 var(--ui-field-gap, 8px); font-size: 1rem; line-height: 1.4; }
html[data-theme] .offer-card .offer-pricing-quota { margin: 0 0 var(--ui-form-gap, 16px); line-height: 1.45; }
html[data-theme] .offer-card .offer-pricing-fields { gap: var(--ui-form-gap, 16px); }
html[data-theme] .offer-card .offer-pricing-fields label { gap: var(--ui-field-gap, 8px); }
html[data-theme] .offer-card :is(.offer-pricing-fields input, .offer-card-section input, .offer-card-section select) { min-height: var(--ui-control-height, 44px); }
html[data-theme] .offer-card :is(.offer-pricing-actions, .toolbar, .offer-card-tools) { display: flex; gap: var(--ui-field-gap, 8px); flex-wrap: wrap; align-items: center; margin: 0; }
html[data-theme] .offer-card .offer-pricing-feedback { margin: var(--ui-field-gap, 8px) 0; min-height: 0; }
html[data-theme] .offer-card .offer-pricing-feedback:empty { display: none; }
html[data-theme] .offer-card .eneba-inline-binding { border: 0; margin: 0; padding: 0; }
html[data-theme] .offer-card :is(.button, .text-button) { min-height: var(--ui-control-height, 44px); }
html[data-theme] .offer-card .offer-card-inventory > button { margin-top: 0; }
html[data-theme] .offer-card .offer-card-availability .form-grid { margin: 0; }
@media (max-width: 767px) {
  html[data-theme] .offer-card-facts { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  html[data-theme] .offer-card .offer-pricing-fields { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  html[data-theme] .offer-card :is(.offer-pricing-fields input, .offer-card-section input, .offer-card-section select) { font-size: 16px; }
  html[data-theme] .offer-card .offer-pricing-actions > button { flex: 1 1 0; }
  html[data-theme] .offer-card .offer-pricing-actions > button { padding-inline: 10px; }
}
@media (max-width: 360px) {
  html[data-theme] .offer-card .offer-pricing-fields { grid-template-columns: minmax(0, 1fr); }
  html[data-theme] .offer-card .offer-pricing-actions > button { flex-basis: 100%; }
}