/* =============================================================
   짧은 알림(토스트) 맥 모양 — 사용자 2026-11-03 "오른쪽아래에 짧게 뜨는 알림메세지 수정하자"
   범위: 공용 짧은 알림 묶음(#_toast-container.ui-toast-stack, ui-helpers.js showToast — 원본은 그대로, ui-toast-mac.js 가 이름표를 붙임)
   - 진한 초록 · 빨강 · 파랑 꽉 찬 상자 → 흰 카드 + 종류별 색 아이콘(맥 알림 모양)
   - 자리: 오른쪽 아래(도움말 '?' · 알림 카드와 겹침) → 오른쪽 위 머리줄 바로 아래. 휴대폰은 위 가운데 가득
   - 문구 · 뜨는 시간 · 눌러 닫기 · 오류는 가운데 창 — 모두 그대로. 값은 ui-tokens.css 토큰만
   ============================================================= */
@media screen{
html #_toast-container.ui-toast-stack{ top:62px !important; bottom:auto !important; right:16px !important; flex-direction:column !important; gap:8px !important; width:min(360px, calc(100vw - 32px)) !important; max-width:none !important }
html #_toast-container .ui-toast{ align-items:center !important; gap:10px !important; min-height:44px; box-sizing:border-box; padding:10px 10px 10px 14px !important; max-width:none !important;
  background:var(--ui-surface) !important; color:var(--ui-text-1) !important; border:1px solid var(--ui-line) !important; border-radius:var(--ui-radius-group) !important;
  box-shadow:var(--ui-elev-popover) !important; font-family:var(--ui-font); font-size:var(--ui-text-body) !important; font-weight:var(--ui-weight-regular); line-height:1.4 !important }
html #_toast-container .ui-toast .ui-toast-legacy-icon{ display:none !important }
html #_toast-container .ui-toast .ui-toast-icon{ flex:none; width:18px; text-align:center; font-size:var(--ui-text-title3); color:var(--ui-accent-text) }
html #_toast-container .ui-toast--success .ui-toast-icon{ color:var(--ui-success) }
html #_toast-container .ui-toast--warning .ui-toast-icon{ color:var(--ui-warning) }
html #_toast-container .ui-toast--error .ui-toast-icon{ color:var(--ui-danger) }
html #_toast-container .ui-toast .ui-toast-msg{ min-width:0; overflow-wrap:anywhere }
html #_toast-container .ui-toast .ui-toast-msg b, html #_toast-container .ui-toast .ui-toast-msg strong{ font-weight:var(--ui-weight-semibold) }
html #_toast-container .ui-toast .ui-toast-close{ flex:none; width:24px; height:24px; margin-left:0 !important; display:inline-flex; align-items:center; justify-content:center; border-radius:var(--ui-radius-row); color:var(--ui-text-2); opacity:1 !important; font-size:var(--ui-text-title2) !important }
html #_toast-container .ui-toast:hover .ui-toast-close{ background:var(--ui-fill) }
}
@media screen and (max-width:768px){
html #_toast-container.ui-toast-stack{ top:60px !important; left:8px !important; right:8px !important; width:auto !important }
html #_toast-container .ui-toast{ padding:6px 6px 6px 14px !important }
html #_toast-container .ui-toast .ui-toast-close{ width:32px; height:32px }
}