/* 金時記 — 新增行程 視窗（需先載入 tokens.css 與 modal.css）
   行程屬於「時間」而非「金錢」，主色用橄欖綠，紅色只留給刪除 */

.modal--event { width: 436px; }

/* 頁首圖示：綠底日曆 */
.modal__icon-event {
  width: 30px; height: 30px; border-radius: 10px;
  background: var(--green-bg); color: #4F5B2B;
  display: flex; align-items: center; justify-content: center;
}
.modal--event .modal__close:hover { border-color: var(--green); color: var(--green); }

.modal--event .modal__body { display: flex; flex-direction: column; gap: 13px; padding: 14px 20px 16px; }

/* 標題欄位：左側咖啡金色條，呼應日卡上的記事／行程列 */
.event-title {
  height: 48px; padding: 0 14px; background: var(--card);
  border: 1px solid var(--border); border-left: 3px solid #A9884E;
  border-radius: var(--radius-chip); display: flex; align-items: center; font-size: 14px;
}

/* 日期與時間同一行；選「記事」時時間欄位整個隱藏，日期撐滿 */
.event-when { display: flex; gap: 10px; align-items: flex-end; }

/* 記事／行程 類型分段控制（選中為咖啡金實心，同 .bookswitch 邏輯但雙欄都用同一色） */
.eventkind {
  display: grid; grid-template-columns: 1fr 1fr; gap: 1px;
  background: var(--border); border: 1px solid var(--border);
  border-radius: var(--radius-chip); overflow: hidden;
}
.eventkind__btn {
  height: 44px; border: none; background: var(--card); color: var(--text-2);
  font-family: inherit; font-size: 14px; cursor: pointer;
  display: flex; align-items: center; justify-content: center; gap: 7px;
  transition: all var(--transition);
}
.eventkind__btn:hover { background: #F1EEEA; color: #7E6230; }
.eventkind__btn.selected { background: #A9884E; color: #fff; font-weight: var(--w-medium); }

/* 儲存為綠色（支出視窗才是紅色） */
.modal--event .btn-save { background: var(--green); }
.modal--event .btn-save:hover { background: #59672F; }

@media (max-width: 720px) {
  .modal--event { width: 100%; }
  .event-when { flex-direction: column; align-items: stretch; }
}