/* 008A — Supplier Studio mobile replacement / reconciliation.
   Presentation only. Canonical Supplier Studio data, permissions and workflows remain unchanged. */
@media(max-width:760px){
  body.supplier-studio-page.tp008a-supplier-mobile{background:#f4f7f9;color:#172e42}
  body.supplier-studio-page.tp008a-sheet-open{overflow:hidden!important;touch-action:none}

  body.supplier-studio-page .studio-topbar{
    position:sticky;top:0;z-index:1750;min-height:58px;height:58px;padding:7px 10px!important;gap:8px!important;flex-wrap:nowrap!important;
    display:grid!important;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;background:rgba(255,255,255,.985);border-bottom:1px solid #dce5ea;
    box-shadow:0 5px 18px rgba(14,45,61,.06);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)
  }
  body.supplier-studio-page .studio-topbar>a{min-height:40px!important;padding:0 9px!important;border-radius:9px;justify-content:center;white-space:nowrap;font-size:10px;font-weight:850;color:#304d5d;text-decoration:none}
  body.supplier-studio-page .studio-topbar #supplierSessionAction{min-height:40px!important;padding:0 10px;border:1px solid #d8e3e8;border-radius:9px;background:#fff;color:#304d5d;font-size:10px;font-weight:850;white-space:nowrap}
  body.supplier-studio-page .supplier-wordmark{min-width:0!important;text-align:center!important;line-height:1.05;display:block!important;font-size:11px!important;letter-spacing:.03em}
  body.supplier-studio-page .supplier-wordmark span{display:block!important;margin-top:3px;font-size:7px!important;letter-spacing:.13em;color:#72848f}

  /* Replace the old squeezed two-column desktop rail with one mobile workspace switcher. */
  body.supplier-studio-page .studio-shell{display:block!important;min-width:0}
  body.supplier-studio-page .studio-nav{display:none!important}
  body.supplier-studio-page .studio-main{max-width:none!important;min-width:0!important;padding:10px 12px 22px!important}

  .tp008a-workspace-context{position:sticky;top:66px;z-index:1450;margin:0 0 10px}
  .tp008a-workspace-trigger{appearance:none;width:100%;min-height:58px;padding:9px 11px;border:1px solid #d9e4e9;border-radius:14px;background:rgba(255,255,255,.98);box-shadow:0 8px 22px rgba(15,49,67,.08);display:flex;align-items:center;justify-content:space-between;gap:12px;text-align:left;color:#173247;font:inherit}
  .tp008a-workspace-copy{min-width:0;display:grid;gap:2px}.tp008a-workspace-copy small{font-size:7px;font-weight:900;letter-spacing:.13em;color:#66806f}.tp008a-workspace-copy strong{font-size:14px;line-height:1.15;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tp008a-workspace-copy em{font-size:9px;font-style:normal;color:#73828b;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .tp008a-workspace-action{flex:0 0 auto;display:inline-flex;align-items:center;gap:5px;border-radius:999px;background:#eef5f1;color:#2b6d4a;padding:7px 9px;font-size:9px;font-weight:900}.tp008a-workspace-action i{font-style:normal;font-size:12px}

  .tp008a-workspace-overlay[hidden]{display:none!important}.tp008a-workspace-overlay{position:fixed;inset:0;z-index:2300;pointer-events:none}.tp008a-workspace-overlay.open{pointer-events:auto}.tp008a-workspace-backdrop{position:absolute;inset:0;background:rgba(7,28,38,.44);opacity:0;transition:opacity .18s ease}.tp008a-workspace-overlay.open .tp008a-workspace-backdrop{opacity:1}
  .tp008a-workspace-sheet{position:absolute;left:0;right:0;bottom:0;max-height:min(78dvh,680px);overflow:auto;padding:8px 14px calc(18px + env(safe-area-inset-bottom));border-radius:22px 22px 0 0;background:#fff;box-shadow:0 -24px 60px rgba(8,33,46,.24);transform:translateY(102%);transition:transform .2s cubic-bezier(.22,.78,.2,1)}.tp008a-workspace-overlay.open .tp008a-workspace-sheet{transform:translateY(0)}
  .tp008a-sheet-grab{width:38px;height:4px;margin:2px auto 11px;border-radius:999px;background:#c4d0d5}.tp008a-sheet-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:2px 2px 12px;border-bottom:1px solid #e5ecef}.tp008a-sheet-head small{display:block;font-size:8px;font-weight:900;letter-spacing:.13em;color:#66806f}.tp008a-sheet-head h2{margin:3px 0 2px;font-size:20px;line-height:1.15}.tp008a-sheet-head p{margin:0;color:#72828c;font-size:10px}.tp008a-sheet-close{width:42px;height:42px;min-width:42px;border:0;border-radius:50%;background:#f1f5f7;color:#314d5e;font-size:24px;line-height:1}
  .tp008a-sheet-groups{padding:11px 0 0}.tp008a-sheet-group{padding:8px 0}.tp008a-sheet-group h3{margin:0 0 7px;font-size:8px;letter-spacing:.12em;text-transform:uppercase;color:#82919a}.tp008a-sheet-group>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.tp008a-sheet-group button{appearance:none;min-height:51px;padding:9px 10px;border:1px solid #dfe7eb;border-radius:12px;background:#fff;color:#263f50;display:flex;align-items:center;justify-content:space-between;gap:8px;text-align:left;font:inherit;font-size:10px;font-weight:800;line-height:1.2}.tp008a-sheet-group button.active{border-color:#2f7352;background:#eef6f1;color:#235d42;box-shadow:inset 0 0 0 1px #2f7352}.tp008a-sheet-group button.locked{opacity:.48;background:#f7f9fa}.tp008a-sheet-group button i{font-style:normal;font-size:9px}

  /* Compact overview: two-up operational cards rather than a long vertical stack. */
  body.supplier-studio-page .studio-heading{gap:8px!important;margin:2px 0 10px!important;align-items:flex-start!important;flex-direction:column!important}
  body.supplier-studio-page .studio-heading>div:first-child>span{font-size:8px;letter-spacing:.1em}
  body.supplier-studio-page .studio-heading h1{margin:3px 0!important;font-size:23px!important;line-height:1.08}
  body.supplier-studio-page .studio-heading p{margin:0!important;font-size:10px!important;line-height:1.45}
  body.supplier-studio-page .studio-status{align-self:flex-start;padding:6px 9px!important;font-size:8px!important}
  body.supplier-studio-page .approval-banner{margin:10px 0!important;padding:13px!important;border-radius:13px!important;gap:10px!important;align-items:flex-start!important;flex-direction:column!important}
  body.supplier-studio-page .approval-banner p{font-size:10px!important;line-height:1.45}
  body.supplier-studio-page .approval-banner a,body.supplier-studio-page .approval-banner button{width:100%;min-height:42px;display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box}
  body.supplier-studio-page .studio-metrics{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}
  body.supplier-studio-page .studio-metrics article{min-width:0;padding:12px!important;border-radius:13px!important}
  body.supplier-studio-page .studio-metrics b{font-size:21px!important;margin:5px 0!important}.studio-metrics span,.studio-metrics small{font-size:8px!important;line-height:1.3}
  body.supplier-studio-page .marketplace-console,body.supplier-studio-page .studio-foundation{margin-top:10px!important;padding:13px!important;border-radius:14px!important}
  body.supplier-studio-page .console-head{gap:10px!important}.console-head h2{font-size:17px!important;margin:2px 0!important}.console-head button{width:100%;min-height:43px}
  body.supplier-studio-page .console-empty{padding:24px 9px!important}.console-empty h3{font-size:16px}.console-empty p{font-size:10px!important;line-height:1.5}
  body.supplier-studio-page .foundation-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px!important}.foundation-grid article{min-width:0;padding:10px!important}.foundation-grid article p{font-size:9px!important;line-height:1.4}

  /* Module surfaces: compact headers, full-width actions, phone-safe forms and cards. */
  body.supplier-studio-page .module-panel{padding:0!important;min-width:0}
  body.supplier-studio-page .module-head{gap:9px!important;margin-bottom:12px!important}.module-head h2{font-size:21px!important;margin:3px 0!important}.module-head p{font-size:10px!important;line-height:1.45}
  body.supplier-studio-page .module-head.with-action>button{width:100%;min-height:44px}
  body.supplier-studio-page .ops-summary,body.supplier-studio-page .performance-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}
  body.supplier-studio-page .ops-summary-card,body.supplier-studio-page .ops-summary-metric{padding:11px!important;min-height:92px}.ops-summary-selectable .ops-summary-card b,.ops-summary-selectable .ops-summary-metric b{font-size:19px!important}.ops-summary-selectable .ops-summary-card span,.ops-summary-selectable .ops-summary-metric span{font-size:9px!important}
  body.supplier-studio-page .ops-secondary-views{overflow-x:auto;white-space:nowrap;padding-bottom:2px;scrollbar-width:none}.ops-secondary-views::-webkit-scrollbar{display:none}
  body.supplier-studio-page .booking-row{grid-template-columns:minmax(0,1fr) auto!important;padding:11px!important;border-radius:12px!important}.booking-row h3{font-size:13px!important}.booking-row p,.booking-row small{font-size:10px!important}.booking-row button{min-height:40px}
  body.supplier-studio-page .booking-detail-head{top:58px!important;padding:12px!important}.booking-detail-body{padding:12px!important}
  body.supplier-studio-page .calendar-panel,body.supplier-studio-page .connections-panel{padding:10px!important;border-radius:13px!important}.calendar-day{min-height:61px!important;padding:4px!important;border-radius:9px!important}.calendar-day .day-count{margin-top:5px!important;min-height:0!important;font-size:8px!important}
  body.supplier-studio-page .detail-grid{gap:7px!important}.detail-grid div{padding:9px!important}.detail-grid small{font-size:9px!important}.detail-grid b{font-size:11px!important}

  /* The offer builder becomes a contained mobile workspace instead of a desktop modal squeezed into the viewport. */
  body.supplier-studio-page .product-modal{padding:6px!important;align-items:stretch!important}
  body.supplier-studio-page .product-builder{width:100%!important;max-width:none!important;max-height:calc(100dvh - 12px)!important;margin:0!important;padding:16px 12px 18px!important;border-radius:16px!important;overflow:auto!important}
  body.supplier-studio-page .builder-head{padding-right:38px}.builder-head h2{font-size:21px}.builder-head p{font-size:10px!important}
  body.supplier-studio-page .builder-layout,body.supplier-studio-page .builder-grid{grid-template-columns:1fr!important;gap:12px!important}
  body.supplier-studio-page .builder-section{padding:13px!important;border-radius:13px!important}.section-title h3{font-size:15px!important}.section-title p{font-size:9px!important}
  body.supplier-studio-page .pricing-variant-row{grid-template-columns:1fr!important;gap:7px!important;padding:10px!important}.pricing-variant-row .variant-remove{grid-column:auto!important;width:100%!important}
  body.supplier-studio-page .commercial-preview{position:static!important;padding:12px!important}.commercial-preview>div{padding:8px!important}
  body.supplier-studio-page .builder-footer{gap:10px!important}.builder-footer button{width:100%}
}

@media(max-width:380px){
  body.supplier-studio-page .studio-topbar>a{padding:0 7px!important;font-size:9px}
  body.supplier-studio-page .studio-topbar #supplierSessionAction{padding:0 7px;font-size:9px}
  .tp008a-sheet-group>div{grid-template-columns:1fr}
  body.supplier-studio-page .studio-metrics,body.supplier-studio-page .foundation-grid{grid-template-columns:1fr 1fr!important}
}