/* Ajustes responsive locales sobre la compilación publicada fiel. */
.seller-report-copy,
.report-section-copy,
.report-section-actions {
  min-width: 0;
}

.report-kpi-col {
  display: flex;
}

.report-kpi-card {
  height: 100%;
  width: 100%;
}

.report-kpi-section {
  height: 100%;
}

.commission-search {
  min-width: 220px;
}

@media (max-width: 600px) {
  .seller-dashboard-page {
    padding: 16px;
  }

  .seller-dashboard-header {
    align-items: stretch;
    flex-direction: column;
    gap: 14px;
    margin-bottom: 28px;
  }

  .seller-dashboard-copy,
  .seller-dashboard-date {
    flex: 0 0 auto;
    width: 100%;
  }

  .seller-dashboard-title {
    font-size: 25px !important;
    line-height: 1.2 !important;
    overflow-wrap: normal !important;
    white-space: nowrap;
  }

  .seller-dashboard-copy .text-subtitle1 {
    font-size: 15px;
    line-height: 1.45;
  }

  .seller-dashboard-date {
    display: flex;
  }

  .seller-dashboard-date .q-chip {
    margin: 0;
    max-width: 100%;
  }

  .dashboard-stat-card {
    height: 100%;
  }

  .dashboard-stat-value {
    font-size: clamp(28px, 9vw, 40px) !important;
    line-height: 1.2;
    overflow-wrap: anywhere;
  }

  .sales-stepper .q-stepper__header {
    display: flex;
    flex-wrap: nowrap;
    overflow: hidden;
    width: 100%;
  }

  .sales-stepper .q-stepper__tab {
    flex: 1 1 0;
    min-width: 0;
    padding: 10px 3px;
  }

  .sales-stepper .q-stepper__label {
    min-width: 0;
  }

  .sales-stepper .q-stepper__title {
    font-size: 11px;
    line-height: 1.2;
    overflow: visible;
    text-align: center;
    text-overflow: clip;
    white-space: nowrap;
  }

  .sales-stepper .q-stepper__dot {
    font-size: 13px;
    height: 24px;
    margin-right: 4px;
    min-width: 24px;
    width: 24px;
  }

  .sales-stepper .q-stepper__step-inner {
    padding: 12px 8px 20px;
  }

  .seller-reports-page,
  .reports-page,
  .seller-payments-page,
  .bodegas-page,
  .reclamos-page {
    padding: 10px;
  }

  .seller-report-header,
  .report-section-header,
  .bodegas-header,
  .reclamos-header {
    align-items: stretch;
    flex-direction: column;
    gap: 12px;
  }

  .seller-report-copy,
  .report-section-copy,
  .report-section-actions,
  .bodegas-header > .col,
  .reclamos-header > .col {
    flex: 0 0 auto;
    width: 100%;
  }

  .seller-report-title {
    font-size: 17px !important;
    line-height: 1.3 !important;
    overflow-wrap: normal !important;
    white-space: nowrap;
  }

  .seller-report-actions {
    display: grid;
    gap: 8px;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    margin-left: 0;
    width: 100%;
  }

  .seller-report-actions > .q-btn:first-child {
    grid-column: 1 / -1;
    justify-self: start;
  }

  .seller-report-actions > .q-btn:not(:first-child) {
    width: 100%;
  }

  .report-kpi-card {
    min-height: 176px;
  }

  .report-kpi-section {
    padding: 14px 12px;
  }

  .report-kpi-section > .row {
    align-items: flex-start;
    height: 100%;
  }

  .report-kpi-value {
    font-size: clamp(23px, 7vw, 32px) !important;
    line-height: 1.2;
    overflow-wrap: anywhere;
  }

  .report-kpi-card .q-icon {
    font-size: 32px !important;
  }

  .report-section-title {
    font-size: 13px;
    line-height: 1.35;
    overflow-wrap: normal !important;
    white-space: normal;
    word-break: normal;
  }

  .report-section-actions {
    align-items: stretch;
    flex-wrap: wrap;
    margin-left: 0;
  }

  .commission-search {
    min-width: 0;
    width: 100%;
  }

  .commission-total {
    flex: 1 1 170px;
  }

  .commission-actions > .q-btn {
    flex: 1 1 100px;
  }

  .returns-actions {
    display: flex;
  }

  .returns-toggle {
    display: flex;
    flex: 1 1 100%;
    flex-wrap: wrap;
    width: 100%;
  }

  .returns-toggle .q-btn {
    flex: 1 1 auto;
  }

  .returns-actions > .q-btn {
    flex: 1 1 100%;
  }

  .bodegas-header h1,
  .reclamos-header h1,
  .seller-payments-page h1 {
    font-size: 22px !important;
    line-height: 1.25 !important;
  }

  .bodegas-header-actions {
    align-items: stretch;
    display: flex;
    margin-left: 0;
    width: 100%;
  }

  .bodega-header-btn {
    flex: 1 1 0;
    min-width: 0;
  }

  .bodegas-page .q-input {
    max-width: none !important;
    width: 100%;
  }

  .bodega-card-actions {
    justify-content: space-evenly;
  }

  .bodega-dialog-actions {
    align-items: stretch;
    flex-wrap: wrap;
  }

  .bodega-dialog-actions > .text-bold {
    flex: 1 1 100%;
  }

  .bodega-dialog-actions > .q-btn {
    flex: 1 1 auto;
  }

  .bodega-list-item {
    align-items: flex-start;
    flex-wrap: wrap;
    row-gap: 8px;
  }

  .bodega-item-actions {
    flex: 1 1 100%;
    justify-content: flex-end;
    padding-left: 48px;
  }

  .reclamos-header .text-subtitle1 {
    font-size: 13px;
    line-height: 1.4;
  }

  .reclamos-refresh {
    align-self: flex-end;
    min-width: 140px;
  }

  .payment-order-header {
    align-items: flex-start !important;
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 13px 8px;
  }

  .payment-expand {
    flex: 0 0 20px;
    margin: 16px 0 0 !important;
  }

  .payment-order-id,
  .payment-client,
  .payment-boxes,
  .payment-progress {
    position: relative;
  }

  .payment-order-id::before,
  .payment-client::before,
  .payment-boxes::before,
  .payment-progress::before {
    color: #757575;
    content: attr(data-mobile-label);
    display: block;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: .6px;
    line-height: 1.2;
    margin-bottom: 4px;
  }

  .payment-order-id {
    flex: 1 1 calc(100% - 28px);
    margin: 16px 0 0 !important;
  }

  .payment-order-id::before {
    color: #757575;
    left: 0;
    margin: 0;
    position: absolute;
    top: -15px;
  }

  .payment-client,
  .payment-boxes,
  .payment-progress {
    flex: 1 1 100% !important;
    margin: 0 0 0 28px !important;
    max-width: none !important;
    min-width: 0 !important;
    text-align: left !important;
    white-space: normal !important;
    width: calc(100% - 28px);
  }

  .payment-boxes {
    overflow: visible !important;
    text-overflow: clip !important;
  }

  .payment-count {
    margin: -8px 0 0 28px !important;
  }

  .payment-progress {
    margin-top: 2px !important;
  }

  .payment-balance {
    flex: 1 1 auto;
    margin: 0 0 0 28px !important;
    min-width: 0 !important;
    text-align: left !important;
  }

  .payment-state,
  .payment-pay-button {
    margin: 0 !important;
  }
}