.mobile-role-hub{display:none}

@media(max-width:719px){
  .subview.open{padding:20px 16px calc(104px + env(safe-area-inset-bottom));background:#f2f7f4}
  .subview.open.account-subview{padding-top:0}
  .subview.open.compact-search .subhead{padding-top:0}
  .subview.open .store-detail-hero{margin-top:-20px}
  .mobile-role-hub{display:block}
  .desktop-account-profile{display:none}
  .role-profile-head{display:grid;grid-template-columns:58px 1fr 42px;gap:13px;align-items:center;margin:0 -16px;padding:22px 18px 18px;background:#fff;border-bottom:1px solid #dce6e0}
  .role-avatar{width:58px;height:58px;border-radius:50%;display:grid;place-items:center;background:#dff6b8;color:#064c35;font-size:18px;font-weight:900;border:3px solid #c2e78c}
  .role-profile-head small{color:#08764e;font-size:11px;font-weight:900;letter-spacing:.07em}
  .role-profile-head h1{margin:3px 0 2px;font-size:20px;line-height:1.15}
  .role-profile-head p{margin:0;color:#708078;font-size:13px}
  .role-profile-head>button{width:42px;height:42px;border:0;border-radius:50%;background:#edf4ef;color:#19342a;font-size:21px}
  .role-context{display:flex;justify-content:space-between;align-items:center;gap:10px;margin:16px 0 12px;padding:15px 16px;border-radius:17px;background:#064c35;color:#fff}
  .role-context b,.role-context small{display:block}
  .role-context small{margin-top:4px;color:#d7e7df;font-size:12px}
  .role-context>span{flex:0 0 auto;padding:7px 9px;border-radius:999px;background:#b8f229;color:#064c35;font-size:11px;font-weight:900}
  .account-role-tabs{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin:0 0 14px;padding:5px;border:1px solid #d5e1da;border-radius:16px;background:#e9f0ec}
  .account-role-tabs::-webkit-scrollbar{display:none}
  .account-role-tabs button{border:0;border-radius:12px;background:transparent;color:#52635a;padding:12px 14px;font-weight:800}
  .account-role-tabs button.active{background:#064c35;border-color:#064c35;color:#fff}
  .role-hub-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .role-hub-tile{min-height:138px;border:1px solid #dce6e0;border-radius:17px;background:#fff;padding:17px 15px;text-align:left;color:#182820;box-shadow:0 3px 12px #0b3a2410}
  .role-hub-tile>span{display:grid;place-items:center;width:42px;height:42px;margin-bottom:13px;border-radius:13px;background:#eaf5ee;font-size:22px}
  .role-hub-tile b,.role-hub-tile small{display:block}
  .role-hub-tile b{font-size:16px}
  .role-hub-tile small{margin-top:6px;color:#738078;font-size:12px;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
  .role-hub-tile.role-workspace{background:#e8f8c9;border-color:#c8e797}
  .role-hub-tile.role-workspace>span{background:#fff}
  .role-workspace-panel{margin:0;background:transparent}
  .role-workspace-panel[hidden]{display:none}
  .role-workspace-panel{min-height:520px}
  .role-workspace-panel:not([hidden])~.logout{display:none}
  .logout{margin-top:14px;background:#fff}
  .version{padding-bottom:4px}
}