@layer reset,base,layout;@layer components{.workflow-demo{--workflow-primary:#245d8f;--workflow-accent:#ef8c62;--workflow-bg:#eef4f8;--workflow-panel:#fff;--workflow-line:color-mix(in srgb, var(--workflow-primary) 22%, #d9e0e5);--workflow-text:#16232d;--workflow-muted:#64727c;--workflow-soft:color-mix(in srgb, var(--workflow-primary) 10%, white);--workflow-details:color-mix(in srgb, var(--workflow-bg) 80%, white);color:var(--workflow-text);background:var(--workflow-bg);border:.0625rem solid var(--workflow-line);box-shadow:0 1.5rem 4rem color-mix(in srgb, var(--workflow-primary) 18%, transparent);border-radius:1.5rem;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:.9375rem;overflow:hidden;container:workflow/inline-size}.workflow-demo :is(button,input){font:inherit}.workflow-demo button{-webkit-tap-highlight-color:transparent}.workflow-demo :is(button,input):focus-visible{outline:.1875rem solid var(--workflow-accent);outline-offset:.125rem}.workflow-demo__toolbar{background:var(--workflow-panel);border-bottom:.0625rem solid var(--workflow-line);grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:1rem;min-height:5.5rem;padding:1.125rem 1.5rem;display:grid}.workflow-demo__identity{align-items:center;gap:.875rem;min-width:0;display:flex}.workflow-demo__identity>div{gap:.1875rem;min-width:0;display:grid}.workflow-demo__identity :is(strong,small){text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.workflow-demo__identity strong{font-size:1rem}.workflow-demo__identity small{color:var(--workflow-muted)}.workflow-demo__mark{background:var(--workflow-primary);border-radius:.9rem;flex:none;place-items:center;width:2.75rem;height:2.75rem;display:grid}.workflow-demo__mark i{background:var(--workflow-accent);border-radius:999px;width:1.35rem;height:.16rem;margin:.1rem;display:block}.workflow-demo__systems{flex-wrap:wrap;justify-content:flex-end;gap:.45rem;display:flex}.workflow-demo__system-label{min-height:2rem;color:var(--workflow-text);background:var(--workflow-panel);border:.0625rem solid var(--workflow-line);border-radius:.6rem;align-items:center;padding:.35rem .65rem;font-size:.72rem;font-weight:850;display:inline-flex}.workflow-demo__system-label--1c{color:#171717;background:#f4d528;border-color:#c7aa12}.workflow-demo__system-label--excel{color:#fff;background:#217346;border-color:#185b37}.workflow-demo__system-label--telegram{color:#fff;background:#229ed9;border-color:#167ba9}.workflow-demo__system-label--crm{color:#fff;background:#2f6fbd;border-color:#245993}.workflow-demo__system-label--email{color:#fff;background:#6b4fa1;border-color:#523c7d}.workflow-demo__system-label--pdf{color:#fff;background:#c43b43;border-color:#9e2d34}.workflow-demo__status{color:var(--workflow-primary);background:var(--workflow-soft);border-radius:999px;align-items:center;gap:.5rem;margin:0;padding:.625rem .875rem;font-weight:750;display:inline-flex}.workflow-demo__status span{background:var(--workflow-primary);width:.55rem;height:.55rem;box-shadow:0 0 0 .125rem white, 0 0 0 .1875rem var(--workflow-primary);border-radius:50%}.workflow-demo__summary{border-bottom:.0625rem solid var(--workflow-line);grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem;padding:1rem 1.5rem;display:grid}.workflow-demo__summary>div{background:var(--workflow-panel);border:.0625rem solid var(--workflow-line);border-radius:1rem;align-items:center;gap:.75rem;min-width:0;padding:.875rem;display:flex}.workflow-demo__summary>div>span{color:#fff;background:var(--workflow-primary);border-radius:.75rem;flex:none;place-items:center;width:2.25rem;height:2.25rem;font-weight:850;display:grid}.workflow-demo__summary dl{gap:.1875rem;min-width:0;margin:0;display:grid}.workflow-demo__summary :is(dt,dd){text-overflow:ellipsis;white-space:nowrap;margin:0;overflow:hidden}.workflow-demo__summary dt{color:var(--workflow-muted);font-size:.75rem}.workflow-demo__summary dd{font-size:1rem;font-weight:820}.workflow-demo__workspace{grid-template-columns:minmax(0,1.05fr) minmax(20rem,.95fr);min-height:31rem;display:grid}.workflow-demo__queue,.workflow-demo__details{min-width:0;padding:1.5rem}.workflow-demo__queue{background:var(--workflow-panel);border-right:.0625rem solid var(--workflow-line)}.workflow-demo__details{background:var(--workflow-details)}.workflow-demo__head,.workflow-demo__detail-title{justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.workflow-demo__head p,.workflow-demo__detail-title p{color:var(--workflow-primary);letter-spacing:.06em;text-transform:uppercase;margin:0 0 .25rem;font-size:.75rem;font-weight:820}.workflow-demo h3{margin:0;font-size:1.125rem;line-height:1.3}.workflow-demo__head>strong{color:var(--workflow-primary);background:var(--workflow-soft);white-space:nowrap;border-radius:999px;padding:.45rem .7rem;font-size:.75rem}.workflow-demo__filters{flex-wrap:wrap;gap:.5rem;margin:1.25rem 0 1rem;display:flex}.workflow-demo__filters button{min-height:3rem;color:var(--workflow-text);background:var(--workflow-bg);border:.0625rem solid var(--workflow-line);cursor:pointer;border-radius:999px;padding:.625rem .9rem;font-weight:720;transition:transform .16s,border-color .16s,background-color .16s}.workflow-demo__filters button:hover{border-color:var(--workflow-primary);transform:translateY(-.0625rem)}.workflow-demo__filters button:active{transform:translateY(.0625rem)}.workflow-demo__filters button.is-active{color:#fff;background:var(--workflow-primary);border-color:var(--workflow-primary)}.workflow-demo__rows{gap:.625rem;margin:0;padding:0;list-style:none;display:grid}.workflow-demo__rows li[hidden]{display:none}.workflow-demo__row{width:100%;min-height:4.75rem;color:var(--workflow-text);text-align:left;background:var(--workflow-panel);border:.0625rem solid var(--workflow-line);cursor:pointer;border-radius:1rem;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.75rem;padding:.875rem;transition:transform .16s,border-color .16s,background-color .16s;display:grid}.workflow-demo__row:hover{border-color:var(--workflow-primary);transform:translateY(-.0625rem)}.workflow-demo__row:active{transform:translateY(.0625rem)}.workflow-demo__row.is-selected{background:var(--workflow-soft);border-color:var(--workflow-primary);box-shadow:inset .25rem 0 var(--workflow-primary)}.workflow-demo__row-id{min-width:4.2rem;min-height:2.5rem;color:var(--workflow-primary);background:var(--workflow-soft);border-radius:.75rem;place-items:center;padding:.35rem;font-size:.75rem;font-weight:850;display:grid}.workflow-demo__row>span:nth-child(2){gap:.25rem;min-width:0;display:grid}.workflow-demo__row :is(strong,small){text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.workflow-demo__row small{color:var(--workflow-muted)}.workflow-demo__row b,.workflow-demo__detail-title>b{color:var(--workflow-primary);background:var(--workflow-soft);white-space:nowrap;border-radius:999px;padding:.45rem .65rem;font-size:.72rem}.workflow-demo__detail-title small{max-width:32rem;color:var(--workflow-muted);overflow-wrap:anywhere;margin-top:.35rem;display:block}.workflow-demo__facts{gap:.625rem;margin:1.25rem 0;display:grid}.workflow-demo__facts div{background:var(--workflow-panel);border:.0625rem solid var(--workflow-line);border-radius:.875rem;grid-template-columns:minmax(7rem,.42fr) minmax(0,1fr);gap:.75rem;padding:.8rem;display:grid}.workflow-demo__facts :is(dt,dd){margin:0}.workflow-demo__facts dt{color:var(--workflow-muted)}.workflow-demo__facts dd{overflow-wrap:anywhere;font-weight:740}.workflow-demo__field{color:var(--workflow-text);gap:.45rem;font-weight:720;display:grid}.workflow-demo__field input{width:100%;min-height:3rem;color:var(--workflow-text);background:var(--workflow-panel);border:.0625rem solid var(--workflow-line);border-radius:.75rem;padding:.75rem;font-size:1rem}.workflow-demo__action{color:#fff;background:var(--workflow-primary);cursor:pointer;border:0;border-radius:.875rem;width:100%;min-height:3rem;margin-top:1rem;padding:.75rem 1rem;font-weight:820;transition:transform .16s,filter .16s}.workflow-demo__action:not(:disabled):hover{filter:brightness(.9);transform:translateY(-.0625rem)}.workflow-demo__action:active{transform:translateY(.0625rem)}.workflow-demo__action:disabled{cursor:default;opacity:.72}.workflow-demo__message{min-height:2.75rem;color:var(--workflow-muted);text-align:center;background:color-mix(in srgb, var(--workflow-panel) 72%, transparent);border-radius:.75rem;margin:.75rem 0 0;padding:.75rem}.workflow-demo__message.is-success{color:var(--workflow-primary);background:var(--workflow-soft);font-weight:740}.workflow-demo__caption{color:#68736f;text-align:center;margin:1rem 0 0;font-size:.875rem}}@layer responsive{@container workflow (inline-size<58rem){.workflow-demo__workspace{grid-template-columns:1fr}.workflow-demo__queue{border-right:0;border-bottom:.0625rem solid var(--workflow-line)}}@media (width<=42rem){.workflow-demo{border-radius:1rem}.workflow-demo__toolbar,.workflow-demo__summary,.workflow-demo__queue,.workflow-demo__details{padding:1rem}.workflow-demo__toolbar{grid-template-columns:1fr;align-items:flex-start}.workflow-demo__systems{justify-content:flex-start}.workflow-demo__status{white-space:normal}.workflow-demo__summary{grid-template-columns:1fr}.workflow-demo__row{grid-template-columns:minmax(0,1fr) auto}.workflow-demo__row-id{grid-column:1/-1;justify-self:start}.workflow-demo__facts div{grid-template-columns:1fr;gap:.25rem}}@media (pointer:coarse){.workflow-demo :is(button,input){min-height:3rem}}@media (prefers-reduced-motion:reduce){.workflow-demo :is(button,input){transition:none}}@media (forced-colors:active){.workflow-demo :is(button,input,.workflow-demo__summary>div){border:.125rem solid canvastext}}html[data-capture=card],html[data-capture=card] body{background:var(--workflow-capture-bg,#eef4f8);width:1800px;min-width:1800px;height:873px;min-height:873px;overflow:hidden}html[data-capture=card] .skip-link,html[data-capture=card] .case-header,html[data-capture=card] .case-footer,html[data-capture=card] article>section:not(.case-preview-section),html[data-capture=card] .case-preview-section .section-heading,html[data-capture=card] .workflow-demo__caption{display:none}html[data-capture=card] main,html[data-capture=card] article,html[data-capture=card] .case-preview-section,html[data-capture=card] .case-preview-section .case-container{width:100%;max-width:none;height:100%;min-height:0;margin:0;padding:0}html[data-capture=card] .case-preview-section .case-container{padding:3.5rem 0;display:block}html[data-capture=card] .workflow-demo{width:1600px;max-width:none;box-shadow:0 2.25rem 5.5rem color-mix(in srgb, var(--workflow-primary) 24%, transparent);border-radius:1.75rem;margin-inline:auto;font-size:15px}html[data-capture=card] .workflow-demo__workspace{min-height:31rem}}