/* v6.9.4 — wide layout, ações Material e refinamentos funcionais */
:root{--wide-gutter:clamp(10px,1.2vw,22px)}
html,body{width:100%;min-height:100%}
.workspace{width:100%!important;max-width:none!important;margin:0!important;padding-left:var(--wide-gutter)!important;padding-right:var(--wide-gutter)!important}
.top-appbar__inner{width:100%!important;max-width:none!important;margin:0!important;padding-left:var(--wide-gutter)!important;padding-right:var(--wide-gutter)!important}
.panel{width:100%!important;max-width:none!important}
.results-grid,.audit-insights-grid{width:100%}
.material-action{border:1px solid #dbe6ed;background:#f8fbfd;color:#587286;display:inline-grid;place-items:center;cursor:pointer;transition:transform .2s ease,background .2s ease,color .2s ease,box-shadow .2s ease}
.material-action svg{width:20px;height:20px;fill:currentColor;transition:transform .2s ease}
.material-action:hover{transform:translateY(-1px);background:#fff;box-shadow:0 6px 16px rgba(30,70,98,.1)}
.material-action:hover svg{transform:rotate(-5deg) scale(1.08)}
.material-action--danger{color:#c34b4b;background:#fff7f7;border-color:#f0d8d8}
.icon-only{width:38px;height:38px;padding:0!important;border-radius:11px!important}
.top-appbar__tabs .tl-nav__tab:nth-child(1) .tl-nav__icon{color:#1678d3}.top-appbar__tabs .tl-nav__tab:nth-child(2) .tl-nav__icon{color:#6d5dfc}.top-appbar__tabs .tl-nav__tab:nth-child(3) .tl-nav__icon{color:#16865b}.top-appbar__tabs .tl-nav__tab:nth-child(4) .tl-nav__icon{color:#d67a00}
.top-appbar__tabs .tl-nav__icon svg{fill:currentColor;stroke:none;transition:transform .2s ease,filter .2s ease}.top-appbar__tabs .tl-nav__tab:hover .tl-nav__icon svg{transform:translateY(-2px) scale(1.08);filter:drop-shadow(0 4px 6px rgba(25,80,120,.18))}
.employee-analysis-entry__body .employee-card-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.employee-analysis-entry__body .employee-card-actions .muted{margin-left:auto}
@media(max-width:900px){.workspace,.top-appbar__inner{padding-left:8px!important;padding-right:8px!important}.top-appbar__brand-copy small{display:none}}
@media(prefers-reduced-motion:reduce){.material-action,.material-action svg,.top-appbar__tabs .tl-nav__icon svg{transition:none!important;transform:none!important}}

/* v6.9.4 */
.top-appbar__mark--icon svg{width:22px;height:22px;fill:currentColor;display:block}
.expression-box--editable{align-items:stretch}
.expression-editor{flex:1;min-height:72px;resize:vertical;border:1px solid #cbdbe6;border-radius:10px;background:#f8fbfd;color:#17354b;padding:10px 12px;font:600 12px/1.45 ui-monospace,SFMono-Regular,Consolas,monospace;outline:none}
.expression-editor:focus{border-color:#6caee4;box-shadow:0 0 0 3px rgba(27,132,255,.10);background:#fff}

/* v6.9.4 — modo Light */
.light-mode-toggle{display:flex;align-items:center;gap:10px;margin:0 0 14px;padding:10px 12px;border:1px solid #dce7f0;border-radius:14px;background:#f8fbfd;cursor:pointer;user-select:none}
.light-mode-toggle input{position:absolute;opacity:0;pointer-events:none}
.light-mode-toggle__track{width:42px;height:24px;border-radius:999px;background:#cbd7e1;padding:3px;display:flex;align-items:center;transition:.18s;flex:0 0 auto}
.light-mode-toggle__track i{display:block;width:18px;height:18px;border-radius:50%;background:#fff;box-shadow:0 2px 6px rgba(25,48,71,.18);transition:.18s}
.light-mode-toggle input:checked+.light-mode-toggle__track{background:#1976d2}
.light-mode-toggle input:checked+.light-mode-toggle__track i{transform:translateX(18px)}
.light-mode-toggle input:disabled+.light-mode-toggle__track{opacity:.45}
.light-mode-toggle__copy{display:grid;line-height:1.15}.light-mode-toggle__copy strong{font-size:.88rem}.light-mode-toggle__copy small{margin-top:3px;color:#698096;font-size:.72rem}
.audit-panel-error{padding:16px;border:1px solid #f1c7c7;background:#fff7f7;color:#9d2b2b;border-radius:14px;line-height:1.5}
