/* 基本書体 — **ここ1行が全部署 (kabosu / pink / blue / 人事部) の正。**
 *
 * 変えるときはこの1行だけを書き換える (2026-08-13 一元化)。各部署の CSS は
 * 書体名を直書きせず var(--base-font) を参照する (読み込み漏れに備えて
 * fallback に同じ値を書いてあるが、正はこちら)。
 * 配り口は /assets/base.css (kabosu の静的マウント。pink / blue のドメインでも
 * 共有パスとして通してある — api/main.py の _BASE_CSS)。
 * アイコンフォント (Ionicons / FontAwesome) は書体ではないので対象外。
 */
:root {
  --base-font: "Hiragino Kaku Gothic ProN", "Yu Gothic", Meiryo, sans-serif;
}

/* 入力欄を押したとき (UIルール 部-12・2026-10-04 峯岸さん)。**ここ1か所が全部署 (Kabosu / Pink / Blue / accounts) の正。**
 *
 * ふだんの枠は灰 #d9d9d9 の 1px (部署の CSS が描く)。押したら、その枠そのものを部署の色 (--s-accent) の 2px にする。
 * 外に線を足さない (二重線にしない)。2px のうち 1px は内側の影で描くので、欄の大きさ・位置は動かない。
 * マウスで押しても Tab で移っても同じ。部署の CSS の :focus / :focus-visible に負けないよう !important。
 *
 * 外すもの = ふだん枠の無い欄 (表の中に打つ欄)。押したときもいまのまま:
 *   タスクの行 (.tk-row)・住所録の升目 (.ab-table)・価格表の升目 (.pt-in)・入稿の日付 (.sm-date)・
 *   案件カードのメモ (.pj-memo)・予定表のタスクメモ (.cal-tasks-note)・
 *   枠を外の箱が持つ欄 (くっつけた切り替えの中 .seg / .pd-step・時刻の欄 .ev-time・検索の箱 .pg-q / .pj-q / .search-box・価格表のクライアント .pt-client。箱の方が下で色を変える)
 */
:is(input:not([type]), input[type="text"], input[type="search"], input[type="password"], input[type="email"], input[type="url"],
    input[type="tel"], input[type="date"], input[type="month"], input[type="time"], input[type="number"], textarea, select):focus:not(
    .tk-row *, .ab-table *, .pt-in, .sm-date, .pj-memo, .cal-tasks-note,
    .seg *, .pd-step *, .ev-time *, .pg-q *, .pj-q *, .search-box *, .pt-client *) {
  border-color: var(--s-accent, #666) !important;
  box-shadow: inset 0 0 0 1px var(--s-accent, #666) !important;
  outline: none !important;
}
/* 検索の箱 (虫眼鏡と欄を 1 つの枠に入れたもの)・時刻の欄 (時と分の升目を 1 つの枠に入れたもの) は箱が欄の代わり。中に入ったら箱の枠を同じに */
.pg-q:focus-within, .pj-q:focus-within, .search-box:focus-within, .pt-client:focus-within, .ev-time:focus-within {
  border-color: var(--s-accent, #666) !important;
  box-shadow: inset 0 0 0 1px var(--s-accent, #666) !important;
  outline: none !important;
}