@layer components{.workspace-banner{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem 1rem;padding:.75rem 1rem;border-bottom:1px solid var(--color-danger-mid);background:var(--color-danger-soft);box-shadow:inset 3px 0 0 var(--color-danger)}.workspace-banner__text{flex:1 1 18rem;min-width:0}.workspace-banner__head{margin:0;color:var(--color-danger);font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);line-height:1.3}.workspace-banner__note{margin:.125rem 0 0;color:var(--color-brand-dark);font-size:var(--font-size-sm);line-height:1.4}.workspace-banner__acts{display:flex;align-items:center;gap:.5rem;margin-left:auto}.workspace-banner__action{border-color:var(--color-danger);border-radius:var(--radius-sm);background:var(--color-danger);color:var(--color-white)}.workspace-banner__action:hover{border-color:var(--color-danger-mid);background:var(--color-danger-mid);color:var(--color-white)}.workspace-banner--limit,.workspace-banner--partial{border-bottom-color:var(--color-accent);background:color-mix(in oklab,var(--color-accent) 10%,white);box-shadow:inset 3px 0 0 var(--color-accent)}.workspace-banner--limit .workspace-banner__head,.workspace-banner--limit .workspace-banner__dismiss,.workspace-banner--partial .workspace-banner__head,.workspace-banner--partial .workspace-banner__dismiss{color:var(--color-accent-ink)}.workspace-banner--limit .workspace-banner__dismiss:hover,.workspace-banner--partial .workspace-banner__dismiss:hover{color:var(--color-accent-hover)}.workspace-banner__spin{width:.875em;height:.875em;border:2px solid currentColor;border-right-color:transparent;border-radius:var(--radius-pill);animation:workspace-banner-spin .9s linear infinite}@keyframes workspace-banner-spin{to{transform:rotate(360deg)}}.workspace-banner__dismiss{display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;color:var(--color-danger)}.workspace-banner__dismiss:hover{color:var(--color-danger-mid)}@media(max-width:639px){.workspace-banner__acts{margin-left:0}}.workspace-banner--archived,.workspace-banner--resumed{border-bottom-color:var(--color-brand);background:color-mix(in oklab,var(--color-brand) 8%,white);box-shadow:inset 3px 0 0 var(--color-brand)}.workspace-banner--archived .workspace-banner__head,.workspace-banner--resumed .workspace-banner__head,.workspace-banner--resumed .workspace-banner__dismiss{color:var(--color-brand-dark)}.workspace-banner--resumed .workspace-banner__dismiss:hover{color:var(--color-brand)}}