h1:focus {
    outline: none;
}

/* Blazor テンプレート既定の「変更済みフィールドの緑枠」は CakePHP 版に無い表示のため無効化 */

.invalid {
    outline: 1px solid #e50000;
}

.validation-message {
    color: #e50000;
}

.blazor-error-boundary {
    background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTYiIGhlaWdodD0iNDkiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIG92ZXJmbG93PSJoaWRkZW4iPjxkZWZzPjxjbGlwUGF0aCBpZD0iY2xpcDAiPjxyZWN0IHg9IjIzNSIgeT0iNTEiIHdpZHRoPSI1NiIgaGVpZ2h0PSI0OSIvPjwvY2xpcFBhdGg+PC9kZWZzPjxnIGNsaXAtcGF0aD0idXJsKCNjbGlwMCkiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0yMzUgLTUxKSI+PHBhdGggZD0iTTI2My41MDYgNTFDMjY0LjcxNyA1MSAyNjUuODEzIDUxLjQ4MzcgMjY2LjYwNiA1Mi4yNjU4TDI2Ny4wNTIgNTIuNzk4NyAyNjcuNTM5IDUzLjYyODMgMjkwLjE4NSA5Mi4xODMxIDI5MC41NDUgOTIuNzk1IDI5MC42NTYgOTIuOTk2QzI5MC44NzcgOTMuNTEzIDI5MSA5NC4wODE1IDI5MSA5NC42NzgyIDI5MSA5Ny4wNjUxIDI4OS4wMzggOTkgMjg2LjYxNyA5OUwyNDAuMzgzIDk5QzIzNy45NjMgOTkgMjM2IDk3LjA2NTEgMjM2IDk0LjY3ODIgMjM2IDk0LjM3OTkgMjM2LjAzMSA5NC4wODg2IDIzNi4wODkgOTMuODA3MkwyMzYuMzM4IDkzLjAxNjIgMjM2Ljg1OCA5Mi4xMzE0IDI1OS40NzMgNTMuNjI5NCAyNTkuOTYxIDUyLjc5ODUgMjYwLjQwNyA1Mi4yNjU4QzI2MS4yIDUxLjQ4MzcgMjYyLjI5NiA1MSAyNjMuNTA2IDUxWk0yNjMuNTg2IDY2LjAxODNDMjYwLjczNyA2Ni4wMTgzIDI1OS4zMTMgNjcuMTI0NSAyNTkuMzEzIDY5LjMzNyAyNTkuMzEzIDY5LjYxMDIgMjU5LjMzMiA2OS44NjA4IDI1OS4zNzEgNzAuMDg4N0wyNjEuNzk1IDg0LjAxNjEgMjY1LjM4IDg0LjAxNjEgMjY3LjgyMSA2OS43NDc1QzI2Ny44NiA2OS43MzA5IDI2Ny44NzkgNjkuNTg3NyAyNjcuODc5IDY5LjMxNzkgMjY3Ljg3OSA2Ny4xMTgyIDI2Ni40NDggNjYuMDE4MyAyNjMuNTg2IDY2LjAxODNaTTI2My41NzYgODYuMDU0N0MyNjEuMDQ5IDg2LjA1NDcgMjU5Ljc4NiA4Ny4zMDA1IDI1OS43ODYgODkuNzkyMSAyNTkuNzg2IDkyLjI4MzcgMjYxLjA0OSA5My41Mjk1IDI2My41NzYgOTMuNTI5NSAyNjYuMTE2IDkzLjUyOTUgMjY3LjM4NyA5Mi4yODM3IDI2Ny4zODcgODkuNzkyMSAyNjcuMzg3IDg3LjMwMDUgMjY2LjExNiA4Ni4wNTQ3IDI2My41NzYgODYuMDU0N1oiIGZpbGw9IiNGRkU1MDAiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPjwvZz48L3N2Zz4=) no-repeat 1rem/1.8rem, #b32121;
    padding: 1rem 1rem 1rem 3.7rem;
    color: white;
}

    .blazor-error-boundary::after {
        content: "An error has occurred."
    }

.darker-border-checkbox.form-check-input {
    border-color: #929292;
}

.form-floating > .form-control-plaintext::placeholder, .form-floating > .form-control::placeholder {
    color: var(--bs-secondary-color);
    text-align: end;
}

.form-floating > .form-control-plaintext:focus::placeholder, .form-floating > .form-control:focus::placeholder {
    text-align: start;
}

/* ==========================================================================
   .btn-se の文字が中央に来ない件（2026-09-17）

   ★ 症状
     新規受付の「検索」ボタン、部署画面の同型ボタンで、ラベルが
     左 17px / 右 8px と**右に寄って**見える。

   ★ 原因
     .btn-se { width: 100% } で列いっぱい（実測 47px）に広げているが、
     .btn の padding 12px と枠 5px が左右に入るため、
     中身の器は 47 - 10 - 24 = **13px** しか残らない。
     そこへ 22px の「検索」を入れるので器からはみ出し、
     text-align: center が効かずに器の左端から描かれる。

   ★ 旧版も同じ見え方
     .btn-se は旧 sightone.css の 466 行目と一字一句同じで、
     <a> で置いても左 17 / 右 8 になることを実機で確認した。
     **移植で壊したのではなく、元からこう見えている。**
     そのうえで直すと 2026-09-17 に判断した。

   ★ なぜ左右の padding だけ詰めるのか
     器が 29px に広がり「検索」22px が収まるので、text-align: center が
     効いて左右 13px ずつになる（実機で確認）。
     上下は触らないので**ボタンの高さは変わらない**。
     .btn (0,1,0) より詳しい .btn.btn-se (0,2,0) にして、
     読み込み順に依存せず勝つようにしている（!important は使わない）。

   ★ 効く範囲は btn-se を使う 2 箇所だけ
     新規受付（InquiriesAddFields）と部署（DepartmentsForm）。
     どちらも狭い列に入れる小さなボタンで、事情は同じ。
   ========================================================================== */
.btn.btn-se {
    padding-left: 4px;
    padding-right: 4px;
}

/* ==========================================================================
   受付画面の登録ボタンが小さい件（2026-09-17）── ★ 打ち消しは撤去した（2026-09-18）

   ここには
       .form_masteradd.form_inquiry .submit_btn_wrap button { padding:10px 20px }
   という打ち消し規則があった。add.css の

       :391  .form_wrap      .submit_btn_wrap button { padding:10px 20px }
       :783  .form_masteradd .submit_btn_wrap button { padding:5px; font-size:12px }

   のうち 783 が勝って「登録する」が 106x47 → 68x34 に縮むのを戻すためのもの。

   ★ 本当の原因は「受付画面に form_masteradd が付いていたこと」だった。
     **旧版 inquiry.ctp は form_main だけ**で、form_masteradd は付いていない。
     2026-09-18 に受付画面から外したので 783 はもう当たらず、391 が効く。
     打ち消しは不要になったので消した。

   ★★ 教訓 ── 打ち消しを書く前に「なぜ当たっているのか」を旧版と比べる
     2026-09-17 は、付いてはいけない class が付いたままの状態を
     CSS で 4 回打ち消そうとして、詳しさと範囲を 3 回間違えた
     （853e09d → 049b7d2 → 4721996 → c66fec2）。
     class を外せば 1 回で済んだ。**打ち消しは原因を残したまま症状を隠す。**
   ========================================================================== */