.werk-paneel{flex:1;min-height:0}.werk-paneel:has(>.werk-start){container-type:size}.werk-header .ui-header-title{font-weight:var(--font-weight-medium)}.werk-start{width:min(calc(100% - var(--space-6) * 2), var(--werk-content-width));box-sizing:border-box;min-height:100%;padding:max(48px, calc(48.7cqh - var(--werk-composer-height) / 2)) 0 var(--space-8);flex-direction:column;align-items:stretch;margin:0 auto;display:flex}.werk-invoer{gap:var(--space-1);padding:var(--space-3) var(--space-3) var(--space-2) var(--space-4);border:var(--divider-width) solid var(--border-list);border-radius:var(--radius-frame);background:var(--surface-control);box-shadow:var(--werk-composer-shadow);transition:border-color var(--motion-hover) var(--ease-standard);flex-direction:column;display:flex;position:relative}.werk-invoer:focus-within{border-color:var(--border-interactive)}.werk-invoer textarea{resize:none;width:100%;font:var(--font-weight-normal) var(--font-size-base)/1.5 var(--font-ui);color:var(--text-primary);min-height:var(--space-6);background:0 0;border:none;outline:none;max-height:220px}.werk-invoer textarea::placeholder{color:var(--text-faint)}.werk-invoer textarea:focus,.werk-invoer textarea:focus-visible{box-shadow:none;border:none;outline:none}.werk-invoer--groot{min-height:var(--werk-composer-height);box-sizing:border-box;border-radius:var(--radius-frame);padding:16px 12px 10px 18px}.werk-invoer--groot textarea{font-size:var(--font-size-lg);font-weight:var(--font-weight-medium);flex:1;min-height:28px}.werk-invoer-voet{align-items:center;gap:var(--space-2);min-height:var(--row-height-sm);display:flex}.werk-klantknop{align-items:center;gap:var(--space-1);height:var(--space-6);padding:0 var(--space-1);border-radius:var(--radius-control);color:var(--text-secondary);font:var(--font-weight-normal) var(--font-size-sm) var(--font-ui);cursor:pointer;background:0 0;border:0;display:inline-flex}.werk-start .werk-klantknop{font-weight:var(--font-weight-medium)}.werk-klantknop:hover{background:var(--surface-hover);color:var(--text-primary)}.werk-klantknop:focus-visible,.werk-rond:focus-visible{outline:var(--divider-width) solid var(--focus-ring);outline-offset:2px}.werk-invoer-voet>:last-child{margin-left:auto}.werk-rond{border:var(--divider-width) solid var(--border-list);background:var(--surface-control);width:24px;height:24px;color:var(--text-secondary);cursor:pointer;border-radius:50%;place-items:center;display:grid}.werk-rond:hover:not(:disabled){background:var(--surface-hover);border-color:var(--border-interactive)}.werk-aanbevolen{margin-top:var(--space-5)}.werk-leeg{font:var(--font-weight-normal) var(--font-size-base) var(--font-ui);color:var(--text-muted);margin:0}.werk-rijen{gap:var(--space-1);flex-direction:column;display:flex}.werk-rij{align-items:center;gap:var(--space-3);width:100%;min-height:var(--werk-row-height);padding:var(--space-2) var(--space-4);border-radius:var(--radius-control);color:var(--text-primary);text-align:left;cursor:pointer;transition:background-color var(--motion-hover) var(--ease-standard);background:0 0;border:0;display:flex}.werk-rij:hover:not(:disabled){background:var(--surface-hover)}.werk-rij:focus-visible{outline:var(--divider-width) solid var(--focus-ring);outline-offset:-1px}.werk-rij:disabled{opacity:.55;cursor:default}.werk-rij-bron{flex:0 0 var(--space-5);color:var(--icon-secondary);place-items:center;display:grid}.werk-rij-titel{text-overflow:ellipsis;white-space:nowrap;min-width:0;font:var(--font-weight-medium) var(--font-size-base)/1.4 var(--font-ui);color:var(--text-secondary);overflow:hidden}@media (max-width:600px){.werk-start{width:calc(100% - var(--space-4) * 2)}.werk-invoer--groot{padding-left:16px}.werk-rij{padding-inline:var(--space-2)}.werk-rij-titel{font-size:var(--font-size-base)}}.werk-gesprek{flex-direction:column;gap:28px;max-width:820px;margin:0 auto;padding:28px 24px 24px;display:flex}.werk-vraag-blok{grid-template-columns:24px minmax(0,1fr);align-self:flex-end;gap:6px 8px;min-width:0;max-width:78%;display:grid}.werk-vraag-blok>:first-child{grid-column:1/-1}.werk-vraag{background:var(--surface-chat-question,#f0f0f2);min-width:0;color:var(--text-primary);font:400 14.5px/1.5 var(--font-ui);white-space:pre-wrap;overflow-wrap:anywhere;border-radius:16px 16px 4px;grid-column:2;padding:10px 14px}.werk-beurt{flex-direction:column;gap:14px;display:flex}.werk-antwoord-blok{grid-template-columns:24px minmax(0,1fr);align-items:start;gap:6px 8px;display:grid}.werk-antwoord-blok>:first-child{grid-column:1/-1}.werk-antwoord-inhoud{flex-direction:column;grid-column:2;gap:12px;min-width:0;display:flex}.werk-antwoord{font:400 14.5px/1.6 var(--font-ui);color:var(--text-primary)}.werk-p{min-height:1em;margin:0 0 8px}.werk-li{margin:0 0 4px 18px;position:relative}.werk-li:before{content:"";background:var(--text-faint);border-radius:50%;width:5px;height:5px;position:absolute;top:.65em;left:-12px}.werk-trace{border-left:2px solid var(--border-list);padding-left:12px}.werk-trace-kop{cursor:pointer;font:500 13px var(--font-ui);color:var(--text-secondary);background:0 0;border:none;align-items:center;gap:6px;padding:2px 0;display:inline-flex}.werk-shimmer{background:linear-gradient(90deg, var(--text-faint) 0%, var(--text-primary) 45%, var(--text-faint) 90%);color:#0000;background-size:200% 100%;-webkit-background-clip:text;background-clip:text;animation:1.6s linear infinite werk-shimmer}@keyframes werk-shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}.werk-trace-lijst{flex-direction:column;gap:8px;margin:8px 0 0;padding:0;list-style:none;display:flex}.werk-denk{font:italic 400 13px/1.5 var(--font-ui);color:var(--text-muted)}.werk-stap{font:400 13px/1.4 var(--font-ui);align-items:flex-start;gap:8px;animation:.2s werk-in;display:flex}@keyframes werk-in{0%{opacity:0;transform:translateY(3px)}to{opacity:1;transform:none}}.werk-stap-icoon{background:var(--surface-hover);width:20px;height:20px;color:var(--text-secondary);border-radius:50%;flex-shrink:0;place-items:center;display:grid}.werk-stap[data-status=klaar] .werk-stap-icoon{background:color-mix(in srgb, var(--status-positive) 16%, transparent);color:var(--status-positive)}.werk-stap[data-status=fout] .werk-stap-icoon{background:color-mix(in srgb, var(--danger) 14%, transparent);color:var(--danger)}.werk-stap-tekst{flex-direction:column;flex:1;min-width:0;display:flex}.werk-stap-titel{color:var(--text-primary);font-weight:600}.werk-stap-detail{color:var(--text-muted);font-size:12.5px}.werk-stap-uitkomst{color:var(--text-faint);white-space:nowrap;padding-top:2px;font-size:12px}.werk-draai{animation:.9s linear infinite werk-draai}@keyframes werk-draai{to{transform:rotate(360deg)}}.werk-concept{border:1px solid var(--border-interactive);background:var(--surface-elevated);border-radius:14px;overflow:hidden;box-shadow:0 4px 16px #0000000d}.werk-concept-kop{border-bottom:1px solid var(--border-hairline);align-items:center;gap:10px;padding:12px 14px;display:flex}.werk-concept-titel{min-width:0;font:400 12.5px var(--font-ui);color:var(--text-muted);flex-direction:column;flex:1;display:flex}.werk-concept-titel strong{font:600 14px var(--font-ui);color:var(--text-emphasis)}.werk-concept-uitleg{font:400 12.5px/1.5 var(--font-ui);color:var(--text-muted);margin:10px 14px 0}.werk-concept-tekst{box-sizing:border-box;border:1px solid var(--border-list);background:var(--surface-panel);resize:vertical;width:calc(100% - 28px);font:400 14px/1.55 var(--font-ui);color:var(--text-primary);border-radius:10px;outline:none;margin:10px 14px;padding:10px 12px;display:block}.werk-concept-tekst:focus{border-color:var(--border-strong)}.werk-concept-acties{flex-wrap:wrap;align-items:center;gap:8px;padding:0 14px 12px;display:flex}.werk-concept-waarom{font:400 12.5px var(--font-ui);color:var(--warning)}.werk-concept-klaar{font:500 13px var(--font-ui);color:var(--status-positive);align-items:center;gap:6px;padding:12px 14px;display:flex}.werk-knop{cursor:pointer;border:1px solid var(--border-interactive);background:var(--surface-control);height:30px;color:var(--text-primary);font:500 13px var(--font-ui);border-radius:999px;align-items:center;gap:6px;padding:0 12px;display:inline-flex}.werk-knop:disabled{opacity:.45;cursor:default}.werk-knop--primair{background:var(--accent);border-color:var(--accent);color:var(--text-on-accent)}.werk-link{cursor:pointer;font:500 12.5px var(--font-ui);color:var(--text-secondary);background:0 0;border:none;align-items:center;gap:4px;display:inline-flex}.werk-link:hover{color:var(--text-emphasis)}.werk-voorstel{border:1px solid color-mix(in srgb, var(--warning) 35%, transparent);background:color-mix(in srgb, var(--warning) 8%, transparent);font:400 13px var(--font-ui);color:var(--text-primary);border-radius:12px;align-items:center;gap:10px;padding:10px 12px;display:flex}.werk-ok{color:var(--status-positive);font:500 12.5px var(--font-ui);align-items:center;gap:4px;display:inline-flex}.werk-fout{font:400 13px var(--font-ui);color:var(--danger);background:color-mix(in srgb, var(--danger) 8%, transparent);border-radius:12px;align-items:center;gap:8px;padding:10px 12px;display:flex}.werk-fout-tekst{color:var(--danger);font:500 12.5px var(--font-ui)}.werk-dok{flex-shrink:0;padding:10px 24px 18px}.werk-dok .werk-invoer{max-width:820px;margin:0 auto}.werk-invoer{position:relative}.werk-vermeldingen{z-index:20;border:1px solid var(--border-interactive);background:var(--surface-elevated);box-shadow:var(--shadow-popover,0 8px 24px #0000001f);border-radius:12px;max-height:280px;margin:0;padding:6px;list-style:none;position:absolute;bottom:calc(100% + 6px);left:12px;right:12px;overflow-y:auto}.werk-invoer--groot .werk-vermeldingen{bottom:calc(100% + var(--space-1));top:auto}.werk-vermelding-optie{cursor:pointer;font:400 13.5px var(--font-ui);color:var(--text-primary);border-radius:8px;align-items:center;gap:10px;padding:7px 8px;display:flex}.werk-vermelding-optie[aria-selected=true]{background:var(--surface-selected)}.werk-vermelding-avatar{background:var(--surface-selected);width:24px;height:24px;color:var(--text-secondary);font:var(--font-weight-medium) var(--font-size-xs) var(--font-ui);border-radius:7px;flex-shrink:0;place-items:center;display:grid}.werk-vermelding-naam{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.werk-vermelding-nr{color:var(--text-faint);font-size:12px}.werk-mention{color:var(--accent-text,var(--accent));background:var(--accent-soft);border-radius:5px;padding:0 3px;font-weight:600}.jr-kaart{border:1px solid var(--border-interactive);background:var(--surface-elevated);border-radius:14px;overflow:hidden;box-shadow:0 4px 16px #0000000d}.jr-kaart-kop{border-bottom:1px solid var(--border-hairline);align-items:center;gap:10px;padding:12px 14px;display:flex}.jr-icoon{width:34px;height:34px;color:var(--text-on-accent);background:linear-gradient(135deg, var(--accent), color-mix(in srgb, var(--accent) 55%, #2f5f9f));border-radius:10px;flex-shrink:0;place-items:center;display:grid}.jr-titel{font:600 14.5px var(--font-ui);color:var(--text-emphasis);display:block}.jr-sub{font:400 12.5px var(--font-ui);color:var(--text-muted);display:block}.jr-demo{font:600 10.5px var(--font-ui);letter-spacing:.03em;text-transform:uppercase;color:var(--warning);border:1px solid color-mix(in srgb, var(--warning) 40%, transparent);white-space:nowrap;border-radius:999px;padding:2px 8px}.jr-tegels{background:var(--border-hairline);grid-template-columns:repeat(4,1fr);gap:1px;display:grid}.jr-tegel{background:var(--surface-elevated);flex-direction:column;gap:2px;padding:12px 14px;display:flex}.jr-tegel span{font:400 12px var(--font-ui);color:var(--text-muted)}.jr-tegel strong{font:600 15px var(--font-ui);color:var(--text-emphasis);font-variant-numeric:tabular-nums}.jr-voet{border-top:1px solid var(--border-hairline);align-items:center;gap:8px;padding:10px 14px;display:flex}.jr-controles{font:500 12.5px var(--font-ui);color:var(--status-positive);align-items:center;gap:5px;display:inline-flex}.jr-overlay{z-index:95;background:var(--backdrop,#0006);place-items:center;display:grid;position:fixed;inset:0}.jr-venster{background:var(--surface-elevated);width:min(96vw,1100px);height:min(92vh,1000px);box-shadow:var(--shadow-overlay,0 16px 40px #0000004d);border-radius:14px;flex-direction:column;display:flex;overflow:hidden}.jr-venster-kop{border-bottom:1px solid var(--border-hairline);font:400 14px var(--font-ui);color:var(--text-primary);align-items:center;gap:8px;padding:10px 12px 10px 16px;display:flex}.jr-frame{background:#fff;border:none;flex:1}@media (max-width:700px){.jr-tegels{grid-template-columns:repeat(2,1fr)}}.werk-afschrift{border:1px solid var(--border-hairline);background:var(--surface-control);border-radius:10px;margin:4px 0 12px;overflow:hidden}.werk-afschrift-kop{border-bottom:1px solid var(--border-hairline);align-items:center;gap:10px;padding:10px 12px;display:flex}.werk-afschrift-titel{min-width:0;font:400 12.5px/1.4 var(--font-ui);color:var(--text-muted);flex-direction:column;display:flex}.werk-afschrift-titel strong{font:500 13px/1.4 var(--font-ui);color:var(--text-primary)}.werk-afschrift-tabel{border-collapse:collapse;width:100%;font:400 13px/1.4 var(--font-ui);color:var(--text-primary)}.werk-afschrift-tabel th{text-align:left;color:var(--text-muted);border-bottom:1px solid var(--border-hairline);padding:6px 12px;font-size:12px;font-weight:500}.werk-afschrift-tabel td{border-bottom:1px solid var(--border-hairline);padding:7px 12px}.werk-afschrift-tabel tr:last-child td{border-bottom:0}.werk-afschrift-bedrag{font-variant-numeric:tabular-nums;white-space:nowrap;text-align:right!important}.werk-groep{border:1px solid var(--border-interactive);background:var(--surface-elevated);border-radius:14px;margin:4px 0 12px;overflow:hidden}.werk-groep-kop{border-bottom:1px solid var(--border-hairline);align-items:center;gap:10px;padding:12px 14px;display:flex}.werk-groep-titel{min-width:0;font:400 12.5px var(--font-ui);color:var(--text-muted);flex-direction:column;flex:1;display:flex}.werk-groep-titel strong{font:600 14px var(--font-ui);color:var(--text-emphasis)}.werk-groep-lijst{margin:0;padding:0;list-style:none}.werk-groep-item+.werk-groep-item{border-top:1px solid var(--border-hairline)}.werk-groep-item[data-open=true]{background:var(--surface-control)}.werk-groep-rij{text-align:left;cursor:pointer;width:100%;min-height:52px;color:inherit;background:0 0;border:0;align-items:center;gap:10px;padding:8px 14px;display:flex}.werk-groep-rij:hover{background:var(--surface-hover)}.werk-groep-rij:focus-visible{outline:var(--divider-width) solid var(--focus-ring);outline-offset:-2px}.werk-groep-klant{width:210px;min-width:0;font:400 12px/1.35 var(--font-ui);color:var(--text-muted);flex-direction:column;flex:none;display:flex}.werk-groep-klant strong{font:500 13.5px/1.35 var(--font-ui);color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.werk-groep-klant span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.werk-groep-voorbeeld{text-overflow:ellipsis;white-space:nowrap;min-width:0;font:400 13px var(--font-ui);color:var(--text-muted);flex:1;overflow:hidden}.werk-groep-pijl{color:var(--icon-secondary);flex:none;transition:transform .15s}.werk-groep-rij[aria-expanded=true] .werk-groep-pijl{transform:rotate(180deg)}.werk-groep-status{font:500 12.5px var(--font-ui);color:var(--status-positive);flex:none;align-items:center;gap:4px;display:inline-flex}.werk-concept--ingebed{background:0 0;border:0;border-radius:0}.werk-concept--ingebed .werk-concept-uitleg{margin-top:0}@media (max-width:720px){.werk-groep-voorbeeld{display:none}.werk-groep-klant{flex:1;width:auto}}.werk-afschrift-groep td{font:500 12px var(--font-ui);color:var(--text-muted);border-bottom:0!important;padding:8px 12px 4px!important}.werk-afschrift-groep span{color:var(--text-faint);margin-left:4px}.werk-afschrift-groep[data-soort=afwijkend] td,.werk-afschrift-groep[data-soort=nieuw] td{color:var(--warning)}.werk-afschrift-reden{font:400 12px/1.4 var(--font-ui);color:var(--text-muted);display:block}.werk-afschrift-ok{font:400 12.5px var(--font-ui);color:var(--status-positive)}
