/* src/public/css/today-date.css … 今日の日付（書類の記入用）の見た目
   💡 入力欄・詳細オプションは、共通の money.css・calc-common.css を使います。ダークモードは theme-dark.css の末尾 */

/* 大きな表示（デジタル） */
.tdate-board { margin: 0 0 14px; padding: 16px 12px; border-radius: 12px; background: #0f172a; color: #e2e8f0; text-align: center; }
.tdate-big { margin: 0; font-size: 2.4rem; font-weight: bold; letter-spacing: 0.06em; font-variant-numeric: tabular-nums; color: #7dd3fc; line-height: 1.2; }
.tdate-wareki { margin: 6px 0 0; font-size: 1.15rem; font-weight: bold; }
.tdate-clock { margin: 4px 0 0; font-size: 0.95rem; color: #94a3b8; font-variant-numeric: tabular-nums; }

.tdate-pick { display: flex; align-items: flex-end; gap: 10px; }
.tdate-pick .input-group { flex: 1 1 auto; margin-bottom: 0; }
.tdate-pick input[type="date"] { width: 100%; height: 42px; padding: 8px 10px; border: 1px solid #ccc; border-radius: 6px; font-size: 1rem; box-sizing: border-box; }
.tdate-today { height: 42px; white-space: nowrap; }
.tdate-note { margin: 8px 0 0; font-size: 0.8rem; color: #64748b; }
#tdate-other-day { color: #b45309; font-weight: bold; }
.tdate-opts { gap: 8px 20px; }

/* 書き方の一覧 */
.tdate-list { list-style: none; margin: 10px 0 0; padding: 0; }
.tdate-row { display: grid; grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.4fr) auto; gap: 4px 12px; align-items: center; padding: 8px 2px; border-bottom: 1px solid #e2e8f0; }
.tdate-row[hidden] { display: none; }
.tdate-label { font-size: 0.82rem; color: #475569; }
.tdate-value { font-size: 1.05rem; font-weight: bold; color: #1e293b; overflow-wrap: anywhere; font-variant-numeric: tabular-nums; }
.tdate-copy { padding: 6px 12px; border: 1px solid #cbd5e1; border-radius: 8px; background: #f8fafc; color: #2a5298; font-weight: bold; font-size: 0.85rem; cursor: pointer; white-space: nowrap; }
.tdate-copy:hover { border-color: #2a5298; }
.tdate-copy:disabled { opacity: 0.4; cursor: default; }
.tdate-toast { min-height: 1.4em; margin: 10px 0 0; font-weight: bold; color: #15803d; }

@media (max-width: 600px) {
    .tdate-big { font-size: 1.9rem; }
    .tdate-row { grid-template-columns: minmax(0, 1fr) auto; }
    .tdate-label { grid-column: 1 / -1; }
}