﻿.sys-text-assistant{margin-top:6px;font:12px Arial,sans-serif;color:var(--text,var(--sysdash-text,#263238))}
.sys-text-assistant[hidden],.sys-text-assistant [hidden]{display:none!important}
.sys-text-trigger[hidden]{display:none!important}
button.sys-text-trigger{display:inline-flex;align-items:center;justify-content:center;vertical-align:middle;margin:0 0 0 6px;padding:3px;width:24px;height:24px;min-height:24px;border:1px solid transparent;border-radius:3px;background:transparent;color:inherit;opacity:.65;line-height:1;cursor:pointer;box-shadow:none}
button.sys-text-trigger:hover,button.sys-text-trigger[aria-expanded=true]{opacity:1;color:var(--accent,#3c8dbc);background:rgba(60,141,188,.10);border-color:rgba(60,141,188,.25)}
button.sys-text-trigger:focus-visible{opacity:1;outline:2px solid var(--accent,#3c8dbc);outline-offset:2px}
.sys-text-actions{display:flex;flex-wrap:wrap;gap:6px}
.sys-text-html-preview{min-height:100px;max-height:320px;overflow:auto;margin:8px 0;padding:10px;border:1px solid var(--line,var(--sysdash-line,#dce1e5));background:var(--surface,var(--sysdash-surface,#fff));overflow-wrap:anywhere}
.sys-text-assistant button,.sys-text-assistant select{min-height:34px;border:1px solid var(--line,var(--sysdash-line,#dce1e5));border-radius:2px;padding:6px 10px;background:var(--surface,var(--sysdash-surface,#fff));color:inherit;font:inherit}
.sys-text-assistant button:hover{border-color:var(--accent,var(--sysdash-accent,#3c8dbc))}
.sys-text-assistant button:disabled{opacity:.5;cursor:not-allowed}
.sys-text-assistant section{margin-top:6px;padding:12px;border:1px solid var(--line,var(--sysdash-line,#dce1e5));border-left:3px solid var(--accent,var(--sysdash-accent,#3c8dbc));background:var(--secondary,var(--sysdash-surface-2,#f9fafb))}
.sys-text-assistant label{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-bottom:8px}
.sys-text-assistant textarea{display:block;width:100%;resize:vertical;min-height:100px;margin:8px 0;background:var(--surface,var(--sysdash-surface,#fff));color:inherit;border:1px solid var(--line,var(--sysdash-line,#dce1e5));font:inherit}
.sys-text-assistant p{margin:0 0 10px;overflow-wrap:anywhere}
.sys-text-assistant a{display:inline-block;margin-bottom:10px;color:var(--accent,var(--sysdash-accent,#3c8dbc));text-decoration:underline}
.skin-blue-light .sys-text-assistant,.skin-sysimple-soft .sys-text-assistant{--text:#263238;--surface:#fff;--secondary:#f9fafb;--line:#dce1e5;--accent:#3c8dbc}
.skin-sysimple-dark .sys-text-assistant{--text:#f5f7fa;--surface:#202328;--secondary:#272b31;--line:#3a4048;--accent:#3c8dbc}
.skin-sysimple-midnight .sys-text-assistant{--text:#f5f7fa;--surface:#1c2128;--secondary:#232933;--line:#3a4048;--accent:#5cb8ff}
.skin-sysimple-vs .sys-text-assistant{--text:#f5f7fa;--surface:#24272d;--secondary:#2a2e35;--line:#3a4048;--accent:#3c8dbc}

/* Language tools stay compact even inside module-wide button/grid rules. */
html body button.sys-text-trigger:is(#sys-text-trigger, .sys-text-trigger){
 display:inline-flex!important;align-items:center;justify-content:center;flex:0 0 18px;
 width:18px!important;height:18px!important;min-width:18px!important;min-height:18px!important;
 max-width:18px;max-height:18px;margin:0 0 0 4px!important;padding:0!important;
 border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;
 color:var(--adm-text,var(--sysdash-text,#647580))!important;opacity:1;font-size:12px!important;line-height:1!important;
}
html body button.sys-text-trigger:is(#sys-text-trigger, .sys-text-trigger):hover,
html body button.sys-text-trigger:is(#sys-text-trigger, .sys-text-trigger)[aria-expanded=true]{color:var(--adm-primary,#3c8dbc)!important;background:transparent!important}
html body button.sys-text-trigger:is(#sys-text-trigger, .sys-text-trigger)[hidden]{display:none!important}
html body .sys-text-trigger svg{display:block!important;width:14px!important;height:14px!important;min-width:14px;flex:none;overflow:visible;fill:none;stroke:currentColor}
html body .sys-text-caption{display:flex!important;align-items:center;justify-content:flex-start!important;gap:0!important}
html body .sys-text-assistant{font-size:11px;margin-top:4px}
html body .sys-text-assistant button,html body .sys-text-assistant select{min-height:26px!important;height:auto;padding:3px 7px!important;font-size:11px!important;line-height:18px}
html body .sys-text-assistant .sys-text-actions{gap:4px}
html body .sys-text-assistant section{padding:8px;margin-top:4px}
html body .sys-text-assistant textarea{min-height:72px}
html body .sys-text-assistant p,html body .sys-text-assistant a{margin-bottom:6px}


html body button.sys-text-trigger.sys-text-unconfigured:is(#sys-text-trigger,.sys-text-trigger),
html body button.sys-text-trigger.sys-text-unconfigured:is(#sys-text-trigger,.sys-text-trigger):hover{color:var(--sysdash-danger,#dd4b39)!important;opacity:1}
