/* FMOB89 card #89 (TheDekel 19/10): fields that are hidden on the phone by default get a very light grey tint.
   (1) phone, with "Show all fields" ticked: the extra fields (design-only fields in #s1gS3, ph3more fields) are tinted.
   (2) desktop Pro editor ("All fields" list): rows whose field is hidden on the phone carry .fm89 (set by fmob89.js) and are tinted.
   Styling only: which fields show is unchanged. Text on the tint: #1f2a2e 13.4:1, placeholder #646b75 4.9:1, row label #4b5563 6.9:1. */
main.editor.onestep.s123-all-on #s1gS3 label.fld:not(.s1g-in1) :is(.fi-ctl,textarea,select,.datebtn,input:not([type=checkbox]):not([type=radio]):not([type=file]):not([type=color])),
main.editor.onestep.s123-all-on .phfields label.fld.s123-more :is(.fi-ctl,textarea,select,.datebtn,input:not([type=checkbox]):not([type=radio]):not([type=file]):not([type=color])),
main.editor.onestep.s123-all-on #visS3 label.fld.s123-more :is(.fi-ctl,textarea,select,.datebtn,input:not([type=checkbox]):not([type=radio]):not([type=file]):not([type=color])){background-color:#eceef2!important} /* G89b (TheDekel 19/10 'on the phone I don't see it'): a step darker, #f4f4f6 was invisible on a phone screen */
main.editor.onestep.s123-all-on #s1gS3 label.fld:not(.s1g-in1) :is(.fi-ctl,textarea,select):not(:focus):not(:focus-within),
main.editor.onestep.s123-all-on .phfields label.fld.s123-more :is(.fi-ctl,textarea,select):not(:focus):not(:focus-within),
main.editor.onestep.s123-all-on #visS3 label.fld.s123-more :is(.fi-ctl,textarea,select):not(:focus):not(:focus-within){border-color:#c3c7cf!important}
main.editor.onestep.s123-all-on #s1gS3 label.fld:not(.s1g-in1) :is(input,textarea)::placeholder,
main.editor.onestep.s123-all-on .phfields label.fld.s123-more :is(input,textarea)::placeholder,
main.editor.onestep.s123-all-on #visS3 label.fld.s123-more :is(input,textarea)::placeholder{color:#646b75!important;opacity:1}
/* (2) Pro editor: tint the ROW (inputs stay white, so it never reads as a disabled/locked field) */
.pro-fr.fm89{background:#eceef2;border-color:#dcdfe5}
.pro-fr.fm89.on{background:#fffaf0;border-color:var(--gold,#b08d57)} /* the selected row keeps its gold highlight */
.pro-fr.fm89>span{color:#4b5563}
.pro-fr.fm89 :is(input,textarea):not(:disabled){background:#fff}
.pro-fr.fm89 :is(input,textarea):focus-visible{outline:2px solid var(--gold,#b08d57);outline-offset:1px}
.pro-fl-h .fm89-lg{display:flex;align-items:center;gap:6px;margin-top:4px;font-size:.74rem;color:#4b5563;font-weight:400}
.pro-fl-h .fm89-lg i{display:inline-block;width:22px;height:12px;border-radius:999px;background:#eceef2;border:1px solid #c3c7cf;flex:none}