.asset-icon{
position:relative;
overflow:hidden;
flex:0 0 36px}
.asset-initials{
display:grid;
place-items:center;
width:100%;
height:100%}
.asset-logo{
position:absolute;
inset:0;
width:100%;
height:100%;
object-fit:contain;
background:#fff;
padding:4px}

.settings-tabs{
display:flex;
gap:6px;
margin:0 0 18px;
padding:5px;
width:max-content;
max-width:100%;
overflow-x:auto;
border:1px solid var(--line);
border-radius:12px;
background:#fff}
.settings-tabs button{
white-space:nowrap;
padding:9px 13px;
border:0;
border-radius:8px;
background:transparent;
color:var(--muted);
font:600 12px "DM Sans";
cursor:pointer}
.settings-tabs button.active{
background:#e8f0ec;
color:var(--green)}
#profile-form,
#password-form{
grid-column:1/-1;
width:100%}
.sessions-card{
grid-column:1/-1}
.connected-sessions{
display:grid;
gap:10px}
.connected-session{
display:grid;
grid-template-columns:minmax(0,1fr) auto;
gap:16px;
align-items:center;
padding:14px;
border:1px solid var(--line);
border-radius:12px}
.connected-session strong,.connected-session small{
display:block}
.connected-session small{
margin-top:4px;
color:var(--muted)}
.current-session-badge{
display:inline-block;
margin-left:7px;
padding:3px 7px;
border-radius:99px;
background:#e7f3ed;
color:var(--green);
font-size:9px;
text-transform:uppercase}

.danger-zone{
grid-column:1/-1;
border-color:#e8c9ca;
background:#fffafa}
.danger-icon{
background:#f8e5e6;
color:var(--red)}
.danger-actions{
display:grid;
grid-template-columns:1fr 1fr;
gap:18px}
.danger-action{
display:grid;
gap:13px;
padding:18px;
border:1px solid #ecd7d8;
border-radius:13px;
background:#fff}
.danger-action h3{
margin:0 0 6px;
font:700 14px Manrope;
color:#7f3034}
.danger-action p{
margin:0;
color:var(--muted);
font-size:11px;
line-height:1.5}
.danger-action label{
font-size:11px;
font-weight:600;
color:#52615b}
.danger-action label input{
margin-top:6px}
.btn.danger-secondary{
justify-self:start;
border:1px solid #d99b9e;
background:#fff;
color:#a33f43}
.btn.danger-primary{
justify-self:start;
background:#a33f43;
color:#fff}
.btn.danger-primary:hover{
background:#883236}

@media(max-width:760px){
.settings-tabs{
width:100%}
.connected-session{
grid-template-columns:1fr}
.danger-zone{
grid-column:auto}
.danger-actions{
grid-template-columns:1fr}
}

.demo-data-card{
grid-column:1/-1}
.personal-data-card{
grid-column:1/-1}
.personal-data-icon{
background:#e4f0e9;
color:#277256}
.personal-data-content{
display:grid;
grid-template-columns:1fr auto;
gap:24px;
align-items:center;
padding:12px 0 3px}
.personal-data-content strong{
display:block}
.personal-data-content p{
max-width:720px;
margin:5px 0 9px;
color:var(--muted);
font-size:11px;
line-height:1.55}
.personal-data-content a{
color:var(--green);
font-size:11px;
font-weight:700;
text-decoration:none}
.personal-data-content a:hover{
text-decoration:underline}
.demo-icon{
background:#e8eef8;
color:#496a9a}
.demo-data-content{
display:grid;
grid-template-columns:1fr auto;
gap:24px;
align-items:center;
padding:16px 0 4px}
.demo-data-content strong,.demo-data-content small{
display:block}
.demo-data-content p{
margin:5px 0 9px;
color:var(--muted);
font-size:11px;
line-height:1.55;
max-width:720px}
.demo-data-content small{
color:#66766f}
.demo-data-actions{
display:flex;
gap:9px;
align-items:center;
flex-wrap:wrap;
justify-content:flex-end}
.demo-data-actions .btn{
justify-self:auto}

@media(max-width:760px){
.demo-data-card{
grid-column:auto}
.personal-data-card{
grid-column:auto}
.personal-data-content{
grid-template-columns:1fr}
.demo-data-content{
grid-template-columns:1fr}
.demo-data-actions{
justify-content:flex-start}
}