/* Shared light support surface: dark text, neutral borders, brand accents only. */
@media(forced-colors:none){
html[data-sv-theme] .sv-support-overlay{background:#25252560;backdrop-filter:blur(6px)}
html[data-sv-theme] .sv-support-dialog{background:#fff!important;color:#313131;border-color:#e4e0d8;box-shadow:0 20px 70px #22222226;--sv-support-accent:#80611e;--sv-support-action:linear-gradient(110deg,#70551d,#8c6c25 62%,#71541a)}
html[data-sv-theme] .sv-support-dialog .sv-support-heading{background:#fff}
html[data-sv-theme] .sv-support-dialog .sv-support-heading p:first-child{color:var(--sv-support-accent)}
html[data-sv-theme] .sv-support-dialog .sv-support-heading p:first-child>span{color:#625f59;border-color:#dcd6cc}
html[data-sv-theme] .sv-support-dialog :is(h2,h3,strong,dd,.sv-support-form>label,.sv-support-urgent){color:#313131}
html[data-sv-theme] .sv-support-dialog :is(.sv-support-subtitle,.sv-support-description,.sv-support-privacy,.sv-support-upload small,.sv-support-review>p:last-child,.sv-support-success p,.sv-support-empty p,dt,.sv-support-ticket summary small,.sv-support-footer small){color:#625f59}
html[data-sv-theme] .sv-support-dialog .sv-support-steps{background:#fff;border-color:#e4e0d8}
html[data-sv-theme] .sv-support-dialog .sv-support-steps li{color:#625f59}
html[data-sv-theme] .sv-support-dialog .sv-support-steps li>span{border-color:#cfc8bc;color:#625f59;background:#fff}
html[data-sv-theme] .sv-support-dialog .sv-support-steps [aria-current=step]{color:#313131}
html[data-sv-theme] .sv-support-dialog .sv-support-steps [aria-current=step]>span{background:var(--sv-support-action);border-color:transparent;color:#fff}
html[data-sv-theme] .sv-support-dialog :is(.sv-support-door,.sv-support-bug){background:#fff;border-color:#ded9d0;color:#313131}
html[data-sv-theme] .sv-support-dialog :is(.sv-support-door,.sv-support-bug):before{background:#faf9f6}
html[data-sv-theme] .sv-support-dialog .sv-support-door>strong{font-size:22px;color:#313131}
html[data-sv-theme] .sv-support-dialog :is(.sv-support-door>span:not([class]),.sv-support-bug small){color:#625f59}
html[data-sv-theme] .sv-support-dialog :is(.sv-support-door-top>svg,.sv-support-door-bottom,.sv-support-bug>svg,.sv-support-kicker,.sv-support-success>span,.sv-support-empty>svg){color:var(--sv-support-accent)}
html[data-sv-theme] .sv-support-dialog .sv-support-door-bottom{color:#313131}
html[data-sv-theme] .sv-support-dialog .sv-support-door-bottom>svg{color:var(--sv-support-accent)}
html[data-sv-theme] .sv-support-dialog :is(.sv-support-icon,.sv-support-link){background:#fff;color:#313131;border-color:#dcd6cc}
html[data-sv-theme] .sv-support-dialog .sv-support-primary{background:var(--sv-support-action);color:#fff;border-color:transparent}
html[data-sv-theme] .sv-support-dialog .sv-support-footer{background:#fff;border-color:#e4e0d8}
html[data-sv-theme] .sv-support-dialog .sv-support-form :is(input:not([type=checkbox]):not([type=file]),textarea){background:#fff;color:#313131;border-color:#cfc8bc}
html[data-sv-theme] .sv-support-dialog .sv-support-form :is(input,textarea)::placeholder{color:#716c63}
html[data-sv-theme] .sv-support-dialog .sv-support-upload{background:#fff;color:#313131;border-color:#b4a990}
html[data-sv-theme] .sv-support-dialog .sv-support-urgent input{accent-color:var(--sv-support-accent)}
html[data-sv-theme] .sv-support-dialog :is(dl,.sv-support-ticket,.sv-support-success>span){border-color:#ded9d0}
html[data-sv-theme] .sv-support-dialog .sv-support-ticket{background:#fff}
html[data-sv-theme] .sv-support-dialog .sv-support-status{color:#313131;background:#fff;border-color:#c7b68f}
html[data-sv-theme] .sv-support-dialog .sv-support-message{background:#fff;color:#313131;border-color:#ded9d0;border-left-color:var(--sv-support-accent)}
html[data-sv-theme] .sv-support-dialog .sv-support-body{scrollbar-color:#b8b1a5 #fff}
html[data-sv-theme] .sv-support-dialog :focus-visible,html[data-sv-theme] .sv-support-dialog .sv-support-upload:focus-within{outline-color:var(--sv-support-accent)}
html[data-sv-theme] .sv-support-dialog :is(.sv-support-door,.sv-support-bug):focus-visible{border-color:var(--sv-support-accent);color:#313131}
html[data-sv-theme] .sv-support-dialog :is(.sv-support-door,.sv-support-bug):focus-visible :is(span,strong,small,svg){color:#313131}
html[data-sv-theme] .sv-support-dialog button:disabled{background:#eeece7;color:#69645b;border-color:#d5cfc4;opacity:1;filter:none}
@media(hover:hover){
html[data-sv-theme] .sv-support-dialog :is(.sv-support-door,.sv-support-bug):hover{border-color:var(--sv-support-accent);color:#313131;transform:translateY(-2px)}
html[data-sv-theme] .sv-support-dialog :is(.sv-support-door,.sv-support-bug):hover :is(span,strong,small){color:#313131}
html[data-sv-theme] .sv-support-dialog :is(.sv-support-door,.sv-support-bug):hover svg{color:var(--sv-support-accent)}
html[data-sv-theme] .sv-support-dialog :is(.sv-support-icon,.sv-support-link):hover:not(:disabled){background:#f6f4ef;color:#313131;border-color:#b4a990}
html[data-sv-theme] .sv-support-dialog .sv-support-primary:hover:not(:disabled){background:var(--sv-support-action-hover);color:#fff;filter:none}
}
}

/* Programmatic heading focus must not draw a box around the title. */
.sv-support-dialog h2[tabindex="-1"]:focus{outline:none}
@media(forced-colors:none){
html[data-sv-theme] .sv-support-overlay{background:rgb(49 49 49 / 38%)!important}
html[data-sv-theme] .sv-support-dialog .sv-support-body{background:#fff}
html[data-sv-theme] .sv-support-dialog .sv-support-upload:has(input:hover){border-color:var(--sv-support-accent);background:#faf9f6}
}

@media(forced-colors:none){
html[data-sv-theme] .sv-support-dialog{--sv-support-action-hover:linear-gradient(110deg,#654b17,#806020 62%,#664b16)}
html[data-sv-theme="red"] .sv-support-dialog{--sv-support-accent:#8e1236;--sv-support-action:linear-gradient(110deg,#690b27,#a51e48 70%,#871333);--sv-support-action-hover:linear-gradient(110deg,#590920,#92183e 70%,#73102b)}
html[data-sv-theme] .sv-support-dialog .sv-support-synerium span{color:#313131}
}
/* Actual Reflectiv particle canvas; identical 210 x 104 desktop frame. */
.sv-support-dialog .sv-support-heading{display:grid;grid-template-columns:minmax(0,1fr) 210px auto;align-items:start;gap:16px}
.sv-support-heading>div:first-child{min-width:0}
.sv-support-dialog .sv-support-synerium{display:flex;flex-direction:column;align-items:center;gap:2px;width:210px;align-self:center;margin-top:-12px;pointer-events:none;user-select:none}
.sv-support-dialog .sv-support-synerium .syn-particules{width:210px;height:104px}
.sv-support-dialog .sv-support-synerium>span{font:600 9px/1.4 ui-sans-serif,system-ui,sans-serif;letter-spacing:.12em;text-transform:uppercase;white-space:nowrap;color:#625f59}
@media(max-width:900px) and (min-width:641px){
 .sv-support-dialog .sv-support-heading{grid-template-columns:minmax(0,1fr) 150px auto;gap:12px}
 .sv-support-dialog .sv-support-synerium{width:150px}
 .sv-support-dialog .sv-support-synerium .syn-particules{width:150px;height:76px}
 .sv-support-dialog .sv-support-synerium>span{display:none}
}
@media(max-width:640px){
 .sv-support-dialog .sv-support-heading{grid-template-columns:minmax(0,1fr) auto;gap:8px}
 .sv-support-heading>div:first-child{grid-column:1/-1;grid-row:2}
 .sv-support-dialog .sv-support-synerium{grid-column:1;grid-row:1;flex-direction:row;width:auto;justify-content:flex-start;gap:4px;margin:-8px 0}
 .sv-support-dialog .sv-support-synerium .syn-particules{width:114px;height:56px}
 .sv-support-dialog .sv-support-synerium>span{display:none}
 .sv-support-header-actions{grid-column:2;grid-row:1}
 .sv-support-dialog .sv-support-heading h2{font-size:25px}
 .sv-support-dialog .sv-support-heading p:first-child{margin-bottom:6px}
 .sv-support-dialog .sv-support-heading .sv-support-subtitle{font-size:13px;line-height:1.5}
}
@media(max-height:500px) and (min-width:641px){
 .sv-support-dialog .sv-support-synerium{width:130px}
 .sv-support-dialog .sv-support-synerium .syn-particules{width:130px;height:60px}
 .sv-support-dialog .sv-support-synerium>span{display:none}
 .sv-support-dialog .sv-support-heading{grid-template-columns:minmax(0,1fr) 130px auto}
}

/* Brand inversion on interactive service cards, shared by all three themes. */
@media(forced-colors:none){
html[data-sv-theme] .sv-support-dialog :is(.sv-support-door,.sv-support-bug)::before{
 background:var(--sv-theme-gradient);transition:opacity .24s ease;
}
html[data-sv-theme] .sv-support-dialog :is(.sv-support-door,.sv-support-bug):not(:disabled):is(:focus-visible,:active){
 color:#fff;border-color:var(--sv-theme-accent);
}
html[data-sv-theme] .sv-support-dialog :is(.sv-support-door,.sv-support-bug):not(:disabled):is(:focus-visible,:active)::before{opacity:1}
html[data-sv-theme] .sv-support-dialog :is(.sv-support-door,.sv-support-bug):not(:disabled):is(:focus-visible,:active) :is(span,strong,small,svg){color:#fff}
html[data-sv-theme] .sv-support-dialog :is(.sv-support-door,.sv-support-bug):not(:disabled):active{transform:scale(.985)}
@media(hover:hover){
html[data-sv-theme] .sv-support-dialog :is(.sv-support-door,.sv-support-bug):not(:disabled):hover{
 color:#fff;border-color:var(--sv-theme-accent);transform:translateY(-2px);
}
html[data-sv-theme] .sv-support-dialog :is(.sv-support-door,.sv-support-bug):not(:disabled):hover::before{opacity:1}
html[data-sv-theme] .sv-support-dialog :is(.sv-support-door,.sv-support-bug):not(:disabled):hover :is(span,strong,small,svg){color:#fff}
html[data-sv-theme] .sv-support-dialog :is(.sv-support-door,.sv-support-bug):not(:disabled):hover:active{transform:scale(.985)}
}
@media(prefers-reduced-motion:reduce){
html[data-sv-theme] .sv-support-dialog :is(.sv-support-door,.sv-support-bug)::before{transition:none}
html[data-sv-theme] .sv-support-dialog :is(.sv-support-door,.sv-support-bug):is(:hover,:active){transform:none}
}
}