/* TestTwelve final brand theme — 2026-09-16
   Palette is matched to the approved T12 purple / magenta / warm-peach icon. */
:root{
  --brand:#7b22e8;
  --brand2:#c92bd7;
  --brand-warm:#f06ba8;
  --brand-peach:#f9a47d;
  --brand-gold:#ffc36a;
  --navy:#24104f;
  --soft:#fcf7ff;
  --panel:#ffffff;
  --line:#eadff3;
  --shadow:0 12px 34px rgba(73,25,130,.08);
}
body{
  background:#fff;
}
/* Use the approved final artwork everywhere the compact T12 badge appears. */
.logo{
  width:40px!important;
  height:40px!important;
  min-width:40px;
  border-radius:13px!important;
  background:transparent url('/static/testtwelve-logo.png') center/cover no-repeat!important;
  color:transparent!important;
  font-size:0!important;
  box-shadow:0 7px 18px rgba(97,25,189,.20);
  overflow:hidden;
}
.brand.side .logo{box-shadow:0 7px 18px rgba(12,5,38,.26)}
.topbar{
  border-bottom-color:rgba(130,62,180,.13)!important;
  background:rgba(255,252,255,.94)!important;
}
.eyebrow,.price-card .tag,.steps article>span,.auth-switch a,.auth-foot a{color:var(--brand)!important}
h1 em{
  background:linear-gradient(92deg,#6320d8 0%,#a820e0 48%,#ea4cba 74%,#f49c77 100%)!important;
  -webkit-background-clip:text!important;
  color:transparent!important;
}
.btn.primary,.bar i,.task-progress i,.capacity-bar i{
  background:linear-gradient(135deg,#5717c7 0%,#8e1de8 43%,#cf2dcc 72%,#f28a83 100%)!important;
}
.btn.primary{
  box-shadow:0 10px 24px rgba(139,31,214,.24)!important;
}
.btn.primary:hover:not(:disabled){box-shadow:0 13px 30px rgba(139,31,214,.31)!important}
.btn.dark{background:#26104f!important}
.hero-card,.price-card,.mini-card,.panel,.kpi-card,.today-summary,.test-task-card{
  border-color:#eadff3!important;
}
.hero-card{
  background:
    radial-gradient(circle at 92% 7%,rgba(255,195,106,.16),transparent 28%),
    radial-gradient(circle at 6% 96%,rgba(236,70,181,.10),transparent 31%),
    #fff!important;
}
.soft-bg,.auth-page,.release-page{background:#fcf8ff!important}
.price-card{
  background:
    radial-gradient(circle at 100% 0%,rgba(255,190,111,.14),transparent 27%),
    linear-gradient(180deg,#fff 0%,#fffaff 100%)!important;
  box-shadow:0 18px 45px rgba(87,23,199,.09)!important;
}
.truststrip{
  background:linear-gradient(112deg,#211047 0%,#411080 50%,#6f169d 100%)!important;
}
.auth-brand-panel{
  background:
    radial-gradient(circle at 88% 8%,rgba(255,187,116,.26),transparent 28%),
    radial-gradient(circle at 5% 100%,rgba(231,54,181,.22),transparent 35%),
    linear-gradient(150deg,#1e0b48 0%,#421080 58%,#6f178f 100%)!important;
}
.auth-brand-copy h1 em{color:#f2bcff!important;-webkit-text-fill-color:initial!important;background:none!important}
.auth-brand-copy p{color:#ddd0ec!important}
.sidebar{
  background:
    radial-gradient(circle at 30% 0%,rgba(238,70,190,.17),transparent 30%),
    linear-gradient(180deg,#24104f 0%,#311064 58%,#471066 100%)!important;
}
.side-link:hover,.side-link.active{background:rgba(255,255,255,.115)!important}
.portal-page{background:#faf7fc!important}
.workspace{
  background:
    radial-gradient(circle at 100% 0%,rgba(255,198,111,.08),transparent 18%),
    transparent;
}
.form input:focus,.form select:focus,.form textarea:focus{
  border-color:#bd78e9!important;
  box-shadow:0 0 0 3px rgba(144,31,216,.11)!important;
}
.flow-step.current,.callout.info{background:#f8efff!important}
.flow-step.current>b{background:linear-gradient(135deg,#6c1ed7,#cf2dcc)!important}
.callout.info{color:#572181!important}
.tester-app-strip{border-color:#e8cef5!important;background:#fff8ff!important}
.status.good{box-shadow:inset 0 0 0 1px rgba(6,118,71,.06)}
.user-chip{border-color:#eadff3!important;background:#fffaff!important}
.table-wrap{border-color:#eadff3!important}
th{background:#fdf9ff!important}
.faq details{border-color:#eadff3!important}
.legal-contact{background:#fcf7ff!important}
.toast{background:#32105d!important}
/* Warm accent strip: subtle connection to the gold/peach edge in the final icon. */
.price-card:before,.hero-card:before{content:"";display:block;height:3px;border-radius:999px;margin:-9px 0 20px;background:linear-gradient(90deg,#7b22e8 0%,#d52fca 66%,#f5a078 88%,#ffc36a 100%);opacity:.92}
@media(max-width:650px){.logo{width:36px!important;height:36px!important;min-width:36px}}