/* toast / 空狀態 / 載入中（CSS 架構重構 P3 自 legacy/core.css 拆出） */
@layer components {

  .empty { text-align: center; color: var(--c-border-control); padding: 40px 0; font-size: var(--fs-14); }

  .toast {
    position: fixed; top: 60px; left: 50%;
    transform: translateX(-50%) translateY(-20px);
    background: var(--c-text-2); color: var(--c-white);
    padding: 8px 18px; border-radius: var(--r-pill);
    font-size: var(--fs-13); opacity: 0;
    transition: all 0.3s; z-index: var(--z-toast); pointer-events: none;  /* 960: 高於 modal-overlay 950，modal 開著時錯誤提示仍可見 */
    max-width: 85%; text-align: center;
  }
  .toast.is-open { opacity: 1; transform: translateX(-50%) translateY(0); }
  .toast.success { background: var(--c-success); }
  .toast.error { background: var(--c-danger); }

  .loading { text-align: center; padding: 60px 0; color: var(--c-muted); }
  .loading .spin {
    width: 36px; height: 36px;
    border: 4px solid var(--c-border-strong); border-top-color: var(--c-primary);
    border-radius: 50%;
    margin: 0 auto 12px;
    animation: spin 0.8s linear infinite;
  }
  @keyframes spin { to { transform: rotate(360deg); } }
}