.workflow-archive-zone{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:24px 0 10px;padding:20px 24px;border:1px dashed #86968a;background:#eeeede;color:#24423b;min-width:0;transition:background .18s,border-color .18s,box-shadow .18s}
.workflow-archive-zone h2{font-size:22px;margin:5px 0;line-height:1.2}.workflow-archive-zone p{font-size:13px;margin:0;max-width:520px}.archive-eyebrow{font-size:10px;letter-spacing:.08em}.workflow-archive-zone .button{flex-shrink:0;min-height:44px}
.workflow-archive-zone.over{background:#d9e5b8;border:2px solid #35583c;box-shadow:0 0 0 5px #b7d5764d}.workflow-dragging .workflow-archive-zone{position:fixed;z-index:110;left:max(250px,calc((100vw - 1200px)/2));right:24px;bottom:calc(12px + var(--knyaz-safe-bottom,0px));margin:0;background:#edf2dc;box-shadow:0 10px 40px #10373530}.workflow-dragging .workflow-archive-zone .button{pointer-events:none}
.archive-confirm-summary{border-left:3px solid #7a9362;padding:0 0 0 14px;margin:0 0 22px}.archive-confirm-summary>span,.archive-record>div>span{font-size:11px;color:#647a6c}.archive-confirm-summary h3{font-size:19px;margin:8px 0}.archive-confirm-summary p{font-size:14px;margin:0}.archive-comment{margin-top:14px}#archive-form .actions{display:flex;gap:10px;flex-wrap:wrap;margin:20px 0 0}#archive-form .button{min-height:44px;white-space:normal}#archive-form [name]{width:100%;min-width:0}#workflow-archive-panel{padding-bottom:12px}.archive-deadline-note{padding:12px;background:#eee7d3;font-size:13px}.archive-results{margin-top:18px}.archive-record{padding:18px 0;border-top:1px solid #d5dccc;overflow-wrap:anywhere}.archive-record h3{font-size:18px;margin:6px 0}.archive-record p{font-size:13px;margin:0}.archive-record .actions{gap:10px;margin-top:12px}.archive-empty{padding:24px 0;color:#647a6c}#lead-form[hidden]{display:none!important}
@media(max-width:800px){.workflow-dragging .workflow-archive-zone{left:12px;right:12px;bottom:calc(12px + var(--knyaz-safe-bottom,0px))}}html[data-miniapp="telegram"] .workflow-dragging .workflow-archive-zone{bottom:calc(76px + var(--knyaz-safe-bottom,0px))}
@media(max-width:520px){.workflow-archive-zone{align-items:stretch;flex-direction:column;padding:16px;gap:12px}.workflow-archive-zone h2{font-size:20px}.workflow-archive-zone .button{align-self:flex-start}.workflow-dragging .workflow-archive-zone{gap:0;padding:12px 16px}.workflow-dragging .workflow-archive-zone .button,.workflow-dragging .archive-eyebrow{display:none}#archive-form .actions>.button{width:100%}}
@media(prefers-reduced-motion:reduce){.workflow-archive-zone{transition:none}}

#modal .card-context[hidden],#modal .guided-archive-action[hidden]{display:none!important}
