/* Zitu Vendor 3.5.0 — dedicated mobile/tablet application layer
   This file intentionally replaces the accumulated desktop-shrink overrides with
   a coherent compact layout for both vendor and admin surfaces. */

@media (max-width: 782px) {
  html, body { overflow-x: hidden !important; }
  body { background:#f4f5f9 !important; }
  button, input, select, textarea { max-width:100%; }

  /* ---------- Vendor shell ---------- */
  .pmv-app { display:block !important; width:100% !important; min-width:0 !important; overflow:hidden !important; }
  .pmv-sidebar { display:none !important; }
  .pmv-main { width:100% !important; min-width:0 !important; padding:8px 8px calc(78px + env(safe-area-inset-bottom)) !important; overflow:hidden !important; }

  .pmv-topbar {
    position:sticky !important; top:0 !important; z-index:900 !important;
    display:grid !important; grid-template-columns:minmax(0,1fr) auto !important;
    align-items:center !important; gap:7px !important;
    min-height:56px !important; margin:0 0 8px !important; padding:8px 9px !important;
    border:1px solid #e8e9f2 !important; border-radius:0 0 16px 16px !important;
    background:rgba(255,255,255,.96) !important; box-shadow:0 5px 18px rgba(27,23,69,.06) !important;
    backdrop-filter:blur(14px) !important;
  }
  .pmv-topbar>div:first-child { min-width:0 !important; overflow:hidden !important; }
  .pmv-topbar h1 { margin:0 !important; max-width:100% !important; font-size:15px !important; line-height:1.35 !important; white-space:nowrap !important; overflow:hidden !important; text-overflow:ellipsis !important; }
  .pmv-topbar small { display:none !important; }
  .pmv-top-actions { display:flex !important; align-items:center !important; gap:4px !important; min-width:0 !important; max-width:48vw !important; overflow:hidden !important; }
  .pmv-top-actions button,.pmv-top-actions a,.pmv-bell,.pmv-avatar-btn,.pmv-account-compact,.pmv-wallet-compact,.pmv-install-action {
    width:34px !important; height:34px !important; min-width:34px !important; max-width:34px !important;
    padding:0 !important; border-radius:10px !important; display:grid !important; place-items:center !important;
    border:1px solid #e1e4ee !important; background:#fff !important; color:#36258e !important;
    overflow:hidden !important; box-shadow:none !important;
  }
  .pmv-top-actions svg,.pmv-top-actions .pmv-icon { width:16px !important; height:16px !important; stroke:currentColor !important; }
  .pmv-avatar-btn img { width:28px !important; height:28px !important; border-radius:8px !important; object-fit:cover !important; }
  .pmv-top-actions span:not(.screen-reader-text),.pmv-account-compact span,.pmv-wallet-compact span { display:none !important; }
  .pmv-bell i { min-width:16px !important; height:16px !important; top:-3px !important; right:-3px !important; border-width:2px !important; font-size:8px !important; }

  .pmv-mobile-nav {
    display:grid !important; position:fixed !important; right:7px !important; left:7px !important; bottom:6px !important;
    grid-template-columns:repeat(5,minmax(0,1fr)) !important; gap:2px !important;
    height:58px !important; padding:4px !important; z-index:100000 !important;
    border:1px solid #e2e5ee !important; border-radius:18px !important; background:rgba(255,255,255,.98) !important;
    box-shadow:0 -8px 26px rgba(29,25,75,.14) !important; backdrop-filter:blur(16px) !important;
  }
  .pmv-mobile-nav button { min-width:0 !important; padding:3px 1px !important; gap:1px !important; border:0 !important; border-radius:12px !important; background:transparent !important; color:#73798a !important; display:flex !important; flex-direction:column !important; align-items:center !important; justify-content:center !important; }
  .pmv-mobile-nav button svg { width:17px !important; height:17px !important; stroke-width:1.9 !important; }
  .pmv-mobile-nav button small { max-width:55px !important; font-size:8px !important; line-height:1.1 !important; white-space:nowrap !important; overflow:hidden !important; text-overflow:ellipsis !important; }
  .pmv-mobile-nav button.is-active { background:#efeaff !important; color:#593bf0 !important; }

  /* ---------- Vendor content rhythm ---------- */
  .pmv-view { min-width:0 !important; }
  .pmv-panel,.pmv-card,.pmv-product-wizard { width:100% !important; min-width:0 !important; max-width:100% !important; padding:10px !important; margin:0 0 8px !important; border-radius:15px !important; overflow:hidden !important; box-shadow:0 3px 12px rgba(30,26,75,.035) !important; }
  .pmv-panel-head,.pmv-page-head { display:flex !important; align-items:center !important; justify-content:space-between !important; gap:7px !important; min-height:34px !important; margin:0 0 8px !important; }
  .pmv-panel-head>div,.pmv-page-head>div { min-width:0 !important; }
  .pmv-panel-head h2,.pmv-page-head h2,.pmv-panel h2 { margin:0 !important; font-size:14px !important; line-height:1.3 !important; white-space:nowrap !important; overflow:hidden !important; text-overflow:ellipsis !important; }
  .pmv-panel-head p,.pmv-page-head p { display:none !important; }
  .pmv-primary,.pmv-secondary,.pmv-danger-soft,.pmv-link-btn { min-height:38px !important; padding:0 11px !important; border-radius:10px !important; font-size:11px !important; }

  .pmv-kpis { display:grid !important; grid-template-columns:repeat(2,minmax(0,1fr)) !important; gap:6px !important; margin:0 0 8px !important; }
  .pmv-kpis article { min-height:67px !important; padding:8px !important; border-radius:14px !important; gap:7px !important; overflow:hidden !important; }
  .pmv-kpis article>span { width:31px !important; height:31px !important; min-width:31px !important; border-radius:10px !important; }
  .pmv-kpis article>span svg { width:15px !important; height:15px !important; }
  .pmv-kpis strong { font-size:14px !important; margin:0 !important; white-space:nowrap !important; overflow:hidden !important; text-overflow:ellipsis !important; }
  .pmv-kpis small { font-size:8.5px !important; white-space:nowrap !important; overflow:hidden !important; text-overflow:ellipsis !important; }
  .pmv-kpis em { display:none !important; }
  .pmv-analytics-grid,.pmv-dashboard-grid,.pmv-two-col { display:grid !important; grid-template-columns:1fr !important; gap:7px !important; }
  .pmv-line-chart { height:170px !important; }
  .pmv-donut-layout { min-height:165px !important; gap:12px !important; }
  .pmv-order-donut { width:105px !important; height:105px !important; }
  .pmv-order-donut:after { inset:18px !important; }

  /* ---------- Compact products ---------- */
  .pmv-product-grid,.pmv-products-grid { display:grid !important; grid-template-columns:1fr !important; gap:7px !important; }
  .pmv-product-card { position:relative !important; display:grid !important; grid-template-columns:44px minmax(0,1fr) auto !important; gap:7px !important; align-items:start !important; min-height:0 !important; padding:9px !important; border-radius:14px !important; overflow:hidden !important; }
  .pmv-product-thumb,.pmv-product-thumb img { width:44px !important; height:44px !important; border-radius:10px !important; object-fit:cover !important; }
  .pmv-product-title strong { font-size:11.5px !important; line-height:1.45 !important; display:-webkit-box !important; -webkit-line-clamp:2 !important; -webkit-box-orient:vertical !important; overflow:hidden !important; }
  .pmv-product-title small { font-size:8px !important; }
  .pmv-product-tags { display:flex !important; flex-wrap:wrap !important; gap:3px !important; margin-top:4px !important; }
  .pmv-product-tags span { padding:3px 5px !important; font-size:7.5px !important; }
  .pmv-product-meta { display:grid !important; grid-template-columns:repeat(2,minmax(0,1fr)) !important; gap:3px 7px !important; margin-top:5px !important; }
  .pmv-product-meta span { min-width:0 !important; font-size:8.5px !important; white-space:nowrap !important; overflow:hidden !important; text-overflow:ellipsis !important; }
  .pmv-product-meta span:last-child { grid-column:1/-1 !important; }
  .pmv-product-actions { display:grid !important; grid-template-columns:repeat(2,29px) !important; gap:3px !important; align-content:start !important; justify-content:end !important; }
  .pmv-icon-action { width:29px !important; height:29px !important; min-width:29px !important; min-height:29px !important; padding:0 !important; border-radius:8px !important; display:grid !important; place-items:center !important; }
  .pmv-icon-action svg { width:14px !important; height:14px !important; }
  .pmv-product-select { top:6px !important; left:6px !important; }
  .pmv-product-select input+span { width:16px !important; height:16px !important; }
  .pmv-product-editor-host { grid-column:1/-1 !important; }
  .pmv-product-full-editor,.pmv-offer-editor { padding:9px !important; border-radius:13px !important; margin-top:7px !important; }
  .pmv-offer-grid,.pmv-variation-edit { display:grid !important; grid-template-columns:repeat(2,minmax(0,1fr)) !important; gap:7px !important; }
  .pmv-offer-grid label,.pmv-variation-edit label { min-width:0 !important; font-size:9px !important; }
  .pmv-offer-grid input,.pmv-offer-grid select,.pmv-variation-edit input,.pmv-variation-edit select { height:38px !important; padding:6px 8px !important; font-size:11px !important; }
  .pmv-editor-actions { display:grid !important; grid-template-columns:1fr 1fr !important; gap:5px !important; }
  .pmv-editor-actions .pmv-primary { grid-column:1/-1 !important; width:100% !important; }
  .pmv-editor-actions button { width:100% !important; height:36px !important; min-height:36px !important; padding:0 8px !important; font-size:10px !important; }

  .pmv-catalog-search { display:grid !important; grid-template-columns:minmax(0,1fr) 40px !important; gap:5px !important; width:100% !important; }
  .pmv-catalog-search input { height:40px !important; min-width:0 !important; padding:7px 10px !important; font-size:12px !important; border-radius:11px !important; }
  .pmv-catalog-search button { width:40px !important; height:40px !important; min-width:40px !important; padding:0 !important; font-size:0 !important; background:#4f35d8 !important; color:#fff !important; border:0 !important; border-radius:11px !important; display:grid !important; place-items:center !important; }
  .pmv-catalog-search button:after { content:"⌕" !important; color:#fff !important; font-size:19px !important; }

  /* ---------- Orders: compact app cards ---------- */
  .pmv-orders-table-wrap { overflow:visible !important; }
  .pmv-orders-table,.pmv-orders-table tbody { display:block !important; width:100% !important; min-width:0 !important; }
  .pmv-orders-table thead { display:none !important; }
  .pmv-orders-table tr.pmv-order-row { display:grid !important; grid-template-columns:minmax(0,1fr) auto !important; gap:5px 8px !important; padding:10px !important; margin:0 0 7px !important; border:1px solid #e5e7ef !important; border-radius:14px !important; background:#fff !important; }
  .pmv-orders-table tr.pmv-order-row td { display:block !important; min-width:0 !important; padding:0 !important; border:0 !important; font-size:10px !important; }
  .pmv-orders-table tr.pmv-order-row td:nth-child(1) { grid-column:1; grid-row:1; font-weight:800 !important; }
  .pmv-orders-table tr.pmv-order-row td:nth-child(5) { grid-column:2; grid-row:1; }
  .pmv-orders-table tr.pmv-order-row td:nth-child(2) { grid-column:1/-1; grid-row:2; white-space:nowrap !important; overflow:hidden !important; text-overflow:ellipsis !important; }
  .pmv-orders-table tr.pmv-order-row td:nth-child(3) { grid-column:1; grid-row:3; }
  .pmv-orders-table tr.pmv-order-row td:nth-child(4) { grid-column:2; grid-row:3; text-align:left !important; font-weight:800 !important; }
  .pmv-orders-table tr.pmv-order-row td:nth-child(6) { grid-column:1; grid-row:4; color:#787d91 !important; }
  .pmv-orders-table tr.pmv-order-row td:nth-child(7) { grid-column:2; grid-row:4; text-align:left !important; }
  .pmv-orders-table td small { max-width:100% !important; font-size:8px !important; white-space:nowrap !important; overflow:hidden !important; text-overflow:ellipsis !important; }
  .pmv-order-editor-row,.pmv-order-editor-row td { display:block !important; width:100% !important; padding:0 !important; border:0 !important; }
  .pmv-order-editor { padding:9px !important; border-radius:13px !important; }

  /* ---------- Messages, notices, filters ---------- */
  .pmv-notice-tools { display:flex !important; align-items:center !important; gap:4px !important; }
  .pmv-notice-tools>button,.pmv-notice-tools .pmv-sort-control,.pmv-mobile-filter-trigger { width:34px !important; height:34px !important; min-width:34px !important; padding:0 !important; border-radius:10px !important; display:grid !important; place-items:center !important; }
  .pmv-mobile-filter-trigger span,.pmv-notice-tools>button { font-size:0 !important; }
  .pmv-mobile-filter-trigger svg,.pmv-notice-tools svg { width:15px !important; height:15px !important; }
  .pmv-notice-tools .pmv-sort-control { position:relative !important; overflow:hidden !important; }
  .pmv-notice-tools .pmv-sort-control span { display:none !important; }
  .pmv-notice-tools .pmv-sort-control select { position:absolute !important; inset:0 !important; width:100% !important; height:100% !important; opacity:0 !important; }
  .pmv-notice { padding:9px !important; border-radius:13px !important; }
  .pmv-notice p { margin:4px 0 !important; font-size:9.5px !important; line-height:1.55 !important; }
  .pmv-support-thread-head { padding:10px !important; }
  .pmv-support-thread-head strong { font-size:11px !important; }
  .pmv-support-thread-head small { font-size:8px !important; }
  .pmv-chat-bubble { max-width:92% !important; padding:8px 9px !important; font-size:10px !important; }

  .pmv-mobile-filter-sheet { padding:0 !important; background:rgba(20,17,50,.48) !important; backdrop-filter:blur(3px) !important; }
  .pmv-mobile-filter-sheet-inner { position:absolute !important; right:6px !important; left:6px !important; bottom:6px !important; width:auto !important; max-height:76vh !important; padding:11px !important; border-radius:20px !important; background:#fff !important; overflow:auto !important; }
  .pmv-mobile-filter-sheet-head { margin-bottom:7px !important; }
  .pmv-mobile-filter-sheet-head strong { font-size:13px !important; }
  .pmv-mobile-filter-sheet-head button { width:30px !important; height:30px !important; min-width:30px !important; border-radius:9px !important; }
  .pmv-mobile-filter-content,.pmv-mobile-filter-content form { display:grid !important; grid-template-columns:1fr !important; gap:6px !important; }
  .pmv-mobile-filter-content input,.pmv-mobile-filter-content select,.pmv-mobile-filter-content button { width:100% !important; min-height:39px !important; font-size:11px !important; border-radius:10px !important; }

  /* ---------- Admin shell ---------- */
  #wpcontent,#wpbody-content { padding-left:0 !important; }
  .zitu-admin-shell { display:block !important; width:100% !important; min-width:0 !important; overflow:hidden !important; }
  .zitu-sidebar,.zitu-mobile-menu { display:none !important; }
  .zitu-main { width:100% !important; min-width:0 !important; padding:7px 7px calc(76px + env(safe-area-inset-bottom)) !important; overflow:hidden !important; }
  .zitu-main>header {
    position:sticky !important; top:0 !important; z-index:9000 !important;
    display:grid !important; grid-template-columns:minmax(0,1fr) auto !important; align-items:center !important; gap:6px !important;
    min-height:54px !important; margin:0 0 8px !important; padding:8px 9px !important;
    border:1px solid #e6e8ee !important; border-radius:0 0 15px 15px !important; background:rgba(255,255,255,.97) !important;
    box-shadow:0 5px 18px rgba(20,22,35,.06) !important; backdrop-filter:blur(14px) !important;
  }
  .zitu-main>header>div { min-width:0 !important; }
  .zitu-main>header h1 { margin:0 !important; font-size:15px !important; line-height:1.3 !important; white-space:nowrap !important; overflow:hidden !important; text-overflow:ellipsis !important; }
  .zitu-main>header p,.zitu-main>header small,.zitu-main>header .description { display:none !important; }
  .zitu-header-actions { display:flex !important; align-items:center !important; gap:4px !important; min-width:0 !important; max-width:48vw !important; overflow:hidden !important; }
  .zitu-header-actions a,.zitu-header-actions button { width:34px !important; height:34px !important; min-width:34px !important; max-width:34px !important; padding:0 !important; border-radius:10px !important; display:grid !important; place-items:center !important; overflow:hidden !important; font-size:0 !important; }
  .zitu-header-actions svg,.zitu-header-actions .dashicons { width:16px !important; height:16px !important; font-size:16px !important; }

  .zitu-mobile-bottom-nav {
    display:grid !important; position:fixed !important; right:7px !important; left:7px !important; bottom:6px !important;
    grid-template-columns:repeat(5,minmax(0,1fr)) !important; gap:2px !important;
    height:58px !important; padding:4px !important; z-index:100000 !important;
    border:1px solid #e2e5eb !important; border-radius:18px !important; background:rgba(255,255,255,.98) !important;
    box-shadow:0 -8px 27px rgba(25,27,41,.14) !important; backdrop-filter:blur(16px) !important;
  }
  .zitu-mobile-bottom-nav a { min-width:0 !important; padding:3px 1px !important; gap:1px !important; border-radius:12px !important; display:flex !important; flex-direction:column !important; align-items:center !important; justify-content:center !important; color:#707786 !important; font-size:8px !important; line-height:1.1 !important; text-decoration:none !important; white-space:nowrap !important; overflow:hidden !important; text-overflow:ellipsis !important; }
  .zitu-mobile-bottom-nav .dashicons { width:17px !important; height:17px !important; font-size:17px !important; }
  .zitu-mobile-bottom-nav a.is-active { background:#fff0e7 !important; color:#e45208 !important; }

  .zitu-card { width:100% !important; min-width:0 !important; max-width:100% !important; padding:10px !important; margin:0 0 7px !important; border-radius:15px !important; overflow:hidden !important; box-shadow:0 3px 12px rgba(18,24,39,.035) !important; }
  .zitu-card-head { display:flex !important; align-items:center !important; justify-content:space-between !important; gap:7px !important; min-height:33px !important; margin:0 0 8px !important; padding:0 !important; }
  .zitu-card-head>div { min-width:0 !important; }
  .zitu-card-head h2,.zitu-card-head h3 { margin:0 !important; font-size:14px !important; line-height:1.3 !important; white-space:nowrap !important; overflow:hidden !important; text-overflow:ellipsis !important; }
  .zitu-card-head p,.zitu-card-head small { display:none !important; }
  .zitu-kpis,.zitu-stats,.zitu-dashboard-cards { display:grid !important; grid-template-columns:repeat(2,minmax(0,1fr)) !important; gap:6px !important; }
  .zitu-kpis article,.zitu-stat-card,.zitu-dashboard-cards article { min-height:67px !important; padding:8px !important; border-radius:14px !important; }

  /* Admin forms and filters are icon-triggered; content lives in sheet */
  .zitu-mobile-filter-trigger { width:34px !important; height:34px !important; min-width:34px !important; padding:0 !important; border-radius:10px !important; display:grid !important; place-items:center !important; }
  .zitu-mobile-filter-trigger span { display:none !important; }
  .zitu-mobile-filter-trigger svg { width:15px !important; height:15px !important; }
  .zitu-filter-is-moved { display:none !important; }
  .zitu-mobile-filter-sheet { background:rgba(15,18,30,.5) !important; backdrop-filter:blur(3px) !important; }
  .zitu-mobile-filter-sheet-inner { position:absolute !important; right:6px !important; left:6px !important; bottom:6px !important; max-height:76vh !important; width:auto !important; padding:11px !important; border-radius:20px !important; overflow:auto !important; }
  .zitu-mobile-filter-content,.zitu-mobile-filter-content form,.zitu-modern-filters,.zitu-message-filters,.zitu-product-filters,.zitu-vendor-toolbar,.zitu-filters { display:grid !important; grid-template-columns:1fr !important; gap:6px !important; padding:0 !important; margin:0 !important; }
  .zitu-mobile-filter-content input,.zitu-mobile-filter-content select,.zitu-mobile-filter-content button,.zitu-mobile-filter-content a { width:100% !important; min-height:39px !important; font-size:11px !important; border-radius:10px !important; }

  /* Admin tables become dense two-column cards rather than tall desktop rows */
  .zitu-table-wrap { width:100% !important; max-width:100% !important; overflow:visible !important; border:0 !important; }
  .zitu-table-wrap table,.zitu-table-wrap tbody { display:block !important; width:100% !important; min-width:0 !important; }
  .zitu-table-wrap thead { display:none !important; }
  .zitu-table-wrap tbody tr { display:grid !important; grid-template-columns:repeat(2,minmax(0,1fr)) !important; gap:0 9px !important; width:100% !important; min-width:0 !important; margin:0 0 7px !important; padding:9px !important; border:1px solid #e2e6ec !important; border-radius:14px !important; background:#fff !important; overflow:hidden !important; }
  .zitu-table-wrap tbody td { display:grid !important; grid-template-columns:minmax(62px,40%) minmax(0,1fr) !important; align-items:center !important; gap:5px !important; min-width:0 !important; min-height:29px !important; padding:4px 0 !important; border:0 !important; border-bottom:1px dashed #edf0f4 !important; font-size:9px !important; line-height:1.4 !important; text-align:right !important; overflow:hidden !important; }
  .zitu-table-wrap tbody td:before { content:attr(data-label) !important; min-width:0 !important; color:#8a91a2 !important; font-size:7.5px !important; font-weight:700 !important; white-space:nowrap !important; overflow:hidden !important; text-overflow:ellipsis !important; }
  .zitu-table-wrap tbody td>* { min-width:0 !important; max-width:100% !important; }
  .zitu-table-wrap tbody td:last-child { grid-column:1/-1 !important; display:flex !important; align-items:center !important; justify-content:flex-start !important; gap:4px !important; min-height:34px !important; border-bottom:0 !important; padding-top:7px !important; }
  .zitu-table-wrap tbody td:last-child:before { display:none !important; }
  .zitu-table-wrap tbody td img { width:38px !important; height:38px !important; border-radius:10px !important; object-fit:cover !important; }
  .zitu-table-wrap tbody td .button,.zitu-table-wrap tbody td button,.zitu-inline-actions button { width:31px !important; height:31px !important; min-width:31px !important; padding:0 !important; border-radius:9px !important; display:grid !important; place-items:center !important; font-size:0 !important; }
  .zitu-table-wrap tbody td .button .dashicons,.zitu-table-wrap tbody td button .dashicons { margin:0 !important; font-size:15px !important; width:15px !important; height:15px !important; }
  .zitu-table-wrap .zitu-status,.zitu-table-wrap .status { padding:4px 7px !important; font-size:8px !important; white-space:nowrap !important; }
  .zitu-pagination { display:flex !important; flex-wrap:wrap !important; gap:4px !important; }
  .zitu-pagination a,.zitu-pagination span { width:30px !important; height:30px !important; min-width:30px !important; padding:0 !important; display:grid !important; place-items:center !important; font-size:9px !important; border-radius:9px !important; }

  /* Prevent large controls/screenshots seen in vendor list */
  .zitu-create-vendor-card,.zitu-vendor-toolbar,.zitu-bulk-bar { padding:10px !important; }
  .zitu-create-vendor-grid,.zitu-vendor-create-form,.zitu-vendor-manage-form { display:grid !important; grid-template-columns:1fr !important; gap:7px !important; }
  .zitu-create-vendor-grid input,.zitu-create-vendor-grid select,.zitu-vendor-create-form input,.zitu-vendor-create-form select,.zitu-vendor-manage-form input,.zitu-vendor-manage-form select { min-height:39px !important; font-size:11px !important; border-radius:10px !important; }
  .zitu-bulk-bar { display:grid !important; grid-template-columns:1fr auto !important; gap:6px !important; }
  .zitu-bulk-bar select { min-width:0 !important; width:100% !important; height:39px !important; font-size:11px !important; }
  .zitu-bulk-bar button { width:auto !important; height:39px !important; min-height:39px !important; }

  /* Modal/notification panels */
  .zitu-notification-panel,.zitu-modal,.zitu-drawer { max-width:calc(100vw - 12px) !important; right:6px !important; left:6px !important; border-radius:18px !important; }
  .zitu-notification-panel { position:fixed !important; top:auto !important; bottom:70px !important; max-height:64vh !important; overflow:auto !important; }
  .zitu-notification-panel h2,.zitu-notification-panel h3 { font-size:14px !important; }
  .zitu-notification-panel p,.zitu-notification-panel li { font-size:10px !important; line-height:1.55 !important; }
}

@media (min-width:783px) and (max-width:1100px) {
  .pmv-main,.zitu-main { padding:14px !important; }
  .pmv-kpis,.zitu-kpis,.zitu-stats { grid-template-columns:repeat(2,minmax(0,1fr)) !important; }
  .pmv-analytics-grid,.pmv-dashboard-grid { grid-template-columns:1fr !important; }
  .pmv-product-card { grid-template-columns:54px minmax(0,1fr) auto !important; }
  .zitu-table-wrap table { table-layout:fixed !important; width:100% !important; }
  .zitu-table-wrap th,.zitu-table-wrap td { white-space:normal !important; overflow-wrap:anywhere !important; }
}

/* ========================================================================== 
   Zitu Vendor 3.5.0 — mobile application rebuild
   A deliberate app-shell layer. This block overrides legacy responsive rules.
   ========================================================================== */
@media (max-width: 782px) {
  :root{
    --z-app-bg:#f5f6fa;
    --z-app-surface:#fff;
    --z-app-line:#e7e9f1;
    --z-app-ink:#17182a;
    --z-app-muted:#7b8091;
    --z-app-primary:#5238e8;
    --z-app-primary-soft:#f0edff;
    --z-app-accent:#f36a16;
    --z-app-shadow:0 8px 28px rgba(31,28,74,.08);
  }
  html{background:var(--z-app-bg)!important;scroll-behavior:smooth}
  body,body.wp-admin{background:var(--z-app-bg)!important;color:var(--z-app-ink)!important;overflow-x:hidden!important}
  body *{box-sizing:border-box}
  #wpwrap,#wpcontent,#wpbody,#wpbody-content{width:100%!important;min-width:0!important;max-width:100%!important;margin:0!important;padding:0!important;overflow-x:hidden!important}
  #wpadminbar{display:none!important}

  /* Real app shell: one scrollable document between fixed app bars */
  .pmv-app,.zitu-admin-shell{width:100%!important;min-width:0!important;max-width:100%!important;background:var(--z-app-bg)!important;overflow:visible!important}
  .pmv-main,.zitu-main{width:100%!important;min-width:0!important;max-width:100%!important;padding:66px 10px calc(82px + env(safe-area-inset-bottom))!important;overflow:visible!important}
  .pmv-sidebar,.zitu-sidebar{display:none!important}

  /* Vendor app bar */
  .pmv-topbar{
    position:fixed!important;top:0!important;right:0!important;left:0!important;z-index:9990!important;
    width:100%!important;height:58px!important;min-height:58px!important;margin:0!important;padding:7px 10px!important;
    display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:space-between!important;gap:8px!important;
    border:0!important;border-bottom:1px solid var(--z-app-line)!important;border-radius:0!important;
    background:rgba(255,255,255,.97)!important;box-shadow:0 4px 18px rgba(29,25,75,.06)!important;backdrop-filter:blur(18px)!important;
  }
  .pmv-topbar>div:first-child{flex:1 1 auto!important;min-width:0!important;order:1!important;text-align:right!important;overflow:hidden!important}
  .pmv-topbar h1{max-width:100%!important;margin:0!important;font-size:14px!important;font-weight:900!important;line-height:1.35!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
  .pmv-topbar small{display:none!important}
  .pmv-top-actions{order:2!important;display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:5px!important;max-width:62vw!important;overflow:visible!important}
  .pmv-top-actions button,.pmv-top-actions a,.pmv-bell,.pmv-avatar-btn,.pmv-account-compact,.pmv-wallet-compact,.pmv-install-action{
    width:34px!important;height:34px!important;min-width:34px!important;max-width:34px!important;padding:0!important;
    display:grid!important;place-items:center!important;border:1px solid #e4e6ef!important;border-radius:11px!important;
    background:#fff!important;color:#4934d7!important;box-shadow:none!important;overflow:visible!important;
  }
  .pmv-top-actions svg,.pmv-top-actions .pmv-icon{width:16px!important;height:16px!important;stroke-width:1.9!important}
  .pmv-avatar-btn{order:-1!important}.pmv-avatar-btn img{width:28px!important;height:28px!important;border-radius:9px!important;object-fit:cover!important}
  .pmv-account-compact{background:#edfbf3!important;color:#14844c!important;border-color:#ccefdc!important}
  .pmv-wallet-compact{background:#f6f3ff!important;color:#5238e8!important;border-color:#e4dcff!important}
  .pmv-bell{position:relative!important;color:#30216f!important}
  .pmv-bell i{position:absolute!important;top:-5px!important;right:-5px!important;min-width:17px!important;height:17px!important;padding:0 4px!important;display:grid!important;place-items:center!important;border:2px solid #fff!important;border-radius:999px!important;background:#f04438!important;color:#fff!important;font-size:8px!important;font-style:normal!important}

  /* Admin app bar: title right, only essential actions left */
  .zitu-main>header{
    position:fixed!important;top:0!important;right:0!important;left:0!important;z-index:9990!important;
    width:100%!important;height:58px!important;min-height:58px!important;margin:0!important;padding:7px 10px!important;
    display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:center!important;gap:8px!important;
    border:0!important;border-bottom:1px solid var(--z-app-line)!important;border-radius:0!important;
    background:rgba(255,255,255,.97)!important;box-shadow:0 4px 18px rgba(29,25,75,.06)!important;backdrop-filter:blur(18px)!important;
  }
  .zitu-main>header>div:first-of-type{min-width:0!important;overflow:hidden!important}
  .zitu-main>header p,.zitu-main>header>div:first-of-type>span{display:none!important}
  .zitu-main>header h1{margin:0!important;max-width:100%!important;font-size:15px!important;line-height:1.35!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
  .zitu-mobile-menu{display:none!important}
  .zitu-header-actions{display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:5px!important;max-width:none!important;overflow:visible!important}
  .zitu-header-actions>a,.zitu-header-actions>button,.zitu-notification-btn,.zitu-pwa-icon{
    width:34px!important;height:34px!important;min-width:34px!important;max-width:34px!important;padding:0!important;margin:0!important;
    display:grid!important;place-items:center!important;border:1px solid #e4e6ef!important;border-radius:11px!important;
    background:#fff!important;color:#39287e!important;font-size:0!important;box-shadow:none!important;overflow:visible!important;
  }
  .zitu-header-actions .dashicons{width:17px!important;height:17px!important;font-size:17px!important;line-height:17px!important}
  .zitu-header-actions .zitu-export,.zitu-header-actions .zitu-exit,.zitu-header-actions>a[target="_blank"]{display:none!important}
  .zitu-license-header{background:#edfbf3!important;color:#14844c!important;border-color:#ccefdc!important}
  .zitu-license-header>span:last-child{display:none!important}
  .zitu-notification-btn{position:relative!important}.zitu-notification-btn b{position:absolute!important;top:-5px!important;right:-5px!important;min-width:17px!important;height:17px!important;padding:0 4px!important;border:2px solid #fff!important;border-radius:999px!important;background:#f04438!important;color:#fff!important;font-size:8px!important;display:grid!important;place-items:center!important}

  /* Bottom navigation: stable, readable, app-like */
  .pmv-mobile-nav,.zitu-mobile-bottom-nav{
    position:fixed!important;right:8px!important;left:8px!important;bottom:max(7px,env(safe-area-inset-bottom))!important;z-index:10020!important;
    width:auto!important;height:64px!important;padding:5px!important;margin:0!important;
    display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:3px!important;
    border:1px solid rgba(221,224,235,.96)!important;border-radius:20px!important;
    background:rgba(255,255,255,.97)!important;box-shadow:0 12px 38px rgba(31,28,74,.18)!important;backdrop-filter:blur(20px)!important;
  }
  .zitu-admin-shell:after{display:none!important}
  .pmv-mobile-nav button,.zitu-mobile-bottom-nav a{
    min-width:0!important;height:54px!important;padding:4px 2px!important;margin:0!important;
    display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:2px!important;
    border:0!important;border-radius:14px!important;background:transparent!important;color:#717687!important;text-decoration:none!important;box-shadow:none!important;
  }
  .pmv-mobile-nav button svg,.zitu-mobile-bottom-nav .dashicons{width:18px!important;height:18px!important;font-size:18px!important;line-height:18px!important;stroke-width:1.9!important}
  .pmv-mobile-nav button small,.zitu-mobile-bottom-nav a>span:last-child{display:block!important;max-width:100%!important;font-size:8.5px!important;line-height:1.15!important;font-weight:800!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
  .pmv-mobile-nav button.is-active,.zitu-mobile-bottom-nav a.is-active{background:var(--z-app-primary-soft)!important;color:var(--z-app-primary)!important;box-shadow:inset 0 0 0 1px #ded7ff!important}

  /* Consistent page rhythm */
  .pmv-view,.zitu-view{width:100%!important;min-width:0!important;max-width:100%!important;overflow:visible!important}
  .pmv-panel,.pmv-card,.pmv-product-wizard,.zitu-card,.zitu-filter-card{
    width:100%!important;min-width:0!important;max-width:100%!important;margin:0 0 10px!important;padding:12px!important;
    border:1px solid var(--z-app-line)!important;border-radius:18px!important;background:var(--z-app-surface)!important;
    box-shadow:0 4px 16px rgba(30,26,75,.035)!important;overflow:hidden!important;
  }
  .pmv-panel-head,.pmv-page-head,.zitu-card-head{
    min-height:32px!important;margin:0 0 10px!important;padding:0!important;display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:space-between!important;gap:8px!important;
  }
  .pmv-panel-head>div,.pmv-page-head>div,.zitu-card-head>div{min-width:0!important;flex:1!important}
  .pmv-panel-head h2,.pmv-page-head h2,.zitu-card-head h2,.zitu-card-head h3{margin:0!important;font-size:14px!important;line-height:1.35!important;font-weight:900!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
  .pmv-panel-head p,.pmv-page-head p,.zitu-card-head p,.zitu-card-head small{display:none!important}

  /* Dashboard cards: compact app tiles */
  .pmv-kpis,.zitu-kpis,.zitu-kpis-6,.zitu-stats,.zitu-dashboard-cards{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;margin:0 0 10px!important}
  .pmv-kpis article,.zitu-kpis article,.zitu-stat-card,.zitu-dashboard-cards article{
    min-height:76px!important;padding:10px!important;border-radius:16px!important;display:grid!important;grid-template-columns:34px minmax(0,1fr)!important;align-items:center!important;gap:8px!important;overflow:hidden!important;
  }
  .pmv-kpis article>span,.zitu-kpis article i{position:static!important;width:34px!important;height:34px!important;min-width:34px!important;padding:0!important;border-radius:11px!important;display:grid!important;place-items:center!important}
  .pmv-kpis strong,.zitu-kpis strong,.zitu-stat-card strong{font-size:15px!important;line-height:1.2!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
  .pmv-kpis small,.zitu-kpis span,.zitu-stat-card span{font-size:9px!important;line-height:1.3!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
  .pmv-kpis em,.zitu-kpis small{display:none!important}
  .pmv-dashboard-grid,.pmv-analytics-grid,.pmv-two-col,.zitu-dashboard-grid,.zitu-dashboard-grid.lower{display:grid!important;grid-template-columns:1fr!important;gap:10px!important}
  canvas,.zitu-chart-card canvas,.pmv-chart-card canvas{width:100%!important;max-width:100%!important;min-width:0!important;height:auto!important}

  /* Vendor products: true list-card hierarchy */
  .pmv-product-grid,.pmv-products-grid{display:grid!important;grid-template-columns:1fr!important;gap:8px!important}
  .pmv-product-card{
    display:grid!important;grid-template-columns:52px minmax(0,1fr)!important;grid-template-areas:"thumb main" "actions actions"!important;
    gap:8px 10px!important;padding:10px!important;border-radius:16px!important;min-height:0!important;overflow:hidden!important;
  }
  .pmv-product-thumb{grid-area:thumb!important;width:52px!important;height:52px!important;border-radius:12px!important;overflow:hidden!important;background:#f2f3f7!important}
  .pmv-product-thumb img{width:52px!important;height:52px!important;object-fit:cover!important;border-radius:12px!important}
  .pmv-product-main{grid-area:main!important;min-width:0!important}
  .pmv-product-title strong{font-size:12px!important;line-height:1.45!important;display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;overflow:hidden!important}
  .pmv-product-title small{font-size:8.5px!important;color:var(--z-app-muted)!important}
  .pmv-product-tags{display:flex!important;flex-wrap:wrap!important;gap:4px!important;margin:5px 0 0!important}
  .pmv-product-tags span{padding:3px 6px!important;border-radius:999px!important;font-size:8px!important}
  .pmv-product-meta{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:4px 8px!important;margin-top:7px!important}
  .pmv-product-meta span{font-size:9px!important;line-height:1.4!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
  .pmv-product-actions{grid-area:actions!important;display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:5px!important;padding-top:8px!important;border-top:1px dashed #eceef4!important}
  .pmv-icon-action{width:32px!important;height:32px!important;min-width:32px!important;min-height:32px!important;padding:0!important;border-radius:10px!important;display:grid!important;place-items:center!important}
  .pmv-icon-action svg{width:15px!important;height:15px!important}

  /* Vendor orders: app cards with essential information only */
  .pmv-orders-table,.pmv-orders-table tbody{display:block!important;width:100%!important}
  .pmv-orders-table thead{display:none!important}
  .pmv-orders-table tr,.pmv-order-card{
    display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px 10px!important;
    width:100%!important;margin:0 0 9px!important;padding:12px!important;border:1px solid var(--z-app-line)!important;border-radius:17px!important;background:#fff!important;box-shadow:none!important;
  }
  .pmv-orders-table td{display:block!important;min-width:0!important;padding:0!important;border:0!important;font-size:10px!important;line-height:1.5!important;white-space:normal!important;overflow-wrap:anywhere!important}
  .pmv-orders-table td:before{display:block!important;margin-bottom:2px!important;color:#9297a6!important;font-size:8px!important;font-weight:800!important}
  .pmv-orders-table td:last-child{grid-column:1/-1!important;padding-top:7px!important;border-top:1px dashed #eceef4!important}
  .pmv-order-head{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:6px!important;align-items:center!important}
  .pmv-order-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px!important;margin:8px 0!important;padding:9px!important;border-radius:12px!important;background:#f8f9fc!important}
  .pmv-order-grid span{font-size:9px!important;min-width:0!important;overflow:hidden!important;text-overflow:ellipsis!important}
  .pmv-order-change{display:grid!important;grid-template-columns:1fr!important;gap:7px!important;margin-top:8px!important;padding-top:8px!important}
  .pmv-order-change select,.pmv-order-change input,.pmv-order-change textarea,.pmv-order-change button{width:100%!important;min-width:0!important;min-height:40px!important;border-radius:11px!important}

  /* Admin tables: coherent cards, not stretched pseudo tables */
  .zitu-table-wrap{width:100%!important;max-width:100%!important;overflow:visible!important}
  .zitu-table-wrap table,.zitu-table-wrap tbody{display:block!important;width:100%!important;min-width:0!important}
  .zitu-table-wrap thead{display:none!important}
  .zitu-table-wrap tbody tr{
    display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:0 12px!important;
    width:100%!important;margin:0 0 9px!important;padding:11px!important;border:1px solid var(--z-app-line)!important;border-radius:17px!important;background:#fff!important;overflow:hidden!important;
  }
  .zitu-table-wrap tbody td{
    display:grid!important;grid-template-columns:minmax(68px,42%) minmax(0,1fr)!important;align-items:center!important;gap:6px!important;
    min-width:0!important;min-height:31px!important;padding:5px 0!important;border:0!important;border-bottom:1px dashed #edf0f5!important;
    font-size:9.5px!important;line-height:1.45!important;text-align:right!important;white-space:normal!important;overflow-wrap:anywhere!important;
  }
  .zitu-table-wrap tbody td:before{content:attr(data-label)!important;color:#9499a8!important;font-size:8px!important;font-weight:800!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
  .zitu-table-wrap tbody td:last-child{grid-column:1/-1!important;display:flex!important;flex-wrap:wrap!important;align-items:center!important;justify-content:flex-start!important;gap:5px!important;min-height:38px!important;padding-top:8px!important;border-bottom:0!important}
  .zitu-table-wrap tbody td:last-child:before{display:none!important}
  .zitu-table-wrap tbody td img{width:42px!important;height:42px!important;border-radius:12px!important;object-fit:cover!important}
  .zitu-table-wrap tbody td button,.zitu-table-wrap tbody td .button,.zitu-inline-actions button{
    width:33px!important;height:33px!important;min-width:33px!important;max-width:33px!important;padding:0!important;margin:0!important;border-radius:10px!important;display:grid!important;place-items:center!important;font-size:0!important;
  }
  .zitu-table-wrap tbody td .dashicons,.zitu-inline-actions .dashicons{width:16px!important;height:16px!important;font-size:16px!important;line-height:16px!important}

  /* Vendor list page: separate identity and metrics */
  .zitu-table-wrap tbody tr[data-zitu-card="vendor"]{grid-template-columns:1fr!important;gap:0!important}
  .zitu-table-wrap tbody tr[data-zitu-card="vendor"] td{grid-template-columns:92px minmax(0,1fr)!important}
  .zitu-table-wrap tbody tr[data-zitu-card="vendor"] td:first-child{min-height:54px!important}
  .zitu-table-wrap tbody tr[data-zitu-card="vendor"] td:last-child{display:flex!important}

  /* Search/filter controls live in a sheet; triggers remain compact */
  .pmv-mobile-filter-trigger,.zitu-mobile-filter-trigger,.pmv-notice-tools>button,.pmv-sort-control.mobile-icon-only{
    width:34px!important;height:34px!important;min-width:34px!important;max-width:34px!important;padding:0!important;border-radius:10px!important;display:grid!important;place-items:center!important;font-size:0!important;
  }
  .pmv-mobile-filter-trigger span,.zitu-mobile-filter-trigger span{display:none!important}
  .pmv-mobile-filter-trigger svg,.zitu-mobile-filter-trigger svg{width:15px!important;height:15px!important}
  .pmv-mobile-filter-sheet,.zitu-mobile-filter-sheet{position:fixed!important;inset:0!important;z-index:10060!important;background:rgba(18,20,35,.48)!important;backdrop-filter:blur(4px)!important}
  .pmv-mobile-filter-sheet-inner,.zitu-mobile-filter-sheet-inner{
    position:absolute!important;right:7px!important;left:7px!important;bottom:max(7px,env(safe-area-inset-bottom))!important;width:auto!important;max-height:78dvh!important;padding:12px!important;border-radius:22px!important;background:#fff!important;overflow:auto!important;box-shadow:0 18px 55px rgba(17,18,33,.25)!important;
  }
  .pmv-mobile-filter-content,.pmv-mobile-filter-content form,.zitu-mobile-filter-content,.zitu-mobile-filter-content form{display:grid!important;grid-template-columns:1fr!important;gap:8px!important}
  .pmv-mobile-filter-content input,.pmv-mobile-filter-content select,.pmv-mobile-filter-content button,.zitu-mobile-filter-content input,.zitu-mobile-filter-content select,.zitu-mobile-filter-content button,.zitu-mobile-filter-content a{width:100%!important;min-height:42px!important;border-radius:11px!important;font-size:11px!important}

  /* Forms and actions */
  input,select,textarea{font-size:16px!important}
  .pmv-primary,.pmv-secondary,.pmv-danger-soft,.zitu-primary,.zitu-secondary{min-height:40px!important;padding:0 12px!important;border-radius:11px!important;font-size:10px!important;font-weight:800!important}
  .pmv-editor-actions,.zitu-inline-actions{display:flex!important;flex-wrap:wrap!important;gap:6px!important}
  .pmv-editor-actions .pmv-primary{flex:1 1 100%!important}
  .pmv-offer-grid,.pmv-variation-edit,.zitu-settings-grid,.zitu-create-vendor-grid{display:grid!important;grid-template-columns:1fr!important;gap:8px!important}

  /* Floating chat stays above bottom nav but does not cover content */
  .pmv-floating-chat,.pmv-chat-fab,.zitu-chat-fab{right:12px!important;bottom:80px!important;width:46px!important;height:46px!important;min-width:46px!important;border-radius:15px!important}

  /* Notification menus as mobile sheets */
  .pmv-notification-popover,.zitu-notification-menu,.zitu-notification-panel{
    position:fixed!important;top:auto!important;right:7px!important;left:7px!important;bottom:78px!important;z-index:10040!important;
    width:auto!important;max-width:none!important;max-height:62dvh!important;margin:0!important;padding:12px!important;border-radius:20px!important;background:#fff!important;overflow:auto!important;box-shadow:0 20px 60px rgba(18,20,35,.22)!important;
  }
  .zitu-notification-menu h3{font-size:13px!important;margin:0 0 8px!important}
  .zitu-notification-menu a,.zitu-admin-notice-item{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:8px!important;align-items:center!important;padding:9px!important;border-radius:12px!important;font-size:10px!important}
  .zitu-admin-notice-item small{display:block!important;max-width:100%!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
}

@media (max-width: 420px){
  .pmv-main,.zitu-main{padding-right:7px!important;padding-left:7px!important}
  .pmv-topbar,.zitu-main>header{padding-right:8px!important;padding-left:8px!important}
  .pmv-top-actions,.zitu-header-actions{gap:4px!important}
  .pmv-top-actions button,.pmv-top-actions a,.zitu-header-actions>a,.zitu-header-actions>button{width:32px!important;height:32px!important;min-width:32px!important;max-width:32px!important;border-radius:10px!important}
  .pmv-kpis,.zitu-kpis,.zitu-kpis-6,.zitu-stats{gap:6px!important}
  .pmv-kpis article,.zitu-kpis article{min-height:70px!important;padding:8px!important}
  .pmv-panel,.pmv-card,.zitu-card{padding:10px!important;border-radius:16px!important}
  .zitu-table-wrap tbody tr{grid-template-columns:1fr!important}
  .zitu-table-wrap tbody td{grid-template-columns:86px minmax(0,1fr)!important}
  .pmv-orders-table tr,.pmv-order-card{grid-template-columns:1fr 1fr!important;padding:10px!important}
}

@media (min-width: 783px) and (max-width: 1100px){
  .pmv-app,.zitu-admin-shell{min-width:0!important;max-width:100%!important}
  .pmv-main,.zitu-main{padding:16px!important;overflow-x:hidden!important}
  .pmv-kpis,.zitu-kpis,.zitu-kpis-6{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .pmv-dashboard-grid,.pmv-analytics-grid,.zitu-dashboard-grid{grid-template-columns:1fr!important}
  .zitu-table-wrap{overflow:visible!important}.zitu-table-wrap table{width:100%!important;min-width:0!important;table-layout:fixed!important}
  .zitu-table-wrap th,.zitu-table-wrap td{white-space:normal!important;overflow-wrap:anywhere!important}
}