/* 008F — Supplier Studio mobile workspace organization pass.
   Mobile presentation only; canonical Supplier Studio behavior is unchanged. */
@media(max-width:760px){
  .sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}

  /* Menu vocabulary and direct section-to-section navigation. */
  .tp008a-workspace-action{font-size:8.5px!important;padding:6px 8px!important}
  .tp008f-module-nav[hidden]{display:none!important}
  .tp008f-module-nav{display:flex;align-items:center;margin:-2px 0 8px;padding:0 3px}
  .tp008f-module-nav button{appearance:none;border:0;background:transparent;color:#0b6fd3;padding:7px 3px;font:850 10px/1.2 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
  .tp008e-module-trail{display:none!important}
  .tp008f-sheet-group{background:#fff!important;border:0!important;border-radius:0!important;padding:9px 0!important}
  .tp008f-sheet-group+.tp008f-sheet-group{border-top:1px solid #e8eef1!important}
  .tp008f-sheet-group .tp008e-group-head{margin-bottom:7px!important}
  .tp008f-sheet-group .tp008e-group-head h3{font-size:10px!important;color:#17364a!important}
  .tp008f-sheet-group .tp008e-group-head p{font-size:9px!important;color:#829099!important}
  .tp008f-sheet-group button{min-height:55px!important}

  /* Long pages keep navigation available without letting the identity card dominate the viewport. */
  body.tp008f-context-compact .tp008a-workspace-trigger{min-height:45px!important;padding:6px 10px!important;border-radius:11px!important}
  body.tp008f-context-compact .tp008a-workspace-copy{gap:0!important}
  body.tp008f-context-compact .tp008a-workspace-copy small{display:none!important}
  body.tp008f-context-compact .tp008a-workspace-copy strong{font-size:12px!important}
  body.tp008f-context-compact .tp008a-workspace-copy em{font-size:8px!important}
  body.tp008f-context-compact .tp008c-status-chip{display:none!important}
  body.tp008f-context-compact .tp008a-workspace-action{padding:5px 7px!important;font-size:8px!important}
  body.tp008f-context-compact .tp008a-workspace-context{margin-bottom:6px!important}

  /* Shared working-page hierarchy. */
  body.supplier-studio-page #moduleWorkspace .module-panel{margin-top:0!important;border-radius:15px!important;padding:14px!important;overflow:visible!important}
  body.supplier-studio-page #moduleWorkspace .module-head{margin:0 0 12px!important;padding:0!important}
  body.supplier-studio-page #moduleWorkspace .module-head>span,
  body.supplier-studio-page #moduleWorkspace .module-head>div>span{font-size:9px!important;letter-spacing:.09em!important;color:#6f7e91!important}
  body.supplier-studio-page #moduleWorkspace .module-head h2{font-size:22px!important;line-height:1.08!important;margin:4px 0 5px!important}
  body.supplier-studio-page #moduleWorkspace .module-head p{max-width:34rem;margin:0!important;font-size:10.5px!important;line-height:1.4!important;color:#6c7a8b!important}
  body.supplier-studio-page #moduleWorkspace .module-head.with-action{display:grid!important;grid-template-columns:1fr!important;gap:10px!important}
  body.supplier-studio-page #moduleWorkspace .module-head.with-action>button{width:100%!important;margin:0!important}

  /* Products: strong marketplace hierarchy + scalable find/filter rail. */
  .tp008f-products-panel .module-head>div{display:grid;gap:0}
  .tp008f-product-filter{display:grid;grid-template-columns:minmax(0,1fr) 116px;gap:7px;align-items:center;margin:2px 0 10px;padding:8px;border:1px solid #e0e8ed;border-radius:11px;background:#f8fafb}
  .tp008f-product-filter input,.tp008f-product-filter select{width:100%;height:36px;box-sizing:border-box;border:1px solid #d4dee5;border-radius:9px;background:#fff;color:#20384b;padding:0 9px;font:700 10px/1 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
  .tp008f-product-filter input{font-weight:600}
  .tp008f-product-filter small{grid-column:1/-1;color:#7b8a94;font-size:8.5px;font-weight:750;padding-left:2px}
  .tp008f-products-panel .offer-list{gap:8px!important}
  .tp008f-products-panel .offer-row{padding:11px!important;grid-template-columns:92px minmax(0,1fr)!important;gap:5px 10px!important}
  .tp008f-products-panel .offer-row .offer-thumb{width:92px!important;height:74px!important}
  .tp008f-products-panel .offer-row .offer-main b{font-size:14px!important;line-height:1.2!important}
  .tp008f-products-panel .offer-row .offer-status{font-size:8.5px!important;padding:4px 7px!important}

  /* Orders: keep the useful summary, but stop date/payment metadata from colliding. */
  .tp008f-orders-panel .ops-summary{margin-top:5px!important}
  .tp008f-orders-panel .ops-summary-card,.tp008f-orders-panel .ops-summary-metric{min-height:82px!important;padding:10px!important}
  .tp008f-orders-panel .ops-summary-card em{display:none!important}
  .tp008f-orders-panel .ops-summary-card small,.tp008f-orders-panel .ops-summary-metric small{font-size:9px!important;line-height:1.25!important}
  .tp008f-orders-panel .ops-secondary-views{display:flex!important;align-items:center!important;gap:5px!important;margin:8px 0 10px!important}
  .tp008f-orders-panel .ops-secondary-views>span{margin-right:2px;font-size:9px!important}
  .tp008f-orders-panel .booking-list{display:grid;gap:8px}
  .tp008f-orders-panel .booking-row{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:8px 10px!important;padding:12px!important}
  .tp008f-orders-panel .booking-row>div:first-child{grid-column:1;grid-row:1;min-width:0}
  .tp008f-orders-panel .booking-row>button{grid-column:2!important;grid-row:1!important;align-self:center!important;min-width:70px!important;width:auto!important;margin:0!important}
  .tp008f-orders-panel .booking-date,.tp008f-orders-panel .booking-money{grid-column:1/-1!important;display:flex!important;align-items:baseline!important;gap:5px!important;flex-wrap:wrap!important;padding-top:7px!important;border-top:1px solid #edf1f4!important}
  .tp008f-orders-panel .booking-date{grid-row:2!important}
  .tp008f-orders-panel .booking-money{grid-row:3!important}
  .tp008f-orders-panel .booking-date small:first-child,.tp008f-orders-panel .booking-money small:first-child{min-width:58px!important;color:#7a8792!important}
  .tp008f-orders-panel .booking-date b,.tp008f-orders-panel .booking-money b{font-size:12px!important;line-height:1.25!important}
  .tp008f-orders-panel .booking-status{display:inline-flex;max-width:100%;white-space:normal!important;line-height:1.25!important}

  /* Calendar: split one giant page into two purposeful views. */
  .tp008f-calendar-tabs{display:grid;grid-template-columns:1fr 1fr;gap:5px;margin:2px 0 10px;padding:4px;border-radius:11px;background:#edf2f5}
  .tp008f-calendar-tabs button{appearance:none;min-height:38px;border:0;border-radius:8px;background:transparent;color:#60717d;font-size:10px;font-weight:850}
  .tp008f-calendar-tabs button.active{background:#fff;color:#123a59;box-shadow:0 1px 5px rgba(15,45,65,.10)}
  .tp008f-calendar-panel .calendar-layout{display:block!important}
  .tp008f-pane-hidden{display:none!important}
  .tp008f-calendar-panel .calendar-panel,.tp008f-calendar-panel .connections-panel{padding:11px!important}
  .tp008f-calendar-panel .calendar-note-007a{margin:9px 0 0!important;font-size:9.5px!important;line-height:1.35!important;color:#6f7e8a!important}
  .tp008f-calendar-prompt{display:grid;gap:3px;margin:10px 0 2px;padding:11px 12px;border:1px solid #dfe7ec;border-radius:11px;background:#f8fafb}
  .tp008f-calendar-prompt b{font-size:11px;color:#18364a}.tp008f-calendar-prompt span{font-size:9.5px;line-height:1.35;color:#73818d}
  .tp008f-calendar-panel .calendar-date-manager.tp008f-no-date{display:none!important}
  .tp008f-calendar-panel .connection-cards{gap:8px!important}
  .tp008f-calendar-panel .connection-card{padding:12px!important;border-radius:12px!important}
  .tp008f-calendar-panel .connection-card h4{font-size:15px!important;margin-bottom:4px!important}
  .tp008f-calendar-panel .connection-card p{font-size:10px!important;line-height:1.4!important;margin-bottom:8px!important}
  .tp008f-hide-active-button{display:none!important}
  .tp008f-connect-details{margin-top:8px;border-top:1px solid #e2e8ec;padding-top:8px}
  .tp008f-connect-details summary{cursor:pointer;color:#0b6fd3;font-size:10px;font-weight:850;list-style:none}
  .tp008f-connect-details summary::-webkit-details-marker{display:none}
  .tp008f-connect-details summary::after{content:' +';font-weight:900}.tp008f-connect-details[open] summary::after{content:' −'}
  .tp008f-connect-body{padding-top:10px}
  .tp008f-active-connections{margin-top:10px!important;padding-top:10px!important}
  .tp008f-active-connections h4{font-size:14px!important}
  .tp008f-calendar-panel .connection-row{padding:9px 10px!important}

  /* Shared cleanup for the remaining sections while preserving every action. */
  body[data-tp008f-module="settlements"] #moduleWorkspace .settlement-current{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px!important}
  body[data-tp008f-module="settlements"] #moduleWorkspace .settlement-choice-grid{grid-template-columns:1fr!important;gap:9px!important}
  body[data-tp008f-module="settlements"] #moduleWorkspace .settlement-method-card{padding:12px!important;border-radius:12px!important}
  body[data-tp008f-module="settlements"] #moduleWorkspace .settlement-rule{padding:11px!important;gap:9px!important}
  body[data-tp008f-module="settlements"] #moduleWorkspace .settlement-rule p{font-size:10px!important;line-height:1.4!important}
  body[data-tp008f-module="rewards"] #moduleWorkspace .rewards-ops-head{align-items:flex-start!important;flex-direction:column!important;gap:6px!important}
  body[data-tp008f-module="rewards"] #moduleWorkspace .reward-row{padding:11px!important;border:1px solid #e4e8ee!important;border-radius:11px!important;margin-top:7px!important}
  body[data-tp008f-module="performance"] #moduleWorkspace .performance-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px!important}
  body[data-tp008f-module="performance"] #moduleWorkspace .performance-grid article{padding:11px!important}
  body[data-tp008f-module="profile"] #moduleWorkspace .profile-grid{grid-template-columns:1fr!important;gap:9px!important}
  body[data-tp008f-module="profile"] #moduleWorkspace .profile-grid label{font-size:10px!important}
  body[data-tp008f-module="profile"] #moduleWorkspace .module-note{padding:11px!important}
  body[data-tp008f-module="terms"] #moduleWorkspace details{border-radius:11px!important}

  /* Forms and long cards should always respect phone width. */
  body.supplier-studio-page #moduleWorkspace input,
  body.supplier-studio-page #moduleWorkspace select,
  body.supplier-studio-page #moduleWorkspace textarea,
  body.supplier-studio-page #moduleWorkspace button{max-width:100%;box-sizing:border-box}
  body.supplier-studio-page #moduleWorkspace textarea{min-height:84px}
}

@media(max-width:390px){
  .tp008f-product-filter{grid-template-columns:1fr 108px}
  .tp008a-workspace-action{font-size:8px!important;padding:5px 7px!important}
}