/* Swibbly – Chat, Aufträge, Regeln (Figma 24:3450, 101:1781, 171:11820). Nur Layout + Tokens, Bausteine aus public/ui. */
.swibbly-page{min-width:0}
.swibbly-basic{display:flex;align-items:flex-start;gap:var(--space-16);margin-bottom:var(--space-24);padding:var(--space-20) var(--space-24);border:1px solid color-mix(in srgb,var(--brand-primary) 30%,transparent);border-radius:var(--radius-2xl);background:var(--brand-soft);color:var(--text-primary)}
.swibbly-basic__icon{display:grid;place-items:center;flex:none;width:40px;height:40px;border-radius:var(--radius-lg);background:var(--brand-primary);color:var(--text-inverse)}
.swibbly-basic__copy{display:flex;flex-direction:column;gap:var(--space-6);min-width:0}
.swibbly-basic__copy p{margin:0;font:var(--font-body);max-width:78ch}
.swibbly-basic__copy small{font:var(--font-small);color:var(--text-secondary)}
.swibbly-rules-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-16);align-items:start;margin-bottom:var(--space-24)}
.swibbly-rules-col{padding:0;overflow:hidden}
.swibbly-rules-col__head{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-8);padding:var(--space-16) var(--space-16) var(--space-12);box-shadow:inset 0 -1px 0 var(--border-default)}
.swibbly-rules-col__head p{margin:0;font:var(--font-small);color:var(--text-secondary)}
.swibbly-rules-col__list{margin:0;padding:0;list-style:none}
.swibbly-rule{display:flex;align-items:flex-start;gap:var(--space-12);padding:var(--space-14) var(--space-16);box-shadow:inset 0 -1px 0 var(--border-default)}
.swibbly-rule:last-child{box-shadow:none}
.swibbly-rule__icon{display:grid;place-items:center;flex:none;width:28px;height:28px;border-radius:var(--radius-md)}
.swibbly-rule--allowed .swibbly-rule__icon{background:var(--status-success-soft);color:var(--status-success)}
.swibbly-rule--submit .swibbly-rule__icon{background:var(--brand-soft);color:var(--text-brand)}
.swibbly-rule--never .swibbly-rule__icon{background:var(--status-danger-soft);color:var(--status-danger)}
.swibbly-rule__copy{display:flex;flex-direction:column;gap:var(--space-3);min-width:0}
.swibbly-rule__copy strong{font:var(--font-small-semibold);color:var(--text-primary)}
.swibbly-rule__copy small{font:var(--font-small);color:var(--text-secondary)}
.swibbly-steps{display:flex;flex-direction:column;gap:var(--space-16);margin:0;padding:0;list-style:none}
.swibbly-steps li{display:flex;align-items:flex-start;gap:var(--space-12)}
.swibbly-steps__n{display:grid;place-items:center;flex:none;width:24px;height:24px;border-radius:var(--radius-pill);background:var(--brand-primary);color:var(--text-inverse);font:var(--font-small-semibold)}
.swibbly-steps li>span:last-child{display:flex;flex-direction:column;gap:var(--space-3);min-width:0}
.swibbly-steps strong{font:var(--font-small-semibold);color:var(--text-primary)}
.swibbly-steps small{font:var(--font-small);color:var(--text-secondary)}
.swibbly-tasks{display:flex;flex-direction:column;gap:var(--space-8);margin:0;padding:0;list-style:none}
.swibbly-task{display:flex;align-items:center;gap:var(--space-12);width:100%;min-height:56px;padding:var(--space-10) var(--space-12);border:0;border-radius:var(--radius-lg);background:var(--bg-surface-2);color:var(--text-primary);text-align:left;font:inherit;cursor:pointer}
.swibbly-task:hover{background:var(--brand-soft)}
.swibbly-task:focus-visible{outline:none;box-shadow:var(--shadow-focus)}
.swibbly-task__icon{display:flex;flex:none;color:var(--text-brand)}
.swibbly-task__copy{display:flex;flex-direction:column;flex:1;min-width:0}
.swibbly-task__copy strong{font:var(--font-small-semibold);overflow-wrap:break-word}
.swibbly-task__copy small{font:var(--font-small);color:var(--text-secondary)}

@media (max-width:1023px){
  .swibbly-rules-grid{grid-template-columns:minmax(0,1fr)}
}
@media (max-width:599px){
  .swibbly-basic{flex-direction:column;padding:var(--space-16)}
  .swibbly-task{flex-wrap:wrap}
}

