/* 今天的打卡卡片（attendance/web/js/today-card.js）自己的版面：入口頁與出勤 app 首頁共用。
   shared/docs/ui.md：app 的樣式只放版面，顏色與尺寸用 var(--ui-*)。 */
.att-today { display: grid; gap: 12px; }
.att-today .ui-card-head { margin-bottom: 0; flex-wrap: wrap; }
.att-today .ui-tags { justify-content: flex-end; }
.att-today-sub { margin-top: -6px; font-size: var(--ui-text-sm); color: var(--ui-muted-fg); }
.att-today-fine { font-size: var(--ui-text-xs); line-height: 1.6; color: var(--ui-muted-fg); }

/* 時長的數字和單位不拆到兩行（「1 小時」「10 分鐘」各自一塊；票 10） */
.att-nowrap { white-space: nowrap; }
/* 還沒選原因：財務行政請你更正的那一行，比灰色的說明顯眼 */
.att-asked { display: block; margin-top: 2px; color: var(--ui-fg); font-weight: 700; }

/* 今天選過的原因與「改原因」（票 10） */
.att-today-reason { display: flex; align-items: center; justify-content: space-between; gap: 8px; margin-top: -6px; font-size: var(--ui-text-sm); }