/* R1 の作り直し（today）2026-10-08。app.css の後に読む */

/* ---------- 提示画面（数字カード・会話の「見せる」・タクシー等）：テーマに関係なく明るい面 ----------
   相手に見せる画面なので、ダークでも白地に墨。中のボタン・注記も同じ明るいトークンで描く */
.present, .numbers-screen, .conv-big {
  --bg: #fbfbfa; --s1: #f2f2f0; --s2: #e9e9e6; --line: #e4e4e1; --card: #ffffff;
  --ink: #0e0e0e; --on-ink: #fbfbfa; --t2: #5e5e5b; --t3: #9a9a96;
  --ok: #2f7a45; --warn: #8a5508; --err: #b0362b; --err-soft: #f6dfdb;
  --placeholder: repeating-linear-gradient(135deg,#e6e6e3 0 7px,#dcdcd8 7px 8px);
  color-scheme: light;
  background: var(--bg); color: var(--ink);
}

/* ---------- 通知（トースト）：タブバーの上に出す ---------- */
.app-toast { bottom: calc(var(--tabbar) - 30px + max(var(--safe-bottom), 30px) + 10px); }
/* 下半分のシート（確認など）が開いている時は、ボタンに重ねず画面の上に出す */
body.screen-half .app-toast { top: calc(var(--safe-top) + 12px); bottom: auto; transform: translateY(-20px); }
body.screen-half .app-toast.app-toast-visible { transform: none; }

/* ---------- 今日 ---------- */
/* 「仕入れ 2 点 · 経費 …」は 1 つの文として折り返す（数字のところで改行しない） */
.today-sub { display: block; line-height: 1.5; }
.today-sub .odo { display: inline-flex; vertical-align: bottom; margin: 0 1px; }
/* ルート線の両端の名前は、線の端にそろえて省略する */
.route-line .rl-label.first { transform: none; text-align: left; margin-left: -2px; }
.route-line .rl-label.last { transform: translateX(-100%); text-align: right; margin-left: 2px; }
.route-line .rl-label { max-width: 25%; }
/* 夜の画面：2 列のボタンは文字が端に付かないように */
#tab-today .ui-btns[style*="--cols:2"] > .ui-btn { padding-left: 10px; padding-right: 10px; font-size: 15px; min-width: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
/* 今日の店が無い時の空の箱は、上の合計と離す */
.today-head + .ui-empty { margin-top: 20px; }

/* ---------- ログイン ---------- */
.login-card .ui-field-l { padding: 0; margin-top: 4px; }
.login-card .login-note { padding: 0; }
.login-error { margin: 8px 0 0; min-height: 0; }
.login-error:empty { margin: 0; }
.login-submit { margin-top: 12px; }
