/* Shared personal account layout at every viewport. Business pages are not targeted. */
#appView #mainContent .pf-card button.pf-avatar { height:64px!important; min-height:64px!important; max-height:64px!important; }
#appView #mainContent .vo-page[data-vo-page="profile"] .vo-content { border:0; padding:0; background:none; box-shadow:none; width:100%; max-width:820px; margin-inline:auto; }
#appView #mainContent .vo-page[data-vo-page="profile"] > .ao-page-head { max-width:820px; margin-inline:auto; }
#appView #mainContent .vo-page[data-vo-page="profile"] > .ao-page-head p { display:none; }
@media(max-width:600px){#appView #mainContent .pf-card button.pf-avatar{height:58px!important;min-height:58px!important;max-height:58px!important;}}
#appView #mainContent .pf-card .pf-avatar { min-height:0; max-height:64px; aspect-ratio:1; box-sizing:border-box; align-self:center; }
#appView #mainContent .pf-page { max-width:820px; margin:0 auto; padding:0; color:#102b3c; }
#appView #mainContent .pf-heading { margin:0 0 24px; }
#appView #mainContent .pf-heading h1 { margin:0; font-size:28px; line-height:1.4; color:#102b3c; }
#appView #mainContent .pf-frame { width:100%; max-width:820px; margin-inline:auto; color:#102b3c; }
#appView #mainContent .pf-card { display:flex; align-items:center; gap:16px; min-width:0; padding:20px 18px; margin:0 0 24px; border:1px solid #e6e6e4; border-radius:12px; box-shadow:none; background:#fff; color:#102b3c; }
#appView #mainContent .pf-card > div { min-width:0; flex:1; }
#appView #mainContent .pf-card h2 { margin:0 0 6px; color:#102b3c; font-size:19px; line-height:1.4; white-space:normal; overflow-wrap:anywhere; }
#appView #mainContent .pf-card p { margin:0; padding:0; border:0; background:none; color:#647078; font-size:15px; font-weight:400; line-height:1.6; }
#appView #mainContent .pf-card .pf-avatar { display:grid; place-items:center; flex:0 0 64px; width:64px; height:64px; padding:0; border:1px solid #e6e6e4; border-radius:50%; background-color:#fafbfc; background-size:cover; background-position:center; color:#102b3c; box-shadow:none; overflow:hidden; font-size:22px; }
#appView #mainContent .pf-card .pf-avatar-label { padding:0; border:0; background:none; font-size:13px; font-weight:400; color:#102b3c; white-space:normal; max-width:95px; }
#appView #mainContent .pf-group { display:block; padding:0; margin:0 0 24px; border:0; background:none; box-shadow:none; }
#appView #mainContent .pf-group > h2 { font-size:20px; font-weight:700; line-height:1.5; margin:0 0 12px; color:#102b3c; }
#appView #mainContent .pf-menu { display:block; border:1px solid #e6e6e4; border-radius:11px; overflow:hidden; background:white; }
#appView #mainContent .pf-menu > .pf-row, #appView #mainContent .pf-menu > details > summary { display:flex; align-items:center; gap:16px; width:100%; min-width:0; min-height:62px; padding:15px 18px; border:0; border-block-end:1px solid #e6e6e4; border-radius:0; margin:0; background:white; box-shadow:none; color:#102b3c; text-align:start; font-size:17px; font-weight:400; }
#appView #mainContent .pf-menu > .pf-row:last-child { border-block-end:0; }
#appView #mainContent .pf-menu > details.pf-row { display:block; padding:0; }
#appView #mainContent .pf-menu > details:not([open]) > summary { border:0; }
#appView #mainContent .pf-menu strong { min-width:0; flex:1; font-size:17px; font-weight:400; line-height:1.5; overflow-wrap:anywhere; }
#appView #mainContent .pf-menu svg { flex:0 0 25px; width:25px; height:25px; fill:none; stroke:currentColor; stroke-width:1.7; color:#102b3c; }
#appView #mainContent .pf-menu :is(b,[data-pf-language]) { font-size:14px; font-weight:400; color:#647078; }
#appView #mainContent .pf-menu [data-pf-language] { max-width:34%; text-align:end; overflow-wrap:anywhere; }
#appView #mainContent .pf-menu summary { cursor:pointer; list-style:none; }
#appView #mainContent .pf-menu summary::-webkit-details-marker { display:none; }
#appView #mainContent .pf-menu :is(form,dl) { display:grid; gap:12px; padding:18px; margin:0; }
#appView #mainContent .pf-menu label { display:grid; gap:6px; text-align:start; font-size:15px; }
#appView #mainContent .pf-menu input { width:100%; min-width:0; min-height:44px; border:1px solid #dededb; border-radius:8px; padding:10px; font:inherit; }
#appView #mainContent .pf-menu dd { margin:0; overflow-wrap:anywhere; }
#appView #mainContent .pf-frame .pf-logout { width:100%; min-height:50px; margin:0; border:1px solid #e6e6e4; border-radius:10px; background:white; color:#b24139; font-size:16px; }
#appView #mainContent .pf-frame :is(button,summary):focus-visible { outline:2px solid #c18a24; outline-offset:-3px; }
html[dir="rtl"] .pf-row b { transform:scaleX(-1); }
.pf-language-dialog { width:min(440px,calc(100vw - 32px)); max-height:calc(100dvh - 40px); padding:24px; border:1px solid #e6e6e4; border-radius:14px; color:#102b3c; background:#fff; }
.pf-language-dialog::backdrop { background:rgba(16,43,60,.35); }
.pf-language-dialog h2 { margin:0 0 12px; font-size:22px; }
.pf-language-dialog p { font-size:14px; line-height:1.6; color:#647078; }
.pf-language-options { display:grid; gap:10px; margin:20px 0; }
.pf-language-options label { display:flex; align-items:center; justify-content:space-between; gap:12px; border:1px solid #e6e6e4; padding:14px; border-radius:8px; cursor:pointer; }
.pf-language-options input { width:18px; height:18px; accent-color:#c18a24; }
.pf-language-dialog footer { display:flex; justify-content:flex-end; gap:12px; }
.pf-language-dialog button { min-height:44px; padding:10px 18px; }
@media(max-width:600px){
 #appView #mainContent .pf-card { padding:17px 13px; gap:12px; }
 #appView #mainContent .pf-card .pf-avatar { flex-basis:58px; width:58px; height:58px; }
 #appView #mainContent .pf-card h2 { font-size:17px; }
 #appView #mainContent .pf-card p { font-size:14px; }
 #appView #mainContent .pf-heading h1 { font-size:26px; }
 #appView #mainContent .pf-group > h2 { font-size:19px; }
 #appView #mainContent .pf-menu > .pf-row,#appView #mainContent .pf-menu > details > summary { padding:14px; gap:14px; min-height:58px; }
}

@media (min-width: 761px) {
  #appView .content-shell:not(.feature-page-head) #mainContent .pf-heading,
  #appView.owner-desktop-user .content-shell:not(.feature-page-head) #mainContent .pf-heading {
    display: none;
  }
  #appView.finance-unified-user #mainContent .pf-page .pf-heading {
    display: flex !important;
  }
}