/* FleetBalance: readable controls and a quieter dark theme. */
.sticker-bonus-head{
  display:grid;
  grid-template-columns:minmax(0,1fr);
  gap:13px;
}
.sticker-bonus-head>div:first-child{min-width:0}
.sticker-bonus-head>div:first-child small{max-width:460px;font-size:10.5px;line-height:1.45}
.sticker-platform-control{display:block;width:100%;min-width:0;margin:0}
.sticker-platform-control .segmented-control{
  width:100%;min-width:0;
  grid-template-columns:repeat(4,minmax(0,1fr));
}
.sticker-platform-control .segmented-control label{min-width:0}
.sticker-platform-control .segmented-control span{
  min-width:0;min-height:40px;padding:7px 5px;
  white-space:normal;text-align:center;line-height:1.2;font-size:10px;
}
.sticker-bonus-rule{padding:17px;background:var(--surface)}

.subscription-switch-v256{
  display:grid;grid-template-columns:minmax(0,1fr);gap:16px;
  margin-top:20px;padding:18px;
  background:color-mix(in srgb,var(--surface2) 58%,var(--surface));
}
.subscription-switch-v256-copy>b{margin-top:7px;font-size:13px;line-height:1.3}
.subscription-switch-v256-copy>small{max-width:560px;margin-top:6px;font-size:10.5px;line-height:1.5}
.subscription-switch-v256-actions{
  display:grid;grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px;width:100%;
}
.subscription-switch-v256-actions .btn{
  width:100%;min-width:0;min-height:42px;
  padding:8px 12px;white-space:normal;
  font-size:10.5px;line-height:1.2;
}
.subscription-v255-actions{
  margin-top:20px;padding:0 24px 24px;border-top:0;
}

html[data-theme=dark]{
  --bg:#141219;
  --surface:#1c1922;
  --surface2:#25212c;
  --text:#e7e0ec;
  --muted:#aaa1b2;
  --line:#38323f;
  --accent:#765bc7;
  --accent2:#b7a2ed;
  --accentSoft:rgba(118,91,199,.15);
  --shadow:0 16px 40px rgba(0,0,0,.2);
}
html[data-theme=dark] .btn.primary,
html[data-theme=dark] .btn.primary:hover{
  background:#765bc7;color:#fff;
  box-shadow:0 6px 16px rgba(31,22,57,.2);
}
html[data-theme=dark] .btn.primary:hover{background:#6f52c0}
html[data-theme=dark] .subscription-switch-v256{
  background:#211e28;border-color:#3c3544;
}
html[data-theme=dark] .subscription-v255-actions .btn:not(.primary){
  background:#211e28;border-color:#3c3544;
}
html[data-theme=dark] .sticker-bonus-rule{
  border-color:#3c3544;background:#201c27;
}

@media(max-width:520px){
  .sticker-platform-control .segmented-control{grid-template-columns:repeat(2,minmax(0,1fr))}
  .subscription-switch-v256-actions{grid-template-columns:1fr}
  .subscription-v255-actions{margin-top:18px;padding:0 16px 20px}
}