.product-demo-module__79-2vW__window{border:1px solid var(--line);background:var(--demo-bg);text-align:left;border-radius:16px;flex-direction:column;height:640px;display:flex;overflow:hidden;box-shadow:0 40px 120px -40px #000c}@media (min-width:768px){.product-demo-module__79-2vW__window{height:660px}}.product-demo-module__79-2vW__bar{border-bottom:1px solid var(--line);min-height:44px;color:var(--subtle);align-items:center;gap:12px;padding:6px 10px 6px 14px;font-size:13px;display:flex}.product-demo-module__79-2vW__lights{gap:6px;display:flex}.product-demo-module__79-2vW__lights span{background:var(--line-strong);border-radius:999px;width:9px;height:9px}.product-demo-module__79-2vW__title{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--muted);flex:1;font-weight:600;overflow:hidden}.product-demo-module__79-2vW__reset{color:var(--muted);cursor:pointer;border-radius:999px;align-items:center;gap:6px;padding:5px 10px;font-size:13px;display:inline-flex}.product-demo-module__79-2vW__reset:hover{color:var(--fg);background:#ffffff0f}.product-demo-module__79-2vW__modes{border-bottom:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:6px 8px;padding:10px 14px 12px;font-size:13px;display:flex}.product-demo-module__79-2vW__modeLabel{color:var(--subtle)}.product-demo-module__79-2vW__mode{border:1px solid var(--line-strong);min-height:30px;color:var(--muted);cursor:pointer;border-radius:999px;align-items:center;gap:6px;padding:3px 11px;display:inline-flex}.product-demo-module__79-2vW__mode:hover{color:var(--fg)}.product-demo-module__79-2vW__mode[aria-pressed=true],.product-demo-module__79-2vW__mode[data-active]{border-color:var(--accent-line);background:var(--accent-soft);color:var(--fg)}.product-demo-module__79-2vW__modeDot{background:var(--success);border-radius:999px;width:6px;height:6px}.product-demo-module__79-2vW__explain{color:var(--muted);flex-basis:100%;line-height:1.45}.product-demo-module__79-2vW__explainNote{color:var(--subtle)}.product-demo-module__79-2vW__panes{flex:1;grid-template-columns:minmax(0,1fr);min-height:0;display:grid}@media (min-width:768px){.product-demo-module__79-2vW__panes{grid-template-columns:38% 62%}}@media (max-width:767px){.product-demo-module__79-2vW__panes[data-view=list] .product-demo-module__79-2vW__detail,.product-demo-module__79-2vW__panes[data-view=detail] .product-demo-module__79-2vW__listPane{display:none}.product-demo-module__79-2vW__panes[data-view=both]{grid-template-rows:auto minmax(0,1fr)}.product-demo-module__79-2vW__panes[data-view=both] .product-demo-module__79-2vW__detail{border-top:1px solid var(--line);overflow:hidden;-webkit-mask-image:linear-gradient(#000 60%,#0000);mask-image:linear-gradient(#000 60%,#0000)}}.product-demo-module__79-2vW__listPane{flex-direction:column;min-height:0;display:flex}@media (min-width:768px){.product-demo-module__79-2vW__listPane{border-right:1px solid var(--line)}}.product-demo-module__79-2vW__list{min-height:0;margin:0;padding:0;list-style:none;overflow-y:auto}.product-demo-module__79-2vW__listHint{color:var(--subtle);padding:14px;font-size:13px}@media (min-width:768px){.product-demo-module__79-2vW__listHint{display:none}}.product-demo-module__79-2vW__item{border-bottom:1px solid var(--line);text-align:left;cursor:pointer;border-left:2px solid #0000;grid-template-columns:auto minmax(0,1fr);gap:10px;width:100%;padding:12px 14px;display:grid}.product-demo-module__79-2vW__item:hover{background:#ffffff08}.product-demo-module__79-2vW__item[aria-current=true]{border-left-color:var(--accent-grad-from);background:#4f8ff714}.product-demo-module__79-2vW__item:focus-visible{outline-offset:-3px}.product-demo-module__79-2vW__avatar{background:var(--panel-3);width:32px;height:32px;color:var(--muted);border-radius:999px;place-items:center;font-size:12px;font-weight:700;display:grid}.product-demo-module__79-2vW__avatarAlert{background:var(--cat-red-bg);color:var(--cat-red-fg)}.product-demo-module__79-2vW__itemTop{align-items:baseline;gap:8px;font-size:13px;display:flex}.product-demo-module__79-2vW__from{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--fg);flex:1;font-weight:600;overflow:hidden}.product-demo-module__79-2vW__time{color:var(--subtle);font-size:12px}.product-demo-module__79-2vW__subject{text-overflow:ellipsis;white-space:nowrap;color:var(--muted);font-size:13.5px;overflow:hidden}.product-demo-module__79-2vW__itemMeta{align-items:center;gap:8px;min-height:22px;margin-top:6px;display:flex}.product-demo-module__79-2vW__done{color:var(--success);align-items:center;gap:4px;font-size:12px;display:inline-flex}.product-demo-module__79-2vW__cat{white-space:nowrap;border-radius:999px;align-items:center;padding:1px 8px;font-size:11.5px;font-weight:600;line-height:20px;display:inline-flex}.product-demo-module__79-2vW__cat-proefles{background:var(--cat-blue-bg);color:var(--cat-blue-fg)}.product-demo-module__79-2vW__cat-leverancier{background:var(--cat-grey-bg);color:var(--cat-grey-fg)}.product-demo-module__79-2vW__cat-opzegging{background:var(--cat-orange-bg);color:var(--cat-orange-fg)}.product-demo-module__79-2vW__cat-phishing{background:var(--cat-red-bg);color:var(--cat-red-fg)}.product-demo-module__79-2vW__sorting{color:var(--subtle);font-size:12px}.product-demo-module__79-2vW__detail{flex-direction:column;gap:12px;min-height:0;padding:14px 16px 18px;font-size:14px;display:flex;overflow-y:auto}.product-demo-module__79-2vW__back{color:var(--accent-text);cursor:pointer;border-radius:999px;align-self:flex-start;padding:4px 10px 4px 6px;font-size:13px;font-weight:500}@media (min-width:768px){.product-demo-module__79-2vW__back{display:none}}.product-demo-module__79-2vW__mailHead{grid-template-columns:auto minmax(0,1fr);align-items:start;gap:10px;display:grid}.product-demo-module__79-2vW__mailSubject{color:var(--fg);font-size:16px;font-weight:700;line-height:1.3}.product-demo-module__79-2vW__mailSubject:focus{outline:none}.product-demo-module__79-2vW__mailFrom{color:var(--subtle);overflow-wrap:anywhere;font-size:12.5px}.product-demo-module__79-2vW__mailBody{border:1px solid var(--line);background:var(--panel-2);color:var(--muted);border-radius:10px;padding:10px 12px;line-height:1.5}.product-demo-module__79-2vW__mailBodyMuted{opacity:.6}.product-demo-module__79-2vW__section{border:1px solid var(--line);background:#ffffff05;border-radius:10px}.product-demo-module__79-2vW__sectionHead{letter-spacing:.02em;width:100%;color:var(--subtle);text-align:left;justify-content:space-between;align-items:center;gap:8px;padding:8px 12px;font-size:12px;font-weight:600;display:flex}button.product-demo-module__79-2vW__sectionHead{cursor:pointer}button.product-demo-module__79-2vW__sectionHead:hover{color:var(--fg)}.product-demo-module__79-2vW__sectionBody{color:var(--muted);padding:0 12px 10px;line-height:1.5}.product-demo-module__79-2vW__concept{white-space:pre-line;color:var(--fg);line-height:1.55}.product-demo-module__79-2vW__check{color:var(--fg);background:#fcd27a0f;border:1px solid #fcd27a73;border-radius:10px;flex-basis:100%;align-items:flex-start;gap:8px;padding:8px 12px;font-size:13px;line-height:1.45;display:flex}.product-demo-module__79-2vW__checkIcon{width:16px;height:16px;color:var(--warning);flex:none;margin-top:1px}.product-demo-module__79-2vW__notice{border:1px solid var(--line-strong);background:var(--panel-3);color:var(--fg);border-radius:10px;gap:8px;padding:10px 12px;line-height:1.45;display:flex}.product-demo-module__79-2vW__noticeAlert{background:var(--cat-red-bg);border-color:#f8717159}.product-demo-module__79-2vW__actions{flex-wrap:wrap;gap:8px;display:flex}.product-demo-module__79-2vW__btn{border:1px solid var(--line-strong);min-height:36px;color:var(--fg);cursor:pointer;border-radius:999px;justify-content:center;align-items:center;gap:6px;padding:6px 14px;font-size:14px;font-weight:500;display:inline-flex}.product-demo-module__79-2vW__btn:hover{background:#ffffff0f}.product-demo-module__79-2vW__btnPrimary{background:var(--accent);color:#fff;border-color:#0000}.product-demo-module__79-2vW__btnPrimary:hover{background:var(--accent-hover)}.product-demo-module__79-2vW__btn[aria-disabled=true]{opacity:.7;cursor:progress}.product-demo-module__79-2vW__footer{border-top:1px solid var(--line);background:var(--demo-bg);flex-wrap:wrap;align-items:center;gap:8px 12px;margin:auto -16px -18px;padding:12px 16px 16px;display:flex;position:sticky;bottom:-18px}.product-demo-module__79-2vW__footerEmpty{border-top:0;padding:0}@media (max-width:767px){.product-demo-module__79-2vW__staticMobileHide,.product-demo-module__79-2vW__staticWindow .product-demo-module__79-2vW__explain{display:none}.product-demo-module__79-2vW__staticWindow .product-demo-module__79-2vW__item{padding-block:9px}}.product-demo-module__79-2vW__statusOk{color:var(--success);align-items:center;gap:6px;font-weight:600;display:inline-flex}.product-demo-module__79-2vW__statusMuted{color:var(--muted)}.product-demo-module__79-2vW__status:focus{outline:none}.product-demo-module__79-2vW__editor{border:1px solid var(--line-strong);background:var(--panel-2);width:100%;min-height:190px;color:var(--fg);font:inherit;resize:vertical;border-radius:10px;padding:10px 12px;line-height:1.55}.product-demo-module__79-2vW__writingLine{color:var(--subtle);align-items:center;gap:8px;display:flex}.product-demo-module__79-2vW__skeleton{gap:7px;margin-top:10px;display:grid}.product-demo-module__79-2vW__skeleton span{background:#ffffff12;border-radius:999px;height:9px}.product-demo-module__79-2vW__skeleton span:nth-child(2){width:85%}.product-demo-module__79-2vW__skeleton span:nth-child(3){width:60%}.product-demo-module__79-2vW__below{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 20px;min-height:56px;margin-top:12px;font-size:14px;display:flex}.product-demo-module__79-2vW__caption{color:var(--subtle)}.product-demo-module__79-2vW__cta{flex-wrap:wrap;align-items:center;gap:6px 18px;display:flex}.product-demo-module__79-2vW__ctaHidden{visibility:hidden}.product-demo-module__79-2vW__ctaPrompt{color:var(--fg)}.product-demo-module__79-2vW__ctaLink{color:var(--accent-text);font-weight:600}.product-demo-module__79-2vW__ctaLink:hover{color:var(--fg)}@media (prefers-reduced-motion:no-preference){.product-demo-module__79-2vW__waiting .product-demo-module__79-2vW__item{opacity:0}.product-demo-module__79-2vW__arriving .product-demo-module__79-2vW__item{animation:.32s cubic-bezier(.2,.8,.2,1) both product-demo-module__79-2vW__arrive;animation-delay:calc(var(--i) * .15s)}.product-demo-module__79-2vW__appear{animation:.25s ease-out both product-demo-module__79-2vW__appear}.product-demo-module__79-2vW__skeleton span{animation:.9s ease-in-out infinite alternate product-demo-module__79-2vW__shimmer}}@keyframes product-demo-module__79-2vW__arrive{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}@keyframes product-demo-module__79-2vW__appear{0%{opacity:0}to{opacity:1}}@keyframes product-demo-module__79-2vW__shimmer{0%{opacity:.45}to{opacity:1}}
.product-demo-module__2Fcpva__window{border:1px solid var(--line-strong);border-radius:var(--radius-lg);background:color-mix(in srgb, var(--panel) 92%, transparent);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);width:100%;min-width:0;max-width:30rem;margin-inline:auto;position:relative;box-shadow:inset 0 1px #ffffff0a,0 30px 80px -20px #000000b3}.product-demo-module__2Fcpva__bar{border-bottom:1px solid var(--line);color:var(--subtle);align-items:center;gap:.75rem;padding:.75rem 1rem;font-size:.75rem;display:flex}.product-demo-module__2Fcpva__example{color:var(--subtle);font-size:.75rem;font-weight:500;position:absolute;top:-1.75rem;right:.25rem}.product-demo-module__2Fcpva__lights{gap:6px;display:flex}.product-demo-module__2Fcpva__lights span{background:var(--line-strong);border-radius:999px;width:9px;height:9px}.product-demo-module__2Fcpva__mailbox{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.product-demo-module__2Fcpva__body{gap:.75rem;padding:1rem;display:grid}.product-demo-module__2Fcpva__mail{border:1px solid var(--line);border-radius:var(--radius-md);background:var(--panel-2);grid-template-columns:auto 1fr;gap:.75rem;padding:.875rem;display:grid}.product-demo-module__2Fcpva__avatar{background:var(--panel-3);width:2rem;height:2rem;color:var(--fg);border-radius:999px;place-items:center;font-size:.8125rem;font-weight:600;display:grid}.product-demo-module__2Fcpva__meta{color:var(--subtle);justify-content:space-between;gap:.5rem;font-size:.75rem;display:flex}.product-demo-module__2Fcpva__from{color:var(--muted);font-weight:500}.product-demo-module__2Fcpva__subject{color:var(--fg);margin-top:.125rem;font-size:.9375rem;font-weight:600}.product-demo-module__2Fcpva__preview{color:var(--muted);margin-top:.125rem;font-size:.8125rem;display:none}.product-demo-module__2Fcpva__chips{flex-wrap:wrap;gap:.375rem;margin-top:.625rem;display:flex}.product-demo-module__2Fcpva__chip{border:1px solid var(--accent-line);background:var(--accent-soft);color:var(--accent-text);border-radius:999px;align-items:center;gap:.375rem;padding:.125rem .5rem;font-size:.75rem;font-weight:500;display:inline-flex}.product-demo-module__2Fcpva__chipMuted{border-color:var(--line-strong);color:var(--muted);background:0 0}.product-demo-module__2Fcpva__receipt{color:var(--success);align-items:center;gap:.375rem;margin-top:.5rem;font-size:.75rem;display:flex}.product-demo-module__2Fcpva__draft{border:1px solid var(--line);border-radius:var(--radius-md);background:var(--panel-2);padding:.875rem}.product-demo-module__2Fcpva__draftHead{color:var(--subtle);justify-content:space-between;gap:.5rem;font-size:.75rem;display:flex}.product-demo-module__2Fcpva__draftLabel{color:var(--fg);font-weight:600}.product-demo-module__2Fcpva__writing{margin-top:.5rem;display:grid}.product-demo-module__2Fcpva__writing>*{grid-area:1/1}.product-demo-module__2Fcpva__draftText{color:var(--fg);font-size:.875rem;line-height:1.55}.product-demo-module__2Fcpva__skeleton{opacity:0;align-content:start;gap:.5rem;padding-top:.3rem;display:grid}.product-demo-module__2Fcpva__skeleton span{background:var(--line-strong);border-radius:999px;height:.55rem}.product-demo-module__2Fcpva__skeleton span:first-child{width:92%}.product-demo-module__2Fcpva__skeleton span:nth-child(2){width:78%}.product-demo-module__2Fcpva__skeleton span:nth-child(3){width:54%}.product-demo-module__2Fcpva__actions{flex-wrap:wrap;gap:.5rem;margin-top:.875rem;display:flex}.product-demo-module__2Fcpva__action{border:1px solid var(--line-strong);height:2rem;color:var(--muted);border-radius:999px;align-items:center;padding:0 .75rem;font-size:.8125rem;display:inline-flex}.product-demo-module__2Fcpva__approveWrap,.product-demo-module__2Fcpva__approve{position:relative}.product-demo-module__2Fcpva__approve:after{content:attr(data-label);border:1px solid var(--accent);background:var(--accent);color:#fff;box-shadow:0 0 0 4px var(--accent-soft);border-radius:999px;align-items:center;padding:0 .75rem;display:inline-flex;position:absolute;inset:-1px}.product-demo-module__2Fcpva__cursor{width:22px;height:22px;color:var(--fg);opacity:0;filter:drop-shadow(0 2px 4px #0009);position:absolute;top:55%;left:60%}.product-demo-module__2Fcpva__status{border:1px solid color-mix(in srgb, var(--success) 30%, transparent);border-radius:var(--radius-md);background:var(--success-soft);color:var(--success);align-items:center;gap:.5rem;padding:.625rem .875rem;font-size:.8125rem;font-weight:500;display:flex}@media (prefers-reduced-motion:no-preference){.product-demo-module__2Fcpva__mail{animation:14s infinite both product-demo-module__2Fcpva__mailIn}.product-demo-module__2Fcpva__chips,.product-demo-module__2Fcpva__receipt{animation:14s infinite both product-demo-module__2Fcpva__chipsIn}.product-demo-module__2Fcpva__draft{animation:14s infinite both product-demo-module__2Fcpva__draftIn}.product-demo-module__2Fcpva__skeleton{animation:14s infinite both product-demo-module__2Fcpva__skeleton}.product-demo-module__2Fcpva__draftText{animation:14s infinite both product-demo-module__2Fcpva__textIn}.product-demo-module__2Fcpva__actions{animation:14s infinite both product-demo-module__2Fcpva__actionsIn}.product-demo-module__2Fcpva__approve:after{animation:14s infinite both product-demo-module__2Fcpva__approve}.product-demo-module__2Fcpva__cursor{animation:14s infinite both product-demo-module__2Fcpva__cursor}.product-demo-module__2Fcpva__status{animation:14s infinite both product-demo-module__2Fcpva__statusIn}}@media (min-width:640px){.product-demo-module__2Fcpva__preview{display:block}}@media (max-width:639px){.product-demo-module__2Fcpva__body{gap:.5rem;padding:.75rem}.product-demo-module__2Fcpva__mail,.product-demo-module__2Fcpva__draft{padding:.75rem}.product-demo-module__2Fcpva__draftText{font-size:.8125rem}.product-demo-module__2Fcpva__actions{margin-top:.625rem}}@keyframes product-demo-module__2Fcpva__mailIn{0%{opacity:0;transform:translateY(8px)}5%,93%{opacity:1;transform:none}to{opacity:0}}@keyframes product-demo-module__2Fcpva__chipsIn{0%,12%{opacity:0;transform:scale(.96)}16%,93%{opacity:1;transform:none}to{opacity:0}}@keyframes product-demo-module__2Fcpva__draftIn{0%,22%{opacity:0;transform:translateY(8px)}26%,93%{opacity:1;transform:none}to{opacity:0}}@keyframes product-demo-module__2Fcpva__skeleton{0%,25%{opacity:0}27%,37%{opacity:1}41%,to{opacity:0}}@keyframes product-demo-module__2Fcpva__textIn{0%,37%{opacity:0}43%,93%{opacity:1}to{opacity:0}}@keyframes product-demo-module__2Fcpva__actionsIn{0%,42%{opacity:0}46%,93%{opacity:1}to{opacity:0}}@keyframes product-demo-module__2Fcpva__approve{0%,63%{opacity:0}66%,to{opacity:1}}@keyframes product-demo-module__2Fcpva__cursor{0%,48%{opacity:0;transform:translate(150px,70px)}52%{opacity:1;transform:translate(150px,70px)}62%{opacity:1;transform:translate(0)scale(1)}64%{transform:translate(0)scale(.85)}66%{transform:translate(0)scale(1)}76%,to{opacity:0;transform:translate(0)}}@keyframes product-demo-module__2Fcpva__statusIn{0%,68%{opacity:0;transform:translateY(6px)}72%,93%{opacity:1;transform:none}to{opacity:0}}
.signal-field-module__avcpUa__field{pointer-events:none;background-image:radial-gradient(circle at center, color-mix(in srgb, var(--accent-text) 16%, transparent) 1px, transparent 1.3px);background-position:50%;background-size:16px 16px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(70% 80% at 72%,#000 30%,#0000 80%);mask-image:radial-gradient(70% 80% at 72%,#000 30%,#0000 80%)}.signal-field-module__avcpUa__envelope{width:min(960px,175vw);height:auto;position:absolute;top:50%;left:74%;overflow:visible;transform:translate(-50%,-50%)}.signal-field-module__avcpUa__dots{fill:none;stroke:var(--accent-text);stroke-width:3.6px;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:0 13;opacity:.3}.signal-field-module__avcpUa__bright{opacity:.95;stroke-dasharray:0 13 0 13 0 13 0 13 0 13 0 13 0 13 0 13 0 13 0 13 0 13 0 13 0 13 0 13 0 13 0 1989;stroke-dashoffset:2184px}@media (prefers-reduced-motion:reduce){.signal-field-module__avcpUa__bright{display:none}}@media (prefers-reduced-motion:no-preference){.signal-field-module__avcpUa__bright{animation:9s steps(168,end) infinite signal-field-module__avcpUa__sweep}}@keyframes signal-field-module__avcpUa__sweep{0%{stroke-dashoffset:2184px}to{stroke-dashoffset:0}}@media (max-width:1023px){.signal-field-module__avcpUa__field{-webkit-mask-image:radial-gradient(90% 50% at 50% 74%,#000 25%,#0000 80%);mask-image:radial-gradient(90% 50% at 50% 74%,#000 25%,#0000 80%)}.signal-field-module__avcpUa__envelope{top:75%;left:50%}}
