/* Compatibility for existing form utilities. Only loaded on migrated pages.
   Names, actions, validation and security behavior remain in their original templates. */
.ew-public,.ew-profile-edit { font-family:var(--ew-font); color:var(--ew-text); background:var(--ew-canvas); }
:where(.ew-public,.ew-profile-edit) :is(.card,.bg-white) { background:var(--ew-surface); border-color:var(--ew-border); color:var(--ew-text); }
:where(.ew-public,.ew-profile-edit) .card { padding:28px; border:1px solid var(--ew-border); border-radius:var(--ew-radius-lg); box-shadow:var(--ew-shadow); }
:where(.ew-public,.ew-profile-edit) :is(.text-gray-900,.text-gray-800,.text-gray-700) { color:var(--ew-text); }
:where(.ew-public,.ew-profile-edit) :is(.text-gray-600,.text-gray-500,.text-gray-400) { color:var(--ew-muted); }
:where(.ew-public,.ew-profile-edit) :is(.text-primary-600,.text-primary-700,.text-blue-600,.text-blue-700) { color:var(--ew-blue); }
:where(.ew-public,.ew-profile-edit) :is(.bg-gray-50,.bg-gray-100,.bg-primary-50,.bg-blue-50) { background:var(--ew-blue-light); }
:where(.ew-public,.ew-profile-edit) :is(.border-gray-100,.border-gray-200,.border-gray-300) { border-color:var(--ew-border); }
:is(.ew-public,.ew-profile-edit) :where(input:not([type=checkbox]):not([type=radio]):not([type=hidden]),select,textarea) { min-width:0; min-height:46px; border:1px solid var(--ew-border); border-radius:8px; background:var(--ew-canvas); color:var(--ew-text); padding:10px 12px; }
:is(.ew-public,.ew-profile-edit) :is(input,select,textarea) { font-size:16px; }
:where(.ew-public,.ew-profile-edit) input[type=password] { padding-right:44px; }
:where(.ew-public,.ew-profile-edit) input::placeholder,:where(.ew-public,.ew-profile-edit) textarea::placeholder { color:var(--ew-muted); opacity:1; }
:where(.ew-public,.ew-profile-edit) :is(input[type=checkbox],input[type=radio]) { accent-color:var(--ew-action); }
:where(.ew-public,.ew-profile-edit) :is(.btn,.btn-primary,.btn-secondary,.btn-outline) { display:inline-flex; align-items:center; justify-content:center; gap:8px; min-height:46px; padding:11px 20px; border:1px solid var(--ew-border); border-radius:8px; font-size:14px; font-weight:650; background:var(--ew-elevated); color:var(--ew-text); }
:where(.ew-public,.ew-profile-edit) .btn-primary { background:var(--ew-action); border-color:var(--ew-action); color:#fff; }
:where(.ew-public,.ew-profile-edit) .btn-primary:hover { background:var(--ew-blue-dark); }
:where(.ew-public,.ew-profile-edit) .icon-badge { display:grid; place-items:center; width:48px; height:48px; border-radius:12px; color:var(--ew-blue); background:var(--ew-blue-light); }
:where(.ew-public,.ew-profile-edit) :is(.bg-red-50,.bg-red-100) { background:#fff0f2; color:var(--ew-danger); }
:where(.ew-public,.ew-profile-edit) :is(.text-red-600,.text-red-700,.text-red-800) { color:var(--ew-danger); }
:where(.ew-public,.ew-profile-edit) :is(.bg-green-50,.bg-green-100) { background:#e6f5ed; color:var(--ew-success); }
:where(.ew-public,.ew-profile-edit) :is(.text-green-600,.text-green-700,.text-green-800) { color:var(--ew-success); }
:where(.ew-public,.ew-profile-edit) :is(.bg-amber-50,.bg-yellow-50) { background:#fff3dc; color:var(--ew-warning); }
:where(.ew-public,.ew-profile-edit) :is(.text-amber-700,.text-amber-800,.text-yellow-700,.text-yellow-800) { color:var(--ew-warning); }
:where(.ew-public,.ew-profile-edit) :focus-visible { outline:3px solid var(--ew-blue); outline-offset:4px; }
:where(.ew-public,.ew-profile-edit) [aria-invalid=true] { border-color:var(--ew-danger); }
:is(.ew-public,.ew-profile-edit) :is(input,select,textarea):not([aria-invalid=true]) { border-color:var(--ew-control-border); }
.ew-profile-edit :is(main,section,aside) { min-width:0; }
.ew-profile-edit h1,.ew-profile-edit h2 { letter-spacing:-.035em; }
.ew-profile-edit header > div { min-width:0; overflow-wrap:anywhere; }
.ew-profile-edit :is(.bg-white,.bg-gray-50) a:hover { background:var(--ew-blue-light); }
@media(max-width:640px) { :where(.ew-public,.ew-profile-edit) .card { padding:22px; } }
@media(prefers-reduced-motion:reduce) { .ew-profile-edit *, .ew-profile-edit *::before,.ew-profile-edit *::after { animation:none!important; transition:none!important; scroll-behavior:auto!important; } }