/* Profile settings v2 — focused account details, security and account activity. */
.profile-page-v2{display:grid;gap:20px;max-width:1240px;margin:0 auto;color:var(--ink)}
.profile-page-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;padding:2px 1px 0}
.profile-page-heading-copy{min-width:0}
.profile-overline{display:inline-flex;align-items:center;gap:8px;color:#a99aff;font-size:10px;font-weight:850;letter-spacing:1.5px}
.profile-page-heading h1{margin:9px 0 7px;color:var(--ink);font-size:clamp(26px,3vw,34px);font-weight:850;letter-spacing:-1.1px;line-height:1.15}
.profile-page-heading p{margin:0;color:var(--muted);font-size:12px;line-height:1.7}
.profile-back-link{display:inline-flex;align-items:center;justify-content:center;gap:9px;flex:none;min-height:42px;padding:0 14px;border:1px solid var(--border);border-radius:12px;background:var(--card);color:var(--ink-2);font-size:11px;font-weight:800;transition:transform .16s,border-color .16s,color .16s}
.profile-back-link:hover{transform:translateY(-1px);border-color:#7867df;color:#a99aff}
.profile-identity-card{position:relative;display:flex;align-items:center;justify-content:space-between;gap:24px;min-width:0;overflow:hidden;padding:27px;border:1px solid #34385d;border-radius:22px;background:radial-gradient(ellipse at 10% 0%,#0ea5e91b,transparent 40%),radial-gradient(ellipse at 92% 100%,#8b5cf629,transparent 46%),linear-gradient(125deg,#111a2b 0%,#11182a 55%,#191c37 100%);box-shadow:0 16px 38px #00000020}
.profile-identity-card:after{content:"";position:absolute;right:23%;top:-65px;width:180px;height:180px;border:1px solid #8b7cff17;border-radius:50%;box-shadow:0 0 0 24px #8b7cff09,0 0 0 48px #8b7cff06;pointer-events:none}
.profile-identity-main{position:relative;z-index:1;display:flex;align-items:center;gap:20px;min-width:0}
.profile-avatar-large{display:grid;place-items:center;flex:none;width:82px;height:82px;border:1px solid #ffffff36;border-radius:24px;background:linear-gradient(145deg,#38bdf8 0%,#0284c7 48%,#7562db 100%);box-shadow:0 12px 28px #0284c733;color:#fff;font-size:31px;font-weight:900;letter-spacing:-1px}
.profile-identity-copy{min-width:0}
.profile-identity-kicker{color:#a99aff;font-size:9px;font-weight:900;letter-spacing:1.55px}
.profile-identity-copy h2{margin:7px 0 6px;color:#f4f6ff;font-size:clamp(21px,2.5vw,29px);line-height:1.2;font-weight:850;letter-spacing:-.8px;overflow-wrap:anywhere}
.profile-identity-email{display:flex;align-items:center;gap:8px;margin:0;color:#aab7cc;font-size:12px;overflow-wrap:anywhere}
.profile-identity-email i{color:#9b8cf3}
.profile-identity-tags{display:flex;align-items:center;flex-wrap:wrap;gap:7px;margin-top:15px}
.profile-identity-tags>span{display:inline-flex;align-items:center;gap:7px;min-height:27px;padding:5px 9px;border:1px solid #ffffff18;border-radius:8px;background:#ffffff08;color:#b7c2d6;font-size:9px;font-weight:750}
.profile-identity-tags .profile-role-tag.admin{border-color:#8b5cf647;background:#8b5cf61c;color:#c8bbff}
.profile-identity-tags .profile-role-tag.member{border-color:#0ea5e940;background:#0ea5e914;color:#8edbff}
.profile-identity-tags .profile-state-tag.is-active{border-color:#10b98138;background:#10b98112;color:#8aebca}
.profile-identity-tags .profile-state-tag.is-suspended{border-color:#ef444442;background:#ef444414;color:#ffaaaa}
.profile-state-tag i{font-size:6px}
.profile-identity-tags .profile-member-tag{color:#b7c2d6}
.profile-identity-actions{position:relative;z-index:1;display:grid;gap:9px;flex:none;min-width:158px}
.profile-hero-action{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:40px;padding:0 13px;border:1px solid transparent;border-radius:11px;font-size:10px;font-weight:850;transition:transform .16s,background .16s,border-color .16s}
.profile-hero-action:hover{transform:translateY(-1px)}
.profile-hero-action.primary{background:linear-gradient(135deg,#8b7cff,#6d5ce7);color:#fff;box-shadow:0 8px 19px #6d5ce733}
.profile-hero-action.primary:hover{background:linear-gradient(135deg,#9a8dff,#7566f0)}
.profile-hero-action.secondary{border-color:#ffffff24;background:#ffffff08;color:#d9e1f0}
.profile-hero-action.secondary:hover{border-color:#8b7cff65;background:#8b7cff12}
.profile-settings-grid-v2{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:17px;align-items:stretch}
.profile-card,.profile-activity-card{min-width:0;overflow:hidden;border:1px solid var(--border);border-radius:19px;background:var(--card);box-shadow:var(--shadow)}
.profile-card{scroll-margin-top:90px}
.profile-card-heading{display:flex;align-items:center;gap:12px;padding:20px 21px;border-bottom:1px solid var(--border)}
.profile-card-heading>div{min-width:0}
.profile-card-heading h2,.profile-activity-heading h2{margin:0;color:var(--ink);font-size:14px;font-weight:850;letter-spacing:-.2px}
.profile-card-heading p,.profile-activity-heading p{margin:5px 0 0;color:var(--muted);font-size:10px;line-height:1.65}
.profile-card-heading-icon{display:grid;place-items:center;flex:none;width:42px;height:42px;border:1px solid transparent;border-radius:13px;font-size:15px}
.profile-card-heading-icon.details-icon{border-color:#0284c72b;background:#0284c716;color:#60c9ff}
.profile-card-heading-icon.security-icon{border-color:#8b5cf638;background:#8b5cf61a;color:#b7a5ff}
.profile-card-heading-icon.activity-icon{border-color:#10b98135;background:#10b98115;color:#70e7bd}
.profile-card-body{padding:21px}
.profile-form-v2{display:grid;gap:9px}
.profile-form-v2 label{margin-top:4px;color:var(--ink-2);font-size:10px;font-weight:850}
.profile-text-input{display:block;width:100%;min-width:0;height:45px;padding:0 13px;border:1px solid var(--border);border-radius:11px;outline:none;background:var(--bg);color:var(--ink);font-size:11px;transition:border-color .16s,box-shadow .16s,background .16s}
.profile-text-input::placeholder{color:#71819a}
.profile-text-input:focus{border-color:#8b7cff;box-shadow:0 0 0 3px #8b7cff20;background:var(--card)}
.profile-input-help{margin:0;color:var(--muted);font-size:9px;line-height:1.6}
.profile-save-button{display:inline-flex;align-items:center;justify-content:center;gap:9px;justify-self:start;min-height:41px;margin-top:8px;padding:0 15px;border:1px solid #0284c7;border-radius:11px;background:linear-gradient(135deg,#0ea5e9,#0284c7 65%,#0369a1);box-shadow:0 7px 16px #0284c723;color:#fff;font-size:10px;font-weight:850;transition:transform .16s,box-shadow .16s}
.profile-save-button:hover{transform:translateY(-1px);box-shadow:0 10px 21px #0284c733}
.profile-readonly-section{margin-top:23px;border:1px solid var(--border);border-radius:13px;overflow:hidden}
.profile-readonly-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:11px 13px;border-bottom:1px solid var(--border);background:#8b7cff08;color:var(--ink-2);font-size:9px;font-weight:850}
.profile-readonly-label{display:inline-flex;align-items:center;gap:6px;color:var(--muted);font-size:8px;font-weight:800}
.profile-readonly-label i{color:#8b7cff}
.profile-readonly-row{display:flex;align-items:center;gap:11px;min-width:0;padding:12px;border-bottom:1px solid var(--border)}
.profile-readonly-row:last-child{border-bottom:0}
.profile-readonly-icon{display:grid;place-items:center;flex:none;width:32px;height:32px;border:1px solid var(--border);border-radius:9px;background:var(--bg);color:#a99aff;font-size:12px}
.profile-readonly-copy{display:grid;gap:4px;flex:1;min-width:0}
.profile-readonly-copy small{color:var(--muted);font-size:9px;font-weight:700}
.profile-readonly-copy b{color:var(--ink-2);font-size:10px;overflow-wrap:anywhere}
.profile-lock-chip{flex:none;padding:5px 7px;border:1px solid var(--border);border-radius:7px;background:var(--bg);color:var(--muted);font-size:8px;font-weight:850}
.profile-email-notice{display:flex;align-items:flex-start;gap:10px;margin-top:14px;padding:11px 12px;border:1px solid #0284c72a;border-radius:11px;background:#0284c70b;color:var(--muted)}
.profile-email-notice>i{margin-top:2px;color:#38bdf8;font-size:12px}
.profile-email-notice p{display:grid;gap:4px;margin:0;font-size:9px;line-height:1.6}
.profile-email-notice b{color:var(--ink-2);font-size:9px}
.profile-password-form-v2{gap:8px}
.profile-password-field{position:relative;display:flex;align-items:center;min-width:0}
.profile-password-field .profile-text-input{padding-right:44px}
.profile-password-toggle{position:absolute;right:7px;display:grid;place-items:center;width:32px;height:32px;border:0;border-radius:8px;background:transparent;color:var(--muted);font-size:12px}
.profile-password-toggle:hover{background:#8b7cff14;color:#b7a5ff}
.profile-password-note{display:flex;align-items:flex-start;gap:10px;margin-top:8px;padding:12px;border:1px solid #8b7cff2d;border-radius:12px;background:#8b7cff0b}
.profile-password-note-icon{display:grid;place-items:center;flex:none;width:31px;height:31px;border-radius:9px;background:#8b7cff1a;color:#b7a5ff;font-size:12px}
.profile-password-note>span:last-child{display:grid;gap:4px}
.profile-password-note b{color:var(--ink-2);font-size:9px}
.profile-password-note small{color:var(--muted);font-size:9px;line-height:1.7}
.security-save-button{margin-top:7px}
.profile-activity-card{margin-top:0}
.profile-activity-heading{display:flex;align-items:center;justify-content:space-between;gap:17px;padding:19px 21px;border-bottom:1px solid var(--border)}
.profile-activity-heading-main{display:flex;align-items:center;gap:12px;min-width:0}
.profile-activity-heading-main>div{min-width:0}
.profile-activity-count{display:inline-flex;align-items:center;gap:7px;flex:none;padding:7px 9px;border:1px solid var(--border);border-radius:9px;background:var(--bg);color:var(--muted);font-size:9px;font-weight:800}
.profile-activity-count i{color:#a99aff}
.profile-activity-list{padding:3px 21px}
.profile-activity-item{position:relative;display:flex;align-items:flex-start;gap:13px;min-width:0;padding:15px 0;border-bottom:1px solid var(--border)}
.profile-activity-item:last-child{border-bottom:0}
.profile-activity-marker{position:relative;z-index:1;display:grid;place-items:center;flex:none;width:35px;height:35px;border:1px solid transparent;border-radius:11px;font-size:12px}
.profile-activity-marker.password-event{border-color:#8b5cf637;background:#8b5cf615;color:#b7a5ff}
.profile-activity-marker.name-event{border-color:#0284c737;background:#0284c715;color:#60c9ff}
.profile-activity-marker.login-event{border-color:#10b98138;background:#10b98114;color:#70e7bd}
.profile-activity-marker.logout-event{border-color:#f59e0b38;background:#f59e0b14;color:#f6cc73}
.profile-activity-marker.general-event{border-color:var(--border);background:var(--bg);color:var(--muted)}
.profile-activity-copy{flex:1;min-width:0;padding-top:1px}
.profile-activity-copy b{display:block;color:var(--ink-2);font-size:10px;font-weight:850}
.profile-activity-copy p{margin:5px 0 0;color:var(--muted);font-size:10px;line-height:1.7;overflow-wrap:anywhere}
.profile-activity-time{display:inline-flex;align-items:center;gap:6px;flex:none;padding-top:2px;color:var(--muted);font-size:9px;white-space:nowrap}
.profile-activity-time i{color:#8e9ab0}
.profile-activity-footer{padding:12px 21px;border-top:1px solid var(--border);background:#8b7cff06;color:var(--muted);font-size:9px;line-height:1.6}
.profile-activity-empty{display:grid;justify-items:center;gap:8px;padding:31px 18px;text-align:center}
.profile-activity-empty>span{display:grid;place-items:center;width:44px;height:44px;border:1px solid #8b7cff2d;border-radius:14px;background:#8b7cff12;color:#b7a5ff;font-size:17px}
.profile-activity-empty b{color:var(--ink-2);font-size:11px}
.profile-activity-empty p{margin:0;color:var(--muted);font-size:10px;line-height:1.7}
body.workspace-dark .profile-text-input{background:#0b1220;border-color:#2b3850;color:#e7edf8}
body.workspace-dark .profile-text-input:focus{background:#0c1423;border-color:#8b7cff}
body.workspace-dark .profile-readonly-heading{background:#8b7cff0b}
body.workspace-dark .profile-readonly-icon,body.workspace-dark .profile-lock-chip{background:#0b1220;border-color:#2b3850}
body.workspace-dark .profile-email-notice{background:#0284c70b;border-color:#164c70}
body.workspace-dark .profile-password-note{background:#8b7cff0c;border-color:#44396e}
body.workspace-dark .profile-activity-footer{background:#8b7cff08}
@media(max-width:1000px){.profile-identity-card{align-items:flex-start}.profile-identity-actions{min-width:145px}.profile-settings-grid-v2{grid-template-columns:minmax(0,1fr)}.profile-card-body{padding:20px}}
@media(max-width:700px){.profile-page-v2{gap:14px}.profile-page-heading{align-items:flex-start;flex-direction:column;gap:13px}.profile-page-heading h1{font-size:27px}.profile-back-link{min-height:39px}.profile-identity-card{display:grid;gap:19px;padding:18px;border-radius:17px}.profile-identity-main{align-items:flex-start;gap:13px}.profile-avatar-large{width:60px;height:60px;border-radius:17px;font-size:24px}.profile-identity-copy h2{margin-top:6px;font-size:21px}.profile-identity-email{font-size:10px;align-items:flex-start}.profile-identity-tags{gap:5px;margin-top:11px}.profile-identity-tags>span{font-size:8px;min-height:25px;padding:5px 7px}.profile-identity-actions{grid-template-columns:1fr 1fr;min-width:0}.profile-hero-action{min-height:39px;padding:0 8px;font-size:9px}.profile-identity-card:after{right:-85px;top:-15px}.profile-card-heading{padding:16px}.profile-card-heading-icon{width:37px;height:37px;border-radius:11px}.profile-card-heading h2,.profile-activity-heading h2{font-size:13px}.profile-card-body{padding:16px}.profile-readonly-row{padding:10px}.profile-activity-heading{align-items:flex-start;padding:15px;flex-direction:column;gap:10px}.profile-activity-heading-main{gap:10px}.profile-activity-heading-main .profile-card-heading-icon{width:37px;height:37px}.profile-activity-list{padding:2px 15px}.profile-activity-item{gap:10px;padding:13px 0}.profile-activity-marker{width:31px;height:31px;border-radius:9px;font-size:11px}.profile-activity-copy b{font-size:9px}.profile-activity-copy p{font-size:9px}.profile-activity-time{align-items:flex-end;white-space:normal;text-align:right;max-width:105px;font-size:8px;line-height:1.5}.profile-activity-footer{padding:11px 15px}}
@media(max-width:420px){.profile-identity-main{gap:10px}.profile-avatar-large{width:52px;height:52px;border-radius:15px}.profile-identity-copy h2{font-size:18px}.profile-identity-tags .profile-member-tag{display:none}.profile-identity-actions{grid-template-columns:1fr}.profile-hero-action{font-size:10px}.profile-activity-item{flex-wrap:wrap}.profile-activity-time{margin-left:41px;max-width:unset;width:calc(100% - 41px);justify-content:flex-start;text-align:left}}
@media(prefers-reduced-motion:reduce){.profile-page-v2 *{transition:none!important;scroll-behavior:auto!important}}
