@layer reset,tokens,base,layout;@layer components{.email-mock-panel{min-height:var(--email-mock-panel-height);align-content:start}.email-mock-panel :is(div,p,dl){min-width:0}@media (width<=820px){.email-mock-panel{min-height:0}}.email-context-mock__body{align-content:start;gap:var(--space-sm);padding:var(--space-lg);font-size:var(--text-sm);grid-template-columns:minmax(0,1fr);display:grid}.email-context-mock__message{gap:var(--space-3xs);padding-bottom:var(--space-sm);border-bottom:var(--border);grid-template-columns:minmax(0,1fr);display:grid}.email-context-mock__from{align-items:center;gap:var(--space-2xs);margin:0;display:flex}.email-context-mock__avatar{width:var(--email-mock-avatar-size);height:var(--email-mock-avatar-size);border-radius:var(--radius-round);font-size:var(--text-xs);font-weight:var(--font-weight-semibold);color:var(--color-primary);background:var(--rvg-blue-100);flex:none;place-items:center;display:grid}.email-context-mock__sender{font-weight:var(--font-weight-semibold);color:var(--color-primary)}.email-context-mock__time{font-size:var(--text-xs);color:var(--color-text-muted);margin-inline-start:auto}.email-context-mock__subject{font-weight:var(--font-weight-medium);color:var(--color-text);margin:0}.email-context-mock__excerpt{text-overflow:ellipsis;white-space:nowrap;font-size:var(--text-xs);color:var(--color-text-muted);margin:0;overflow:hidden}.email-context-mock__stage{display:grid}.email-context-mock__analysis,.email-context-mock__context{grid-area:1/1}.email-context-mock__analysis{align-items:center;gap:var(--space-3xs);font-size:var(--text-xs);color:var(--color-text-muted);margin:0;display:flex}.email-context-mock__dot{width:var(--chat-dot-size);height:var(--chat-dot-size);border-radius:var(--radius-round);background:var(--color-primary)}.email-context-mock__analysis-label{margin-inline-start:var(--space-2xs)}.email-context-mock__context{align-content:start;gap:var(--space-2xs);margin:0;display:grid}.email-context-mock__row{grid-template-columns:var(--email-mock-label-width) minmax(0, 1fr);align-items:baseline;gap:var(--space-sm);display:grid}.email-context-mock__label{font-size:var(--text-xs);font-weight:var(--font-weight-semibold);letter-spacing:var(--tracking-label);text-transform:uppercase;color:var(--color-text-muted)}.email-context-mock__value{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--color-text);margin:0;overflow:hidden}.email-context-mock{--loop:var(--duration-email-context-loop)}@media (prefers-reduced-motion:no-preference){.email-context-mock__message{animation:email-context-message var(--loop) var(--ease-out) infinite both}.email-context-mock__analysis{animation:email-context-analysis var(--loop) var(--ease-out) infinite both}.email-context-mock__dot{animation:email-context-pulse var(--duration-chat-think) var(--ease-out) infinite}.email-context-mock__dot:nth-child(2){animation-delay:var(--duration-fast)}.email-context-mock__dot:nth-child(3){animation-delay:calc(var(--duration-fast) * 2)}.email-context-mock__row,.email-context-mock .product-mock-header__badge{animation:email-context-reveal var(--loop) var(--ease-out) infinite both}.email-context-mock__row:nth-child(2){animation-delay:calc(var(--loop) * .02)}.email-context-mock__row:nth-child(3){animation-delay:calc(var(--loop) * .04)}.email-context-mock__row:nth-child(4){animation-delay:calc(var(--loop) * .06)}}@keyframes email-context-message{0%{opacity:0;translate:0 var(--space-2xs)}5%,92%{opacity:1;translate:0}98%,to{opacity:0;translate:0}}@keyframes email-context-analysis{0%,6%{opacity:0}10%,24%{opacity:1}28%,to{opacity:0}}@keyframes email-context-reveal{0%,28%{opacity:0;translate:0 var(--space-2xs)}34%,92%{opacity:1;translate:0}98%,to{opacity:0;translate:0}}@keyframes email-context-pulse{0%,to{opacity:.25}50%{opacity:1}}.email-draft-mock__body{align-content:start;gap:var(--space-sm);padding:var(--space-lg);font-size:var(--text-sm);grid-template-columns:minmax(0,1fr);display:grid}.email-draft-mock__message{gap:var(--space-3xs);grid-template-columns:minmax(0,1fr);display:grid}.email-draft-mock__message--second{padding-top:var(--space-sm);border-top:var(--border)}.email-draft-mock__to{align-items:center;gap:var(--space-2xs);margin:0;display:flex}.email-draft-mock__label{font-size:var(--text-xs);font-weight:var(--font-weight-semibold);letter-spacing:var(--tracking-label);text-transform:uppercase;color:var(--color-text-muted)}.email-draft-mock__name{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-weight:var(--font-weight-semibold);color:var(--color-primary);overflow:hidden}.email-draft-mock__pill{padding:0 var(--space-2xs);border-radius:var(--radius-pill);font-size:var(--text-xs);font-weight:var(--font-weight-semibold);color:var(--color-text-on-sand);background:var(--color-sand-surface);flex:none;margin-inline-start:auto}.email-draft-mock__pill--writing{color:var(--color-primary);background:var(--rvg-blue-100)}.email-draft-mock__text{line-height:var(--line-height-base);color:var(--color-text);margin:0}.email-draft-mock__text--typed{white-space:nowrap;min-width:0;overflow:hidden}.email-draft-mock__typed{white-space:nowrap;max-width:100%;display:block;overflow:hidden}.email-draft-mock{--loop:var(--duration-email-draft-loop)}@media (prefers-reduced-motion:no-preference){.email-draft-mock__message--second{animation:email-draft-reveal var(--loop) var(--ease-out) infinite both}.email-draft-mock__typed{animation:email-draft-type var(--loop) steps(var(--email-draft-characters)) infinite both}.email-draft-mock__pill--writing{animation:email-draft-settle var(--loop) var(--ease-out) infinite both}}@keyframes email-draft-reveal{0%,10%{opacity:0;translate:0 var(--space-2xs)}16%,92%{opacity:1;translate:0}98%,to{opacity:0;translate:0}}@keyframes email-draft-type{0%,18%{width:0}40%,92%{width:calc(var(--email-draft-characters) * 1ch)}98%,to{width:0}}@keyframes email-draft-settle{0%,40%{color:var(--color-primary);background:var(--rvg-blue-100)}46%,to{color:var(--color-text-on-sand);background:var(--color-sand-surface)}}.email-assign-mock__body{align-content:start;gap:var(--space-sm);padding:var(--space-lg);font-size:var(--text-sm);grid-template-columns:minmax(0,1fr);display:grid}.email-assign-mock__meta{gap:var(--space-2xs);padding-bottom:var(--space-sm);border-bottom:var(--border);margin:0;display:grid}.email-assign-mock__row{grid-template-columns:var(--email-mock-label-width) minmax(0, 1fr);align-items:baseline;gap:var(--space-sm);display:grid}.email-assign-mock__label{font-size:var(--text-xs);font-weight:var(--font-weight-semibold);letter-spacing:var(--tracking-label);text-transform:uppercase;color:var(--color-text-muted)}.email-assign-mock__value{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--color-text);margin:0;overflow:hidden}.email-assign-mock__note{gap:var(--space-3xs);padding:var(--space-2xs) var(--space-sm);border-radius:var(--radius-sm);background:var(--color-bg-muted);grid-template-columns:minmax(0,1fr);display:grid}.email-assign-mock__note-label{font-size:var(--text-xs);font-weight:var(--font-weight-semibold);letter-spacing:var(--tracking-label);text-transform:uppercase;color:var(--color-text-muted);margin:0}.email-assign-mock__note-text{white-space:nowrap;min-width:0;color:var(--color-text);margin:0;overflow:hidden}.email-assign-mock__typed{white-space:nowrap;max-width:100%;display:block;overflow:hidden}.email-assign-mock__mention{font-weight:var(--font-weight-semibold);color:var(--color-primary)}.email-assign-mock__assigned{align-items:center;gap:var(--space-2xs);margin:0;display:flex}.email-assign-mock__avatar{width:var(--email-mock-avatar-size);height:var(--email-mock-avatar-size);border-radius:var(--radius-round);font-size:var(--text-xs);font-weight:var(--font-weight-semibold);color:var(--color-primary);background:var(--rvg-blue-100);flex:none;place-items:center;display:grid}.email-assign-mock__assigned-text{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--color-text);overflow:hidden}.email-assign-mock__pill{padding:0 var(--space-2xs);border-radius:var(--radius-pill);font-size:var(--text-xs);font-weight:var(--font-weight-semibold);color:var(--color-text-on-sand);background:var(--color-sand-surface);flex:none;margin-inline-start:auto}.email-assign-mock{--loop:var(--duration-email-assign-loop)}@media (prefers-reduced-motion:no-preference){.email-assign-mock__note{animation:email-assign-reveal var(--loop) var(--ease-out) infinite both}.email-assign-mock__typed{animation:email-assign-type var(--loop) steps(var(--email-assign-characters)) infinite both}.email-assign-mock__assigned{animation:email-assign-reveal var(--loop) var(--ease-out) infinite both;animation-delay:calc(var(--loop) * .3)}}@keyframes email-assign-reveal{0%,6%{opacity:0;translate:0 var(--space-2xs)}12%,92%{opacity:1;translate:0}98%,to{opacity:0;translate:0}}@keyframes email-assign-type{0%,14%{width:0}38%,92%{width:calc(var(--email-assign-characters) * 1ch)}98%,to{width:0}}}@layer utilities;