/* Black/orange product theme. Kept separate so it can be removed in one step. */
:root{
  --bg:#050505;
  /* Один источник правды для фона всех основных экранов. */
  --hub-page-background:radial-gradient(circle at 50% -12%,var(--hub-color-3a210c,#3a210c) 0,transparent 26%),#050505;
  --hub-top-fade:linear-gradient(#050505 70%,transparent);
  --p:#121212;
  --p2:#1a1a1a;
  --line:#303030;
  --t:#f5f5f5;
  --m:#9b9b9b;
  --a:var(--hub-color-ff9a00,#ff9a00);
  --a2:var(--hub-color-f17800,#f17800);
  --g:#62d39b;
  --r:#ff6565;
}

body{
  background:var(--hub-page-background);
}

/* Единый слой фона для каждого экрана приложения. Не дублируем градиент
   на контейнере .app — это давало другой оттенок на длинных разделах. */
html,
body{
  background:var(--hub-page-background)!important;
  background-attachment:fixed!important;
}
.app{background:transparent!important}

.top{
  background:var(--hub-top-fade);
}
.top{background:var(--hub-top-fade)!important}

.brand{
  display:flex;
  align-items:center;
  gap:5px;
  color:#fff;
  font-weight:900;
  letter-spacing:-.02em;
}
.brand b{color:#fff}
.brand span{
  display:inline-block;
  padding:3px 6px;
  border-radius:5px;
  background:var(--hub-color-ff9a00,#ff9a00);
  color:#090909;
  line-height:1;
  letter-spacing:-.03em;
}

.bal,.backBtn{
  background:#111;
  border-color:#343434;
}

.card{
  border-color:#303030;
  border-radius:12px;
  background:linear-gradient(180deg,#1a1a1a,#111);
}
.btn{
  border-color:#3a3a3a;
  border-radius:8px;
  background:#181818;
  color:#eee;
}
.btn.primary,.plus,.chip.on,.step.on{
  border-color:var(--hub-color-ff9a00,#ff9a00);
  background:var(--hub-color-ff9a00,#ff9a00);
  color:#0a0a0a;
  box-shadow:none;
}
.btn.primary:disabled{
  background:var(--hub-color-8a5c20,#8a5c20);
  color:var(--hub-color-16100a,#16100a);
  opacity:.62;
}

.field,.command textarea{
  border-color:#353535;
  border-radius:8px;
  background:#0d0d0d;
}
.field:focus,.command textarea:focus{
  border-color:var(--hub-color-ff9a00,#ff9a00);
  box-shadow:0 0 0 2px var(--hub-color-ff9a0024,#ff9a0024);
}

.bottom{
  border-color:#262626;
  background:#050505f5;
}
.bottom .on{color:var(--hub-color-ff9a00,#ff9a00)}
.bottom .plus{color:#0a0a0a}

.homeChoice,.bigChoice,.taskCard,.model{
  border-color:#303030;
  background:linear-gradient(155deg,#1a1a1a,#101010 72%);
  box-shadow:none;
}
.homeChoice:before{background:var(--hub-color-ff9a0013,#ff9a0013)}
.homeChoiceIcon,.taskIcon,.mlogo{
  border-color:#3a3a3a!important;
  background:#151515!important;
  color:var(--hub-color-ffae31,#ffae31)!important;
  box-shadow:none!important;
}
.homeChat,.model.rec,.chatModelCard.selected{
  border-color:var(--hub-color-c97816,#c97816);
  background:linear-gradient(155deg,var(--hub-color-25180b,#25180b),#111 72%);
  box-shadow:inset 3px 0 0 var(--hub-color-ff9a00,#ff9a00);
}
.homeChat:before{background:var(--hub-color-ff9a0024,#ff9a0024)}
.homeChat .homeChoiceIcon{
  border-color:var(--hub-color-ff9a00,#ff9a00)!important;
  background:var(--hub-color-ff9a00,#ff9a00)!important;
  color:#090909!important;
}
.choiceBadge,.mtag.best{
  border-color:var(--hub-color-9a5b13,#9a5b13);
  background:var(--hub-color-3a2209,#3a2209);
  color:var(--hub-color-ffc36f,#ffc36f);
}

.musicSourceHint,.lyricDraftCard,.lyricCard,.demoBanner,.academyHero{
  border-color:#3a3a3a;
  background:#101010;
}
.studioBadge{
  border-color:var(--hub-color-754812,#754812);
  background:var(--hub-color-291a09,#291a09);
  color:var(--hub-color-ffc36f,#ffc36f);
}
.createCheckout{
  border-color:#3a3a3a;
  background:#121212;
}
.createCheckout #quote{color:var(--hub-color-ffad2e,#ffad2e)}

.modal,.attachmentSheet,.chatDrawerPanel{
  border-color:#353535;
  background:#0e0e0e;
}
.workspaceDock{background:linear-gradient(#050505 72%,transparent)}
.workspaceTab.active,.contextPill{
  border-color:var(--hub-color-8d581b,#8d581b);
  background:var(--hub-color-25180b,#25180b);
}
.chatModelPickerButton,.chatModelCard,.modelchoice{
  border-color:#303030;
  background:#111;
}
body.chatActive #chat .chatModelPanel{
  padding:0;
  border:0;
  background:transparent;
  box-shadow:none;
}
body.chatActive #chat .chatModelPanel .chatModelPickerButton{
  border:0;
  background:#111;
  box-shadow:none;
}
body.chatActive #chat .chatModelPanel .chatModelPickerText b{color:#f5f5f5}
body.chatActive #chat .chatModelPanel .chatModelPickerText small{color:#9b9b9b}
body.chatActive #chat .chatModelPanel .chatModelChevron{color:var(--hub-color-ffae31,#ffae31)}
.profileAdminEntry{border-color:#333;background:#111;color:#eee}.profileAdminIcon{background:var(--hub-color-211609,#211609);color:var(--hub-color-ffae31,#ffae31)}.profileAdminArrow{color:var(--hub-color-ffae31,#ffae31)}
.chatModelCard.selected .modelRadio{
  border-color:var(--hub-color-ff9a00,#ff9a00);
  background:var(--hub-color-ff9a00,#ff9a00);
  color:#090909;
}
.msg.user{background:var(--hub-color-e78308,#e78308);color:#0b0b0b}
.msg.assistant{border-color:#303030;background:#151515}
.compose{background:#050505}
body.chatActive .top,
body.chatActive .workspaceDock,
body.chatActive #chatAttachments{background:#050505}
body.chatActive #chat .compose{
  border-color:#292929;
  background:linear-gradient(180deg,#05050500 0,#050505 18%,#050505 100%);
}

.price{color:var(--hub-color-ffad2e,#ffad2e)}
.status.success,.success{color:#62d39b}
.upload{border-color:#555;color:#aaa}
.upload:hover{border-color:var(--hub-color-ff9a00,#ff9a00);color:var(--hub-color-ffbd5b,#ffbd5b)}