/* Profile layout and futuristic field system. Scoped so Chat/Status/Calls layouts are unaffected. */
[data-social-panel="profile"]{min-width:0!important}.social-profile-grid{display:grid!important;grid-template-columns:minmax(0,1.24fr) minmax(320px,.76fr)!important;align-items:start!important;gap:18px!important;width:min(1160px,100%)!important;margin:0 auto!important;min-width:0!important}.social-profile-grid>.social-profile-card,.social-profile-grid>.social-side-stack{min-width:0!important;width:100%!important}.social-profile-grid>.social-side-stack{display:grid!important;grid-template-columns:1fr!important;align-content:start!important;align-items:stretch!important;justify-content:stretch!important;gap:14px!important;min-height:0!important;padding:0!important;background:transparent!important}.social-profile-grid>.social-side-stack>*{width:100%!important;min-width:0!important;margin:0!important;flex:initial!important;transform:none!important}.social-profile-grid .social-profile-card,.social-profile-grid .halo-identity-card,.social-profile-grid .social-data-note,.social-profile-grid .halo-personalization,.social-profile-grid .halo-notification-card{overflow:hidden!important;border:1px solid var(--hf-line)!important;border-radius:22px!important;background:linear-gradient(145deg,#101a2b,#0d1727)!important;box-shadow:0 16px 42px #0002!important}.social-profile-grid>.social-profile-card{padding:28px!important}.social-profile-identity{display:flex!important;align-items:center!important;gap:16px!important;padding-bottom:24px!important;border-bottom:1px solid var(--hf-line-soft)!important}.social-profile-identity #social-profile-avatar{width:68px!important;height:68px!important;flex:0 0 68px!important;border-radius:22px!important;background:linear-gradient(135deg,var(--hf-violet),var(--hf-blue))!important;box-shadow:0 14px 34px #4c7dff35!important}.social-profile-identity h2{font-size:24px!important;letter-spacing:-.04em!important}.social-profile-card>label{display:grid!important;gap:8px!important;margin-top:20px!important;color:var(--hf-muted)!important;font-size:10px!important;font-weight:800!important;letter-spacing:.08em!important;text-transform:uppercase!important}.social-profile-card>label small{color:var(--hf-muted)!important;font-size:9px!important;font-weight:500!important;letter-spacing:0!important;text-transform:none!important}.social-profile-card input,.social-profile-card textarea{display:block!important;width:100%!important;min-width:0!important;min-height:52px!important;margin:0!important;padding:15px 16px!important;border:1px solid var(--hf-line)!important;border-radius:15px!important;outline:0!important;background:linear-gradient(145deg,#ffffff0a,#ffffff04)!important;color:var(--hf-ink)!important;font:600 13px/1.4 inherit!important;box-shadow:inset 0 1px #ffffff08,0 8px 22px #00012!important;transition:border-color .2s ease,box-shadow .2s ease,background .2s ease,transform .2s ease!important}.social-profile-card textarea{min-height:132px!important;resize:vertical!important}.social-profile-card input::placeholder,.social-profile-card textarea::placeholder{color:var(--hf-muted)!important;opacity:.75!important}.social-profile-card input:hover,.social-profile-card textarea:hover{border-color:#4c7dff55!important;background:linear-gradient(145deg,#ffffff0d,#ffffff06)!important}.social-profile-card input:focus,.social-profile-card textarea:focus{border-color:var(--hf-cyan)!important;background:linear-gradient(145deg,#40d9ff0d,#4c7dff0b)!important;box-shadow:0 0 0 4px #40d9ff18,0 12px 30px #0002!important;transform:translateY(-1px)!important}.social-profile-grid>.social-side-stack .social-profile-card{padding:22px!important}.social-profile-grid>.social-side-stack .social-profile-card>label{margin-top:17px!important}.social-profile-grid>.social-side-stack .social-profile-card .social-save-button{width:100%!important;min-height:48px!important;margin-top:20px!important;border-radius:14px!important}.social-profile-grid .halo-identity-card{padding:22px!important}.social-profile-grid .halo-username-value{overflow-wrap:anywhere!important;border-color:#4c7dff3b!important;background:#4c7dff12!important;color:#b9ceff!important}.social-profile-grid .halo-help,.social-profile-grid .halo-section-heading p,.social-profile-grid .social-data-note p{color:var(--hf-muted)!important}.social-profile-grid .halo-notification-card{padding:20px!important}.social-profile-grid .halo-personalization{padding:22px!important}.social-profile-grid .halo-personalization h2{margin:4px 0 6px!important;color:var(--hf-ink)!important;font-size:18px!important}.social-profile-grid .halo-personalization p{margin:0!important;color:var(--hf-muted)!important;font-size:10px!important}.social-profile-grid .halo-palette{display:flex!important;flex-wrap:wrap!important;gap:10px!important;margin-top:17px!important}.social-profile-grid .halo-swatch{width:31px!important;height:31px!important;border:3px solid #101a2b!important;border-radius:11px!important}.social-profile-grid .halo-profile-logout{width:100%!important;min-height:46px!important;margin:0!important;border:1px solid #ff6f9130!important;border-radius:14px!important;background:#ff6f910d!important;color:#ff9bb2!important;font-weight:800!important;cursor:pointer!important}
/* The screenshot was in light mode; make profile cards and fields explicitly light. */
html[data-theme="light"] .social-profile-grid>.social-profile-card,html[data-theme="light"] .social-profile-grid>.social-side-stack>*{border-color:#d8e2f0!important;background:linear-gradient(145deg,#fff,#f7faff)!important;box-shadow:0 14px 35px rgba(33,72,137,.08)!important;color:#14233a!important}html[data-theme="light"] .social-profile-identity{border-bottom-color:#e7edf6!important}html[data-theme="light"] .social-profile-identity h2,html[data-theme="light"] .social-profile-card>label,html[data-theme="light"] .social-profile-grid .halo-personalization h2{color:#14233a!important}html[data-theme="light"] .social-profile-card>label small,html[data-theme="light"] .social-profile-grid .halo-personalization p{color:#71819a!important}html[data-theme="light"] .social-profile-card input,html[data-theme="light"] .social-profile-card textarea{border-color:#d5e0ee!important;background:linear-gradient(145deg,#fff,#f7faff)!important;color:#14233a!important;box-shadow:inset 0 1px #fff,0 8px 20px rgba(33,72,137,.05)!important}html[data-theme="light"] .social-profile-card input:hover,html[data-theme="light"] .social-profile-card textarea:hover{border-color:#9bbcff!important;background:#fff!important}html[data-theme="light"] .social-profile-card input:focus,html[data-theme="light"] .social-profile-card textarea:focus{border-color:#4c7dff!important;background:#fff!important;box-shadow:0 0 0 4px #4c7dff1f,0 12px 25px rgba(33,72,137,.1)!important}html[data-theme="light"] .social-profile-card input::placeholder,html[data-theme="light"] .social-profile-card textarea::placeholder{color:#8b9ab0!important}html[data-theme="light"] .social-profile-grid .halo-username-value{border-color:#b9cff5!important;background:#edf4ff!important;color:#2459bf!important}html[data-theme="light"] .social-profile-grid .halo-swatch{border-color:#fff!important;box-shadow:0 0 0 1px #d5e0ee!important}html[data-theme="light"] .social-profile-grid .halo-swatch.active{box-shadow:0 0 0 2px #1769ff!important}
@media(max-width:960px){.social-profile-grid{grid-template-columns:minmax(0,1fr)!important}.social-profile-grid>.social-side-stack{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;align-items:start!important}.social-profile-grid>.social-side-stack .halo-profile-logout{grid-column:1/-1!important}}@media(max-width:680px){.social-profile-grid{display:block!important;width:100%!important;padding:14px!important}.social-profile-grid>.social-profile-card{padding:21px!important;margin-bottom:14px!important}.social-profile-grid>.social-side-stack{display:grid!important;grid-template-columns:1fr!important;gap:12px!important}.social-profile-grid>.social-side-stack>*{margin:0!important}.social-profile-identity #social-profile-avatar{width:58px!important;height:58px!important;flex-basis:58px!important}.social-profile-identity h2{font-size:20px!important}.social-profile-card input,.social-profile-card textarea{font-size:14px!important}}

/* V16 profile layout overrides are in halo-glass-everywhere.css. */