/* Shared identity for listener, artist, vendor and distributor workspaces. */
body .sidebar,body .vendor-nav,body .dp-side{--sb-ink:#f7f7f8;--sb-dim:#a8a8b1;--sb-edge:#ffffff12;background:linear-gradient(165deg,#191719,#0d0d10 65%);color:var(--sb-ink);border:1px solid var(--sb-edge);box-shadow:0 16px 48px #0003;scrollbar-width:thin;scrollbar-color:#493237 transparent}
body.ut-fan .sidebar{background:linear-gradient(165deg,#191719,#0d0d10 65%);border:1px solid #ffffff12}
body .sidebar-header,body .sidebar>.brand,body .dp-brand{position:relative;isolation:isolate;background:linear-gradient(90deg,#101012d9,#101012b0),url('/images/login-music-20261025.webp') center 43%/cover;border-bottom:1px solid #ffffff12}
body .sidebar-header{padding:24px 18px 16px}
body .sidebar>.brand{margin:0 0 14px;padding:24px 18px;align-self:stretch;min-height:94px}
body .dp-brand{padding:22px 16px;margin:-6px -6px 12px;border-radius:16px;min-height:94px}
body.ut-fan .sidebar-logo-name,body .sidebar .brand-name,body .dp-brand,body .dp-brand small{color:#fff}
body.ut-fan .sidebar-logo-mark,body .dp-brand-mark{background:#e62e2d;box-shadow:0 6px 22px #e62e2d30;border-radius:12px}
body .sidebar-nav{padding:10px 12px 20px;min-height:0;overscroll-behavior:contain}
body.ut-fan .sidebar .nav-section{margin-bottom:18px}
body .sidebar .nav-section-label,body .sidebar .lib-head,body .vendor-nav>strong{color:#9998a4;font-size:10px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;padding:12px 12px 8px;margin:0}
body.ut-fan .sidebar .nav-link,body .sidebar .nav>a,body .vendor-nav>a,body .vendor-exit>a,body .dp-nav>a{position:relative;min-height:44px;padding:11px 13px;margin:3px 0;border:1px solid transparent;border-radius:12px;color:#b7b6c0;font-size:13px;font-weight:600;line-height:1.45;text-decoration:none;transition:background .18s,border-color .18s,color .18s;gap:12px}
body.ut-fan .sidebar .nav-link:hover,body .sidebar .nav>a:hover,body .vendor-nav a:hover,body .dp-nav>a:hover{background:#ffffff08;border-color:#ffffff0c;color:#fff}
body.ut-fan .sidebar .nav-link.active,body .sidebar .nav>a[aria-current=page],body .vendor-nav>a[aria-current=page],body .dp-nav>a.on{color:#fff;background:linear-gradient(100deg,#e62e2d27,#e62e2d10);border-color:#e62e2d55;box-shadow:inset 3px 0 #e62e2d,0 4px 15px #0001}
body.ut-fan .sidebar .nav-link.active svg,body .sidebar .nav>a[aria-current=page] svg,body .dp-nav>a.on svg{color:#ff625f;stroke:#ff625f}
body .sidebar .nav-link svg,body .sidebar .nav>a svg,body .dp-nav>a svg{width:18px;height:18px;flex-shrink:0;opacity:.9}
body .sidebar :is(a,button):focus-visible,body .vendor-nav a:focus-visible,body .dp-side :is(a,button):focus-visible{outline:2px solid #ff625f;outline-offset:2px}
body .sidebar .lib-row{border-radius:12px;color:#c9c8cf;padding:9px 12px}
body .sidebar .lib-cover,body .sidebar .pl-art{border-radius:9px;box-shadow:0 4px 12px #0003}
body .sidebar .sidebar-user,body .dp-me{background:#ffffff03;border-top:1px solid #ffffff10;padding:14px;flex-shrink:0;color:#fff}
body .sidebar .sidebar-user-inner{background:#ffffff05;border:1px solid #ffffff0b;border-radius:14px;padding:10px;box-shadow:none}
body .sidebar .user-name,body .sidebar .user-info{color:#fff}
body .sidebar .user-avatar{border-radius:11px;background:#e62e2d20;border:1px solid #e62e2d35}
body .sidebar .user-role-badge{font-size:9px;letter-spacing:.07em;background:#e62e2d18;color:#ff817c;border:1px solid #e62e2d25}
body .sidebar .mobile-logout-form button,body .dp-me button{min-height:44px;border:1px solid #e62e2d45;border-radius:11px;background:#e62e2d13;color:#ffaaa4;font-size:12px;font-weight:700;box-shadow:none}
body .sidebar .mobile-logout-form button:hover,body .dp-me button:hover{background:#e62e2d26;color:#fff}
body .sidebar .user-menu-btn{min-height:40px;min-width:40px;border-radius:10px;color:#ffa19a}
body .sidebar .get-app{background:#ffffff04;border:1px solid #ffffff10;border-radius:14px;margin:12px;color:#fff}
body .sidebar select{background:#202024;color:#ddd;border:1px solid #ffffff12;border-radius:9px;min-height:34px}
body .vendor-nav{margin:18px 12px;border-radius:18px;padding:16px 12px;height:calc(100dvh - 112px);top:94px;overflow-y:auto}
body .vendor-nav>strong{padding-top:4px;padding-bottom:16px}
body .vendor-nav>a::before{content:'';display:inline-block;width:6px;height:6px;border:1px solid #797782;border-radius:2px;margin-right:12px;vertical-align:2px}
body .vendor-nav>a[aria-current=page]::before{background:#ff625f;border-color:#ff625f;box-shadow:0 0 12px #e62e2d50}
body .vendor-nav .vendor-exit{border-top:1px solid #ffffff10;margin-top:22px;padding-top:12px}
body .vendor-nav .vendor-exit>a{display:block;font-size:12px}
body .dp-side{border-radius:18px;padding:16px 12px;overflow-y:auto}
body .dp-me b{font-size:14px}body .dp-me>span{font-size:11px;color:#9998a4;overflow-wrap:anywhere}body .dp-nav>a.off{opacity:.4}
@media(max-width:900px){body .sidebar{border-radius:0 20px 20px 0}body .sidebar-header{padding-top:20px}body.ut-fan .sidebar .nav-link{min-height:44px}body .sidebar .mobile-logout-form{margin-top:14px}}
@media(max-width:800px){body .vendor-nav{margin:10px 12px;border-radius:14px;top:78px;height:auto;overflow-y:hidden;padding:8px;box-shadow:0 6px 20px #0002}body .vendor-nav>a{min-height:40px;margin:0;flex-shrink:0}body .vendor-nav>a::before{display:none}body .dp-side{border-radius:0 0 18px 18px}body .dp-brand{padding:14px 16px;min-height:70px;margin:0}body .dp-nav{scrollbar-width:thin}body .dp-nav>a{flex-shrink:0}body .dp-me{padding:12px}}
@media(prefers-reduced-motion:reduce){body .sidebar a,body .vendor-nav a,body .dp-side a{transition:none}}
body .vendor-nav>strong{background:linear-gradient(90deg,#101012df,#101012aa),url('/images/login-music-20261025.webp') center 40%/cover;padding:22px 14px;margin-bottom:14px;border:1px solid #ffffff0d;border-radius:12px;color:#dedde5}

body .sidebar,body.ut-fan .sidebar{background:linear-gradient(165deg,#191719,#0d0d10 65%)!important}
body.ut-fan .sidebar .nav-link.active,body .sidebar .nav>a[aria-current=page],body .vendor-nav>a[aria-current=page],body .dp-nav>a.on{background:linear-gradient(100deg,#e62e2d27,#e62e2d10)!important;border-color:#e62e2d55!important;color:#fff!important;box-shadow:inset 3px 0 #e62e2d,0 4px 15px #0001!important}
body .sidebar>.brand{border-radius:14px}