/* Tabs und Arbeitsansicht: Chats · eingebetteter Chat · Aufträge/Zugriff/Sicherheit */
.swibbly-page .sw-tabs{margin-bottom:var(--space-16)}
.swibbly-page [role="tabpanel"][hidden]{display:none}
.swibbly-page .swibbly-rules-grid{margin-top:var(--space-4)}
.swibbly-workspace{display:grid;grid-template-columns:minmax(220px,280px) minmax(0,1fr) minmax(240px,300px);gap:var(--space-16);align-items:start}
.swibbly-chats{position:sticky;top:var(--shell-sticky-top,var(--space-16));display:flex;flex-direction:column;gap:var(--space-12);min-width:0;max-height:calc(100dvh - var(--shell-sticky-top,var(--space-16)) - var(--space-32));overflow:auto;padding:var(--space-4)}
.swibbly-chat-group{display:flex;flex-direction:column;gap:var(--space-6)}
.swibbly-chat-group+.swibbly-chat-group{margin-top:var(--space-8)}
.swibbly-chat-group__title{margin:0;font:var(--font-caption);text-transform:uppercase;letter-spacing:.06em;color:var(--text-tertiary)}
.swibbly-task__copy .sw-badge{align-self:flex-start;margin-top:var(--space-4)}
.swibbly-task.is-current{background:var(--brand-soft);box-shadow:inset 0 0 0 1.5px var(--brand-primary)}
.swibbly-center{display:flex;flex-direction:column;gap:var(--space-12);min-width:0}
.swibbly-chat-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-12);min-width:0}
.swibbly-chat-head__copy{display:flex;flex-direction:column;gap:var(--space-3);min-width:0}
.swibbly-chat-head__title{margin:0;font:var(--font-h3);color:var(--text-primary);overflow-wrap:break-word}
.swibbly-chat-head__copy small{font:var(--font-small);color:var(--text-secondary)}
.swibbly-chat-head__actions{display:flex;flex-wrap:wrap;gap:var(--space-8)}
.swibbly-dock{height:clamp(480px,calc(100dvh - 18rem),960px);min-width:0}
.swibbly-dock[hidden],.swibbly-undocked[hidden]{display:none}
.swibbly-side{display:flex;flex-direction:column;gap:var(--space-16);min-width:0}
.swibbly-side__empty{margin:0;font:var(--font-small);color:var(--text-secondary)}
.swibbly-access,.swibbly-security{display:flex;flex-direction:column;gap:var(--space-12);margin:0;padding:0;list-style:none}
.swibbly-access li{display:flex;align-items:flex-start;gap:var(--space-10)}
.swibbly-access__icon{display:grid;place-items:center;flex:none;width:28px;height:28px;border-radius:var(--radius-md);background:var(--bg-surface-2);color:var(--text-brand)}
.swibbly-access__copy{display:flex;flex-direction:column;gap:var(--space-3);min-width:0}
.swibbly-access__copy strong{font:var(--font-small-semibold);color:var(--text-primary)}
.swibbly-access__copy small,.swibbly-security li{font:var(--font-small);color:var(--text-secondary)}
.swibbly-security li{display:flex;align-items:flex-start;gap:var(--space-8)}
.swibbly-security .sw-icon{flex:none;margin-top:var(--space-3);color:var(--text-tertiary)}
.swibbly-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-12);margin-bottom:var(--space-16)}
.swibbly-filters{display:flex;flex-wrap:wrap;gap:var(--space-8);margin-bottom:var(--space-12)}
.swibbly-more{display:flex;justify-content:center;margin-top:var(--space-12)}
@media (max-width:1279px){
  .swibbly-workspace{grid-template-columns:minmax(200px,260px) minmax(0,1fr)}
  .swibbly-side{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:start}
}
@media (max-width:1023px){
  .swibbly-workspace,.swibbly-side{grid-template-columns:minmax(0,1fr)}
  .swibbly-chats{position:static;max-height:none;padding:0}
  .swibbly-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}
}
/* Briefing „Dein Unternehmen heute“ (Figma 24:3969) */
.swibbly-briefing{display:grid;grid-template-columns:minmax(0,2fr) minmax(260px,1fr);gap:var(--space-16);align-items:start}
.swibbly-briefing__main,.swibbly-briefing__side{display:flex;flex-direction:column;gap:var(--space-16);min-width:0}
.swibbly-briefing__summary{margin:0;font:var(--font-body);color:var(--text-primary);max-width:72ch}
.swibbly-systems,.swibbly-pipeline{display:flex;flex-direction:column;gap:var(--space-10);margin:0;padding:0;list-style:none}
.swibbly-systems li{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-8)}
.swibbly-systems small{font:var(--font-small);color:var(--text-secondary)}
.swibbly-pipeline a{display:flex;flex-direction:column;gap:var(--space-6);padding:var(--space-10) var(--space-12);border-radius:var(--radius-lg);background:var(--bg-surface-2);color:var(--text-primary);text-decoration:none}
.swibbly-pipeline a:hover{background:var(--brand-soft)}
.swibbly-pipeline a:focus-visible{outline:none;box-shadow:var(--shadow-focus)}
.swibbly-pipeline__copy{display:flex;flex-direction:column;gap:var(--space-3);min-width:0}
.swibbly-pipeline__copy strong{font:var(--font-small-semibold);overflow-wrap:break-word}
.swibbly-pipeline__copy small{font:var(--font-small);color:var(--text-secondary)}
.swibbly-quick{display:flex;flex-wrap:wrap;gap:var(--space-8)}
.swibbly-quick .sw-chip{cursor:pointer;min-height:36px}
@media (max-width:1023px){.swibbly-briefing{grid-template-columns:minmax(0,1fr)}}
@media (max-width:834px){.swibbly-quick .sw-chip{min-height:44px}}