/* Global styles for user profile page – all prefixed to avoid conflicts */
.uprofile-wrap{ background: linear-gradient(180deg,#ffffff 0%,#fafafa 100%); min-height: calc(100vh - 64px); }
.uprofile-elev-card{ border-radius: 16px; box-shadow: 0 10px 30px rgba(0,0,0,0.06) !important; }
.uprofile-hover-lift{ transition: transform .2s ease, box-shadow .2s ease; }
.uprofile-hover-lift:hover{ transform: translateY(-2px); box-shadow: 0 14px 40px rgba(0,0,0,0.08) !important; }

/* Form sections */
.uprofile-section-title{ font-size: 13px; color: rgba(0,0,0,.54); letter-spacing: .08em; text-transform: uppercase; margin: 18px 0 8px; }

/* Inputs: rounded and focused ring – scoped under .uprofile-wrap to limit impact */
.uprofile-wrap .v-text-field--outlined,
.uprofile-wrap .v-select--outlined,
.uprofile-wrap .v-autocomplete--outlined,
.uprofile-wrap .v-textarea--outlined{ border-radius: 12px; }
.uprofile-wrap .theme--light .v-input--is-focused .v-input__slot{ box-shadow: 0 0 0 3px rgba(33,150,243,.12) inset; }

/* Avatar elevation */
.uprofile-elev-avatar{ box-shadow: 0 8px 24px rgba(0,0,0,.06) !important; }

/* FAB spacing above save bar – scoped to profile container */
.uprofile-wrap .v-btn.fixed{ z-index: 11; }

/* Minimal progress bar inside card */
.uprofile-position-relative{ position: relative; }

/* Focus-visible for better keyboard a11y – scoped to profile area */
.uprofile-wrap .v-btn:focus-visible,
.uprofile-wrap .v-chip:focus-visible{ box-shadow: 0 0 0 3px rgba(33,150,243,.3) !important; outline: none; }

/* Reduced motion preference – scoped to profile area */
.uprofile-wrap *{ transition: none !important; animation: none !important; }
