/* Screen affordances only. No dimensions, values, permissions or print styles
   change here; readonly/disabled controls never become editable. */
@media screen{
 :is(.korus-shell,.korus-compact,.session-page){
  --field-surface:light-dark(#fff,color-mix(in srgb,var(--paper) 88%,var(--ink)));
  --field-border:light-dark(#8b9a96,#8a9b95);
  --field-read-surface:color-mix(in srgb,var(--paper) 92%,var(--ink));
  --field-read-border:color-mix(in srgb,var(--paper) 72%,var(--ink));
 }
 :is(.korus-shell,.korus-compact,.session-page) :where(input:not([type=hidden]):not([type=checkbox]):not([type=radio]):not([type=button]):not([type=submit]):not([type=reset]):not([type=image]):not([type=range]):not([type=color]),select,textarea){
  border:1px solid var(--field-border)!important;
  border-radius:4px;
  background-color:var(--field-surface)!important;
  box-shadow:inset 0 1px 2px #16293608;
 }
 :is(.korus-shell,.korus-compact,.session-page) :is(input,select,textarea):focus-visible{
  outline:2px solid var(--ink);outline-offset:1px;border-color:var(--ink)!important;
 }
 :is(.korus-shell,.korus-compact,.session-page) :is(input[readonly],textarea[readonly],input:disabled:not([type=checkbox]):not([type=radio]),select:disabled,textarea:disabled){
  border-color:var(--field-read-border)!important;border-style:dashed!important;
  background-color:var(--field-read-surface)!important;box-shadow:none;
 }
 :is(.korus-shell,.korus-compact,.session-page) :is(input[type=checkbox],input[type=radio]){accent-color:var(--ink);outline-offset:2px}
 /* Existing validation markers must remain stronger than the generic frame. */
 :is(.korus-shell,.korus-compact,.session-page) :is(input,select,textarea):is(.input-validation-error,[aria-invalid=true]){border-color:light-dark(#b13535,#ff9f9f)!important;outline-color:light-dark(#b13535,#ff9f9f)}
 /* The screenshot's card is a consultation: frame its actual values as such,
    without replacing them with controls or adding focus/tab stops. */
 .korus-shell :is(.native-grid dd,.article-read-value){
  box-sizing:border-box;border:1px dashed var(--field-read-border);border-radius:4px;
  background-color:var(--field-read-surface);padding:1px 6px!important;
  min-height:20px!important;line-height:16px;
 }
 /* A document's chosen background/text style stays authoritative. The border
    and focus outline alone distinguish input over that saved background. */
 .korus-shell .document-line :is(input,textarea,select){background-color:transparent!important;box-shadow:none}
 .korus-shell .document-line :is(input[readonly],textarea[readonly],input:disabled,textarea:disabled,select:disabled){background-color:transparent!important}
}