/**
 * Shared mobile layout for the legacy and React creator dashboards.
 * Loaded after dokan-dashboard.css; desktop layout stays in that stylesheet.
 */
@media (max-width: 860px) {
  #dokan-dashboard-fullwidth-wrapper .dokan-dashboard-content {
    box-sizing: border-box;
    float: none !important;
    width: 100% !important;
    min-width: 0;
    max-width: 100%;
    margin: 0 !important;
    padding: 16px 12px 40px !important;
  }

  #dokan-dashboard-fullwidth-wrapper .ta-annual-reports-page {
    width: 100% !important;
    max-width: 100%;
    margin-left: 0 !important;
  }

  .dokan-dashboard-content :is(.dashboard-content-area, .dokan-dashboard-layout, .dokan-layout-content-area),
  #dokan-vendor-dashboard-root {
    min-width: 0;
    max-width: 100%;
  }

  /* A consistent, compact page header instead of a desktop title/action row. */
  .dokan-dashboard-content .dokan-dashboard-header {
    display: flex !important;
    flex-direction: column;
    align-items: stretch !important;
    gap: 12px;
    margin-bottom: 18px !important;
  }

  .dokan-dashboard-content .dokan-dashboard-header .entry-title,
  .dokan-dashboard-content .edit-account-wrap > .entry-title,
  #dokan-vendor-dashboard-root .dokan-header-title h3 {
    float: none !important;
    width: 100% !important;
    margin: 0 !important;
    font-size: 24px !important;
    line-height: 1.25 !important;
    overflow-wrap: break-word;
  }

  #dokan-vendor-dashboard-root .dokan-header-title-section {
    gap: 14px;
    padding: 16px;
    border: 1px solid #e5e7eb;
    border-radius: 14px;
    background: #f7fcfa;
  }

  #dokan-vendor-dashboard-root [class*="@container/before-header"]:empty,
  #dokan-vendor-dashboard-root [class*="@container/after-header"]:empty {
    display: none;
  }

  #dokan-vendor-dashboard-root :is(.dokan-header-title, .dokan-header-actions) {
    width: 100% !important;
    min-width: 0;
  }

  #dokan-vendor-dashboard-root .dokan-header-actions:empty {
    display: none;
  }

  #dokan-vendor-dashboard-root .dokan-header-actions .dokan-btn {
    flex: 1;
    min-height: 44px;
    padding: 10px 14px !important;
    background: #6cd3c2 !important;
    border-color: #6cd3c2 !important;
    color: #1f4a44 !important;
    white-space: normal;
  }

  /* Keep all form fields usable without iOS focus-zoom or fixed-width overflow. */
  .dokan-dashboard-content input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]):not([type="submit"]):not([type="button"]),
  .dokan-dashboard-content select,
  .dokan-dashboard-content textarea {
    box-sizing: border-box;
    min-width: 0;
    max-width: 100%;
    font-size: 16px !important;
  }

  .dokan-dashboard-content :is(.dokan-form-control, .select2-container) {
    max-width: 100%;
  }

  .dokan-dashboard-content :is(.dokan-btn, .dokan-btn-secondary),
  #dokan-vendor-dashboard-root .radix-select-trigger {
    min-height: 44px;
    white-space: normal;
  }

  .dokan-dashboard-content :is(.dokan-btn-theme, input[type="submit"].dokan-btn),
  #dokan-vendor-dashboard-root form button.dokan-btn:not(.dokan-btn-danger) {
    background: #6cd3c2 !important;
    border-color: #6cd3c2 !important;
    color: #1f4a44 !important;
  }

  #dokan-vendor-dashboard-root form > .grid {
    gap: 20px;
  }

  .dokan-frontend-layout button[aria-label="Toggle sidebar menu"] {
    width: 44px !important;
    height: 44px !important;
    min-width: 44px !important;
  }

  .dokan-frontend-layout .dokan-frontend-sidebar .dokan-vendor-sidebar-scroll > nav > ul > li > a,
  .dokan-frontend-layout .dokan-frontend-sidebar .dokan-vendor-sidebar-scroll > nav > ul > li > div > ul > li > a {
    min-height: 44px !important;
  }

  /* Coupon tabs must remain readable and tappable at 320px, without clipping. */
  #dokan-coupon-dashboard-list-header,
  #dokan-coupon-dashboard-list-header > div {
    width: 100%;
    min-width: 0;
  }

  #dokan-coupon-dashboard-list-header > div {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1.35fr);
    gap: 6px;
    padding: 4px;
    border: 1px solid #e5e7eb;
    border-radius: 12px;
    background: #fafafa;
  }

  #dokan-coupon-dashboard-list-header [role="button"] {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 44px;
    margin: 0 !important;
    padding: 8px;
    border-radius: 8px;
    font-size: 13px !important;
    line-height: 1.35;
    text-align: center;
    white-space: normal;
  }

  #dokan-coupon-dashboard-list-header .font-bold {
    background: #e5f7f2;
    color: #1f4a44;
  }

  #dokan-coupon-dashboard-list-header .border-r {
    display: none;
  }

  #dokan-vendor-dashboard-root :is(.dokan-dashboard-filters, .dataviews__view-actions) {
    flex-wrap: wrap;
    gap: 10px;
    min-width: 0;
  }

  #dokan-vendor-dashboard-root .dokan-dashboard-filters > :not(button) {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100%;
    flex-basis: 100%;
  }

  #dokan-vendor-dashboard-root .dokan-dashboard-filters > button {
    flex: 1;
    min-height: 44px;
  }

  #dokan-vendor-dashboard-root .dataviews-wrapper {
    min-width: 0;
    max-width: 100%;
    overflow-x: auto;
    overscroll-behavior-x: contain;
  }

  #dokan-vendor-dashboard-root .dataviews-no-results {
    margin-top: 12px;
    padding: 28px 16px;
    border: 1px solid #e5e7eb;
    border-radius: 12px;
    background: #fff;
    text-align: center;
  }

  /* Reports share the page gutter rather than adding a second inset. */
  .dokan-dashboard-content .ta-analytics-section {
    padding: 0 0 24px;
  }

  .ta-analytics-header {
    gap: 16px;
  }

  .ta-analytics-filters,
  .ta-analytics-filters > * {
    min-width: 0;
    max-width: 100%;
  }

  .ta-analytics-filter-presets {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
    width: 100%;
  }

  .ta-analytics-filters .ta-period-btn {
    min-height: 44px;
    padding: 10px 12px;
    white-space: normal;
  }

  .ta-analytics-filters :is(.ta-period-btn--active, .ta-period-btn--secondary) {
    color: #1f4a44;
    background: #6cd3c2;
  }

  .ta-chart-toggles {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    width: 100%;
  }

  .ta-chart-toggle {
    flex: 1;
    min-height: 40px;
  }

  .ta-annual-report-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .ta-annual-report-heading,
  .ta-annual-report-body {
    padding: 14px !important;
  }

  .ta-annual-report-heading {
    flex-wrap: wrap;
    gap: 8px;
  }

  .ta-annual-report-quarter {
    min-width: 0;
    overflow-wrap: anywhere;
  }

  /* Keep native expandable order rows, but don't give checkboxes half the table. */
  #order-filter .dokan-table .check-column {
    box-sizing: border-box;
    width: 44px !important;
    min-width: 44px !important;
    max-width: 44px !important;
    padding: 12px !important;
  }

  .dokan-dashboard-content:has(.tabbed-content) > .wrap.row {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
  }

  .dokan-dashboard-content .tabbed-content .nav-line {
    max-width: 100%;
    overscroll-behavior-x: contain;
  }

  .dokan-dashboard-content .tabbed-content :is(input[type="submit"], button) {
    min-height: 44px;
    max-width: 100%;
    white-space: normal;
  }
}