.data-collapsible{margin-bottom:var(--space-8)}.data-collapsible__header{display:flex;align-items:center;gap:var(--space-3);width:100%;padding:var(--space-3) var(--space-4);border:1px solid var(--color-border-primary);border-radius:var(--radius-xl);background:var(--color-bg-secondary);cursor:pointer;transition:background var(--transition-fast),border-color var(--transition-fast);text-align:left;font-family:inherit;color:inherit}.data-collapsible__header:hover{background:var(--color-bg-tertiary);border-color:var(--color-border-secondary)}.data-collapsible--expanded .data-collapsible__header{border-color:var(--color-border-secondary)}.data-collapsible__icon{width:32px;height:32px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;font-size:var(--font-size-sm);color:var(--color-text-inverse);flex-shrink:0}.data-collapsible__title{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0;white-space:nowrap}.data-collapsible__summary{flex:1;min-width:0;font-size:var(--font-size-sm);color:var(--color-text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:right;padding-left:var(--space-2)}.data-collapsible__chevron{font-size:var(--font-size-xs);color:var(--color-text-muted);transition:transform .25s ease;flex-shrink:0;margin-left:auto}.data-collapsible--expanded .data-collapsible__chevron{transform:rotate(180deg)}.data-collapsible__body{margin-top:var(--space-3);animation:data-collapsible-enter .2s ease-out}@keyframes data-collapsible-enter{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}@media(max-width:768px){.data-collapsible__summary{display:none}}