/* Shared account foundations: one scale and shell for every account route. */
html.account-root{font-size:16px;font-family:Arial,Helvetica,sans-serif;background:#f7fafc}
.account-root body{font-size:1rem;line-height:1.5;background:#f7fafc;color:#10375a}
.account-root .container,.account-root .header-inner{width:calc(100% - 64px);max-width:var(--ui-max)}
.account-root .site-header{height:80px;background:#fff}
.account-root .brand{width:204px;flex-shrink:0}
.account-root .main-nav{gap:24px;margin-left:30px}
.account-root .main-nav>a,.account-root .main-nav summary,.account-root .profile{font-size:14px}
.account-root .hero.account-hero{height:auto;min-height:144px;margin:0;background:linear-gradient(90deg,#062f4be8,#062f4b4a),url('assets/hero/hero-alpine-lake.webp') center 48%/cover;color:#fff}
.account-root .account-hero .container{padding-top:24px;padding-bottom:26px;position:relative}
.account-root .account-hero .crumbs{font-size:13px;margin:0 0 10px;color:#e7f6ff}
.account-root .account-hero h1{font-size:30px;line-height:1.2;letter-spacing:-.025em;margin:0 0 8px;font-weight:700}
.account-root .account-hero p{font-size:16px;max-width:760px;margin:0}
.account-root .account-shell{display:grid;grid-template-columns:var(--ui-sidebar) minmax(0,1fr);gap:24px;width:calc(100% - 64px);max-width:var(--ui-max);margin:0 auto;padding:24px 0 40px;align-items:start}
.account-root .account-sidebar{grid-column:1;grid-row:1/5;align-self:start;position:sticky;top:24px;padding:0 20px 0 0;margin:0;border:0;border-right:1px solid #dfe9ef;border-radius:0;background:transparent;box-shadow:none;min-height:0;width:auto}
.account-root .account-sidebar>a,.account-root .account-sidebar>button,.account-root .account-sidebar>div{display:none}
.account-root .account-navigation{display:flex;flex-direction:column;gap:4px;margin:0;padding:0}
.account-root .account-navigation a{display:flex;align-items:center;gap:12px;padding:12px;min-height:48px;box-sizing:border-box;border:0;border-left:3px solid transparent;border-radius:9px;font-size:15px!important;line-height:1.35;font-weight:500;color:#10375a;margin:0;background:transparent;text-decoration:none}
.account-root .account-navigation a:hover{background:#eef5f9}
.account-root .account-navigation a[aria-current=page]{background:#e0f6fc;border-left-color:#009db8;color:#00758c;font-weight:700}
.account-root .account-navigation .icon{width:24px;height:24px;flex:none;stroke-width:1.7}
.account-root .account-shell>:not(.account-sidebar){min-width:0}
.account-root :is(.ao-content,.ft-content,.pp-workspace,.settings-workspace){grid-column:2/-1;padding-top:0;margin-top:0}
.account-root :is(.pf-form,.tp-form,.ap-form,.gr-main){grid-column:2;margin:0;padding-top:0;gap:20px}
.account-root :is(.pf-right,.tp-right,.ap-right,.gr-right){grid-column:3;margin:0;padding-top:0;display:grid;gap:20px}
.account-root :is(.panel,.pp-panel,.settings-panel){border:1px solid #dfe8ef;border-radius:12px;background:#fff;box-shadow:none;padding:24px}
.account-root .account-sidebar.panel{padding:0 20px 0 0;border-width:0 1px 0 0;background:transparent;border-radius:0}
.account-root .account-shell :is(h2,.pp-panel h2){font-size:20px;line-height:1.3;letter-spacing:-.015em}
.account-root .account-shell h3{font-size:17px;line-height:1.35}
.account-root .account-shell :is(p,label,select,input,textarea,button){font-family:inherit}
.account-root .account-shell :is(p,label){font-size:15px;line-height:1.5}
.account-root .account-shell p{font-size:15px}
.account-root .pp-workspace{padding:0}
.account-root :is(.ao-content,.ft-content){gap:20px}
.account-root .gr-main{padding:24px;border-radius:12px}
.account-root .main-nav .community-menu>summary{border-bottom:0;font-weight:400}
.account-root .account-shell :is(li,button:not(.button),a:not(.button)){font-size:14px}
.account-root .account-shell :is(.pf-field,.ap-field,.tp-field) > span{font-size:14px}
.account-root .account-shell .pf-delete{color:#526c83;border-color:#cbdbe5}
.account-root .account-shell :is(small,[class$='-copy'],[class$='-note']){font-size:14px;line-height:1.5}
.account-root .account-shell input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]),.account-root .account-shell select,.account-root .account-shell textarea{font-size:16px;min-height:44px;border:1px solid #cbdbe5;border-radius:7px;padding:10px 12px;background:#fff;color:#10375a;box-sizing:border-box;max-width:100%}
.account-root .account-shell input:is([type=checkbox],[type=radio]){accent-color:#00879e}
.account-root .button,.account-root .account-shell button.button{min-height:44px;border-radius:8px;font-size:14px;padding:10px 18px;line-height:1.3}
.account-root .button.primary{background:#00859c;border-color:#00859c;color:white}
.account-root :focus-visible{outline:3px solid #079ab8;outline-offset:3px}
.account-root :is(.pf-actions,.ap-actions,.pp-save-bar,.tp-save-bar,.settings-actions){padding:20px 0;border-top:1px solid #dfe8ef;display:flex;align-items:center;gap:12px;flex-wrap:wrap;background:transparent;box-shadow:none;margin-top:20px}
.account-root .tp-save-bar{grid-column:2/-1;grid-row:auto}
.account-root .tp-page-heading{display:none}
.account-root .pp-editor-grid{grid-template-columns:minmax(0,1fr) 280px;gap:24px}
.account-root .pp-workspace-head{padding-top:0}
.account-root .pp-tabs{font-size:14px;flex-wrap:wrap}
.account-root :is(.pf-quote,.pf-sidebar-note,.ft-sidebar-note){display:none}
.account-root .ft-group-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.account-root .ft-traveler-list{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.account-root .page-footer{margin-top:0}
.account-root .page-footer :is(p,a,button,small){font-size:14px}
.settings-grid{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:24px;align-items:start}
.settings-form{display:grid;gap:20px;min-width:0}
.settings-panel h2{margin:0 0 6px}.settings-panel>p{color:#526c83;margin:0 0 24px}
.settings-fields{display:grid;grid-template-columns:1fr 1fr;gap:24px 20px}
.settings-field{display:grid;gap:8px;font-weight:600}.settings-field small{font-weight:400;color:#526c83}.settings-field select{width:100%}
.settings-note{padding:20px;border-radius:10px;background:#eaf5f8;color:#365d72;font-size:14px;line-height:1.6}
.settings-note h3{margin:0 0 12px}.settings-note p:last-child{margin-bottom:0}
.settings-note dl{margin:0}.settings-note dt{font-size:13px;color:#536f82;margin-top:18px}.settings-note dd{margin:4px 0 0;font-size:18px;font-weight:600;color:#10375a}
.settings-toggle{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:18px 0;border-top:1px solid #e5edf2;cursor:pointer}
.settings-toggle:first-of-type{border-top:0}.settings-toggle span{display:grid;gap:4px}.settings-toggle strong{font-size:15px}.settings-toggle small{color:#526c83}
.settings-toggle input{appearance:none;flex:none;width:42px;height:24px;background:#aec2cd;border-radius:20px;position:relative;cursor:pointer;transition:background .15s}
.settings-toggle input:after{content:'';position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:white;box-shadow:0 1px 3px #17334930;transition:transform .15s}
.settings-toggle input:checked{background:#00859c}.settings-toggle input:checked:after{transform:translateX(18px)}
.settings-actions{margin:0!important}.settings-actions [role=status]{flex:1;margin:0;color:#526c83}.account-text-link{display:inline-block;color:#007a94;font-size:15px;font-weight:600;margin-top:12px}
.settings-row{padding:20px 0;border-top:1px solid #e5edf2;display:flex;justify-content:space-between;align-items:center;gap:24px}.settings-row p{color:#526c83;margin:6px 0 0}.settings-row:first-of-type{border:0}.settings-row .button{flex-shrink:0}
.settings-danger{border-color:#e9c8ce!important}.settings-danger h2{color:#a5354a}.button.danger{background:#ac3049!important;border-color:#ac3049!important;color:white}
.settings-dialog{border:1px solid #dfe8ef;border-radius:16px;padding:28px;max-width:480px;width:calc(100% - 40px);font-size:16px;color:#10375a}.settings-dialog::backdrop{background:#092e4e88}.settings-dialog input{display:block;padding:12px;width:100%;box-sizing:border-box;margin:10px 0 20px;font-size:16px}.settings-dialog footer{display:flex;gap:12px;margin-top:24px}
@media(max-width:1160px){.account-root .main-nav.open{display:flex;position:absolute;left:0;right:0;top:100%;margin:0;padding:20px 32px;background:#fff;flex-direction:column;align-items:stretch;z-index:40;box-shadow:0 12px 20px #092e4e15}}
@media(min-width:1161px){.account-root .ao-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:1250px){.account-root .main-nav{gap:16px;margin-left:12px}.account-root .header-actions{gap:8px}.account-root .account-shell{grid-template-columns:var(--ui-sidebar) minmax(0,1fr);gap:20px}.settings-grid,.account-root .pp-editor-grid{grid-template-columns:minmax(0,1fr) 240px}}
@media(max-width:1160px){.account-root .account-shell{grid-template-columns:var(--ui-sidebar) minmax(0,1fr)}.account-root :is(.pf-right,.tp-right,.ap-right,.gr-right){grid-column:2;grid-template-columns:repeat(2,minmax(0,1fr))}.settings-grid,.account-root .pp-editor-grid{grid-template-columns:1fr}.settings-note,.account-root .pp-preview-column{position:static}.account-root .ft-group-list,.account-root .ft-traveler-list{grid-template-columns:repeat(2,minmax(0,1fr))}.account-root .main-nav{display:none}.account-root .menu-toggle{display:flex}}
@media(max-width:760px){.account-root .container,.account-root .header-inner,.account-root .account-shell{width:calc(100% - 32px)}.account-root .site-header{height:68px}.account-root .brand{width:164px}.account-root .account-hero h1{font-size:28px}.account-root .account-shell{display:flex;flex-direction:column;padding-top:20px;gap:24px}.account-root .account-shell>*{width:100%;box-sizing:border-box}.account-root .account-sidebar{position:static;min-height:0;padding:0!important;border:0!important}.account-root .account-navigation{display:grid;grid-template-columns:1fr 1fr;gap:4px}.account-root .account-navigation a{font-size:14px!important;min-height:48px;padding:8px}.account-root :is(.panel,.pp-panel,.settings-panel){padding:20px}.settings-fields{grid-template-columns:1fr}.settings-row{align-items:flex-start;flex-direction:column;gap:12px}.account-root :is(.pf-right,.tp-right,.ap-right,.gr-right){grid-template-columns:1fr}.account-root .ft-group-list,.account-root .ft-traveler-list{grid-template-columns:1fr}.account-root .header-actions .profile span{display:none}}

/* Consistent account workspace, including pages with optional contextual information. */
.account-root .account-workspace{grid-column:2/-1;display:grid;grid-template-columns:minmax(0,1fr);gap:20px;min-width:0}
.account-root .account-workspace>*{grid-column:1/-1;grid-row:auto;min-width:0;margin-top:0}
.account-root .account-workspace.has-context{grid-template-columns:minmax(0,1fr) var(--ui-rail)}
.account-root .account-workspace.has-context>:is(.tp-form,.ap-form,.pf-form,.gr-main){grid-column:1;grid-row:1}
.account-root .account-workspace.has-context>:is(.tp-right,.ap-right,.pf-right,.gr-right){grid-column:2;grid-row:1;display:grid;gap:20px;grid-template-columns:1fr}
.account-root .account-workspace :is(.settings-grid,.pp-editor-grid){grid-template-columns:minmax(0,1fr) var(--ui-rail);gap:20px}
.account-root .account-workspace :is(.panel,.settings-panel,.pp-panel,.region-section,.pf-structured){padding:24px;border-radius:var(--ui-radius);border-color:var(--ui-border)}
.account-root .account-workspace :is(.settings-fields,.pf-even-grid,.pp-fields,.ap-fields,.tp-fields){gap:16px 20px}
.account-root .account-workspace :is(.pf-section-title,.region-heading,.pp-section-head){margin-bottom:16px}
.account-root .account-workspace .pf-fieldset{margin:0 0 20px}
.account-root .account-workspace .pf-fieldset:last-child{margin-bottom:0}
.account-root .account-workspace .pf-fieldset legend{font-size:15px;margin-bottom:10px}
.account-root .account-workspace :is(.settings-field,.pp-field,.pf-field,.ap-field,.tp-field){gap:6px;font-size:14px}
.account-root .account-workspace :is(.settings-field,.pp-field,.pf-field,.ap-field,.tp-field)>:is(span,label){font-size:14px;line-height:1.4;font-weight:600}
.account-root .account-workspace select,.account-root .account-workspace input:not([type=range]):not([type=checkbox]):not([type=radio]):not([type=file]){height:44px;min-height:44px;font-size:16px}
.account-root .account-workspace :is(.settings-panel,.pp-panel)>p{margin-bottom:20px}
.account-root .account-workspace .account-save-bar{position:static;padding:16px 0 0;margin:0!important;display:flex;align-items:center;justify-content:flex-end;gap:12px;background:transparent;border-top:1px solid var(--ui-border);box-shadow:none;border-radius:0;width:auto;grid-column:1/-1}
.account-root .account-save-bar>:is(p,div,span){margin:0 auto 0 0;font-size:13px;color:var(--ui-muted)}
.account-root .account-workspace .account-save-bar .button{min-width:0;min-height:44px;font-size:14px;border-radius:8px;padding:10px 16px}
.account-root .account-workspace .account-save-bar .primary{margin-left:auto}
.account-root .account-workspace :is(.settings-note,.pp-preview-column,.tp-right,.ap-right){font-size:14px}
.account-root .account-workspace :is(.settings-note,.pp-preview-column,.tp-right,.ap-right) p{font-size:14px}
@media(max-width:1100px){.account-root .account-workspace.has-context,.account-root .account-workspace :is(.settings-grid,.pp-editor-grid){grid-template-columns:1fr}.account-root .account-workspace.has-context>:is(.tp-right,.ap-right,.pf-right,.gr-right){grid-column:1;grid-row:auto;grid-template-columns:1fr 1fr}}
@media(max-width:760px){.account-root .account-workspace{width:100%}.account-root .account-workspace.has-context>:is(.tp-right,.ap-right,.pf-right,.gr-right){grid-template-columns:1fr}.account-root .account-workspace :is(.panel,.settings-panel,.pp-panel,.region-section,.pf-structured){padding:20px}.account-root .account-workspace .account-save-bar{flex-wrap:wrap}.account-root .account-save-bar>:is(p,div,span){flex-basis:100%}}
.account-root .account-workspace .button{min-height:44px;font-size:14px;line-height:1.35;border-radius:8px;padding:10px 16px}
.account-root .account-workspace [role=status]:not(:empty){font-size:14px;line-height:1.5;border-radius:8px;padding:12px 14px;background:#eef7fa;color:#365d72}
.account-root .account-workspace .account-save-bar [role=status]{padding:0;background:transparent;font-size:13px}
