/* Golden Hub v11 shared authenticated shell: small-screen layout.
   Intentionally loaded after existing module CSS so it overrides legacy v10
   desktop-sidebar and mid-width breakpoint rules without changing Care styling. */
.gh-mobile-menu-toggle,.gh-mobile-close,.gh-mobile-scrim,.gh-mobile-topline{display:none}
@media (max-width:760px){
  html{max-width:100%;overflow-x:clip}
  body{max-width:100%;overflow-x:clip}
  body.gh-mobile-nav-open{overflow:hidden}
  .gh-v10-app.gh-v10-global-app{display:block;width:100%;min-height:100dvh;max-width:100%;grid-template-columns:none}
  .gh-v10-global-app>.gh-v10-sidebar{
    display:flex!important;position:fixed!important;top:0!important;bottom:0!important;left:0!important;
    width:min(86vw,320px)!important;height:100dvh!important;max-height:100dvh!important;
    transform:translateX(-105%);transition:transform .2s ease;z-index:1201!important;
    overflow:hidden!important;box-shadow:12px 0 32px #06182750;
  }
  body.gh-mobile-nav-open .gh-v10-global-app>.gh-v10-sidebar{transform:translateX(0)}
  .gh-v10-global-app .gh-v10-sidebar-nav{display:block!important;overflow-x:hidden!important;overflow-y:auto!important;
    padding:10px 12px!important;flex:1 1 auto!important;min-height:0!important}
  .gh-v10-global-app .gh-v10-side-link{display:flex!important;justify-content:flex-start!important;min-height:44px}
  .gh-v10-global-app .gh-v10-side-link span:last-child{display:inline!important}
  .gh-v10-global-app .gh-v10-brand-block{min-height:82px;padding:10px 16px!important}
  .gh-v10-global-app .gh-v10-brand-logo-full{width:220px;max-width:100%;height:auto}
  .gh-v10-global-app .gh-v10-sidebar-footer{display:block!important;padding:12px 18px 18px}
  .gh-mobile-close{display:flex;align-items:center;justify-content:flex-end;min-height:44px;padding:6px 10px 0}
  .gh-mobile-close button{border:1px solid #71849b;border-radius:8px;color:white;background:#123b58;
    font:inherit;font-size:1.25rem;min-width:44px;min-height:44px;cursor:pointer}
  .gh-mobile-scrim{position:fixed;inset:0;z-index:1200;background:#051b2bc2}
  body.gh-mobile-nav-open .gh-mobile-scrim{display:block}
  .gh-v10-global-app>.gh-v10-workspace{width:100%;min-width:0}
  .gh-v10-global-app .gh-v10-dashboard-header{display:flex;min-height:0!important;flex-direction:column!important;
    align-items:stretch!important;justify-content:flex-start;gap:8px;padding:12px 15px!important}
  .gh-mobile-topline{display:flex;align-items:center;gap:10px;min-height:44px;width:100%}
  .gh-mobile-menu-toggle{display:inline-flex;align-items:center;justify-content:center;border:1px solid #ffffff59;
    border-radius:9px;background:#ffffff1a;color:#fff;width:46px;height:44px;font-size:1.4rem;cursor:pointer}
  .gh-mobile-product{color:#f4cb68;font-size:.88rem;font-weight:800;line-height:1.25;overflow-wrap:anywhere}
  .gh-v10-global-app .gh-v10-dashboard-header h1{font-size:clamp(1.5rem,6vw,1.85rem);line-height:1.18}
  .gh-v10-global-app .gh-v10-dashboard-header p{font-size:.85rem;line-height:1.35}
  .gh-v10-global-app .gh-v10-header-actions{width:100%;justify-content:flex-start!important;gap:6px;flex-wrap:wrap}
  .gh-v10-global-app .gh-v10-header-actions .gh-v10-header-btn{min-height:44px;padding:8px 12px}
  .gh-v10-global-app .gh-v10-live{margin-right:3px}
  .gh-v10-global-app .gh-v10-global-content{width:100%;min-width:0}
  .gh-v10-global-app .gh-v10-global-content>.gh-page,
  .gh-v10-global-app .gh-v10-global-content>.gh-center-shell{width:100%;min-width:0;max-width:100%;padding:10px!important}
  .gh-v10-global-app .gh-v10-global-content .gh-page>*{min-width:0;max-width:100%}
  .gh-mobile-menu-toggle:focus-visible,.gh-mobile-close button:focus-visible{outline:3px solid #ffd46c;outline-offset:2px}
}
@media (prefers-reduced-motion:reduce){.gh-v10-global-app>.gh-v10-sidebar{transition:none}}


/* GH-V11-ADMIN-MOBILE-20261024
   User account actions as portrait cards. Keeps the existing authenticated API
   and password-verified Admin Mode workflow unchanged. */
/* Admin Mode's legacy header buttons were white-on-white in a light dialog. */
#ghV10AdminModeDialog .gh-v10-header-btn {
  color:#14324d !important;
  background:#eaf1f8 !important;
  border:1px solid #a6bed1 !important;
  min-height:44px;
  opacity:1 !important;
}
#ghV10AdminModeDialog #ghV10AdminModeSubmit {
  color:#fff !important;
  background:#15699d !important;
  border-color:#15699d !important;
  font-weight:800;
}
#ghV10AdminModeDialog #ghV10AdminModeSubmit:disabled{opacity:.65 !important;}
@media (max-width:760px) {
  .gh-page .gh-card{min-width:0;max-width:100%;}
  /* Preserve access to actions on other Admin Center tables. */
  .gh-v10-global-content .gh-page .gh-table:not(.gh-users-table){
    display:block;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;
  }
  /* Responsive Users account cards: all actions always within phone width. */
  .gh-users-table,.gh-users-table tbody,.gh-users-table tr,.gh-users-table td{
    display:block!important;width:100%!important;max-width:100%!important;
    min-width:0!important;box-sizing:border-box;
  }
  .gh-users-table{border-collapse:separate!important;border-spacing:0;margin:12px 0 0!important;}
  .gh-users-table thead{position:absolute!important;width:1px;height:1px;clip-path:inset(50%);overflow:hidden;white-space:nowrap;}
  .gh-users-table tbody tr{border:1px solid #d0deea;border-radius:12px;padding:10px 12px;margin-bottom:12px;background:#fff;}
  .gh-users-table tbody td{
    border:0!important;border-bottom:1px solid #e3ecf2!important;padding:9px 0!important;
    overflow-wrap:anywhere;word-break:normal;
  }
  .gh-users-table tbody td:last-child{border-bottom:0!important;}
  .gh-users-table tbody td[data-label]:not([data-label="Actions"]){
    display:grid!important;grid-template-columns:minmax(66px,85px) minmax(0,1fr);
    gap:8px;align-items:start;text-align:left;
  }
  .gh-users-table tbody td[data-label]::before{
    content:attr(data-label);font-size:.77rem;font-weight:800;
    color:#516b80;line-height:1.5;text-transform:uppercase;letter-spacing:.02em;
  }
  .gh-users-table tbody td[data-label="Actions"]::before{display:block;margin-bottom:8px;}
  .gh-users-table tbody td[data-label="Actions"]>div{
    display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px!important;
  }
  .gh-users-table tbody td[data-label="Actions"] button{
    white-space:normal;overflow-wrap:anywhere;min-width:0;width:100%;min-height:44px;padding:9px 7px!important;
  }
  .gh-users-table tbody td[colspan]{display:block!important;}
  .gh-users-table tbody td[colspan]::before{content:none;}
  #ghV10AdminModeDialog:modal{
    box-sizing:border-box;max-width:calc(100vw - 20px)!important;
    width:calc(100vw - 20px)!important;max-height:calc(100dvh - 20px)!important;
    overflow-y:auto!important;overscroll-behavior:contain;
  }
  #ghV10AdminModeDialog #ghV10AdminModeForm{padding:16px!important;}
  #ghV10AdminModeDialog input{font-size:16px!important;min-height:44px;}
  #ghV10AdminModeDialog #ghV10AdminModeForm>div:last-child{
    display:grid!important;grid-template-columns:1fr 1fr;gap:8px!important;
    position:sticky;bottom:0;background:#fff;padding:10px 0 max(8px,env(safe-area-inset-bottom));
    z-index:1;
  }
  #ghV10AdminModeDialog #ghV10AdminModeForm>div:last-child button{
    white-space:normal;min-width:0;min-height:48px;
  }
  #editUserDialog:modal,#passwordDialog:modal{
    max-height:calc(100dvh - 20px)!important;overflow-y:auto!important;
    overscroll-behavior:contain;
  }
  #editUserDialog form,#passwordDialog form{padding:15px!important;}
  #editUserDialog input,#editUserDialog select,#passwordDialog input{font-size:16px!important;}
  #editUserDialog form>div:last-child,#passwordDialog form>div:last-child{
    position:sticky;bottom:0;background:#fff;padding:8px 0 max(8px,env(safe-area-inset-bottom));z-index:1;
  }
  #editUserDialog .gh-btn,#passwordDialog .gh-btn{min-height:44px;}
}