/* 008C — Supplier Studio mobile clarity pass.
   Mobile presentation only. Canonical Supplier Studio auth, permissions,
   data and business workflows remain owned by the existing controller. */
@media(max-width:760px){
  /* Private workspace header: brand + exit only. */
  body.supplier-studio-page .studio-topbar{
    grid-template-columns:minmax(0,1fr) auto!important;
    min-height:62px;height:62px;padding:8px 12px!important;
  }
  body.supplier-studio-page .supplier-wordmark{
    text-align:left!important;font-size:11px!important;letter-spacing:.035em;
  }
  body.supplier-studio-page .supplier-wordmark span{font-size:7px!important;margin-top:3px}
  body.supplier-studio-page .studio-topbar #supplierSessionAction{
    min-height:42px!important;padding:0 12px!important;border-radius:11px!important;
  }

  /* The context switcher is the Overview identity. Remove duplicate exposition. */
  body.supplier-studio-page .studio-main{padding-top:9px!important}
  body.supplier-studio-page .studio-heading{display:none!important}
  .tp008a-workspace-context{top:70px!important;margin-bottom:12px!important}
  .tp008a-workspace-trigger{min-height:66px!important;padding:10px 12px!important;gap:9px!important}
  .tp008a-workspace-copy{gap:1px!important}
  .tp008a-workspace-copy strong{font-size:16px!important}
  .tp008a-workspace-copy em{font-size:10px!important}
  .tp008c-context-actions{display:flex;align-items:center;gap:7px;flex:0 0 auto}
  .tp008c-status-chip[hidden]{display:none!important}
  .tp008c-status-chip{display:inline-flex;align-items:center;justify-content:center;min-height:28px;padding:0 8px;border-radius:999px;background:#edf8f2;color:#117346;font-size:8px;font-weight:900;letter-spacing:.05em;white-space:nowrap}
  .tp008a-workspace-action{padding:8px 10px!important}

  /* Active suppliers do not need an architecture explanation on every visit. */
  body.supplier-studio-page.tp008c-active-supplier #approvalBanner{display:none!important}

  /* Operational snapshot: readable at a glance and visibly interactive. */
  body.supplier-studio-page .studio-metrics{margin:0!important;gap:8px!important}
  body.supplier-studio-page .studio-metrics article{
    min-height:88px!important;padding:12px 13px!important;display:flex!important;flex-direction:column!important;justify-content:center!important;
    box-shadow:0 2px 8px rgba(17,43,62,.025);transition:transform .12s ease,border-color .12s ease,box-shadow .12s ease;
  }
  body.supplier-studio-page .studio-metrics article.tp008c-metric-link{cursor:pointer}
  body.supplier-studio-page .studio-metrics article.tp008c-metric-link:active{transform:scale(.985);border-color:#b8cfc2;box-shadow:0 2px 5px rgba(17,43,62,.04)}
  body.supplier-studio-page .studio-metrics span{font-size:9px!important;color:#667984!important}
  body.supplier-studio-page .studio-metrics b{font-size:23px!important;line-height:1.05;margin:6px 0 0!important}
  body.supplier-studio-page .studio-metrics small{display:none!important}

  /* Product area: action first, no duplicated Marketplace education. */
  body.supplier-studio-page .marketplace-console{padding:14px!important;margin-top:10px!important}
  body.supplier-studio-page .console-head{margin:0 0 11px!important}
  body.supplier-studio-page .console-head>div>span{display:none!important}
  body.supplier-studio-page .console-head h2{font-size:18px!important;margin:0 0 7px!important}
  body.supplier-studio-page .console-head #listProduct{order:2;min-height:48px!important;border-radius:11px!important;font-size:14px!important}
  body.supplier-studio-page .overview-offer-list{padding-top:2px!important}
  body.supplier-studio-page .overview-offer-summary{padding:3px 0 11px!important;gap:10px!important}
  body.supplier-studio-page .overview-offer-summary strong{font-size:13px!important}
  body.supplier-studio-page .overview-offer-summary span{display:none!important}
  body.supplier-studio-page .overview-offer-summary button{min-height:38px!important;padding:7px 11px!important;font-size:10px!important}

  /* Repair the squeezed desktop offer row into a true phone card. */
  body.supplier-studio-page .overview-offer-card{
    display:grid!important;grid-template-columns:78px minmax(0,1fr)!important;grid-template-rows:auto auto auto!important;
    align-items:start!important;gap:5px 12px!important;padding:14px 0 4px!important;min-width:0!important;
  }
  body.supplier-studio-page .overview-offer-card .offer-thumb{
    grid-column:1!important;grid-row:1 / span 2!important;width:78px!important;height:78px!important;border-radius:11px!important;
  }
  body.supplier-studio-page .overview-offer-card .offer-main{
    grid-column:2!important;grid-row:1!important;min-width:0!important;display:grid!important;gap:3px!important;
  }
  body.supplier-studio-page .overview-offer-card .offer-main small{font-size:9px!important;line-height:1.2!important;color:#71808a!important}
  body.supplier-studio-page .overview-offer-card .offer-main b{font-size:15px!important;line-height:1.18!important;overflow-wrap:normal!important;word-break:normal!important;color:#142b3e!important}
  body.supplier-studio-page .overview-offer-card .offer-main span{font-size:10px!important;line-height:1.3!important;color:#65758b!important;overflow-wrap:normal!important;word-break:normal!important}
  body.supplier-studio-page .overview-offer-card .offer-main em{font-size:9px!important;line-height:1.3!important;margin-top:1px!important}
  body.supplier-studio-page .overview-offer-card .offer-status{
    grid-column:2!important;grid-row:2!important;justify-self:start!important;align-self:start!important;margin:2px 0 0!important;padding:5px 8px!important;font-size:9px!important;
  }
  body.supplier-studio-page .overview-offer-card>button{
    grid-column:1 / -1!important;grid-row:3!important;width:100%!important;min-height:42px!important;margin:8px 0 0!important;border-radius:10px!important;font-size:11px!important;
  }

  /* Sections already expose these tools; do not repeat an instructional grid on Overview. */
  body.supplier-studio-page .studio-foundation{display:none!important}

  /* Keep the global app rail clear of the final workspace content. */
  body.supplier-studio-page .studio-main{padding-bottom:92px!important}
}

@media(max-width:380px){
  .tp008c-context-actions{gap:4px}
  .tp008c-status-chip{padding:0 6px;font-size:7px}
  .tp008a-workspace-action{padding:8px!important}
}