/* Dark workspace text. Light widget previews keep their own foreground palette. */
body:not(.theme-light){color:#f8fafc}
body:not(.theme-light) :is(.customer,.page,dialog,#sidebar) a,
body:not(.theme-light) :is(.customer,.page,dialog,#sidebar) a:visited,
body:not(.theme-light) :is(.customer,.page,dialog,#sidebar) .link{color:#fff!important}
body:not(.theme-light) :is(.customer,.page,dialog,#sidebar) a{text-decoration:underline;text-underline-offset:3px;overflow-wrap:anywhere}
body:not(.theme-light) :is(.muted,.subline,.modalcopy,.sideheading,.threadbody p,.threadbody small,.detail label,.visitorfacts dt,.visitorfacts small){color:#dce3ed}
body:not(.theme-light) :is(.customer,.page,dialog,#sidebar) :is(h1,h2,h3,h4,th,td,label,dd){color:#f8fafc}
body:not(.theme-light) :is(.primary,.secondary){color:#fff}
body:not(.theme-light) .sideitem{color:#f1f5f9}
body:not(.theme-light) .sideitem.active{color:#fff;background:#233c70}
body:not(.theme-light) .rail #nav button:not(.active){color:#edf2f9}
body:not(.theme-light) :is(input,textarea)::placeholder{color:#c2cbd8;opacity:1}
body:not(.theme-light) :is(a,button,input,select,textarea):focus-visible{outline:2px solid #fff;outline-offset:3px}
body:not(.theme-light) .visitorfacts a:hover{color:#fff;text-decoration-thickness:2px}
/* A white preview surface must retain dark labels, even in the dark workspace. */
body:not(.theme-light) :is(.widgetcard,.widgetaction,.mkpreview) :is(h1,h2,h3,h4,label,dd){color:inherit}