html[data-ruletta-visual="graphite"]{color-scheme:dark!important;background:var(--legal-bg)!important;--legal-bg:#1d1c19;--legal-card:#2a2823;--legal-high:#35322c;--legal-text:#f5f0e7;--legal-muted:#beb6aa;--legal-border:#ffffff1f;--legal-input:#35322c;--legal-accent:#ff9e54}
html[data-ruletta-visual="graphite"][data-rl-theme="light"]{color-scheme:light!important;--legal-bg:#eee9df;--legal-card:#f8f4ec;--legal-high:#e4dccf;--legal-text:#352d23;--legal-muted:#786b5a;--legal-border:#3e30201d;--legal-input:#f8f4ec;--legal-accent:#a85d26}
html[data-ruletta-visual="graphite"] body{background:var(--legal-bg)!important;color:var(--legal-text)!important;font-family:system-ui,-apple-system,sans-serif!important;line-height:1.55!important;text-shadow:none!important}
html[data-ruletta-visual="graphite"] main{background:transparent!important;max-width:820px!important;margin:0 auto!important;padding:24px 24px 48px!important}
html[data-ruletta-visual="graphite"] :is(.card,.note,.req,.platform,.connection-card){background:var(--legal-card)!important;color:var(--legal-text)!important;border:1px solid var(--legal-border)!important;border-radius:12px!important;box-shadow:none!important}
html[data-ruletta-visual="graphite"] :is(h1,h2,h3,h4,.h1-like,strong,b,label,summary,.connection-name){font-family:system-ui,-apple-system,sans-serif!important;color:var(--legal-text)!important;-webkit-text-fill-color:currentColor!important;text-shadow:none!important;font-weight:650!important}
html[data-ruletta-visual="graphite"] :is(p,li,small,.muted,.privacy-note,.connection-meta,.manual-divider){color:var(--legal-muted)!important;-webkit-text-fill-color:currentColor!important;text-shadow:none!important}
html[data-ruletta-visual="graphite"] a{color:var(--legal-accent)!important;text-shadow:none!important}
html[data-ruletta-visual="graphite"] :is(input,select,textarea){background:var(--legal-input)!important;color:var(--legal-text)!important;border:1px solid var(--legal-border)!important;border-radius:9px!important;box-shadow:none!important;font:inherit!important}
html[data-ruletta-visual="graphite"] :is(button,.btn,.apk-download){border-radius:9px!important;font-family:system-ui,-apple-system,sans-serif!important;font-weight:600!important;text-shadow:none!important;box-shadow:none!important}
html[data-ruletta-visual="graphite"] :is(.btn.primary,.apk-download){background:var(--legal-accent)!important;color:#23170e!important;-webkit-text-fill-color:#23170e!important;border:1px solid var(--legal-accent)!important}
html[data-ruletta-visual="graphite"] :is(.btn.ghost,button:not(.provider-btn):not(.primary)){background:var(--legal-card)!important;color:var(--legal-text)!important;border:1px solid var(--legal-border)!important}
html[data-ruletta-visual="graphite"] :is(.status,.verified-note,.token){border-radius:9px!important}
@media(max-width:600px){html[data-ruletta-visual="graphite"] main{padding:18px 15px 40px!important}}
html[data-concept-workspace="true"] main{max-width:none!important;margin:0!important;padding:22px 26px 60px!important}
html[data-concept-workspace="true"] :is(.login,.side,aside,.panel,.stat,.live-stat,.tile,.modal,.toolbar,.evidence){background:var(--legal-card)!important;color:var(--legal-text)!important;border-color:var(--legal-border)!important;box-shadow:none!important}
html[data-concept-workspace="true"] :is(.nav,.nav-item,.tab,.btn){background:var(--legal-card)!important;color:var(--legal-text)!important;border-color:var(--legal-border)!important}
html[data-concept-workspace="true"] :is(.nav.active,.nav-item.active,.tab.active,.btn.primary){background:var(--legal-accent)!important;color:#23170e!important;border-color:var(--legal-accent)!important}
html[data-concept-workspace="true"] :is(th,td,.meta div,.online-details){border-color:var(--legal-border)!important;color:var(--legal-text)!important}
html[data-concept-workspace="true"] :is(.role,.status,.brand i){background:var(--legal-high)!important;color:var(--legal-text)!important}
html[data-concept-workspace="true"] :is(.notice,.error,.err){color:var(--legal-text)!important}
@media(max-width:760px){html[data-concept-workspace="true"] main{padding:16px 11px 40px!important}}

html[data-ruletta-visual="graphite"] :is(h1,.h1-like){font-size:24px!important;font-weight:500!important;letter-spacing:-.6px!important}
html[data-ruletta-visual="graphite"] h2{font-size:18px!important;font-weight:550!important;letter-spacing:-.3px!important}
html[data-ruletta-visual="graphite"] :is(.err,.error){color:#f1a7a0!important;-webkit-text-fill-color:currentColor!important}
html[data-ruletta-visual="graphite"] .ok{color:#9ac4a6!important;-webkit-text-fill-color:currentColor!important}
html[data-ruletta-visual="graphite"] .status.pending{background:var(--legal-high)!important;color:var(--legal-accent)!important;border-color:var(--legal-border)!important}
html[data-ruletta-visual="graphite"][data-rl-theme="light"] :is(.err,.error){color:#a23d35!important}
html[data-ruletta-visual="graphite"][data-rl-theme="light"] .ok{color:#316c46!important}
html.is-embed[data-concept-theme] main > h1:first-of-type{display:none!important}

/* Readable text, hints and saved values in standalone application forms. */
html[data-ruletta-visual="graphite"] :is(input,select,textarea){-webkit-text-fill-color:currentColor!important;caret-color:var(--legal-accent)!important;text-shadow:none!important}
html[data-ruletta-visual="graphite"] :is(input,textarea)::placeholder{color:var(--legal-muted)!important;-webkit-text-fill-color:currentColor!important;opacity:1!important}
html[data-ruletta-visual="graphite"] select option{background:var(--legal-input)!important;color:var(--legal-text)!important;-webkit-text-fill-color:currentColor!important}
html[data-ruletta-visual="graphite"] input:-webkit-autofill{-webkit-text-fill-color:var(--legal-text)!important;caret-color:var(--legal-accent)!important;-webkit-box-shadow:0 0 0 1000px var(--legal-input) inset!important;box-shadow:0 0 0 1000px var(--legal-input) inset!important}
html[data-ruletta-visual="graphite"] input:autofill{-webkit-text-fill-color:var(--legal-text)!important;caret-color:var(--legal-accent)!important;box-shadow:0 0 0 1000px var(--legal-input) inset!important}
