/* UI/Pages/Profile/Style.css */
.pf-t1 { color:var(--pf-t1,#e5e5e5); }
.pf-t2 { color:var(--pf-t2,#a3a3a3); }
.pf-t3 { color:var(--pf-t3,#737373); }
.pf-line { background:var(--pf-line,rgba(26,26,26,.5)); }
.pf-card { background:var(--pf-card,#050505);border:1px solid var(--pf-cline,rgba(26,26,26,.5)); }
.pf-edge { border-bottom:1px solid var(--pf-edge,#1a1a1a); }
.pf-t1,.pf-t2,.pf-t3,.pf-card,.pf-line,.pf-edge,.pf-edge { transition:color .45s var(--ease),background-color .45s var(--ease),border-color .45s var(--ease),opacity .25s ease; }
#profile-panel { border-color:var(--pf-edge,#1a1a1a); }
#me-card { border-top-color:var(--pf-edge,rgba(26,26,26,.5)); }
#me-card:hover { filter:brightness(1.07); }

.sing-badge { display:inline-flex;vertical-align:-3px;margin-left:5px;-webkit-text-fill-color:initial;cursor:pointer;transition:transform .3s var(--ease),filter .3s var(--ease); }
.sing-badge:hover { transform:scale(1.15); }
.sing-until { color:#ffffff;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.14);padding:1px 8px;border-radius:99px;font-weight:500;white-space:nowrap; }

.profile-style-panel {
    border:1px solid #1a1a1a;background:#070707;border-radius:16px;padding:16px;
}

.sw2 { max-width:36px; opacity:1; transition:max-width .35s var(--ease),opacity .25s ease,margin .35s var(--ease); overflow:hidden; flex-shrink:0; line-height:0; }
.sw2.off { max-width:0;opacity:0;margin-left:-8px;pointer-events:none; }
.swatch { -webkit-appearance:none;appearance:none;width:36px;height:36px;padding:0;border:1px solid #262626;border-radius:10px;background:none;cursor:pointer;overflow:hidden;display:block; }
.swatch::-webkit-color-swatch-wrapper { padding:0; } .swatch::-webkit-color-swatch { border:none;border-radius:9px; } .swatch::-moz-color-swatch { border:none;border-radius:9px; }
.swatch:hover { transform:scale(1.06);border-color:#737373; }

/* ---- профиль на телефоне/планшете: шторка снизу (92dvh, скруглённый верх) с затемнением, как у настроек ---- */
#profile-backdrop { display:none; }
@media (max-width:1023px) {
    #profile-backdrop {
        display:block;position:fixed;inset:0;z-index:59;visibility:hidden;pointer-events:none;
        background-color:rgba(0,0,0,0);backdrop-filter:blur(0);-webkit-backdrop-filter:blur(0);
        transition:background-color .4s ease,backdrop-filter .4s ease,-webkit-backdrop-filter .4s ease,visibility 0s linear .5s;
    }
    #profile-panel:not(.profile-hidden) + #profile-backdrop {
        visibility:visible;pointer-events:auto;background-color:rgba(0,0,0,.78);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);
        transition:background-color .4s ease,backdrop-filter .4s ease,-webkit-backdrop-filter .4s ease,visibility 0s;
    }
    #pf-body { padding-bottom:calc(1.25rem + var(--safe-bottom,0px)); }
}