/* Scoped to the pet customer experience; administrator and other profile types retain their layout. */
.pet-mobile-nav,.pet-camera-button,.pet-section-tabs{display:none}
.pet-client-ux:is([data-client-section=profile],[data-client-section=health],[data-client-section=documents],[data-client-section=reminders]) .pet-section-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;padding:5px;margin:0 0 18px;border:1px solid #dce5f0;border-radius:12px;background:#f6f9ff}
.pet-section-tabs button{font:inherit;font-size:14px;min-height:46px;padding:10px 8px;border:0;border-radius:8px;background:transparent;color:#526079;cursor:pointer}
.pet-section-tabs button[aria-current=page]{background:#fff;color:#075df2;font-weight:700;box-shadow:0 1px 4px #152b4814}
.pet-section-tabs button:focus-visible{outline:3px solid #075df2;outline-offset:2px}
.pet-client-ux .pet-photo-adjustments{margin-top:10px;border-top:1px solid #dce5f0}
.pet-client-ux .pet-photo-adjustments>summary{cursor:pointer;min-height:44px;padding:12px 0;font-size:14px;font-weight:600}
@media(max-width:620px){.pet-client-ux:is([data-client-section=profile],[data-client-section=health],[data-client-section=documents],[data-client-section=reminders]) .pet-section-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}}
.pet-client-ux{--pet-nav-height:76px}
.pet-client-ux .app-top{margin-bottom:16px;padding-bottom:12px}
.pet-client-ux .app-title p,.pet-client-ux #profile>.profile-editor-guide,.pet-client-ux #profileImageSectionTitle,.pet-client-ux #profileForm>.profile-editor-section-title{display:none}
.pet-client-ux[data-client-section=resumen] .app-top{display:none}
.pet-client-ux #profileForm,.pet-client-ux .app-form{gap:12px}
.pet-client-ux .app-field{gap:6px;min-width:0}
.pet-client-ux .app-card{padding:20px}
.pet-client-ux .pet-essential-fields{grid-template-columns:repeat(2,minmax(0,1fr))}
.pet-client-ux .pet-essential-fields>[data-avatar-fields]{grid-column:1/-1}
.pet-client-ux .profile-avatar-frame.is-pet{max-width:200px;margin:10px 0}
.pet-client-ux .profile-avatar-frame .profile-avatar-hint{font-size:12px}
.pet-client-ux .pet-camera-button{display:inline-flex;margin-top:8px;width:fit-content}
.pet-client-ux input[type=file]::file-selector-button{font-size:16px;min-height:44px}
.pet-client-ux .pet-ux-group{margin:0}
.pet-client-ux .pet-ux-group>summary{min-height:48px;padding:12px 14px}
.pet-client-ux .pet-ux-group[open]>summary{margin-bottom:12px}
.pet-client-ux #profileVisibilityNotice{font-size:13px;margin:8px 0}
.pet-client-ux #profile>details.app-help{font-size:14px;margin:8px 0}
.pet-client-ux #petStatusPreview{padding:8px;gap:8px;margin-top:4px}
.pet-client-ux #petStatusPreview small{font-size:12px}
.pet-client-ux #petStatusPreview+small{display:none}
.pet-client-ux #profileForm.is-health-view>.pet-essential-fields,.pet-client-ux #profileForm.is-health-view>.pet-ux-group{display:none}
.pet-client-ux .health-history-heading p,.pet-client-ux .pet-health-editor>p.app-help{display:none}
.pet-client-ux[data-client-section=health] .app-actions,.pet-client-ux .health-history-heading{display:none}
.pet-client-ux .pet-health-editor>legend{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.pet-client-ux .pet-health-editor{padding:0;border:0;margin-top:12px}
.pet-client-ux[data-client-section=health] #profile:not(:has(.health-settings[open])) .profile-editor-footer{display:none}
.pet-client-ux .health-add-actions{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}
.pet-client-ux .health-add-actions .app-button{flex:0 1 auto;width:auto;padding:10px 12px;min-height:46px;font-size:14px}
.pet-client-ux .pet-health-record{padding:14px}
.pet-client-ux .health-record-meta{margin:6px 0;gap:4px}
.pet-client-ux .health-record-dates{gap:8px;margin:8px 0}
.pet-client-ux .document-upload-heading{display:none}
.pet-client-ux .operation-status{min-height:24px;font-size:14px;line-height:1.5;margin:6px 0;overflow-wrap:anywhere}
.pet-client-ux .profile-editor-footer{margin-top:16px;padding:10px 0;background:#fff}
.pet-client-ux .profile-editor-footer span{font-size:13px;line-height:1.4;min-height:19px}
.pet-client-ux #profileSaveStatus:empty{display:block}
.pet-client-ux #profileVisibilityNotice,
.pet-client-ux #profile>details.app-help,
.pet-client-ux.pet-single-profile #profile>.profile-selector-field{display:none!important}
.pet-client-ux .pet-home{padding:20px;background:#fff;border:1px solid #dce5f0;border-radius:16px}
.pet-client-ux .pet-home-identity{display:flex;gap:14px;align-items:center;margin-bottom:16px}
.pet-client-ux .pet-home-identity h2{font-size:26px;margin:0 0 6px;overflow-wrap:anywhere}
.pet-client-ux .pet-home-photo{height:84px;width:84px;object-fit:contain;border-radius:16px;background:#edf4ff;flex:0 0 84px}
.pet-client-ux .pet-home-placeholder{display:grid;place-items:center;color:#075df2;font-size:32px}
.pet-client-ux .pet-home-state{display:inline-flex;align-items:center;gap:6px;color:#126438;background:#eaf7ef;padding:5px 10px;border-radius:20px;font-size:14px;font-weight:700}
.pet-client-ux .pet-home-state.is-lost{color:#a01829;background:#fff0f0;border:1px solid #c92b3c}
.pet-client-ux .pet-home-actions{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.pet-client-ux .pet-home-actions a{display:flex;align-items:center;justify-content:center;gap:8px;padding:14px 10px;min-height:48px;border:1px solid #cbd8e9;background:#f6f9ff;color:#0c1d49;border-radius:10px;font-weight:600}
.pet-client-ux .pet-home-actions a:hover{border-color:#075df2;color:#075df2}
.pet-client-ux .pet-home-public{display:inline-flex;align-items:center;min-height:44px;color:#075df2;margin-top:8px}
.pet-client-ux .pet-home-selector{display:grid;gap:6px;font-size:14px;margin-bottom:14px}
.pet-client-ux .pet-home-selector select{font:inherit;font-size:16px;min-height:48px;padding:10px;background:#fff;color:#0c1d49;border:1px solid #cbd8e9;border-radius:9px;width:100%}
.pet-registration .app-form{gap:12px}
.pet-registration input,.pet-registration select{font-size:16px;min-height:48px}
.pet-registration .login-card{padding:24px;max-width:520px}
.pet-registration .pet-registration-steps{list-style:none;display:flex;flex-wrap:wrap;gap:8px;padding:0;margin:8px 0 16px;font-size:14px}
.pet-registration-steps li{display:flex;align-items:center;gap:6px;color:#526079}
.pet-registration-steps li span{display:grid;place-items:center;background:#edf4ff;border-radius:50%;width:26px;height:26px}
.pet-registration-steps li[aria-current=step]{font-weight:700;color:#075df2}
.pet-registration-steps li[aria-current=step] span{background:#075df2;color:#fff}
.pet-registration-steps li.is-complete{color:#126438}
.pet-registration #petRegistrationProgress{font-size:13px;color:#526079;margin:8px 0}
.pet-registration details{grid-column:1/-1;border-top:1px solid #dce5f0}
.pet-registration summary{min-height:48px;padding:12px 0;cursor:pointer}
.pet-registration #activationMessage{font-size:14px;min-height:24px}
.profile.is-pet .pet-state{padding:10px 12px;margin-bottom:12px}
.profile.is-pet .pet-state--home small{display:none}
@media(max-width:980px){
  .pet-client-ux .app-shell{grid-template-rows:auto 1fr}
  .pet-client-ux .app-main{padding:16px 16px calc(24px + var(--pet-nav-height) + env(safe-area-inset-bottom))}
  .pet-client-ux .app-side{padding:8px 16px}
  .pet-client-ux .app-brand{font-size:14px}
  .pet-client-ux .client-menu-toggle{font-size:14px;padding:8px 10px}
  .pet-client-ux .app-card{padding:16px}
  .pet-client-ux .pet-mobile-nav{display:grid;position:fixed;bottom:0;left:0;right:0;grid-template-columns:repeat(5,minmax(0,1fr));gap:2px;background:#fff;border-top:1px solid #dce5f0;padding:6px 4px calc(6px + env(safe-area-inset-bottom));z-index:35}
  .pet-mobile-nav button{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:2px;min-height:56px;border:0;background:#fff;color:#526079;font:inherit;font-size:12px;border-radius:8px;padding:4px 2px}
  .pet-mobile-nav button>span{font-size:22px;line-height:1.2}
  .pet-mobile-nav button[aria-current=page]{background:#edf4ff;color:#075df2;font-weight:700}
  .pet-client-ux .profile-editor-footer{bottom:calc(var(--pet-nav-height) + env(safe-area-inset-bottom));z-index:10;gap:6px}
  .pet-client-ux .app-actions #saveProfile{display:none}
  .pet-client-ux .pet-home-actions{grid-template-columns:repeat(2,minmax(0,1fr))}
  .pet-client-ux .pet-home{padding:16px}
  .pet-client-ux .toast{bottom:calc(var(--pet-nav-height) + 14px + env(safe-area-inset-bottom))}
}
@media(max-width:620px){
  .pet-client-ux .pet-essential-fields{grid-template-columns:minmax(0,1fr)}
  .pet-client-ux .profile-editor-footer{flex-direction:column;align-items:stretch}
  .pet-client-ux .health-add-actions .app-button{font-size:14px;padding:9px 10px}
  .pet-registration .login-card{padding:20px 16px}
}

/* Four independent pet views. Existing controls and persistence remain in place. */
.pet-client-ux .pet-home-actions{margin-top:18px;grid-template-columns:repeat(2,minmax(0,1fr))}
.pet-client-ux .pet-home-actions a{min-height:86px;flex-direction:column;gap:8px;font-size:16px;text-align:center}
.pet-client-ux .pet-home-actions a>span{font-size:26px;color:#075df2;line-height:1}
.pet-client-ux .pet-home-public{margin-top:0}
.pet-client-ux .pet-home a:focus-visible,.pet-client-ux summary:focus-visible{outline:3px solid #075df2;outline-offset:3px}
.pet-client-ux .pet-next-control{padding:14px 0 0;margin:16px 0 0;border-top:1px solid #dce5f0;color:#526079;font-size:14px;line-height:1.6}
.pet-client-ux #profileForm>.pet-health-editor{display:none!important}
.pet-client-ux #profileForm.pet-section-health>.pet-health-editor,
.pet-client-ux #profileForm.pet-section-reminders>.pet-health-editor{display:block!important}
.pet-client-ux #profileForm:is(.pet-section-health,.pet-section-reminders)>:not(.pet-health-editor):not(:has(#saveProfileFooter)){display:none!important}
.pet-client-ux[data-client-section=profile] #security{display:none!important}
.pet-client-ux #profileForm.pet-section-health .account-reminders,
.pet-client-ux #profileForm.pet-section-health .pet-reminder-dates{display:none!important}
.pet-client-ux #profileForm.pet-section-reminders>.pet-health-editor>:not(.account-reminders):not(.pet-reminder-dates){display:none!important}
.pet-client-ux #profileForm:is(.pet-section-health,.pet-section-reminders)~*{scroll-margin-top:20px}
.pet-client-ux #profileForm:is(.pet-section-health,.pet-section-reminders) .profile-editor-footer{display:flex!important}
.pet-client-ux[data-client-section=health] #profile .profile-editor-footer,
.pet-client-ux[data-client-section=reminders] #profile .profile-editor-footer{display:flex!important}
.pet-client-ux[data-client-section=reminders] #profile>.app-help,
.pet-client-ux[data-client-section=health] #profile>.app-help,
.pet-client-ux[data-client-section=reminders] #profileVisibilityNotice,
.pet-client-ux[data-client-section=health] #profileVisibilityNotice{display:none}
.pet-client-ux .pet-form-section>summary{min-height:48px;cursor:pointer;font-weight:600;font-size:15px;color:#152b48;padding:8px 0}
.pet-client-ux .pet-form-section[open]>summary{margin-bottom:12px}
.pet-client-ux .pet-health-disclosure{margin:12px 0;border:1px solid #dce5f0;border-radius:12px;padding:0 14px}
.pet-client-ux .pet-health-disclosure>summary{min-height:48px;padding:14px 0;cursor:pointer;font-weight:600}
.pet-client-ux .pet-health-disclosure>div>h3,.pet-client-ux .pet-health-disclosure>.health-settings>h3{display:none}
.pet-client-ux .pet-unified-form .health-sterilization>.health-entry-actions{display:flex}
.pet-client-ux .pet-unified-form .health-history-heading{margin-top:0;padding-top:0;border-top:0}
.pet-client-ux .pet-unified-form .health-history-heading h3{margin-bottom:4px}
.pet-client-ux .pet-unified-form .health-history-heading p{display:none!important}
.pet-client-ux .pet-unified-form .account-reminders{padding-top:0;border-top:0}
.pet-client-ux .account-reminders label{display:flex;align-items:flex-start;gap:10px;line-height:1.5}
.pet-client-ux .account-reminders input{width:22px;height:22px;flex:0 0 22px;margin:0}
.pet-client-ux .account-reminders p{font-size:14px;line-height:1.6}
.pet-client-ux .pet-reminder-dates h3{font-size:16px;margin:20px 0 10px}
.pet-client-ux .pet-reminder-dates ul{list-style:none;padding:0;margin:0}
.pet-client-ux .pet-reminder-dates li{display:flex;justify-content:space-between;gap:12px;padding:14px 0;border-bottom:1px solid #dce5f0;font-size:14px;overflow-wrap:anywhere}
.pet-client-ux .pet-reminder-dates li small{display:block;margin-top:4px;color:#526079}
.pet-client-ux .pet-reminder-dates details{margin-top:16px}
.pet-client-ux .pet-mobile-nav button{font-size:11px}
@media(max-width:390px){.pet-client-ux .pet-home-actions a{font-size:14px;padding:12px 6px}.pet-client-ux .pet-reminder-dates li{flex-direction:column;gap:6px}}

/* Compact pet workspace: one navigation, one main save, no duplicate titles. */
.pet-save-bar{display:none}
.pet-client-ux{--pet-nav-height:0px}
.pet-client-ux .app-title,
.pet-client-ux .mp-context,
.pet-client-ux #profileSectionHeading,
.pet-client-ux .pet-mobile-nav,
.pet-client-ux #clientNavigation a:is([href="#profile"],[href="#health"],[href="#documents"],[href="#reminders"]){display:none!important}
.pet-client-ux[data-client-section] #profile>.profile-editor-footer{display:none!important}
.pet-client-ux:is([data-client-section=profile],[data-client-section=health],[data-client-section=documents],[data-client-section=reminders]) .pet-save-bar{display:flex;position:sticky;top:8px;z-index:20;align-items:center;justify-content:flex-end;gap:16px;margin:0 0 16px;padding:10px 14px;border:1px solid #dce5f0;border-radius:12px;background:#fff;box-shadow:0 3px 12px #152b480a}
.pet-client-ux .pet-save-bar #saveProfile{display:inline-flex!important;min-height:46px;white-space:nowrap}
.pet-client-ux .pet-save-bar #profileSaveStatus{flex:1;font-size:13px;line-height:1.4;color:#526079}
.pet-client-ux .pet-save-bar #profileSaveStatus:empty{display:none!important}
.pet-client-ux .pet-unified-form .pet-form-section:first-of-type{padding-top:0;border:0}
.pet-client-ux .pet-unified-form .pet-form-section:first-of-type>.app-form{grid-template-columns:minmax(0,1fr)}
.pet-client-ux .pet-unified-form .health-history-heading,
.pet-client-ux [data-health-save],
.pet-client-ux [data-sterilization-save]{display:none!important}
.pet-client-ux .pet-unified-form .pet-health-record{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:5px 12px;padding:12px;margin:8px 0}
.pet-client-ux .pet-health-record>strong{grid-column:1;font-size:15px;line-height:1.4;overflow-wrap:anywhere}
.pet-client-ux .pet-unified-form .health-record-meta{grid-column:1;margin:0;font-size:11px}
.pet-client-ux .health-record-meta>span:first-child{display:none}
.pet-client-ux .pet-unified-form .health-record-dates{grid-column:1;display:flex;flex-wrap:wrap;gap:6px 18px;margin:2px 0 0}
.pet-client-ux .health-record-dates dt{font-size:11px}
.pet-client-ux .pet-unified-form .health-record-dates dd{font-size:13px;margin:2px 0 0}
.pet-client-ux .pet-unified-form .health-record-actions{grid-column:2;grid-row:1/4;display:flex;flex-direction:column;justify-content:center;gap:6px;margin:0}
.pet-client-ux .pet-unified-form .health-record-actions button{min-height:44px;font-size:13px;padding:8px 10px}
.pet-client-ux .account-reminders>p{margin:8px 0;font-size:13px}
.pet-client-ux .account-reminders label{font-weight:600;align-items:center;min-height:44px}
.pet-client-ux .account-reminders input[role=switch]{accent-color:#075df2;width:24px;height:24px;flex-basis:24px}
.pet-client-ux .pet-reminder-dates li{padding:10px 0}
@media(max-width:620px){.pet-client-ux .pet-save-bar{gap:8px;padding:10px}.pet-client-ux .pet-save-bar #profileSaveStatus{font-size:12px}.pet-client-ux .pet-save-bar #saveProfile{font-size:14px;padding:10px 12px}}