/* 008E — Supplier Studio mobile section navigation clarity.
   Mobile presentation only; no Supplier data or business rules changed. */
@media(max-width:760px){
  /* Make category purpose obvious in the Sections sheet. */
  .tp008a-sheet-groups{padding:10px 0 4px!important;display:grid;gap:10px}
  .tp008e-sheet-group{padding:11px!important;border:1px solid #e1e9ed;border-radius:15px;background:#f9fbfc}
  .tp008e-group-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin:0 0 8px;padding:0 1px}
  .tp008e-group-head h3{margin:0!important;font-size:10px!important;line-height:1.2;letter-spacing:.08em!important;text-transform:uppercase;color:#28485a!important}
  .tp008e-group-head p{margin:3px 0 0;font-size:9px;line-height:1.3;color:#7a8a94}
  .tp008e-sheet-group>div{display:grid!important;grid-template-columns:1fr!important;gap:6px!important}
  .tp008e-sheet-group button{min-height:58px!important;padding:9px 11px!important;border-radius:11px!important;background:#fff!important}
  .tp008e-sheet-group button.active{background:#eef6f1!important}
  .tp008e-choice-copy{min-width:0;display:grid;gap:2px}
  .tp008e-choice-copy b{font-size:11px;line-height:1.2;color:inherit}
  .tp008e-choice-copy small{font-size:9px;line-height:1.28;font-weight:550;color:#74858f}
  .tp008e-sheet-group button.active .tp008e-choice-copy small{color:#4c765f}
  .tp008e-sheet-group button>i{font-size:12px!important;color:#80919a}

  /* A visible way home from any working section removes the trapped-page feeling. */
  .tp008e-module-trail[hidden]{display:none!important}
  .tp008e-module-trail{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:-3px 0 8px;padding:0 2px}
  .tp008e-module-trail button{appearance:none;border:0;background:transparent;padding:7px 5px;color:#0b6fd3;font:800 10px/1.2 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
  .tp008e-module-trail span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#7b8a94;font-size:9px;font-weight:750}

  /* Products working page: convert the desktop flex row into a real mobile card. */
  body.supplier-studio-page #moduleWorkspace{min-width:0;max-width:100%}
  body.supplier-studio-page #moduleWorkspace .module-panel{min-width:0;max-width:100%;overflow:hidden}
  body.supplier-studio-page #moduleWorkspace .offer-list{min-width:0;max-width:100%;gap:9px}
  body.supplier-studio-page #moduleWorkspace .offer-row{
    display:grid!important;
    grid-template-columns:88px minmax(0,1fr)!important;
    grid-template-rows:auto auto auto!important;
    align-items:start!important;
    gap:5px 12px!important;
    min-width:0!important;
    max-width:100%!important;
    padding:12px!important;
    border:1px solid #e0e8ed!important;
    border-radius:13px!important;
    background:#fff!important;
  }
  body.supplier-studio-page #moduleWorkspace .offer-row .offer-thumb{
    grid-column:1!important;grid-row:1 / span 2!important;
    width:88px!important;height:78px!important;border-radius:10px!important
  }
  body.supplier-studio-page #moduleWorkspace .offer-row .offer-main{
    grid-column:2!important;grid-row:1!important;min-width:0!important;display:grid!important;gap:3px!important
  }
  body.supplier-studio-page #moduleWorkspace .offer-row .offer-main small{font-size:9px!important;line-height:1.2!important;color:#768690!important}
  body.supplier-studio-page #moduleWorkspace .offer-row .offer-main b{font-size:15px!important;line-height:1.18!important;color:#142b3e!important;word-break:normal!important;overflow-wrap:normal!important}
  body.supplier-studio-page #moduleWorkspace .offer-row .offer-main span{font-size:10px!important;line-height:1.3!important;color:#65758b!important;word-break:normal!important;overflow-wrap:normal!important}
  body.supplier-studio-page #moduleWorkspace .offer-row .offer-status{
    grid-column:2!important;grid-row:2!important;justify-self:start!important;margin:2px 0 0!important;padding:5px 8px!important;font-size:9px!important
  }
  body.supplier-studio-page #moduleWorkspace .offer-row>button{
    grid-column:1 / -1!important;grid-row:3!important;width:100%!important;min-height:42px!important;margin:7px 0 0!important;border-radius:10px!important;font-size:11px!important
  }

  /* Keep module headers compact and readable during the review pass. */
  body.supplier-studio-page #moduleWorkspace .module-head.with-action{gap:9px!important}
  body.supplier-studio-page #moduleWorkspace .module-head.with-action>button{margin-top:1px!important}
}