.rf-callout{border:1px solid var(--rf-color-border);border-radius:var(--rf-radius-md);background:var(--rf-color-surface);font:var(--rf-text-body-sm);color:var(--rf-color-text);align-items:flex-start;gap:12px;padding:14px 16px;display:flex;position:relative}.rf-callout:before{content:"";border-radius:var(--rf-radius-full);background:var(--rf-color-border-strong);width:3px;position:absolute;top:8px;bottom:8px;left:0}.rf-callout__icon{color:var(--rf-color-text-tertiary);flex-shrink:0;align-items:center;margin-top:1px;display:flex}.rf-callout__body{flex:1;min-width:0}.rf-callout__title{font:var(--rf-text-body-sm-strong);color:var(--rf-color-text);margin-bottom:4px}.rf-callout__content{font:var(--rf-text-body-sm);color:var(--rf-color-text-secondary);line-height:1.55}.rf-callout--info:before{background:var(--rf-color-info)}.rf-callout--info .rf-callout__icon{color:var(--rf-color-info-text)}.rf-callout--success:before{background:var(--rf-color-success)}.rf-callout--success .rf-callout__icon{color:var(--rf-color-success-text)}.rf-callout--warning:before{background:var(--rf-color-warning)}.rf-callout--warning .rf-callout__icon{color:var(--rf-color-warning-text)}.rf-callout--danger:before{background:var(--rf-color-danger)}.rf-callout--danger .rf-callout__icon{color:var(--rf-color-danger-text)}