/* Skavio official UI for n8n demonstrations; overrides legacy isolated colors.
   Canonical visual CSS is loaded from the existing /assets/ stylesheets first.
   Keep all replay behavior and static evidence untouched. */
body.dokutakt-redesign.skavio-unified-demo{background:#fff;color:var(--dt-ink);overflow-x:clip}
body.skavio-unified-demo .hero{padding:0!important;background:radial-gradient(ellipse at 75% 20%,rgba(124,92,255,.39),transparent 45%),linear-gradient(135deg,var(--dt-navy),var(--dt-navy-2))!important;color:#fff}
body.skavio-unified-demo .hero-body{padding-block:67px 73px}
body.skavio-unified-demo .hero h1{color:#fff!important;font-size:clamp(40px,5vw,68px)!important}
body.skavio-unified-demo .hero h1 .accent{color:var(--dt-mint)!important}
body.skavio-unified-demo .hero-copy{color:#dbd8f7;font-size:15px;line-height:1.8}
body.skavio-unified-demo .eyebrow{color:var(--dt-mint);font-size:10px;letter-spacing:.14em}
body.skavio-unified-demo .eyebrow i{background:var(--dt-mint)}
body.skavio-unified-demo .btn-mint,body.skavio-unified-demo .play{background:var(--dt-purple);color:#fff;border-color:var(--dt-purple);box-shadow:0 9px 22px rgba(79,43,217,.22)}
body.skavio-unified-demo .btn-ghost{background:#ffffff16;color:#fff;border-color:#ffffff63}
body.skavio-unified-demo .btn-dark{background:var(--dt-purple);color:#fff}
body.skavio-unified-demo .btn-light{background:#f2efff;color:var(--dt-purple);border-color:#d5caff}
body.skavio-unified-demo .hero-proof{background:linear-gradient(155deg,#23155c,#110b37);border-color:#6c58bd;box-shadow:0 25px 55px rgba(0,0,0,.24)}
body.skavio-unified-demo .proof-led i{background:var(--dt-mint-strong)}
body.skavio-unified-demo .trace-icon{background:#43328c;border-color:#7464b7;color:var(--dt-mint)}
body.skavio-unified-demo .trace-tail{color:var(--dt-mint)}
body.skavio-unified-demo .trace-footer{background:#342478;border-color:#7464b7;color:#eeeaff}
body.skavio-unified-demo .stats{background:#fff;border-bottom:1px solid var(--dt-line)}
body.skavio-unified-demo .stat strong{color:var(--dt-navy)}
body.skavio-unified-demo .mainsection{background:var(--dt-soft)}
body.skavio-unified-demo .section-kicker,body.skavio-unified-demo .case-kicker{color:var(--dt-purple)}
body.skavio-unified-demo .mainsection h2{color:var(--dt-ink)!important;font-size:clamp(30px,3.4vw,44px);letter-spacing:-.05em}
body.skavio-unified-demo .lab{border-color:var(--dt-line);box-shadow:0 9px 33px rgba(20,24,60,.08)}
body.skavio-unified-demo .tabs{background:#f2effd}
body.skavio-unified-demo .tab{border-color:#ddd5fc;color:#473b7f}
body.skavio-unified-demo .tab[aria-selected=true]{background:var(--dt-purple);color:#fff;border-color:var(--dt-purple);box-shadow:0 8px 20px rgba(79,43,217,.22)}
body.skavio-unified-demo .truth,body.skavio-unified-demo .case-marker{border-color:#d4caff;background:#f2efff;color:#4f2bd9}
body.skavio-unified-demo .process-wrap{background-color:#f8f6ff;background-image:radial-gradient(#dfd8f8 .9px,transparent .9px);border-color:#e3ddfb}
body.skavio-unified-demo .node.is-active{border-color:var(--dt-purple);box-shadow:0 0 0 3px rgba(124,92,255,.22)}
body.skavio-unified-demo .node.is-done{border-color:#8a7de1}
body.skavio-unified-demo .node .ni{background:#eee9ff;color:var(--dt-purple)}
body.skavio-unified-demo .process-note{border-color:#dfd8f8}
body.skavio-unified-demo .activity{background:linear-gradient(135deg,#1a1450,#2b1b71)}
body.skavio-unified-demo .activity-head{border-color:#6657a5}
body.skavio-unified-demo .activity-head span:last-child,body.skavio-unified-demo .logline i{color:var(--dt-mint)}
body.skavio-unified-demo .source-box{background:#f7f4ff;border-color:#e2dafb}
body.skavio-unified-demo .file{color:#4f2bd9;border-color:#d5cbfa;background:#fff}
body.skavio-unified-demo .why-card{border-color:var(--dt-line);border-radius:16px}
body.skavio-unified-demo .why-icon{background:#eee9ff;color:var(--dt-purple)}
body.skavio-unified-demo .cta{background:linear-gradient(125deg,var(--dt-navy),var(--dt-navy-2));color:#fff}
body.skavio-unified-demo .cta .eyebrow{color:var(--dt-mint)}
body.skavio-unified-demo .cta small{color:#c5bdf1}
body.skavio-unified-demo .cta p{color:#d6d2f4}
body.skavio-unified-demo .cta .btn{background:var(--dt-purple);color:#fff}
body.skavio-unified-demo footer.skavio-global-footer{position:relative;z-index:1}
body.skavio-unified-demo .stats .stat strong{font-weight:850}
body.skavio-unified-demo .case-title{color:var(--dt-ink)}
body.skavio-unified-demo a:focus-visible,body.skavio-unified-demo button:focus-visible{outline:3px solid var(--dt-purple);outline-offset:3px}
@media(max-width:1100px){body.dokutakt-redesign.skavio-unified-demo .hero-body{padding-block:45px 50px}}
@media(max-width:620px){body.skavio-unified-demo .hero h1{font-size:clamp(33px,8vw,46px)!important}body.skavio-unified-demo .hero-body{padding-block:43px 48px}}

/* SKAVIO_N8N_DEMO_AA_CONTRAST_20261112
   Canonical site contrast, scoped to the existing n8n demo. The site's
   generic dark section rules previously produced WHITE NODE LABELS ON WHITE
   CARDS and pale lavender copy on light workflow panels. Never reintroduce.
   Do not modify replay business logic, selected-case behavior or evidence. */
body.dokutakt-redesign.skavio-unified-demo .mainsection{
 background:#f7f8fc!important;color:#101828!important
}
body.dokutakt-redesign.skavio-unified-demo .mainsection .section-head p:not(.eyebrow){
 color:#475467!important;font-size:14px!important;line-height:1.7
}
body.dokutakt-redesign.skavio-unified-demo .mainsection .section-head h2,
body.dokutakt-redesign.skavio-unified-demo .mainsection .case-title,
body.dokutakt-redesign.skavio-unified-demo .mainsection .res-head strong,
body.dokutakt-redesign.skavio-unified-demo .mainsection .source-box>b,
body.dokutakt-redesign.skavio-unified-demo .mainsection .why-card strong{
 color:#101828!important
}
body.dokutakt-redesign.skavio-unified-demo .mainsection .section-kicker,
body.dokutakt-redesign.skavio-unified-demo .mainsection .case-kicker{
 color:#4f2bd9!important;font-size:12px!important;font-weight:850!important
}
body.dokutakt-redesign.skavio-unified-demo .mainsection .truth,
body.dokutakt-redesign.skavio-unified-demo .mainsection .case-marker{
 color:#4f2bd9!important;background:#f2efff!important;border-color:#d4caff!important;
 font-weight:800!important;font-size:11px!important
}
body.dokutakt-redesign.skavio-unified-demo .mainsection .lab,
body.dokutakt-redesign.skavio-unified-demo .mainsection .stage,
body.dokutakt-redesign.skavio-unified-demo .mainsection .result-box,
body.dokutakt-redesign.skavio-unified-demo .mainsection .why-card,
body.dokutakt-redesign.skavio-unified-demo .mainsection .node{
 background:#fff!important;color:#101828!important
}
body.dokutakt-redesign.skavio-unified-demo .mainsection .panel-aside{
 background:#f8f9fc!important;color:#101828!important
}
body.dokutakt-redesign.skavio-unified-demo .mainsection .node b,
body.dokutakt-redesign.skavio-unified-demo .mainsection .node strong{
 color:#101828!important;font-size:12.5px!important;line-height:1.35!important
}
body.dokutakt-redesign.skavio-unified-demo .mainsection .node small{
 color:#475467!important;font-size:11px!important;line-height:1.4!important
}
body.dokutakt-redesign.skavio-unified-demo .mainsection .process-head,
body.dokutakt-redesign.skavio-unified-demo .mainsection .aside-head{
 color:#344054!important;font-size:11.5px!important;letter-spacing:.06em!important
}
body.dokutakt-redesign.skavio-unified-demo .mainsection .case-subtitle,
body.dokutakt-redesign.skavio-unified-demo .mainsection .process-note,
body.dokutakt-redesign.skavio-unified-demo .mainsection .live-note,
body.dokutakt-redesign.skavio-unified-demo .mainsection .result-row span,
body.dokutakt-redesign.skavio-unified-demo .mainsection .source-box p,
body.dokutakt-redesign.skavio-unified-demo .mainsection .why-card p{
 color:#475467!important;font-size:12.5px!important;line-height:1.6!important
}
body.dokutakt-redesign.skavio-unified-demo .mainsection .result-row strong{
 color:#101828!important;font-size:12px!important
}
body.dokutakt-redesign.skavio-unified-demo .mainsection .stat span,
body.dokutakt-redesign.skavio-unified-demo .stats .stat span{
 color:#475467!important;font-size:12px!important
}
body.dokutakt-redesign.skavio-unified-demo .stats .stat strong{
 color:#140b4b!important
}
body.dokutakt-redesign.skavio-unified-demo .mainsection .tab:not([aria-selected=true]){
 color:#344054!important;background:#fff!important;border-color:#d8d2ea!important
}
body.dokutakt-redesign.skavio-unified-demo .mainsection .tab[aria-selected=true]{
 color:#fff!important;background:#4f2bd9!important;border-color:#4f2bd9!important
}
body.dokutakt-redesign.skavio-unified-demo .mainsection .file,
body.dokutakt-redesign.skavio-unified-demo .mainsection .source-box a{
 color:#4f2bd9!important
}
body.dokutakt-redesign.skavio-unified-demo .mainsection .reset{
 background:#fff!important;color:#344054!important;border-color:#d0d5dd!important
}
body.dokutakt-redesign.skavio-unified-demo .mainsection .activity{
 background:#1a1450!important;color:#fff!important
}
body.dokutakt-redesign.skavio-unified-demo .mainsection .activity .logline,
body.dokutakt-redesign.skavio-unified-demo .mainsection .activity-head{
 color:#e5dcff!important
}
body.dokutakt-redesign.skavio-unified-demo .mainsection .activity-head span:last-child,
body.dokutakt-redesign.skavio-unified-demo .mainsection .activity .logline i{
 color:#5ce5a1!important
}
body.dokutakt-redesign.skavio-unified-demo .hero .eyebrow,
body.dokutakt-redesign.skavio-unified-demo .cta .eyebrow{
 color:#5ce5a1!important;font-size:12px!important
}
body.dokutakt-redesign.skavio-unified-demo .hero .trace-caption,
body.dokutakt-redesign.skavio-unified-demo .hero .proof-led,
body.dokutakt-redesign.skavio-unified-demo .hero .private-label{
 color:#e2dcff!important
}
body.dokutakt-redesign.skavio-unified-demo .cta p,
body.dokutakt-redesign.skavio-unified-demo .cta small{
 color:#e2dcff!important
}
@media(max-width:620px){
 body.dokutakt-redesign.skavio-unified-demo .mainsection .node{
  min-height:118px!important;padding:12px 8px!important
 }
 body.dokutakt-redesign.skavio-unified-demo .mainsection .tab{
  font-size:12px!important;min-height:45px!important
 }
 body.dokutakt-redesign.skavio-unified-demo .mainsection .statsrow{
  row-gap:14px!important
 }
 body.dokutakt-redesign.skavio-unified-demo .mainsection .section-head p{
  font-size:14px!important
 }
}

/* Mobile: all four choices visible at once, rather than a horizontally clipped
   row which hid the third/fourth workflow on a 390px phone. */
@media(max-width:620px){
 body.dokutakt-redesign.skavio-unified-demo .mainsection .tabs{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:8px!important;
  overflow:visible!important;
  padding:10px!important;
 }
 body.dokutakt-redesign.skavio-unified-demo .mainsection .tab{
  min-width:0!important;
  white-space:normal!important;
  overflow-wrap:break-word!important;
  min-height:52px!important;
  padding:10px 9px!important;
  line-height:1.4!important;
 }
}