:host { display: inline-block; }
.hb-popconfirm__trigger { display: inline-block; cursor: pointer; }
.hb-popconfirm__popup {
  position: fixed; background: var(--hb-color-bg-elevated);
  border-radius: var(--hb-border-radius-base); box-shadow: var(--hb-box-shadow);
  padding: var(--hb-spacing-md); min-width: 200px; animation: hb-popconfirm-fade 0.15s ease-out; pointer-events: auto;
}
.hb-popconfirm__main { display: flex; align-items: flex-start; gap: var(--hb-spacing-xs); margin-bottom: var(--hb-spacing-sm); }
.hb-popconfirm__icon { color: var(--hb-color-warning); font-size: 16px; flex-shrink: 0; }
.hb-popconfirm__title { font-size: var(--hb-font-size-sm); color: var(--hb-color-text); line-height: 1.5; }
.hb-popconfirm__action { display: flex; justify-content: flex-end; gap: var(--hb-spacing-xs); }
.hb-popconfirm__btn {
  padding: 4px 12px; font-size: var(--hb-font-size-xs); border-radius: var(--hb-border-radius-sm);
  cursor: pointer; border: 1px solid var(--hb-color-border); background: var(--hb-color-bg);
  transition: all var(--hb-transition-duration);
}
.hb-popconfirm__btn--cancel:hover { color: var(--hb-color-primary); border-color: var(--hb-color-primary); }
.hb-popconfirm__btn--confirm { background: var(--hb-color-primary); color: #fff; border-color: var(--hb-color-primary); }
.hb-popconfirm__btn--confirm:hover { background: var(--hb-color-primary-hover); }
@keyframes hb-popconfirm-fade { from { opacity: 0; } to { opacity: 1; } }
