/* Кабинет артиста: дизайн-полировка (11 ноября 2026). Только оформление, поведение не меняется.
   Палитра: графит, белые заголовки, светло-серый текст, малиновый — действия, выбранное и пройденное. */

/* ——— Фокус: рамка только при работе с клавиатуры; заголовки, получающие фокус программно, без рамки ——— */
.console-shell [tabindex="-1"]:focus{outline:none!important;box-shadow:none!important}
.console-shell :is(button,a,summary):focus:not(:focus-visible){outline:none!important}

/* ——— Мастер релиза: шкала этапов — стеклянные узлы, светящаяся дорожка, дышащий текущий шаг ——— */
.rw-journey{--rw-progress:0;--rw-inset:10%;position:relative;isolation:isolate;margin:6px 0 38px;padding:8px 0 4px}
.rw-journey::before,.rw-journey::after{content:"";position:absolute;top:36px;left:var(--rw-inset);height:3px;border-radius:3px;z-index:-1}
.rw-journey::before{right:var(--rw-inset);background:linear-gradient(90deg,#2c2a33,#34323b 50%,#2c2a33)}
.rw-journey::after{width:calc((100% - 2 * var(--rw-inset)) * var(--rw-progress));background:linear-gradient(90deg,#8f1d45,#d03565 55%,#ff8db1 92%,#ffd3e2),linear-gradient(90deg,transparent 0 40%,rgba(255,255,255,.75) 50%,transparent 60% 100%);background-size:100% 100%,220px 100%;background-repeat:no-repeat,repeat-x;background-blend-mode:screen;box-shadow:0 0 16px rgba(239,106,146,.7),0 0 4px rgba(255,211,226,.6);transition:width .9s cubic-bezier(.2,.8,.2,1);animation:rw-flow 2.6s linear infinite}
@keyframes rw-flow{from{background-position:0 0,-220px 0}to{background-position:0 0,220px 0}}
.rw-journey button{position:relative;display:grid;justify-items:center;align-content:start;gap:6px;padding:0!important;border:0!important;background:none!important;outline:none!important;box-shadow:none!important;color:#aaa6b2;cursor:pointer;-webkit-tap-highlight-color:transparent}
.rw-journey button:hover{outline:none!important}
.rw-journey .rw-node{position:relative;display:grid;place-items:center;width:56px;height:56px;border-radius:50%;background:radial-gradient(circle at 30% 22%,#3a3742,#1c1b21 70%);box-shadow:0 0 0 6px #131218,inset 0 0 0 1.5px #45414f,inset 0 1px 0 rgba(255,255,255,.08),0 10px 22px -12px #000;transition:transform .4s cubic-bezier(.2,.8,.2,1),box-shadow .4s ease,background .4s ease;margin-bottom:6px}
.rw-journey .rw-node svg{width:22px;height:22px;fill:none;stroke:#aaa6b2;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;transition:stroke .3s ease,transform .4s cubic-bezier(.2,.8,.2,1),opacity .3s ease}
.rw-journey .rw-node .rw-node-check{position:absolute;opacity:0;transform:scale(.4) rotate(-20deg);stroke:#fff;stroke-width:2.4}
.rw-journey .rw-node::after{content:"";position:absolute;inset:-10px;border-radius:50%;background:radial-gradient(circle,rgba(239,106,146,.35),transparent 65%);opacity:0;transform:scale(.7);transition:opacity .4s ease,transform .4s ease;z-index:-1;pointer-events:none}
.rw-journey .rw-step-no{font-style:normal;font-size:10px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#6f6a7a;transition:color .3s ease}
.rw-journey b{font-size:14px!important;font-weight:600;color:#c8c5cf;transition:color .3s ease}
.rw-journey small{min-height:14px;font-size:10px!important;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#ef6a92}
/* наведение */
.rw-journey button:hover .rw-node{transform:translateY(-4px);box-shadow:0 0 0 6px #131218,inset 0 0 0 1.5px #ef6a92,inset 0 1px 0 rgba(255,255,255,.12),0 16px 30px -14px rgba(208,53,101,.9)}
.rw-journey button:hover .rw-node::after{opacity:1;transform:scale(1)}
.rw-journey button:hover .rw-node svg{stroke:#ffd3e2;transform:scale(1.1)}
.rw-journey button:hover b{color:#fff}
.rw-journey button:hover .rw-step-no{color:#ef6a92}
/* пройденный */
.rw-journey button.is-done .rw-node{background:radial-gradient(circle at 30% 22%,#e04876,#a8214d 70%);box-shadow:0 0 0 6px #131218,inset 0 1px 0 rgba(255,255,255,.3),0 10px 24px -10px rgba(208,53,101,.9)}
.rw-journey button.is-done .rw-node svg:first-child{opacity:0;transform:scale(.4)}
.rw-journey button.is-done .rw-node .rw-node-check{opacity:1;transform:none;transition:opacity .3s ease .1s,transform .5s cubic-bezier(.3,1.6,.5,1) .1s}
.rw-journey button.is-done b{color:#e8e6ec}
.rw-journey button.is-done .rw-step-no{color:#aaa6b2}
.rw-journey button.is-done:hover .rw-node{box-shadow:0 0 0 6px #131218,inset 0 1px 0 rgba(255,255,255,.35),0 16px 30px -12px rgba(208,53,101,1)}
/* текущий — дышащая подсветка */
.rw-journey button[aria-current] .rw-node{background:radial-gradient(circle at 30% 22%,#4a2633,#1f1a22 72%);transform:translateY(-2px) scale(1.06);box-shadow:0 0 0 6px #131218,inset 0 0 0 2px #ef6a92,inset 0 1px 0 rgba(255,255,255,.12),0 0 26px rgba(239,106,146,.55);animation:rw-breathe 2.8s ease-in-out infinite}
.rw-journey button[aria-current] .rw-node svg{stroke:#fff}
.rw-journey button[aria-current] .rw-node::after{opacity:1;transform:scale(1.1);animation:rw-halo 2.8s ease-in-out infinite}
.rw-journey button[aria-current] b{color:#fff}
.rw-journey button[aria-current] .rw-step-no{color:#ef6a92}
@keyframes rw-breathe{0%,100%{box-shadow:0 0 0 6px #131218,inset 0 0 0 2px #ef6a92,inset 0 1px 0 rgba(255,255,255,.12),0 0 18px rgba(239,106,146,.4)}50%{box-shadow:0 0 0 6px #131218,inset 0 0 0 2px #ff8db1,inset 0 1px 0 rgba(255,255,255,.16),0 0 38px rgba(239,106,146,.8)}}
@keyframes rw-halo{0%,100%{opacity:.55;transform:scale(1)}50%{opacity:1;transform:scale(1.35)}}
/* клавиатура: кольцо только вокруг узла */
.rw-journey button:focus-visible .rw-node{outline:2px solid #ef6a92;outline-offset:6px}
@media(max-width:700px){.rw-journey{--rw-inset:9%}.rw-journey::before,.rw-journey::after{top:29px}.rw-journey .rw-node{width:42px;height:42px;box-shadow:0 0 0 4px #131218,inset 0 0 0 1.5px #45414f}.rw-journey .rw-node svg{width:18px;height:18px}.rw-journey b{font-size:11px!important}.rw-journey .rw-step-no{font-size:8px}.rw-journey small{font-size:8px!important}}
@media(max-width:420px){.rw-journey::before,.rw-journey::after{top:25px}.rw-journey .rw-node{width:34px;height:34px}.rw-journey .rw-node svg{width:15px;height:15px}.rw-journey .rw-step-no{display:none}.rw-journey b{font-size:10px!important}}
@media(prefers-reduced-motion:reduce){.rw-journey::after,.rw-journey button[aria-current] .rw-node,.rw-journey button[aria-current] .rw-node::after{animation:none!important}.rw-journey .rw-node,.rw-journey .rw-node svg{transition:none!important}}

/* ——— Мастер релиза: режим заполнения — переключатель-пилюля ——— */
.rw-mode{display:inline-flex;gap:4px;padding:4px;margin-bottom:24px;border:1px solid #2c2a33;border-radius:12px;background:#17161b}
.rw-mode button{display:inline-flex;align-items:center;gap:7px;min-height:38px;padding:0 16px;border:0!important;border-radius:9px;color:#b6b2be;font-size:13.5px;font-weight:600;transition:background-color .25s ease,color .25s ease,box-shadow .3s ease}
.rw-mode button:hover{color:#fff;background:#24222a}
.rw-mode button[aria-pressed=true]{color:#fff;background:linear-gradient(180deg,#c42d5e,#a8214d);box-shadow:inset 0 1px 0 rgba(255,255,255,.2),0 8px 20px -10px rgba(208,53,101,.9)}
.rw-mode>span{align-self:center;padding:0 10px 0 6px;font-size:11px;color:#8f8b99}

/* ——— Мастер релиза: поля и низ формы ——— */
.rw-field{color:#c8c5cf;font-size:12.5px;font-weight:500}
.rw-field input,.rw-field select,.rw-field textarea{background:#201f25!important;border:1px solid #3a3742!important;border-radius:10px!important;color:#f1f0f3!important;font-weight:400!important;min-height:46px}
.rw-field input:hover,.rw-field select:hover,.rw-field textarea:hover{border-color:#55515e!important}
.rw-field input:focus,.rw-field select:focus,.rw-field textarea:focus{background:#24222a!important;border-color:#ef6a92!important;box-shadow:0 0 0 4px rgba(239,106,146,.14)}
.rw-field input::placeholder,.rw-field textarea::placeholder{color:#8f8b99}
.rw-panel h2{color:#fff;font-weight:600!important;letter-spacing:-.02em}
.rw-controls{background:rgba(23,22,27,.6)}
.rw-controls>[data-rw-position]{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* ——— Поля во всём кабинете: обычный (не жирный) введённый текст, светлее фон, понятная рамка ——— */
.console-shell .main .field{color:#c8c5cf;font-weight:500;font-size:12.5px;letter-spacing:.01em}
.console-shell .main .field :is(input:not([type=checkbox]):not([type=radio]):not([type=file]):not([type=range]):not([type=color]),select,textarea){font-weight:400!important;background-color:#201f25!important;border:1px solid #3a3742!important;border-radius:10px!important;color:#f1f0f3!important;min-height:46px;transition:border-color .2s ease,box-shadow .25s ease,background-color .2s ease}
.console-shell .main .field textarea{min-height:96px}
.console-shell .main .field :is(input,select,textarea):hover{border-color:#55515e!important}
.console-shell .main .field :is(input,select,textarea):focus{outline:none!important;background-color:#24222a!important;border-color:#ef6a92!important;box-shadow:0 0 0 4px rgba(239,106,146,.14)!important}
.console-shell .main .field :is(input,textarea)::placeholder{color:#8f8b99}

/* ——— Профиль: шапка артиста в цвете его фото (как на площадках), без нумерации разделов ——— */
.ac-profile-hero,.ac-artist-hero{--cc:185 39 86;position:relative;isolation:isolate}
.ac-profile-hero{grid-template-columns:200px minmax(0,1fr);gap:34px;padding:34px;background:radial-gradient(900px 320px at 100% 0%,rgb(var(--cc)/.30),transparent 65%),radial-gradient(600px 260px at 70% 120%,rgb(var(--cc)/.16),transparent 70%),linear-gradient(110deg,#25242b,#1b1a20);transition:background .8s ease}
.ac-profile-hero .ac-photo-profile{width:200px;height:220px;border-radius:16px;box-shadow:0 26px 50px -24px rgb(var(--cc)/.85),0 0 0 1px rgba(255,255,255,.08)}
.ac-profile-hero h2{font-size:46px;font-weight:800;color:#fff}
.ac-profile-hero .ac-kicker{color:#c8c5cf!important}
.ac-edit-section .ac-section-title .cx-section-number{display:none}
@media(max-width:700px){.ac-profile-hero{grid-template-columns:1fr;padding:24px}.ac-profile-hero .ac-photo-profile{width:150px;height:170px}.ac-profile-hero h2{font-size:34px}}

/* ——— Главная кабинета: шапка в цвете фото, цифры — плашки ——— */
.ac-artist-hero{background:radial-gradient(800px 360px at 100% 0%,rgb(var(--cc)/.26),transparent 65%),linear-gradient(115deg,#26252c,#1c1b21)!important;transition:background .8s ease}
.ac-hero-stats{display:grid;grid-template-columns:repeat(3,minmax(0,max-content));gap:12px;border-top:0;padding-top:6px}
.ac-hero-stats>a{display:grid;gap:4px;min-width:116px;padding:14px 18px;border-radius:14px;border:1px solid rgba(255,255,255,.08);background:rgba(19,18,24,.45);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:transform .25s ease,border-color .25s ease,background-color .25s ease}
.ac-hero-stats>a:hover{transform:translateY(-2px);border-color:rgb(var(--cc)/.55);background:rgba(19,18,24,.6)}
.ac-hero-stats span{margin-top:0;color:#aaa6b2}
@media(max-width:700px){.ac-hero-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.ac-hero-stats>a{min-width:0;padding:12px}.ac-hero-stats strong{font-size:18px!important}}

/* ——— Заявки: своя иконка услуги, одна разделительная линия, кликабельна вся карточка ——— */
.so-order{position:relative;padding:22px 22px 18px;border-radius:16px;background:linear-gradient(180deg,#1f1e24,#19181d)!important;border-color:#2c2a33!important}
.so-order:hover{border-color:rgba(239,106,146,.5)!important;box-shadow:0 24px 46px -30px rgba(208,53,101,.8)}
.so-order header,.cx-workspace .so-order header{flex-wrap:nowrap;margin-bottom:18px;padding-bottom:0;border-bottom:0!important}
.so-kind{flex:1;min-width:0;gap:10px;font-size:12.5px;font-weight:600;color:#c8c5cf!important;line-height:1.3}
.so-kind>svg,.so-kind .so-icon{flex:none;width:38px!important;height:38px!important;padding:9px;border-radius:11px;background:#26242c;border:1px solid #3a3742;color:#ef6a92!important;box-sizing:border-box}
.so-order header .so-badge,.so-order header>:last-child{flex:none}
.so-card-main h2{color:#fff;font-weight:600}
.so-brief{color:#b6b2be}
.so-meta{border-top:1px solid #2c2a33!important;border-bottom:0!important;margin-bottom:6px;padding-bottom:6px}
.so-meta dt{color:#8f8b99!important}
.so-order footer{border-top:0!important;padding-top:6px}
.so-order footer .so-open{position:static;transform:none!important;padding:0;min-height:0;border:0!important;background:none!important;box-shadow:none!important;color:#ef6a92!important;font-weight:600}
.so-order footer .so-open.primary{color:#fff!important;background:linear-gradient(180deg,#c42d5e,#a8214d)!important;padding:10px 16px;border-radius:10px}
.so-order footer .so-open span{display:inline-block;transition:transform .3s ease}
.so-order{isolation:isolate}.so-order footer .so-open::after{content:"";position:absolute;inset:0;z-index:2;border-radius:16px}
.so-order:hover footer .so-open span{transform:translateX(4px)}
.so-order footer :is(button,a:not(.so-open)),.so-order [data-so-error],.so-order header .so-badge{position:relative;z-index:3}
.so-order footer .so-open:focus-visible{outline:none}
.so-order:has(.so-open:focus-visible){outline:2px solid #ef6a92;outline-offset:3px}
.so-filters .so-filter-submit{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;padding:0;border:0}
.so-filters .so-refresh{width:46px;min-width:46px;height:46px;padding:0;font-size:18px;display:inline-grid;place-items:center;align-self:end}
.so-filters{border-radius:16px;background:rgba(23,22,27,.7)!important;border-color:#2c2a33!important}

/* ——— Баланс: сумма — главное, пополнение — на уровень спокойнее ——— */
.af-balance-card{background:radial-gradient(700px 300px at 0% 0%,rgba(185,39,86,.26),transparent 65%),linear-gradient(160deg,#25232b,#1a191f)!important;border-color:#3a3742!important}
.af-balance-amount{color:#fff;letter-spacing:-.03em}
.panel.af-topup{background:#17161b!important;border-color:#2c2a33!important;box-shadow:none!important}
.panel.af-topup h2{font-size:20px}
.af-topup-step{border-color:#2c2a33!important;background:transparent!important}
.so-filters .so-refresh{justify-self:end;width:46px!important;flex:none}

/* ——— Боковая панель кабинета: стекло 80% прозрачности, шрифт как в шапке, живые пункты ——— */
body .shell.console-shell .sidebar{background:rgba(14,13,18,.2)!important;-webkit-backdrop-filter:blur(22px) saturate(1.15);backdrop-filter:blur(22px) saturate(1.15);border-right:1px solid rgba(255,255,255,.06)!important}
.console-shell .sidebar nav{border:0!important;gap:4px}
.console-shell .sidebar .nav-link{position:relative;overflow:hidden;isolation:isolate;display:flex;align-items:center;gap:12px;min-height:44px;padding:0 14px!important;border:0!important;border-radius:12px!important;background:transparent!important;box-shadow:none!important;font-family:"MHL Rubik",sans-serif!important;font-size:15px!important;font-weight:400!important;letter-spacing:0!important;color:#d9d7de!important;text-decoration:none;transition:color .25s ease,background-color .3s ease}
.console-shell .sidebar .nav-link::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(110deg,transparent 30%,rgba(255,255,255,.09) 50%,transparent 70%);transform:translateX(-120%)}
.console-shell .sidebar .nav-link::after{content:"";position:absolute;left:0;top:50%;width:3px;height:0;border-radius:0 3px 3px 0;background:#ef6a92;box-shadow:0 0 12px rgba(239,106,146,.9);transform:translateY(-50%);transition:height .35s cubic-bezier(.2,.8,.2,1)}
.console-shell .sidebar .nav-link .ac-nav-icon,.console-shell .sidebar .nav-link>svg{flex:none;width:20px;height:20px;color:#aaa6b2;transition:color .25s ease,transform .35s cubic-bezier(.2,.8,.2,1),filter .3s ease}
.console-shell .sidebar .nav-link:hover{color:#fff!important;background:rgba(255,255,255,.05)!important}
.console-shell .sidebar .nav-link:hover::before{transform:translateX(120%);transition:transform .9s ease}
.console-shell .sidebar .nav-link:hover :is(.ac-nav-icon,svg){color:#ef6a92;transform:translateX(2px) scale(1.08)}
.console-shell .sidebar .nav-link:is(.active,[aria-current=page]){color:#fff!important;background:linear-gradient(90deg,rgba(185,39,86,.28),rgba(185,39,86,.06) 70%,transparent)!important}
.console-shell .sidebar .nav-link:is(.active,[aria-current=page])::after{height:22px}
.console-shell .sidebar .nav-link:is(.active,[aria-current=page]) :is(.ac-nav-icon,svg){color:#ef6a92;filter:drop-shadow(0 0 6px rgba(239,106,146,.7))}
.console-shell .sidebar .nav-link:focus-visible{outline:2px solid #ef6a92;outline-offset:-2px}
.ac-side-identity strong{font-family:"MHL Rubik",sans-serif;font-size:15px;font-weight:600;color:#fff}
.ac-side-identity small{color:#aaa6b2}

/* Нижние кнопки панели */
.console-shell .sidebar-bottom{display:grid;gap:8px;padding-top:14px;border-top:1px solid rgba(255,255,255,.07)}
.console-shell .sidebar-bottom :is(.ac-services-link,.ac-site-link){position:relative;overflow:hidden;isolation:isolate;display:flex;align-items:center;gap:10px;min-height:42px;padding:0 14px;border-radius:11px;font-family:"MHL Rubik",sans-serif;font-size:14px;font-weight:500;text-decoration:none;transition:transform .2s ease,box-shadow .3s ease,border-color .25s ease,background-color .25s ease,color .25s ease}
.console-shell .sidebar-bottom .ac-services-link{color:#fff!important;background:linear-gradient(180deg,#c42d5e,#a8214d);box-shadow:inset 0 1px 0 rgba(255,255,255,.22),0 10px 24px -14px rgba(208,53,101,.95)}
.console-shell .sidebar-bottom .ac-services-link::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(110deg,transparent 30%,rgba(255,255,255,.35) 50%,transparent 70%);transform:translateX(-130%)}
.console-shell .sidebar-bottom .ac-services-link:is(:hover,:focus-visible){transform:translateY(-1px);box-shadow:inset 0 1px 0 rgba(255,255,255,.3),0 0 0 3px rgba(239,106,146,.2),0 14px 28px -12px rgba(208,53,101,1)}
.console-shell .sidebar-bottom .ac-services-link:is(:hover,:focus-visible)::before{transform:translateX(130%);transition:transform .8s ease}
.console-shell .sidebar-bottom .ac-site-link{color:#d9d7de!important;border:1px solid #3a3742;background:rgba(39,37,46,.45)}
.console-shell .sidebar-bottom .ac-site-link:is(:hover,:focus-visible){color:#fff!important;border-color:#6a6574;background:rgba(39,37,46,.7)}
.console-shell .sidebar-bottom .ac-site-link:hover .ac-nav-icon{transform:translateX(-3px)}
.console-shell .sidebar-bottom .ac-nav-icon{width:18px;height:18px;flex:none;transition:transform .3s ease}
.console-shell .sidebar-bottom :focus-visible{outline:2px solid #ef6a92;outline-offset:2px}
@media(max-width:700px){body .shell.console-shell .sidebar{background:rgba(14,13,18,.88)!important}}
@media(prefers-reduced-motion:reduce){.console-shell .sidebar :is(.nav-link,.nav-link::before,.nav-link::after,.ac-nav-icon,.ac-services-link,.ac-services-link::before,.ac-site-link){transition:none!important}}
.console-shell .sidebar-bottom>a[href="/"]:not(.ac-site-link){display:flex;align-items:center;gap:10px;min-height:42px;padding:0 14px;border-radius:11px;border:1px solid #3a3742;background:rgba(39,37,46,.45);color:#d9d7de!important;font-family:"MHL Rubik",sans-serif;font-size:14px;font-weight:500;text-decoration:none;transition:border-color .25s ease,background-color .25s ease,color .25s ease}
.console-shell .sidebar-bottom>a[href="/"]:not(.ac-site-link):hover{color:#fff!important;border-color:#6a6574;background:rgba(39,37,46,.7)}
@media(max-width:700px){
 .console-shell .sidebar:has(.mobile-nav-toggle[aria-expanded=false]) .sidebar-bottom{display:none}
 .console-shell .sidebar .nav-link{font-size:14px!important;min-height:42px}
}

/* Общее правило темы рисует серую рамку у любой кнопки при наведении — в кабинете она не нужна */
.console-shell button:hover:not(:focus-visible){outline:none}
/* Sidebar groups and online tools (12.11) */
.ac-shell .ac-nav-group{margin:16px 0 4px;padding:0 14px;font-size:10.5px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:#8f8d98}
.ac-shell #workspace-navigation>.ac-nav-group:first-child{margin-top:4px}
.ac-shell .nav-link .ac-nav-out{margin-left:auto;font-style:normal;font-size:12px;color:#8f8d98;transition:transform .2s,color .2s}
.ac-shell .nav-link.ac-nav-tool:hover .ac-nav-out,.ac-shell .nav-link.ac-nav-tool:focus-visible .ac-nav-out{transform:translate(2px,-2px);color:#fff}
.ac-tools{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:18px 0 6px}
.ac-tool{--tc:239 106 146;position:relative;display:flex;align-items:center;gap:12px;min-height:72px;padding:14px 16px;border-radius:16px;border:1px solid rgba(255,255,255,.08);background:linear-gradient(150deg,rgba(40,38,50,.7),rgba(20,19,26,.8));color:#ececef;text-decoration:none;overflow:hidden;transition:transform .3s cubic-bezier(.2,.8,.2,1),border-color .3s,box-shadow .3s}
.ac-tool::after{content:"";position:absolute;inset:0;background:linear-gradient(115deg,transparent 35%,rgba(255,255,255,.12) 50%,transparent 62%);transform:translateX(-120%);transition:transform .8s cubic-bezier(.2,.8,.2,1);pointer-events:none}
.ac-tool:hover,.ac-tool:focus-visible{transform:translateY(-3px);border-color:rgb(var(--tc)/.55);box-shadow:0 18px 40px -22px rgb(var(--tc)/.6)}
.ac-tool:hover::after,.ac-tool:focus-visible::after{transform:translateX(120%)}
.ac-tool .ac-nav-icon{flex:none;width:34px;height:34px;padding:7px;border-radius:10px;color:rgb(var(--tc));background:rgb(var(--tc)/.14)}
.ac-tool b{display:block;font-size:14.5px;font-weight:600}
.ac-tool small{display:block;margin-top:2px;font-size:12px;color:#aeadb7}
.ac-tool.t-editor{--tc:150 240 110}.ac-tool.t-video{--tc:178 150 255}.ac-tool.t-portfolio{--tc:110 170 255}.ac-tool.t-lyrics{--tc:95 224 208}
@media(max-width:1100px){.ac-tools{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.ac-tools{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.ac-tool,.ac-tool::after{transition:none}}
.ac-shell #workspace-navigation .ac-nav-group{grid-column:1/-1}
.ac-shell .nav-link[hidden]{display:none!important}
/* Sidebar v3 (12.11): tinted icon tiles, tools group, small links at the bottom */
.ac-shell .ac-ico{--ic:239 106 146;flex:none;display:grid;place-items:center;width:30px;height:30px;border-radius:9px;color:rgb(var(--ic));background:linear-gradient(145deg,rgb(var(--ic)/.22),rgb(var(--ic)/.08));box-shadow:inset 0 0 0 1px rgb(var(--ic)/.22);transition:transform .25s cubic-bezier(.2,.8,.2,1),box-shadow .25s,background .25s}
.ac-shell .ac-ico svg{width:17px;height:17px}
.ac-shell .nav-link:hover .ac-ico,.ac-shell .nav-link:focus-visible .ac-ico{transform:scale(1.08);box-shadow:inset 0 0 0 1px rgb(var(--ic)/.45),0 0 16px rgb(var(--ic)/.35)}
.ac-shell .nav-link.active .ac-ico{background:linear-gradient(145deg,rgb(var(--ic)/.45),rgb(var(--ic)/.18));color:#fff}
.ac-shell .ac-ico.ic-cover{--ic:255 120 180}.ac-shell .ac-ico.ic-editor{--ic:150 240 110}.ac-shell .ac-ico.ic-lyric-video{--ic:178 150 255}.ac-shell .ac-ico.ic-snippet{--ic:255 170 85}.ac-shell .ac-ico.ic-lyrics{--ic:95 224 208}.ac-shell .ac-ico.ic-portfolio{--ic:110 170 255}
.ac-shell .ac-ico.ic-wallet,.ac-shell .ac-ico.ic-report-requests,.ac-shell .ac-ico.ic-support{--ic:200 198 210;width:24px;height:24px;border-radius:7px}
.ac-shell .ac-ico.ic-wallet svg,.ac-shell .ac-ico.ic-report-requests svg,.ac-shell .ac-ico.ic-support svg{width:14px;height:14px}
.ac-shell #workspace-navigation .nav-link{gap:11px;min-height:42px}
.ac-shell .ac-side-small{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin-bottom:12px;padding-bottom:12px;border-bottom:1px solid rgba(255,255,255,.07)}
.ac-shell .ac-side-small a{display:flex;flex-direction:column;align-items:center;gap:5px;padding:8px 4px;border-radius:10px;color:#b9b7c2;font-size:11.5px;text-decoration:none;transition:background .2s,color .2s}
.ac-shell .ac-side-small a:hover,.ac-shell .ac-side-small a:focus-visible,.ac-shell .ac-side-small a.active{background:rgba(255,255,255,.06);color:#fff}
.ac-shell .ac-side-small a.active .ac-ico{--ic:239 106 146}
.ac-shell .ac-side-identity.active{background:rgba(239,106,146,.1);box-shadow:inset 0 0 0 1px rgba(239,106,146,.35)}
@media(prefers-reduced-motion:reduce){.ac-shell .ac-ico{transition:none}}
/* Identity card in the sidebar (12.11): rounded, padded, soft states instead of a hard frame */
.ac-shell .ac-side-identity{position:relative;margin:14px 0 14px;padding:12px;border-bottom:0;border-radius:16px;isolation:isolate;transition:background .25s ease}
.ac-shell .ac-side-identity::after{content:"";position:absolute;left:12px;right:12px;bottom:-8px;height:1px;background:rgba(255,255,255,.08);pointer-events:none}
.ac-shell .ac-side-identity::before{content:"";position:absolute;left:0;top:50%;width:3px;height:0;border-radius:0 3px 3px 0;background:#ef6a92;box-shadow:0 0 12px rgba(239,106,146,.6);transform:translateY(-50%);transition:height .25s ease}
.ac-shell .ac-side-identity:hover{background:rgba(255,255,255,.05)}
.ac-shell .ac-side-identity.active{background:linear-gradient(110deg,rgba(239,106,146,.16),rgba(239,106,146,.03));box-shadow:none}
.ac-shell .ac-side-identity.active::before{height:56%}
.ac-shell .ac-side-identity:focus-visible{outline:2px solid #ef6a92;outline-offset:2px}
.ac-shell .ac-side-identity:focus:not(:focus-visible){outline:none}
@media(prefers-reduced-motion:reduce){.ac-shell .ac-side-identity,.ac-shell .ac-side-identity::before{transition:none}}