/**
 * FinNexus / static/css/base.css
 * Phase 5：從 base.html 抽出的 inline CSS。
 * 包含 pull-to-refresh 指示器與按鈕 spinner。
 */

#fn-ptr-indicator {
  position: fixed; top: 0; left: 0; right: 0;
  display: flex; align-items: flex-end; justify-content: center; gap: .5rem;
  padding-top: env(safe-area-inset-top, 0px);
  padding-bottom: .75rem;
  height: calc(56px + env(safe-area-inset-top, 0px));
  background: #dcfce7; color: #15803d;
  font-size: .9rem; font-weight: 700;
  transform: translateY(-100%); transition: transform .22s ease;
  z-index: 1099; box-shadow: 0 3px 12px rgba(0, 0, 0, .13);
}
#fn-ptr-indicator.fn-ptr-show { transform: translateY(0); }

.fn-ptr-spinner {
  width: 22px; height: 22px;
  border: 3px solid #bbf7d0; border-top-color: #15803d;
  border-radius: 50%;
}
.fn-ptr-spinning-slow { animation: fn-ptr-spin 1.2s linear infinite; }
.fn-ptr-spinning      { animation: fn-ptr-spin  .7s linear infinite; }
@keyframes fn-ptr-spin { to { transform: rotate(360deg); } }

.fn-btn-spinner {
  display: inline-block; width: 14px; height: 14px;
  border: 2px solid rgba(255, 255, 255, .35); border-top-color: #fff;
  border-radius: 50%; animation: fn-ptr-spin .7s linear infinite;
  margin-right: .4rem; vertical-align: middle;
}