/* 僅由 /view 載入：按鈕顏色按「操作」與「選取」分層，不更動全站元件。 */
#app {
  --view-action-start: #f699a0;
  --view-action-end: #e4719b;
  --view-selected-start: #f699a0;
  --view-selected-end: #e4719b;
  --view-selected-text: #ffffff;
  --view-neutral-border: #d9dce2;
  --view-neutral-text: #4b5563;
}

/* 發布、儲存、購買與查看活動：沿用頁首搜尋／貼文按鈕的粉色。 */
#app .btn-primary,
#app .creator-layout-save:not(:disabled),
#app .pg-scope .pg-publish-btn:not(:disabled),
#app .pg-btn-save:not(:disabled):not(.pg-btn-danger),
#app .subscription-settings-list .subscription-save-btn:not(:disabled),
#app .gp-page .gp-button-primary:not(:disabled),
#app #tab-group-photoshoot-list .gps-showcase-footer a:not(.gps-showcase-edit),
#app #tab-physical .pg-shop-btn.primary,
#app .self-page .btn-wrap .onsite-donation-action {
  background: linear-gradient(to bottom, var(--view-action-start), var(--view-action-end));
  border-color: var(--view-action-end);
  box-shadow: 0 4px 11px rgba(205, 84, 126, .16);
  color: #fff;
}

#app .btn-primary:hover,
#app .creator-layout-save:hover:not(:disabled),
#app .pg-scope .pg-publish-btn:hover:not(:disabled),
#app .pg-btn-save:hover:not(:disabled):not(.pg-btn-danger),
#app .subscription-settings-list .subscription-save-btn:hover:not(:disabled),
#app .gp-page .gp-button-primary:hover:not(:disabled),
#app #tab-group-photoshoot-list .gps-showcase-footer a:hover:not(.gps-showcase-edit),
#app #tab-physical .pg-shop-btn.primary:hover,
#app .self-page .btn-wrap .onsite-donation-action:hover {
  background: linear-gradient(to bottom, var(--view-action-end), var(--view-action-start));
  color: #fff;
}

/* 篩選、分段選項與已追蹤：同色但無陰影，避免與主要操作競爭。 */
#app .post-layout-button.is-active,
#app #tab-ticket2 .tk2-exf-chip.is-active,
#app #tab-physical .pg-cat-chip.is-active,
#app .pg-scope .pg-seg button.active,
#app #tab-group-photoshoot-list .gps-showcase-filters button[aria-pressed="true"],
#app .self-page .btn-wrap .btn-interactive.active {
  background: linear-gradient(to bottom, var(--view-selected-start), var(--view-selected-end));
  border-color: var(--view-selected-end);
  box-shadow: none;
  color: var(--view-selected-text);
}

#app #tab-ticket2 .tk2-exf-chip.is-active .tk2-exf-date,
#app #tab-ticket2 .tk2-exf-chip.is-active .tk2-exf-thumb,
#app #tab-physical .pg-cat-chip.is-active .pg-cat-icon {
  color: var(--view-selected-text);
}

#app #tab-ticket2 .tk2-exf-chip.is-active .tk2-exf-thumb,
#app #tab-physical .pg-cat-chip.is-active .pg-cat-icon {
  background: rgba(70, 18, 42, .24);
}

/* 次要連結與預覽統一為白底灰框；已追蹤由上方選取態覆蓋。 */
#app .self-page .btn-wrap .btn-interactive:not(.active):not(.onsite-donation-action),
#app #tab-physical .pg-shop-btn.ghost,
#app .pg-btn-cancel,
#app .gp-page .gp-button-light {
  background: #fff;
  border: 1px solid var(--view-neutral-border);
  color: var(--view-neutral-text);
}

/* 停售確認是危險操作，不沿用儲存按鈕的粉色。 */
#app .pg-btn-save.pg-btn-danger:not(:disabled) {
  background: #b42332;
  border-color: #b42332;
  color: #fff;
  text-shadow: none;
}

#app .pg-btn-save.pg-btn-danger:hover:not(:disabled) {
  background: #971d29;
  color: #fff;
}

/* 不讓載入中的按鈕仍呈現可點擊的主色。 */
#app .btn-primary:disabled,
#app .pg-scope .pg-publish-btn:disabled,
#app .pg-btn-save:disabled,
#app .subscription-settings-list .subscription-save-btn:disabled,
#app .gp-page .gp-button-primary:disabled {
  background: #eef0f3;
  border-color: #d8dbe1;
  box-shadow: none;
  color: #666b73;
  filter: none;
  opacity: 1;
  text-shadow: none;
}