/*
 * chiaupin-ui.js 的配套樣式，與 helper 同組載入（components.html :: formAction）。
 */

/*
 * $.operate.lockForm() 鎖表單期間套在 root 上的狀態 class。
 *
 * 鎖定用的是原生 disabled，但各家瀏覽器（尤其 iOS Safari 的 select）會自行套上
 * 偏重的灰階與淡化，跟平常輸入狀態反差過大。這裡把鎖定期間的外觀收斂成一致的
 * 淡化樣式，不改變 disabled 本身的鎖定效果。
 *
 * 不需要 !important：本選擇器 (0,3,0) 已高於 main.css 的 .form-control:disabled (0,2,0)，
 * 而作者樣式本來就優先於瀏覽器 UA 樣式。留著反而擋掉呼叫端日後覆蓋的餘地。
 */
.form-locking .form-control:disabled,
.form-locking .form-control[readonly] {
  background-color: #aaa;
  color: #6e707e;
  /* iOS Safari 對 disabled 欄位另外吃 -webkit-text-fill-color，只設 color 蓋不掉 */
  -webkit-text-fill-color: #6e707e;
  opacity: 1;
  cursor: not-allowed;
}