/* Vetra v0.2.6 - targeted Profile navigation and mobile surface centering stabilization. */
.profile-mobile-action-grid{display:none}
.profile-action-card-actions{display:flex;gap:.55rem;flex-wrap:wrap;justify-content:flex-end}
.vetra-mobile-sheet-heading{display:grid;gap:2px;min-width:0}
.vetra-mobile-sheet-heading strong{color:var(--text);font-size:1rem;line-height:1.2}
.vetra-mobile-sheet-heading small{color:var(--muted);font-size:.72rem;font-weight:650;line-height:1.35}
.vetra-mobile-sheet-eyebrow{color:var(--brand);font-size:.62rem;font-weight:950;letter-spacing:.12em;text-transform:uppercase}
.vetra-mobile-sheet-option-copy{display:grid;gap:2px;min-width:0}
.vetra-mobile-sheet-option-copy strong{color:var(--text);font-size:.86rem}
.vetra-mobile-sheet-option-copy small{color:var(--muted);font-size:.7rem;line-height:1.35}
.vetra-mobile-sheet-option-icon{display:grid;place-items:center;width:38px;height:38px;border:1px solid var(--line);border-radius:11px;background:var(--panel-2);color:var(--brand);font-size:1rem;font-weight:900}
.vetra-mobile-sheet-option-chevron{color:var(--muted);font-size:1.3rem}
.vetra-mobile-sheet-content{overflow:auto;overscroll-behavior:contain;padding:14px 14px calc(24px + env(safe-area-inset-bottom));min-width:0}
.vetra-mobile-sheet-content>*{min-width:0;max-width:100%}

@media(max-width:650px){
  /* One and only one fixed navigation dock inside Profile: the global Vetra dock. */
  .profile-mobile-nav{display:none!important}
  #profileModal .profile-modal{padding-bottom:calc(var(--mobile-dock-height,72px) + env(safe-area-inset-bottom) + 18px)!important}
  #profileModal .profile-panel{padding-bottom:18px!important;max-height:none!important;overflow:visible!important}
  #profileModal .profile-summary-grid{display:grid!important}
  #profileModal .profile-modal>p.eyebrow,#profileModal .profile-modal>h2{display:block!important}

  /* Profile stays overview-first; secondary sections are presented in sheets rather than replacing the page. */
  .profile-mobile-action-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem;margin:14px 0 16px}
  .profile-mobile-action-grid button{display:flex;align-items:center;gap:.65rem;min-height:58px;padding:.72rem .8rem;border:1px solid var(--line);border-radius:14px;background:linear-gradient(145deg,color-mix(in srgb,var(--panel-2) 94%,var(--brand) 6%),var(--panel));color:var(--text);text-align:left;box-shadow:0 8px 20px rgba(0,0,0,.12)}
  .profile-mobile-action-grid button span{display:grid;place-items:center;width:34px;height:34px;flex:0 0 34px;border-radius:10px;background:rgba(84,198,255,.1);color:var(--brand);font-size:.95rem;font-weight:900}
  .profile-mobile-action-grid button strong{font-size:.8rem}
  .profile-action-card-actions{display:grid;grid-template-columns:1fr 1fr;width:100%}
  .profile-action-card-actions button{width:100%;min-height:46px}

  /* Normalize native dialog geometry to the actual phone viewport instead of inherited desktop centering. */
  dialog.modal{inset:0!important;margin:0!important;padding:0!important;width:100%!important;max-width:none!important;height:100dvh!important;max-height:100dvh!important;box-sizing:border-box!important;overflow:hidden!important}
  dialog.modal>.modal-card{width:100%!important;max-width:100%!important;min-width:0!important;margin:0 auto!important;box-sizing:border-box!important}
  .profile-modal,.message-center-modal,.storefront-public-modal,.dashboard-modal,.trust-center,.developer-hub-modal{margin-inline:auto!important;left:auto!important;right:auto!important}

  /* Shared bottom-sheet geometry and styling: centered, vertical-first, readable in both themes. */
  .vetra-mobile-sheet{inset:0!important;width:100%!important;max-width:100%!important;box-sizing:border-box!important}
  .vetra-mobile-sheet-panel{width:100%!important;max-width:100%!important;margin-inline:auto!important;box-sizing:border-box!important;max-height:min(88dvh,820px)}
  .vetra-mobile-sheet-panel header{padding:12px 14px 13px}
  .vetra-mobile-sheet-panel header strong{color:var(--text)!important}
  .vetra-mobile-sheet-options{padding:8px 10px calc(14px + env(safe-area-inset-bottom))}
  .vetra-mobile-sheet-options>button{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;min-height:64px;border-color:var(--line);background:color-mix(in srgb,var(--panel-2) 82%,transparent);margin-bottom:7px}
  .vetra-mobile-sheet-options>button.active,.vetra-mobile-sheet-options>button:hover{background:rgba(84,198,255,.09);border-color:rgba(84,198,255,.34)}
  .vetra-mobile-sheet-content{padding-bottom:calc(var(--mobile-dock-height,72px) + env(safe-area-inset-bottom) + 22px)}
  .vetra-mobile-sheet-content .profile-table,.vetra-mobile-sheet-content .form-grid,.vetra-mobile-sheet-content .help-center,.vetra-mobile-sheet-content .verification-grid,.vetra-mobile-sheet-content .public-storefront,.vetra-mobile-sheet-content .storefront-hub{width:100%;max-width:100%;min-width:0}
  .vetra-mobile-sheet-content .profile-panel{height:auto!important;max-height:none!important;overflow:visible!important}
  .vetra-mobile-sheet-content .form-grid{grid-template-columns:1fr!important}
  .vetra-mobile-sheet-content .span-2{grid-column:auto!important}
}

@media(max-width:360px){
  .profile-mobile-action-grid{gap:.5rem}
  .profile-mobile-action-grid button{padding:.6rem;gap:.5rem}
  .profile-action-card-actions{grid-template-columns:1fr}
}