/* ShopNegar test-report fixes v184 (2026-05-15) */

/* Restore readable dark sidebar (v183 light sidebar clashed with base styles) */
body:not(.miniapp-body) .sidebar{
  color:#fff !important;
  background:
    radial-gradient(circle at 20% 0%, rgba(23,214,190,.22), transparent 32%),
    linear-gradient(180deg, #06191d, #0b2c31) !important;
  border-left:0 !important;
}
body:not(.miniapp-body) .brand-subtitle,
body:not(.miniapp-body) .nav-section-title,
body:not(.miniapp-body) .user-pill small{
  color:#a7f3e7 !important;
}
body:not(.miniapp-body) .nav-item{
  color:#ddfcf6 !important;
  background:transparent !important;
  border-color:transparent !important;
  box-shadow:none !important;
  transform:none !important;
}
body:not(.miniapp-body) .nav-item b{
  color:inherit !important;
}
body:not(.miniapp-body) .nav-item:hover{
  background:rgba(255,255,255,.08) !important;
}
body:not(.miniapp-body) .nav-item.active{
  background:linear-gradient(135deg,#a7f3e7,#fff7d6) !important;
  color:#062024 !important;
}
body:not(.miniapp-body) .nav-item.active span,
body:not(.miniapp-body) .nav-item.active b{
  color:#062024 !important;
}
body:not(.miniapp-body) .brand-card{
  background:rgba(255,255,255,.07) !important;
  border-color:rgba(23,214,190,.22) !important;
}

body:not(.miniapp-body) button.active,
body:not(.miniapp-body) .btn.active,
body:not(.miniapp-body) .data-tab.active,
body:not(.miniapp-body) [aria-selected="true"]:not(.nav-item),
body:not(.miniapp-body) [data-state="active"]{
  background:linear-gradient(135deg,#0faaa3,#1976d2) !important;
  border-color:transparent !important;
  color:#fff !important;
}
body:not(.miniapp-body) button.active *,
body:not(.miniapp-body) .btn.active *,
body:not(.miniapp-body) .data-tab.active *,
body:not(.miniapp-body) [aria-selected="true"]:not(.nav-item) *,
body:not(.miniapp-body) [data-state="active"] *{
  color:inherit !important;
}
body:not(.miniapp-body) button:focus-visible,
body:not(.miniapp-body) .btn:focus-visible,
body:not(.miniapp-body) .nav-item:focus-visible,
body.miniapp-body button:focus-visible{
  outline:3px solid rgba(25,201,194,.35) !important;
  outline-offset:2px !important;
}

body.miniapp-body .chip.active,
body.miniapp-body [aria-selected="true"],
body.miniapp-body [data-state="active"]{
  background:#dffcf5 !important;
  border-color:rgba(15,170,163,.34) !important;
  color:#062024 !important;
}

.ng-help-link-v185{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:38px;
  padding:8px 12px;
  border-radius:14px;
  background:#f0fdfa;
  border:1px solid rgba(15,170,163,.18);
  color:#0f766e !important;
  font-weight:900;
}
.ng-help-link-hero-v187{
  display:grid !important;
  justify-items:start;
  gap:4px;
  width:100%;
  min-height:64px;
  margin:12px 0 8px;
  padding:14px 16px;
  border-radius:18px;
  background:linear-gradient(135deg,#0faaa3,#0b68c7) !important;
  border:0;
  color:#fff !important;
  box-shadow:0 16px 34px rgba(11,104,199,.18);
  text-decoration:none;
}
.ng-help-link-hero-v187 span,
.ng-help-link-hero-v187 small{
  color:#fff !important;
}
.ng-help-link-hero-v187 small{
  opacity:.9;
  font-size:12px;
  line-height:1.8;
}
.public-help-highlight-v187{
  background:#fff7d6 !important;
  color:#6b3f05 !important;
  border:1px solid rgba(217,119,6,.22) !important;
  box-shadow:0 8px 18px rgba(217,119,6,.10);
}
body:not(.miniapp-body) .help-nav-highlight-v187{
  background:rgba(255,247,214,.12) !important;
  border-color:rgba(255,247,214,.24) !important;
}
body:not(.miniapp-body) .help-nav-highlight-v187:not(.active) b,
body:not(.miniapp-body) .help-nav-highlight-v187:not(.active) span{
  color:#fff7d6 !important;
}
.sn185-help-page{
  width:min(1100px,100%);
  margin:0 auto;
  padding:18px;
}
.sn185-help-hero{
  padding:24px;
  border-radius:24px;
  background:linear-gradient(135deg,#fff,#effdfa);
  border:1px solid rgba(15,170,163,.14);
  box-shadow:0 18px 46px rgba(16,32,39,.08);
  margin-bottom:16px;
}
.sn185-help-hero-wide{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(220px,320px);
  gap:18px;
  align-items:start;
}
.sn187-guide-hero{
  background:
    linear-gradient(135deg,rgba(255,255,255,.96),rgba(240,253,250,.96)),
    radial-gradient(circle at 15% 0%, rgba(11,104,199,.12), transparent 35%);
  border-color:rgba(11,104,199,.12);
}
.sn187-guide-hero h1{
  font-size:clamp(25px,3vw,40px);
}
.sn187-guide-actions{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-top:14px;
}
.sn187-guide-actions a{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:42px;
  padding:8px 13px;
  border-radius:14px;
  background:#0faaa3;
  color:#fff !important;
  font-weight:950;
  text-decoration:none;
}
.sn187-guide-actions a:nth-child(2){
  background:#fff;
  color:#0f5f63 !important;
  border:1px solid rgba(15,170,163,.18);
}
.sn185-help-hero h1{
  margin:8px 0;
  color:#102027;
  line-height:1.55;
}
.sn185-help-hero p,
.sn185-help-grid p,
.sn185-help-grid li,
.sn185-help-admin p,
.sn185-help-admin li{
  line-height:1.95;
}
.sn185-help-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:14px;
}
.sn185-help-grid-3{
  grid-template-columns:repeat(3,minmax(0,1fr));
}
.sn185-help-grid article{
  padding:18px;
  border-radius:20px;
  background:#fff;
  border:1px solid rgba(15,23,42,.10);
  box-shadow:0 10px 26px rgba(16,32,39,.06);
}
.sn185-help-grid h2{
  margin:0 0 10px;
  color:#102027;
  font-size:19px;
}
.sn185-help-grid h3,
.sn185-help-admin h3{
  margin:0 0 8px;
  color:#102027;
  font-size:16px;
  line-height:1.7;
}
.sn185-help-grid code,
.sn185-help-admin code{
  display:inline-flex;
  max-width:100%;
  direction:ltr;
  padding:6px 9px;
  border-radius:10px;
  background:#f8fafc;
  border:1px solid rgba(15,23,42,.08);
  overflow-wrap:anywhere;
}
.sn185-help-toc{
  display:grid;
  gap:9px;
}
.sn185-help-toc a{
  display:flex;
  align-items:center;
  justify-content:space-between;
  min-height:42px;
  padding:9px 12px;
  border-radius:14px;
  background:rgba(255,255,255,.78);
  border:1px solid rgba(15,170,163,.14);
  color:#0f5f63 !important;
  font-weight:900;
  text-decoration:none;
}
.sn185-help-toc a:hover{
  background:#f0fdfa;
}
.sn185-help-alert,
.sn185-help-section{
  margin:14px 0;
  padding:18px;
  border-radius:20px;
  background:#fff;
  border:1px solid rgba(15,23,42,.10);
  box-shadow:0 10px 26px rgba(16,32,39,.05);
}
.sn185-help-alert{
  background:#fffbeb;
  border-color:rgba(217,119,6,.22);
  color:#6b3f05;
  line-height:1.95;
}
.sn185-help-section h2,
.sn185-admin-help-start h2{
  margin:0 0 12px;
  color:#102027;
  line-height:1.65;
}
.sn185-step-badge{
  display:inline-grid;
  place-items:center;
  width:34px;
  height:34px;
  margin-bottom:10px;
  border-radius:12px;
  background:#0faaa3;
  color:#fff;
  font-weight:950;
}
.sn185-example{
  direction:ltr;
  display:block;
  margin:10px 0;
  padding:10px 12px;
  border-radius:13px;
  background:#f8fafc;
  border:1px solid rgba(15,23,42,.08);
  color:#102027;
  font-weight:900;
  overflow-wrap:anywhere;
  text-align:left;
}
.sn185-help-table{
  display:grid;
  gap:8px;
}
.sn185-help-table [role="row"]{
  display:grid;
  grid-template-columns:minmax(150px,.75fr) minmax(0,1.25fr);
  gap:10px;
  align-items:start;
  padding:11px 12px;
  border-radius:14px;
  background:#f8fafc;
  border:1px solid rgba(15,23,42,.07);
  line-height:1.9;
}
.sn185-help-table [role="row"]:first-child{
  background:#e8fbf7;
  color:#083f43;
  font-weight:950;
}
.sn185-help-table.compact [role="row"]{
  grid-template-columns:minmax(130px,.7fr) minmax(0,1.3fr);
}
.sn185-checklist,
.sn185-numbered-list{
  display:grid;
  gap:9px;
  margin:0;
  padding-inline-start:22px;
  line-height:1.95;
}
.sn185-checklist li::marker{
  color:#0faaa3;
}
.sn185-shot{
  margin-top:12px;
  min-height:88px;
  display:grid;
  place-items:center;
  text-align:center;
  border:1px dashed rgba(15,170,163,.28);
  border-radius:16px;
  background:linear-gradient(135deg,#f8ffff,#f8fafc);
  color:#64748b;
  font-weight:900;
}
.sn185-admin-help-start{
  margin-bottom:16px;
}
.sn187-step-list,
.sn187-admin-guide{
  display:grid;
  gap:16px;
}
.sn187-step-card{
  display:grid;
  grid-template-columns:44px minmax(0,1fr);
  gap:12px;
  padding:16px;
  border-radius:20px;
  background:#fff;
  border:1px solid rgba(15,23,42,.10);
  box-shadow:0 10px 26px rgba(16,32,39,.05);
}
.sn187-step-card h3{
  margin:0 0 8px;
  color:#102027;
  line-height:1.7;
}
.sn187-shot{
  margin:14px 0 0;
  border-radius:18px;
  overflow:hidden;
  border:1px solid rgba(15,23,42,.10);
  background:#f8fafc;
  box-shadow:0 12px 28px rgba(15,23,42,.07);
}
.sn187-shot img{
  display:block;
  width:100%;
  height:auto;
  max-height:640px;
  object-fit:contain;
  object-position:top center;
  background:#fff;
}
.sn187-shot.small img{
  max-height:430px;
}
.sn187-shot.phone{
  width:min(100%,420px);
  margin-inline:auto;
}
.sn187-shot.phone img{
  max-height:720px;
}
.sn187-shot figcaption{
  padding:10px 12px;
  color:#475569;
  font-size:12px;
  font-weight:900;
  line-height:1.8;
  background:#fff;
  border-top:1px solid rgba(15,23,42,.08);
}
.sn187-admin-guide{
  grid-template-columns:1fr;
}
.sn187-admin-guide .sn-card{
  overflow:hidden;
}
.sn187-admin-guide-hero,
.sn187-admin-help-start{
  border:1px solid rgba(15,170,163,.14) !important;
  background:linear-gradient(135deg,#fff,#f0fdfa) !important;
}
.sn188-editable-help{
  direction:rtl;
  text-align:right;
}
.sn188-editable-help div{
  white-space:pre-line;
  line-height:2.15;
  color:#243447;
  font-size:14.5px;
}
.sn188-editable-help h2{
  color:#062024;
}
.sn188-help-editor textarea{
  width:100%;
  direction:rtl;
  text-align:right;
  line-height:2;
  border-radius:18px;
  border:1px solid rgba(15,170,163,.18);
  background:#fbfffe;
  padding:14px;
  resize:vertical;
}
.sn188-help-editor textarea:focus{
  outline:3px solid rgba(25,201,194,.22);
  border-color:#0faaa3;
}
@media(max-width:760px){
  .sn185-help-page{
    padding:10px;
  }
  .sn185-help-hero,
  .sn185-help-grid article{
    padding:15px;
    border-radius:18px;
  }
  .sn185-help-grid{
    grid-template-columns:1fr;
  }
  .sn185-help-hero-wide{
    grid-template-columns:1fr;
  }
  .sn185-help-table [role="row"],
  .sn185-help-table.compact [role="row"]{
    grid-template-columns:1fr;
  }
  .sn185-help-toc{
    grid-template-columns:1fr;
  }
  .sn187-step-card{
    grid-template-columns:1fr;
    padding:14px;
  }
  .sn187-shot img,
  .sn187-shot.small img{
    max-height:none;
  }
  .sn187-guide-actions{
    display:grid;
  }
  .ng-help-link-hero-v187{
    justify-items:stretch;
    text-align:right;
  }
}

body:not(.miniapp-body) .sidebar-collapse{
  margin-inline-start:auto !important;
  width:38px !important;
  min-width:38px !important;
  height:38px !important;
  min-height:38px !important;
  padding:0 !important;
  border-radius:14px !important;
  background:rgba(255,255,255,.10) !important;
  color:#eafffb !important;
  border:1px solid rgba(255,255,255,.18) !important;
  box-shadow:none !important;
  font-size:24px !important;
  line-height:1 !important;
}

@media(min-width:861px){
  body.sidebar-collapsed:not(.miniapp-body) .app-shell{
    grid-template-columns:88px minmax(0,1fr) !important;
  }
  body.sidebar-collapsed:not(.miniapp-body) .sidebar{
    width:88px !important;
    padding:16px 10px !important;
    overflow-x:hidden !important;
  }
  body.sidebar-collapsed:not(.miniapp-body) .brand-card{
    justify-content:center !important;
    padding:10px !important;
    gap:0 !important;
  }
  body.sidebar-collapsed:not(.miniapp-body) .brand-card > div:not(.brand-logo-wrap),
  body.sidebar-collapsed:not(.miniapp-body) .nav-section-title,
  body.sidebar-collapsed:not(.miniapp-body) .nav-item b,
  body.sidebar-collapsed:not(.miniapp-body) .sidebar-footer{
    display:none !important;
  }
  body.sidebar-collapsed:not(.miniapp-body) .brand-logo-wrap{
    width:48px !important;
    height:48px !important;
    min-width:48px !important;
  }
  body.sidebar-collapsed:not(.miniapp-body) .nav-item{
    justify-content:center !important;
    padding:10px !important;
    min-height:48px !important;
  }
  body.sidebar-collapsed:not(.miniapp-body) .nav-item span{
    margin:0 !important;
  }
  body.sidebar-collapsed:not(.miniapp-body) .sidebar-collapse{
    position:fixed !important;
    top:14px !important;
    right:70px !important;
    transform:rotate(180deg) !important;
    background:#0faaa3 !important;
    z-index:60 !important;
  }
}

@media(max-width:860px){
  body:not(.miniapp-body) .sidebar-collapse{
    display:none !important;
  }
}

/* Persian digits in admin UI (Peyda does not swap numerals automatically) */
body:not(.miniapp-body) .num,
body:not(.miniapp-body) .metric,
body:not(.miniapp-body) td,
body:not(.miniapp-body) .card-subtitle,
body:not(.miniapp-body) .page-hero,
body:not(.miniapp-body) .data-entry-form{
  font-feature-settings:"ss02" !important;
}

/* Data grid modal layout */
body:not(.miniapp-body) .data-modal-card{
  width:min(1120px,96vw) !important;
}
body:not(.miniapp-body) .data-entry-form.form-grid{
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  gap:12px !important;
}
@media (max-width:860px){
  body:not(.miniapp-body) .data-entry-form.form-grid{
    grid-template-columns:1fr !important;
  }
}
body:not(.miniapp-body) tr.data-grid-row:hover td{
  background:#f0fffc !important;
}
body:not(.miniapp-body) .pro-grid-table th{
  white-space:nowrap;
  font-size:12px;
}

/* Keep dense docs/catalog content inside the admin viewport. */
body:not(.miniapp-body) .doc-layout-v112,
body:not(.miniapp-body) .doc-content-v112,
body:not(.miniapp-body) .doc-section-v112,
body:not(.miniapp-body) .doc-hero-v112{
  min-width:0 !important;
  max-width:100% !important;
}
body:not(.miniapp-body) .doc-code-v112,
body:not(.miniapp-body) .doc-table-v112,
body:not(.miniapp-body) .plans-matrix-wrap-v104{
  max-width:100% !important;
  overflow-x:auto !important;
}
@media(max-width:1500px){
  body:not(.miniapp-body) .doc-layout-v112{
    grid-template-columns:220px minmax(0,1fr) !important;
    gap:14px !important;
  }
  body:not(.miniapp-body) .doc-hero-v112{
    padding:22px !important;
  }
  body:not(.miniapp-body) .doc-section-v112{
    padding:20px !important;
  }
}
body:not(.miniapp-body) .doc-section-v112 p,
body:not(.miniapp-body) .doc-section-v112 li,
body:not(.miniapp-body) .doc-section-v112 td{
  overflow-wrap:anywhere;
}

/* Larger tap targets for repeated row actions in operational tables. */
body:not(.miniapp-body) .sn-orders-v172 .row-actions button,
body:not(.miniapp-body) .sn-orders-v172 .quick-status button,
body:not(.miniapp-body) .sn-cat-v171 .cat-actions button,
body:not(.miniapp-body) .sn-cat-v171 .cat-form button{
  min-height:44px !important;
  padding:9px 13px !important;
}
body:not(.miniapp-body) .sn-orders-v172 .sort-btn,
body:not(.miniapp-body) .sn-orders-v172 th button.sort-btn,
body:not(.miniapp-body) .sn-cat-v171 .sort-btn,
body:not(.miniapp-body) .sn-cat-v171 th button.sort-btn,
body:not(.miniapp-body) .sn-reports-v173 .sort-btn,
body:not(.miniapp-body) .sn-reports-v173 th button.sort-btn{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  min-width:44px !important;
  min-height:40px !important;
  padding:0 8px !important;
}

@media(max-width:720px){
  body:not(.miniapp-body) .doc-hero-v112,
  body:not(.miniapp-body) .doc-section-v112{
    border-radius:18px !important;
  }
  body:not(.miniapp-body) .sn-orders-v172 .row-actions,
  body:not(.miniapp-body) .sn-cat-v171 .cat-actions{
    display:grid !important;
    grid-template-columns:1fr !important;
  }
  body:not(.miniapp-body) .sn-orders-v172 .row-actions form,
  body:not(.miniapp-body) .sn-orders-v172 .row-actions button,
  body:not(.miniapp-body) .sn-cat-v171 .cat-actions form,
  body:not(.miniapp-body) .sn-cat-v171 .cat-actions button{
    width:100% !important;
  }
}

/* Mobile seller panel: keep the workflow compact instead of turning every block into tall cards. */
@media(max-width:760px){
  body:not(.miniapp-body) .content-wrap{
    padding:12px 10px 78px !important;
  }
  body:not(.miniapp-body) .page-hero,
  body:not(.miniapp-body) .page-head,
  body:not(.miniapp-body) .sn-hero,
  body:not(.miniapp-body) .workdesk-hero-v016{
    padding:14px !important;
    border-radius:16px !important;
    margin-bottom:12px !important;
    gap:10px !important;
  }
  body:not(.miniapp-body) .workdesk-hero-v016{
    display:grid !important;
  }
  body:not(.miniapp-body) .page-title,
  body:not(.miniapp-body) .page-head h1,
  body:not(.miniapp-body) .sn-hero h1,
  body:not(.miniapp-body) .workdesk-hero-v016 h1{
    font-size:21px !important;
    line-height:1.55 !important;
    margin:4px 0 !important;
  }
  body:not(.miniapp-body) .muted,
  body:not(.miniapp-body) .card-subtitle{
    line-height:1.75 !important;
  }
  body:not(.miniapp-body) .card,
  body:not(.miniapp-body) .sn-card,
  body:not(.miniapp-body) .workdesk-card-v016{
    padding:13px !important;
    border-radius:16px !important;
    margin-bottom:12px !important;
  }
  body:not(.miniapp-body) .sn-metrics{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:9px !important;
  }
  body:not(.miniapp-body) .sn-metrics .sn-card{
    min-height:72px !important;
    padding:12px !important;
  }
  body:not(.miniapp-body) .sn-sub{
    font-size:11px !important;
  }
  body:not(.miniapp-body) .sn-num,
  body:not(.miniapp-body) .num{
    font-size:20px !important;
    line-height:1.35 !important;
    overflow-wrap:anywhere !important;
  }
  body:not(.miniapp-body) .sn-actions,
  body:not(.miniapp-body) .workdesk-actions-v016{
    display:grid !important;
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:8px !important;
    width:100% !important;
  }
  body:not(.miniapp-body) .sn-actions .btn,
  body:not(.miniapp-body) .sn-actions button,
  body:not(.miniapp-body) .workdesk-actions-v016 .btn{
    width:100% !important;
    min-height:38px !important;
    padding:8px 10px !important;
    font-size:12px !important;
    line-height:1.45 !important;
    white-space:normal !important;
  }
  body:not(.miniapp-body) .workdesk-alert-v016{
    display:grid !important;
    gap:10px !important;
    padding:12px !important;
  }
  body:not(.miniapp-body) .workdesk-grid-v016{
    gap:10px !important;
    margin-bottom:10px !important;
  }
  body:not(.miniapp-body) .pro-task-list-v016 .task-row,
  body:not(.miniapp-body) .setup-progress-v016 .check-row{
    padding:9px 10px !important;
    border-radius:13px !important;
  }
  body:not(.miniapp-body) .workdesk-orders-v016{
    grid-template-columns:1fr !important;
    gap:8px !important;
  }
  body:not(.miniapp-body) .workdesk-orders-v016 .order-card{
    min-height:0 !important;
    padding:10px !important;
    border-radius:14px !important;
  }
  body:not(.miniapp-body) .toolbar{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:8px !important;
    padding:8px !important;
  }
  body:not(.miniapp-body) .toolbar input,
  body:not(.miniapp-body) .toolbar select,
  body:not(.miniapp-body) .toolbar button{
    min-width:0 !important;
    width:100% !important;
  }
  body:not(.miniapp-body) #sn84-plan-button{
    display:none !important;
  }
  body:not(.miniapp-body) .sn-toast-container{
    position:static !important;
    left:auto !important;
    right:auto !important;
    bottom:auto !important;
    max-width:none !important;
    margin:0 10px 12px !important;
  }
  body:not(.miniapp-body) .sn-toast{
    border-radius:14px !important;
    padding:10px 12px !important;
    line-height:1.65 !important;
  }
}

@media(max-width:420px){
  body:not(.miniapp-body) .sn-actions,
  body:not(.miniapp-body) .workdesk-actions-v016{
    grid-template-columns:1fr !important;
  }
}

/* Operational tables stay as compact horizontal tables on mobile, not oversized card stacks. */
@media(max-width:680px){
  body:not(.miniapp-body) .table-wrap.sn-mobile-collapse{
    overflow-x:auto !important;
    overflow-y:hidden !important;
    -webkit-overflow-scrolling:touch !important;
    background:#fff !important;
    border-radius:14px !important;
  }
  body:not(.miniapp-body) .table-wrap.sn-mobile-collapse table{
    display:table !important;
    width:100% !important;
    min-width:620px !important;
    max-width:none !important;
    border-collapse:separate !important;
  }
  body:not(.miniapp-body) .table-wrap.sn-mobile-collapse thead{
    display:table-header-group !important;
  }
  body:not(.miniapp-body) .table-wrap.sn-mobile-collapse tbody{
    display:table-row-group !important;
  }
  body:not(.miniapp-body) .table-wrap.sn-mobile-collapse tr{
    display:table-row !important;
    margin:0 !important;
    padding:0 !important;
    border:0 !important;
    box-shadow:none !important;
    background:transparent !important;
  }
  body:not(.miniapp-body) .table-wrap.sn-mobile-collapse th,
  body:not(.miniapp-body) .table-wrap.sn-mobile-collapse td{
    display:table-cell !important;
    width:auto !important;
    min-width:0 !important;
    border-bottom:1px solid #e8f1f3 !important;
    padding:10px 11px !important;
    text-align:right !important;
    vertical-align:middle !important;
    white-space:normal !important;
  }
  body:not(.miniapp-body) .table-wrap.sn-mobile-collapse td::before{
    content:none !important;
  }
  body:not(.miniapp-body) .sn-orders-v172 .orders-table-wrap{
    overflow-x:auto !important;
    overflow-y:hidden !important;
    -webkit-overflow-scrolling:touch !important;
    padding:0 !important;
  }
  body:not(.miniapp-body) .sn-orders-v172 table{
    display:table !important;
    min-width:980px !important;
    width:100% !important;
    max-width:none !important;
  }
  body:not(.miniapp-body) .sn-orders-v172 thead{
    display:table-header-group !important;
  }
  body:not(.miniapp-body) .sn-orders-v172 tbody{
    display:table-row-group !important;
  }
  body:not(.miniapp-body) .sn-orders-v172 tbody tr{
    display:table-row !important;
    margin:0 !important;
    padding:0 !important;
    border:0 !important;
    border-radius:0 !important;
    box-shadow:none !important;
    background:transparent !important;
  }
  body:not(.miniapp-body) .sn-orders-v172 tbody td{
    display:table-cell !important;
    width:auto !important;
    min-width:0 !important;
    border-bottom:1px solid #e8f1f3 !important;
    padding:10px 11px !important;
    text-align:right !important;
    vertical-align:middle !important;
    white-space:normal !important;
  }
  body:not(.miniapp-body) .sn-orders-v172 tbody td::before{
    content:none !important;
  }
  body:not(.miniapp-body) .sn-orders-v172 .row-actions{
    display:flex !important;
    flex-wrap:nowrap !important;
    gap:6px !important;
  }
  body:not(.miniapp-body) .sn-orders-v172 .row-actions button{
    min-height:34px !important;
    padding:6px 9px !important;
    font-size:11.5px !important;
  }
}

/* Seller order workdesk cards: denser cards and action rows on phones. */
@media(max-width:760px){
  body:not(.miniapp-body) .order-board{
    display:grid !important;
    gap:10px !important;
  }
  body:not(.miniapp-body) .order-card,
  body:not(.miniapp-body) .order-card.pro{
    padding:12px !important;
    border-radius:16px !important;
    min-height:0 !important;
  }
  body:not(.miniapp-body) .order-top{
    display:flex !important;
    justify-content:space-between !important;
    align-items:center !important;
    gap:10px !important;
  }
  body:not(.miniapp-body) .badges{
    display:flex !important;
    flex-wrap:wrap !important;
    gap:6px !important;
  }
  body:not(.miniapp-body) .badges span{
    font-size:11px !important;
    line-height:1.5 !important;
    padding:5px 8px !important;
  }
  body:not(.miniapp-body) .order-actions{
    display:grid !important;
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
    gap:6px !important;
  }
  body:not(.miniapp-body) .order-actions form,
  body:not(.miniapp-body) .order-actions button{
    width:100% !important;
    min-width:0 !important;
  }
  body:not(.miniapp-body) .order-actions .mini,
  body:not(.miniapp-body) .order-actions button{
    min-height:36px !important;
    padding:6px 7px !important;
    border-radius:11px !important;
    font-size:11.5px !important;
    line-height:1.45 !important;
    white-space:normal !important;
  }
}

@media(max-width:420px){
  body:not(.miniapp-body) .order-actions{
    grid-template-columns:1fr 1fr !important;
  }
}

/* Miniapp: restore native compact rhythm while keeping product actions stable. */
body.miniapp-body .quick-actions-mini button{
  min-height:40px !important;
  padding:8px 10px !important;
}
body.miniapp-body .section-head button,
body.miniapp-body .sn145-search-clear{
  min-width:36px !important;
  min-height:36px !important;
}
body.miniapp-body .chip{
  min-height:36px !important;
  padding:7px 12px !important;
}
body.miniapp-body .attr-more{
  min-height:36px !important;
}
body.miniapp-body .product-actions{
  grid-template-columns:1fr 38px !important;
  gap:6px !important;
}
body.miniapp-body .product-actions .detail-btn{
  width:38px !important;
  min-width:38px !important;
  min-height:38px !important;
  padding:0 !important;
}

@media (max-width:520px){
  body.miniapp-body .hero{
    display:grid !important;
    grid-template-columns:1fr !important;
    min-height:0 !important;
    padding:13px !important;
    gap:10px !important;
  }
  body.miniapp-body .brand-area{
    display:grid !important;
    grid-template-columns:50px minmax(0,1fr) !important;
    width:100% !important;
    min-width:0 !important;
    gap:10px !important;
    align-items:center !important;
  }
  body.miniapp-body .brand-copy{
    min-width:0 !important;
  }
  body.miniapp-body .brand-copy h1,
  body.miniapp-body .hero h1{
    display:block !important;
    overflow:visible !important;
    -webkit-line-clamp:unset !important;
    white-space:normal !important;
    overflow-wrap:anywhere !important;
    font-size:18px !important;
    line-height:1.5 !important;
  }
  body.miniapp-body .brand-copy p,
  body.miniapp-body .hero p{
    display:block !important;
    overflow:visible !important;
    -webkit-line-clamp:unset !important;
    white-space:normal !important;
  }
  body.miniapp-body .brand-mark{
    width:50px !important;
    height:50px !important;
    min-width:50px !important;
  }
  body.miniapp-body .cart-pill{
    width:100% !important;
    height:42px !important;
    min-width:0 !important;
    min-height:42px !important;
    border-radius:16px !important;
    display:flex !important;
    flex-direction:row !important;
    justify-content:center !important;
    gap:8px !important;
  }
  body.miniapp-body .product-actions{
    display:grid !important;
    grid-template-columns:minmax(0,1fr) 38px !important;
    align-items:stretch !important;
  }
  body.miniapp-body .product-actions .add{
    min-width:0 !important;
  }
  body.miniapp-body .product-actions .detail-btn{
    width:38px !important;
    min-width:38px !important;
    min-height:38px !important;
  }
}