/* FukushiWeb 固有スタイル。Bootstrap 5 の上書きは最小限にする。
   CSP が style-src 'self' のため、style 属性・<style> 要素は使わない。 */

body {
    font-size: 0.95rem;
}

.card {
    border-radius: .5rem;
}

/* ナビバー：スマートフォン幅（360px）でボタン3つとブランドが1行に収まるようにする */
.navbar-brand {
    font-size: 1rem;
}

.navbar .btn {
    white-space: nowrap;
}

@media (max-width: 575.98px) {
    .navbar .container-fluid {
        padding-left: .5rem;
        padding-right: .5rem;
    }

    .navbar-brand {
        font-size: .9rem;
        margin-right: .25rem;
    }

    .navbar .btn-sm {
        padding: .2rem .4rem;
        font-size: .75rem;
    }

    .navbar .me-2 {
        margin-right: .25rem !important;
    }
}

/* 申請画面：品目カード内のカテゴリ1行 */
.spec-row + .spec-row {
    border-top: 1px dashed var(--bs-border-color);
}

.spec-label {
    min-width: 7rem;
    font-weight: 500;
}

/* チェックボックスの選択肢。タップしやすいよう余白を取る */
.spec-option {
    margin-right: 1rem;
    margin-bottom: .35rem;
}

.spec-option .form-check-input {
    width: 1.25em;
    height: 1.25em;
}

/* 自由入力欄（「その他＿本」「＿m」）。チェックボックスの横に置く */
.spec-free {
    display: inline-block;
    width: 9rem;
    margin-left: .35rem;
}

/* 照会画面：定義表 */
.table-compact td,
.table-compact th {
    padding-top: .4rem;
    padding-bottom: .4rem;
}

.table-compact th {
    font-weight: 500;
    background-color: var(--bs-tertiary-bg);
    width: 9rem;
}

/* 一覧：品目名の折り返し */
.item-names {
    white-space: normal;
    min-width: 10rem;
}

/* 申請画面の見出し。sticky にしない。
   ナビバーの高さが画面幅で変わる（PC 約52px / スマホ約48px）ため、固定の top 値ではずれる。
   エラーは見出し直下の一覧に出るので、固定しなくても送信後に必ず目に入る。 */
.entry-header {
    padding-top: .25rem;
}

/* 一覧：操作列は中身の幅だけにする（表の余りを品目列に回す） */
.col-actions {
    width: 1%;
}

/* 日付欄のカレンダー用。showPicker() で開くためだけの input type="date"。
   display:none にすると showPicker() が例外になるため、見えない形で配置する。
   位置は入力欄グループの右下。カレンダーのポップアップはこの要素の位置に出る。 */
.date-picker-proxy {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 1px;
    height: 1px;
    opacity: 0;
    pointer-events: none;
    border: 0;
    padding: 0;
}

/* 本社：候補の表。列が多いので小さめの文字で、名称と仕様の列だけ折り返す */
.candidate-table td,
.candidate-table th {
    vertical-align: middle;
}

.candidate-table td:nth-child(5) {
    min-width: 12rem;
}

.candidate-table td.spec-text {
    min-width: 16rem;
}

.candidate-table td.users-text {
    min-width: 14rem;
}

/* 利用者は1人1行（関数が改行区切りで返す） */
.candidate-table td.users-text {
    white-space: pre-line;
}