/* System-wide semantic tokens, independent of client colors and appearance palette. */
.field-phone::placeholder{color:var(--text-secondary,#657387);opacity:.65;font-weight:400}
:root{--field-attention-background:#FCF6DF;--field-attention-border:#CCB975;--field-attention-text:#6A521D;--field-attention-value:#253F43}
form :is(input,select,textarea).field-attention[data-field-attention-state="pending"]{background:var(--field-attention-background);border-color:var(--field-attention-border);color:var(--field-attention-value)}
form label.field-attention-check{background:var(--field-attention-background);border:1px solid var(--field-attention-border);border-radius:5px;padding:7px;flex-wrap:wrap}
.field-attention-note{display:block;color:var(--field-attention-text);font-size:11px;font-weight:400;line-height:1.35;margin-top:3px;white-space:normal}
.field-attention-note[hidden]{display:none}.field-attention-check .field-attention-note{flex-basis:100%}
.field-attention-note a{color:inherit;text-decoration:underline;text-underline-offset:2px}.field-attention-note a:focus-visible{outline:2px solid currentColor;outline-offset:3px;border-radius:2px}
@media(forced-colors:active){form .field-attention[data-field-attention-state="pending"],form label.field-attention-check{border:2px solid CanvasText}.field-attention-note{color:CanvasText}}