/* R67 · input-only organic dark surfaces. Geometry and native field behavior remain owned by each form. */
.flow-canvas-host {isolation:isolate;}
.flow-surface {isolation:isolate;border-color:#ffffff12!important;border-radius:24px;background:linear-gradient(135deg,rgba(26,26,26,.72),rgba(42,42,42,.72))!important;}
.flow-input:not(:is([type=checkbox],[type=radio],[type=file],[type=range],[type=color],[type=hidden],[type=button],[type=submit],[type=reset],[type=image])) {color-scheme:dark;border-color:#ffffff1c!important;border-radius:var(--flow-input-radius,10px);background:linear-gradient(135deg,#202b31,#172127 58%,#263137)!important;color:#dce4e9!important;caret-color:#d4e7f2;transition:background-color .6s cubic-bezier(.4,0,.2,1),border-color 180ms ease,box-shadow 180ms ease;}
.flow-input[data-flow-ready=true]:not(:is([type=checkbox],[type=radio],[type=file],[type=range],[type=color],[type=hidden],[type=button],[type=submit],[type=reset],[type=image])) {background:var(--flow-live-background,transparent)!important;}
.flow-canvas-host>span.flow-base {position:absolute;z-index:-1;display:block;border:0;border-radius:var(--flow-canvas-radius,10px);background:#1c252b;opacity:1;pointer-events:none!important;user-select:none;animation:none!important;transition:none!important;}
canvas.flow-canvas,.flow-surface>canvas.flow-canvas {position:absolute;z-index:-1;display:block;border:0;border-radius:var(--flow-canvas-radius,10px);opacity:1;pointer-events:none!important;user-select:none;transition:opacity .6s cubic-bezier(.4,0,.2,1);}
.flow-canvas-host>canvas.flow-canvas {position:absolute;z-index:-1;}
.flow-surface>canvas.flow-canvas {border-radius:inherit;}
.flow-surface:is(:hover,:focus-within) {background:linear-gradient(135deg,rgba(26,26,26,.72),rgba(42,42,42,.72))!important;}
.flow-surface:is(:hover,:focus-within)>canvas.flow-canvas,canvas.flow-canvas[data-flow-active=false] {opacity:0;}
.flow-input:not(:is([type=checkbox],[type=radio],[type=file],[type=range],[type=color],[type=hidden],[type=button],[type=submit],[type=reset],[type=image])):is(:hover,:focus,:focus-within) {--flow-live-background:#171d22;background:#171d22!important;border-color:#8fa9b547!important;}
.flow-input::placeholder {color:#89969e!important;opacity:1;}
.flow-input:focus-visible,.flow-surface:focus-within {outline:2px solid #a8c6d5!important;outline-offset:2px;border-color:#a8c6d580!important;}
.flow-surface .flow-input:not(:is([type=checkbox],[type=radio],[type=file],[type=range],[type=color],[type=hidden],[type=button],[type=submit],[type=reset],[type=image])) {--flow-live-background:transparent;background:transparent!important;}
.flow-input:is(:disabled,[aria-disabled=true]) {--flow-live-background:#171d22;background:#171d22!important;opacity:.5;cursor:not-allowed;}
.flow-input:is([readonly],[aria-readonly=true]) {--flow-live-background:#171d22;background:#171d22!important;color:#b3c0c8!important;}
.flow-input[aria-invalid=true] {border-color:#e08b97!important;outline-color:#e08b97!important;}
@supports selector(:user-invalid) {.flow-input:user-invalid {border-color:#e08b97!important;outline-color:#e08b97!important;}}
select.flow-input {color-scheme:dark;}
select.flow-input :is(option,optgroup) {background:#1c252b;color:#dce4e9;}
.flow-input:-webkit-autofill {-webkit-text-fill-color:#dce4e9;caret-color:#d4e7f2;box-shadow:inset 0 0 0 1000px #1c252b!important;}
@media(max-width:700px) {input.flow-input,textarea.flow-input,select.flow-input,[contenteditable].flow-input {font-size:16px!important;}}
@media(prefers-reduced-motion:reduce) {
 .flow-surface,.flow-input,canvas.flow-canvas {animation:none!important;transition:none!important;}
 canvas.flow-canvas {opacity:0!important;}
 .flow-input[data-flow-ready=true]:not(:is([type=checkbox],[type=radio],[type=file],[type=range],[type=color],[type=hidden],[type=button],[type=submit],[type=reset],[type=image])) {background:#1c252b!important;}
 .flow-surface .flow-input[data-flow-ready=true]:not(:is([type=checkbox],[type=radio],[type=file],[type=range],[type=color],[type=hidden],[type=button],[type=submit],[type=reset],[type=image])) {background:transparent!important;}
}
@media(forced-colors:active) {
 canvas.flow-canvas,.flow-canvas-host>span.flow-base {display:none!important;}
 .flow-surface,:is(.flow-input,.flow-input[data-flow-ready],.flow-surface .flow-input):not(:is([type=checkbox],[type=radio],[type=file],[type=range],[type=color],[type=hidden],[type=button],[type=submit],[type=reset],[type=image])) {forced-color-adjust:auto;background:Canvas!important;color:CanvasText!important;border-color:ButtonText!important;box-shadow:none!important;}
 .flow-input::placeholder {color:GrayText!important;}
 .flow-input:focus-visible,.flow-surface:focus-within {outline-color:Highlight!important;}
}