@import '_content/KYApplication.Shared/KYApplication.Shared.wo4sirj5wq.bundle.scp.css';

/* _content/KYApplication.User/Components/Pages/KYA0010.razor.rz.scp.css */
/*-------------------------------------------------------------------------------
名称　　　：KYA0010
処理概要　：ログイン画面
作成日　　：2026/06/30 (株)ミウラ
修正日　　：
-------------------------------------------------------------------------------*/

/* コンテナ（中央・上限幅・内側余白） */
.kya0010-container[b-mgj5j5f4b2] {
    max-width: 420px;
    padding: 0 18px;
    margin: 36px auto 64px;
}

/* ロゴ・タイトル（中央） */
.kya0010-logo[b-mgj5j5f4b2] {
    display: flex;
    justify-content: center;
    margin: 0 0 16px;
}

.kya0010-logo-img[b-mgj5j5f4b2] {
    width: 64px;
    height: 64px;
    object-fit: contain;
}

.kya0010-title[b-mgj5j5f4b2] {
    margin: 8px 0 14px;
    font-size: 1.65rem;
    font-weight: 800;
    color: #222;
    text-align: center;
}

/* 説明文＋フォームを同幅で中央寄せ */
.kya0010-content-wrap[b-mgj5j5f4b2] {
    width: 100%;
    box-sizing: border-box;
    margin: 0 auto;
    text-align: center;
}

.kya0010-description[b-mgj5j5f4b2] {
    display: block;
    width: 100%;
    box-sizing: border-box;
    margin-bottom: 18px;
    font-size: .95rem;
    color: #6c757d;
}

/* フォーム本体（中央配置／内部左揃え） */
.kya0010-form-area[b-mgj5j5f4b2] {
    display: inline-block;
    width: 100%;
    max-width: 315px;
    box-sizing: border-box;
    text-align: left;
}

    /* ラベル（左揃え） */
    .kya0010-form-area .kya0010-userid-label[b-mgj5j5f4b2] {
        display: block;
        margin: 6px 0;
        font-size: .95rem;
        color: #222;
    }

    /* 入力欄・ボタン（はみ出し防止・中央配置） */
    .kya0010-form-area .kya0010-userid-input[b-mgj5j5f4b2],
    .kya0010-form-area .kya0010-password-input[b-mgj5j5f4b2],
    .kya0010-form-area .kya0010-login-submit[b-mgj5j5f4b2] {
        display: block;
        width: 100%;
        max-width: 100%;
        box-sizing: border-box;
        margin: 0 auto;
    }

    /* 入力欄の見た目（共通） */
    .kya0010-form-area .kya0010-userid-input[b-mgj5j5f4b2],
    .kya0010-form-area .kya0010-password-input[b-mgj5j5f4b2] {
        height: 48px;
        padding: 10px 14px;
        font-size: .95rem;
        color: #222;
        background: #fff;
        border: 1px solid #cfd8e3;
        border-radius: 8px;
        box-shadow: inset 0 1px 0 rgba(0,0,0,.04);
    }

        /* フォーカス時の枠変更を無効化（緑枠・太線を削除） */
        .kya0010-form-area .kya0010-userid-input:focus[b-mgj5j5f4b2],
        .kya0010-form-area .kya0010-userid-input:focus-visible[b-mgj5j5f4b2],
        .kya0010-form-area .kya0010-password-input:focus[b-mgj5j5f4b2],
        .kya0010-form-area .kya0010-password-input:focus-visible[b-mgj5j5f4b2] {
            outline: none;
            box-shadow: none;
            border-color: #cfd8e3; /* 通常と同じ */
            border-width: 1px; /* 太線化しない */
        }

    /* ボタン（同幅・中央配置） */
    .kya0010-form-area .kya0010-login-submit[b-mgj5j5f4b2] {
        height: 48px;
        font-size: 1.2rem;
        font-weight: 700;
        color: #222;
        background: #fff;
        border: 2px solid #2b2d30;
        border-radius: 8px;
        margin-top: 12px;
    }

    /* 「パスワードを変更する」リンク（フォーム内で左右中央寄せ） */
    .kya0010-form-area .kya0010-link[b-mgj5j5f4b2] {
        display: block;
        width: fit-content;
        margin: 12px auto 0;
        text-align: center;
        color: #0d6efd;
        text-decoration: underline;
        cursor: pointer;
    }

/* 上部アラートの統一スタイル */
.kya0010-alert[b-mgj5j5f4b2] {
    margin: 0 auto 16px auto;
    max-width: 520px;
    text-align: center;
    padding: 10px 14px;
    border-radius: 8px;
    border: 1px solid #dc3545;
    background-color: #f8d7da;
    color: #842029;
}

/* 警告が何も無いときは非表示 */
.kya0010-alert:empty[b-mgj5j5f4b2] {
    display: none;
}

/* 共通メッセージ 1 行ごとの行間 */
.kya0010-alert-line[b-mgj5j5f4b2] {
    margin-bottom: 6px;
}

/* ValidationSummary のリストをアラート内に馴染ませる */
.kya0010-alert .validation-errors[b-mgj5j5f4b2] {
    list-style: none;
    padding-left: 0;
    margin: 6px 0 0 0;
}

/* Blazor の ValidationSummary の ul に付与される既定クラスに合わせる（存在しない場合も保険） */
.kya0010-alert ul[b-mgj5j5f4b2] {
    list-style: none;
    padding-left: 0;
    margin: 6px 0 0 0;
}
.kya0010-alert li[b-mgj5j5f4b2] {
    margin: 3px 0;
}
/* _content/KYApplication.User/Components/Pages/KYA0020.razor.rz.scp.css */
/*-------------------------------------------------------------------------------
名称　　　：KYA0020
処理概要　：ワンタイムパスワード入力画面
作成日　　：2026/06/30 (株)ミウラ
修正日　　：
-------------------------------------------------------------------------------*/

/* ページコンテナ */
.kya0020-container[b-l2qpz9sue4] {
    max-width: 360px;
    margin: 0 auto;
    padding: 24px 16px 32px;
    box-sizing: border-box;
    text-align: left;
}

/* タイトル */
.kya0020-title[b-l2qpz9sue4] {
    margin: 8px 0 12px;
    text-align: center;
    font-size: 1.65rem;
    font-weight: 700;
    color: #333;
}

/* 説明/コンテンツ */
.kya0020-content-wrap[b-l2qpz9sue4] {
}

.kya0020-description[b-l2qpz9sue4],
.kya0020-desc[b-l2qpz9sue4] {
    display: block;
    width: 100%;
    box-sizing: border-box;
    margin-bottom: 12px;
    font-size: 0.95rem;
    line-height: 1.6;
    color: #666;
}

/* KYA0020: OTP入力ページ */
.kya0020-description[b-l2qpz9sue4] {
    text-align: center;
}

/* フォームエリア（kya1020 準拠） */
.kya0020-form-area[b-l2qpz9sue4] {
}

.kya0020-field-group[b-l2qpz9sue4] {
    margin-bottom: 12px;
    text-align: left;
}

/* ラベル */
.kya0020-email-label[b-l2qpz9sue4],
.kya0020-code-label[b-l2qpz9sue4] {
    display: block;
    margin-bottom: 6px;
    font-size: 0.9rem;
    color: #333;
}

/* 入力欄（フォーカス時の緑枠を削除） */
.kya0020-code-input[b-l2qpz9sue4] {
    display: block;
    width: 100%;
    height: 48px;
    box-sizing: border-box;
    padding: 10px 14px;
    font-size: .95rem;
    color: #222;
    background: #fff;
    border: 1px solid #cfd8e3;
    border-radius: 8px;
    box-shadow: inset 0 1px 0 rgba(0,0,0,.04);
}

    /* フォーカス時の枠変更を無効化（緑枠・太線・シャドウを削除） */
    .kya0020-code-input:focus[b-l2qpz9sue4],
    .kya0020-code-input:focus-visible[b-l2qpz9sue4] {
        outline: none;
        box-shadow: none;
        border-color: #cfd8e3; /* 通常と同じ */
        border-width: 1px; /* 太線化しない */
    }

/* 認証ボタン（ニュートラルな灰色系に統一／フォーカス時色変化なし） */
.kya0020-login-submit[b-l2qpz9sue4] {
    display: block;
    width: 100%;
    height: 44px;
    line-height: 44px;
    box-sizing: border-box;
    font-size: 1.2rem;
    font-weight: 700;
    color: #222;
    background-color: #fff;
    border: 2px solid #2b2d30;
    border-radius: 6px;
    text-align: center;
}

/* リンク（やり直し/再送） */
.kya0020-actions[b-l2qpz9sue4] {
    display: flex;
    justify-content: space-between;
    gap: 8px;
    margin: 8px 0 12px;
}

.kya0020-link[b-l2qpz9sue4] {
    color: #0d6efd;
    text-decoration: underline;
    cursor: pointer;
}

/* 上部情報の統一スタイル */
.kya0020-info[b-l2qpz9sue4] {
    margin: 0 auto 16px auto;
    max-width: 520px;
    text-align: center;
    padding: 10px 14px;
    border-radius: 8px;
    border: 1px solid #3C7D22;
    background-color: #CCFFCC;
    color: #3C7D22;
}

    /* 警告が何も無いときは非表示 */
    .kya0020-info:empty[b-l2qpz9sue4] {
        display: none;
    }

/* 共通メッセージ 1 行ごとの行間 */
.kya0020-info-line[b-l2qpz9sue4] {
    margin-bottom: 6px;
}

/* ValidationSummary のリストをアラート内に馴染ませる */
.kya0020-info .validation-errors[b-l2qpz9sue4] {
    list-style: none;
    padding-left: 0;
    margin: 6px 0 0 0;
}

/* Blazor の ValidationSummary の ul に付与される既定クラスに合わせる（存在しない場合も保険） */
.kya0020-info ul[b-l2qpz9sue4] {
    list-style: none;
    padding-left: 0;
    margin: 6px 0 0 0;
}

.kya0020-info li[b-l2qpz9sue4] {
    margin: 3px 0;
}

/* 上部アラートの統一スタイル */
.kya0020-alert[b-l2qpz9sue4] {
    margin: 0 auto 16px auto;
    max-width: 520px;
    text-align: center;
    padding: 10px 14px;
    border-radius: 8px;
    border: 1px solid #dc3545;
    background-color: #f8d7da;
    color: #842029;
}

/* 警告が何も無いときは非表示 */
.kya0020-alert:empty[b-l2qpz9sue4] {
    display: none;
}

/* 共通メッセージ 1 行ごとの行間 */
.kya0020-alert-line[b-l2qpz9sue4] {
    margin-bottom: 6px;
}

/* ValidationSummary のリストをアラート内に馴染ませる */
.kya0020-alert .validation-errors[b-l2qpz9sue4] {
    list-style: none;
    padding-left: 0;
    margin: 6px 0 0 0;
}

/* Blazor の ValidationSummary の ul に付与される既定クラスに合わせる（存在しない場合も保険） */
.kya0020-alert ul[b-l2qpz9sue4] {
    list-style: none;
    padding-left: 0;
    margin: 6px 0 0 0;
}

.kya0020-alert li[b-l2qpz9sue4] {
    margin: 3px 0;
}

/* _content/KYApplication.User/Components/Pages/KYA0040.razor.rz.scp.css */
/*-------------------------------------------------------------------------------
名称　　　：KYA0040
処理概要　：パスワード変更画面
作成日　　：2026/06/30 (株)ミウラ
修正日　　：
-------------------------------------------------------------------------------*/
/* コンテナ（中央・上限幅・内側余白） */
.kya0040-container[b-v8dtaiilf7] {
    max-width: 420px;
    padding: 0 18px;
    margin: 36px auto 64px;
}

/* ロゴ・タイトル（中央） */
.kya0040-logo[b-v8dtaiilf7] {
    display: flex;
    justify-content: center;
    margin: 0 0 16px;
}

.kya0040-logo-img[b-v8dtaiilf7] {
    width: 64px;
    height: 64px;
    object-fit: contain;
}

.kya0040-title[b-v8dtaiilf7] {
    margin: 8px 0 14px;
    font-size: 1.9rem;
    font-weight: 800;
    color: #222;
    text-align: center;
}

/* 説明文＋フォームを同幅で中央寄せ */
.kya0040-content-wrap[b-v8dtaiilf7] {
    width: 100%;
    box-sizing: border-box;
    margin: 0 auto;
    text-align: center;
}

.kya0040-description[b-v8dtaiilf7] {
    display: block;
    width: 100%;
    box-sizing: border-box;
    margin-bottom: 18px;
    font-size: .95rem;
    color: #6c757d;
}

/* フォーム本体（中央配置／内部左揃え） */
.kya0040-form-area[b-v8dtaiilf7] {
    display: inline-block;
    width: 100%;
    max-width: 315px;
    box-sizing: border-box;
    text-align: left;
}

    /* ラベル（左揃え） */
    .kya0040-form-area .kya0040-userid-label[b-v8dtaiilf7] {
        display: block;
        margin: 6px 0;
        font-size: .95rem;
        color: #222;
    }

    /* 入力欄・ボタン（はみ出し防止・中央配置） */
    .kya0040-form-area .kya0040-userid-input[b-v8dtaiilf7],
    .kya0040-form-area .kya0040-password-input[b-v8dtaiilf7],
    .kya0040-form-area .kya0040-login-submit[b-v8dtaiilf7] {
        display: block;
        width: 100%;
        max-width: 100%;
        box-sizing: border-box;
        margin: 0 auto;
    }

    /* 入力欄の見た目（共通） */
    .kya0040-form-area .kya0040-userid-input[b-v8dtaiilf7],
    .kya0040-form-area .kya0040-password-input[b-v8dtaiilf7] {
        height: 48px;
        padding: 10px 14px;
        font-size: .95rem;
        color: #222;
        background: #fff;
        border: 1px solid #cfd8e3;
        border-radius: 8px;
        box-shadow: inset 0 1px 0 rgba(0,0,0,.04);
    }

        /* フォーカス時の枠変更を無効化（緑枠・太線を削除） */
        .kya0040-form-area .kya0040-userid-input:focus[b-v8dtaiilf7],
        .kya0040-form-area .kya0040-userid-input:focus-visible[b-v8dtaiilf7],
        .kya0040-form-area .kya0040-password-input:focus[b-v8dtaiilf7],
        .kya0040-form-area .kya0040-password-input:focus-visible[b-v8dtaiilf7] {
            outline: none;
            box-shadow: none;
            border-color: #cfd8e3; /* 通常と同じ */
            border-width: 1px; /* 太線化しない */
        }

    /* ボタン（同幅・中央配置） */
    .kya0040-form-area .kya0040-login-submit[b-v8dtaiilf7] {
        height: 48px;
        font-size: 1.2rem;
        font-weight: 700;
        color: #222;
        background: #fff;
        border: 2px solid #2b2d30;
        border-radius: 8px;
        margin-top: 12px;
    }

    /* 「パスワードを変更する」リンク（フォーム内で左右中央寄せ） */
    .kya0040-form-area .kya0040-link[b-v8dtaiilf7] {
        display: block;
        width: 100%;
        text-align: center;
        margin-top: 12px;
        color: #0d6efd;
        text-decoration: underline;
        cursor: pointer;
    }

/* 上部アラートの統一スタイル */
.kya0040-alert[b-v8dtaiilf7] {
    margin: 0 auto 16px auto;
    max-width: 520px;
    text-align: center;
    padding: 10px 14px;
    border-radius: 8px;
    border: 1px solid #dc3545;
    background-color: #f8d7da;
    color: #842029;
}

/* 警告が何も無いときは非表示 */
.kya0040-alert:empty[b-v8dtaiilf7] {
    display: none;
}

/* 共通メッセージ 1 行ごとの行間 */
.kya0040-alert-line[b-v8dtaiilf7] {
    margin-bottom: 6px;
}

/* ValidationSummary のリストをアラート内に馴染ませる */
.kya0040-alert .validation-errors[b-v8dtaiilf7] {
    list-style: none;
    padding-left: 0;
    margin: 6px 0 0 0;
}

/* Blazor の ValidationSummary の ul に付与される既定クラスに合わせる（存在しない場合も保険） */
.kya0040-alert ul[b-v8dtaiilf7] {
    list-style: none;
    padding-left: 0;
    margin: 6px 0 0 0;
}

.kya0040-alert li[b-v8dtaiilf7] {
    margin: 3px 0;
}

/* 縦間隔 */
.kya0040-password-wrapper[b-v8dtaiilf7] {
    margin-bottom: 12px;
}
/* _content/KYApplication.User/Components/Pages/KYA0050.razor.rz.scp.css */
/*-------------------------------------------------------------------------------
名称　　　：KYA0050
処理概要　：パスワード初期化（再通知）画面
作成日　　：2026/06/30 (株)ミウラ
修正日　　：
-------------------------------------------------------------------------------*/
/* コンテナ（中央・上限幅・内側余白） */
.kya0050-container[b-xfibf8tcg3] {
    max-width: 420px;
    padding: 0 18px;
    margin: 36px auto 64px;
}

/* ロゴ・タイトル（中央） */
.kya0050-logo[b-xfibf8tcg3] {
    display: flex;
    justify-content: center;
    margin: 0 0 16px;
}

.kya0050-logo-img[b-xfibf8tcg3] {
    width: 64px;
    height: 64px;
    object-fit: contain;
}

.kya0050-title[b-xfibf8tcg3] {
    margin: 8px 0 14px;
    font-size: 1.9rem;
    font-weight: 800;
    color: #222;
    text-align: center;
}

/* 説明文＋フォームを同幅で中央寄せ */
.kya0050-content-wrap[b-xfibf8tcg3] {
    width: 100%;
    box-sizing: border-box;
    margin: 0 auto;
    text-align: center;
}

.kya0050-description[b-xfibf8tcg3] {
    display: block;
    width: 100%;
    box-sizing: border-box;
    margin-bottom: 18px;
    font-size: .95rem;
    color: #6c757d;
}

/* フォーム本体（中央配置／内部左揃え） */
.kya0050-form-area[b-xfibf8tcg3] {
    display: inline-block;
    width: 100%;
    max-width: 315px;
    box-sizing: border-box;
    text-align: left;
}

    /* ラベル（左揃え） */
    .kya0050-form-area .kya0050-userid-label[b-xfibf8tcg3] {
        display: block;
        margin: 6px 0;
        font-size: .95rem;
        color: #222;
    }

    /* 入力欄・ボタン（はみ出し防止・中央配置） */
    .kya0050-form-area .kya0050-userid-input[b-xfibf8tcg3],
    .kya0050-form-area .kya0050-login-submit[b-xfibf8tcg3] {
        display: block;
        width: 100%;
        max-width: 100%;
        box-sizing: border-box;
        margin: 0 auto;
    }

    /* 入力欄の見た目（共通） */
    .kya0050-form-area .kya0050-userid-input[b-xfibf8tcg3] {
        height: 48px;
        padding: 10px 14px;
        font-size: .95rem;
        color: #222;
        background: #fff;
        border: 1px solid #cfd8e3;
        border-radius: 8px;
        box-shadow: inset 0 1px 0 rgba(0,0,0,.04);
    }

        /* フォーカス時の枠変更を無効化 */
        .kya0050-form-area .kya0050-userid-input:focus[b-xfibf8tcg3],
        .kya0050-form-area .kya0050-userid-input:focus-visible[b-xfibf8tcg3] {
            outline: none;
            box-shadow: none;
            border-color: #cfd8e3;
            border-width: 1px;
        }

    /* ボタン（同幅・中央配置） */
    .kya0050-form-area .kya0050-login-submit[b-xfibf8tcg3] {
        height: 48px;
        font-size: 1.2rem;
        font-weight: 700;
        color: #222;
        background: #fff;
        border: 2px solid #2b2d30;
        border-radius: 8px;
        margin-top: 12px;
    }

/* 上部アラートの統一スタイル */
.kya0050-alert[b-xfibf8tcg3] {
    margin: 0 auto 16px auto;
    max-width: 520px;
    text-align: center;
    padding: 10px 14px;
    border-radius: 8px;
    border: 1px solid #dc3545;
    background-color: #f8d7da;
    color: #842029;
}

    /* 警告が何も無いときは非表示 */
    .kya0050-alert:empty[b-xfibf8tcg3] {
        display: none;
    }

/* 完了メッセージ（情報表示） */
.kya0050-info[b-xfibf8tcg3] {
    margin: 0 auto 16px auto;
    max-width: 520px;
    text-align: center;
    padding: 10px 14px;
    border-radius: 8px;
    border: 1px solid #0d6efd;
    background-color: #cfe2ff;
    color: #084298;
}

/* 共通メッセージ 1 行ごとの行間 */
.kya0050-alert-line[b-xfibf8tcg3] {
    margin-bottom: 6px;
}
/* _content/KYApplication.User/Components/Pages/KYA1010.razor.rz.scp.css */
/*-------------------------------------------------------------------------------
名称　　　：KYA1010
処理概要　：環境・作業内容・工具画面
作成日　　：2026/06/30 (株)ミウラ
修正日　　：
-------------------------------------------------------------------------------*/

.kya1010-env[b-812sobg0pt] {
    --section-bg: #eef6ff;
    --title-bg: #dbeeff;
    --border-color: #c9ddee;
    --accent-color: #0d6efd;
    --search-bg: var(--title-bg);
    --search-border: #b7d3ec;
    --search-color: var(--accent-color);
}

.kya1010-work[b-812sobg0pt] {
    --section-bg: #edf9f0;
    --title-bg: #dbf2e0;
    --border-color: #c7e4cf;
    --accent-color: #198754;
    --search-bg: var(--title-bg);
    --search-border: #b7d7c2;
    --search-color: var(--accent-color);
}

.kya1010-tool[b-812sobg0pt] {
    --section-bg: #fdf1f6;
    --title-bg: #f9e1ec;
    --border-color: #e9c8d7;
    --accent-color: #d63384;
    --search-bg: var(--title-bg);
    --search-border: #dfb5cc;
    --search-color: var(--accent-color);
}

/* 追加: 指示文を画面中央に固定幅で配置（Bootstrap の text-center と併用可） */
.kya1010-instruction[b-812sobg0pt] {
    max-width: 860px;              /* セクション幅に合わせる */
    margin: 0.5rem auto 1rem;      /* 左右自動で中央揃え */
    padding: 0 .55rem;             /* 小さな内側余白で折返しを防ぐ */
    text-align: center;            /* テキスト中央寄せ */
    box-sizing: border-box;
    font-size: 0.95rem;
    color: #222;
}

/* 既存スタイル */
.kya1010-section[b-812sobg0pt] {
    max-width: 860px;
    margin: 1rem auto;
    padding: .8rem 1rem .95rem;
    background: var(--section-bg);
    border: 1px solid var(--border-color);
    border-radius: .35rem;
    box-shadow: 0 1px 2px rgba(0,0,0,.06);
    transition: background .15s, border-color .15s;
    box-sizing: border-box;
}

.kya1010-section-title[b-812sobg0pt] {
    position: relative;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: .45rem;
    padding: .45rem 2rem;
    padding-left: 1rem;
    font-size: .9rem;
    font-weight: 600;
    text-align: left;
    letter-spacing: .02em;
    background: var(--title-bg);
    border: 1px solid var(--border-color);
    border-radius: .3rem;
    gap: 0.5rem;
}

.kya1010-section-title > span[b-812sobg0pt] {
    white-space: nowrap;
    margin-left: 0.25rem;
}

.kya1010-section-title > input[type=checkbox][b-812sobg0pt] {
    position: absolute;
    top: 50%;
    right: .6rem;
    transform: translateY(-50%);
    width: 1rem;
    height: 1rem;
    margin: 0;
}

.kya1010-env .kya1010-section-title > input[type=checkbox][b-812sobg0pt] {
    accent-color: var(--accent-color);
}

.kya1010-work .kya1010-section-title > input[type=checkbox][b-812sobg0pt] {
    accent-color: var(--accent-color);
}

.kya1010-tool .kya1010-section-title > input[type=checkbox][b-812sobg0pt] {
    accent-color: var(--accent-color);
}

.kya1010-grid[b-812sobg0pt] {
    display: grid;
    grid-template-columns: repeat(2,1fr);
    gap: .35rem .75rem;
    font-size: .85rem;
}

.kya1010-grid-tools[b-812sobg0pt] {
    grid-template-columns: repeat(2,1fr);
}

.kya1010-check[b-812sobg0pt] {
    display: flex;
    align-items: center;
    gap: .35rem;
    padding: .15rem .25rem;
    line-height: 1.2;
    border-radius: .3rem;
    user-select: none;
    transition: background .12s;
}

.kya1010-check:hover[b-812sobg0pt] {
    background: rgba(255,255,255,.55);
}

.kya1010-check input[type=checkbox][b-812sobg0pt] {
    width: 1rem;
    height: 1rem;
    margin: 0;
    accent-color: var(--accent-color);
}

.kya1010-search-row[b-812sobg0pt] {
    display: flex;
    justify-content: center;
    max-width: 860px;
    margin: .25rem auto .9rem;
    padding: 0 .55rem;
}

/* 検索ボタンの見た目をログイン画面の btn-success に合わせる */
.kya1010-search-btn[b-812sobg0pt] {
    border-radius: 6px;
    font-size: 1.2rem;
    font-weight: 700;
}

/* 検索ボタンの横幅を検索条件エリアに揃える */
.kya1010-search-row .kya1010-search-btn[b-812sobg0pt] {
    display: block;
    width: 100%;
    box-sizing: border-box;
    outline: none;
    box-shadow: none;
    border-color: #cfd8e3; /* 通常と同じ */
    border-width: 1px; /* 太線化しない */

    height: 48px;
    font-size: 1.2rem;
    font-weight: 700;
    color: #222;
    background: #fff;
    border: 2px solid #2b2d30;
    border-radius: 8px;
    margin-top: 12px;
}


/* 上部アラートの統一スタイル */
.kya1010-alert[b-812sobg0pt] {
    margin: 0 auto 16px auto;
    max-width: 520px;
    text-align: center;
    padding: 10px 14px;
    border-radius: 8px;
    border: 1px solid #dc3545;
    background-color: #f8d7da;
    color: #842029;
}

/* 警告が何も無いときは非表示 */
.kya1010-alert:empty[b-812sobg0pt] {
    display: none;
}

/* 共通メッセージ 1 行ごとの行間 */
.kya1010-alert-line[b-812sobg0pt] {
    margin-bottom: 6px;
}

/* ValidationSummary のリストをアラート内に馴染ませる */
.kya1010-alert .validation-errors[b-812sobg0pt] {
    list-style: none;
    padding-left: 0;
    margin: 6px 0 0 0;
}

/* Blazor の ValidationSummary の ul に付与される既定クラスに合わせる（存在しない場合も保険） */
.kya1010-alert ul[b-812sobg0pt] {
    list-style: none;
    padding-left: 0;
    margin: 6px 0 0 0;
}

.kya1010-alert li[b-812sobg0pt] {
    margin: 3px 0;
}

/* セクション見出しのレイアウト */
.kya1010-section-title[b-812sobg0pt] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

/* アイコンの基本サイズ */
.kya1010-section-icon[b-812sobg0pt] {
    width: 40px;
    height: 40px;
    object-fit: contain;
    display: inline-block;
    border-radius: 8px;
    background-color: #fff;

    /* 追加 */
    padding: 2px;          /* 画像と枠の間にスペースを作る */
    margin-right: 0.6rem;  /* アイコンとテキストの間を確保 */
    box-sizing: border-box;
}

/* セクション別の枠線色 */
.kya1010-env .kya1010-section-icon[b-812sobg0pt] {
    border: 2px solid #2B8BE3; /* 環境：青 */
}

.kya1010-work .kya1010-section-icon[b-812sobg0pt] {
    border: 2px solid #34C759; /* 作業内容：緑 */
}

.kya1010-tool .kya1010-section-icon[b-812sobg0pt] {
    border: 2px solid #FF6B9A; /* 工具：ピンク */
}

/* 見出しテキスト調整 */
.kya1010-section-title span[b-812sobg0pt] {
    font-weight: 600;
}

@media (max-width:576px) {
    .kya1010-section[b-812sobg0pt] {
        margin: .6rem auto;
    }
    .kya1010-instruction[b-812sobg0pt] {
        padding: 0 .8rem;
        font-size: 0.95rem;
    }
}
/* _content/KYApplication.User/Components/Pages/KYA1020.razor.rz.scp.css */
/*-------------------------------------------------------------------------------
名称　　　：KYA1020
処理概要　：KY選択画面
作成日　　：2026/06/30 (株)ミウラ
修正日　　：
-------------------------------------------------------------------------------*/

/* ページ背景に近い淡いグレー */
:root[b-s02clj13bb],
:host[b-s02clj13bb] {
  background-color: #f5f6fa;
}

/* 一覧コンテナー（画像の余白感に合わせる） */
.ky-list[b-s02clj13bb] {
  display: grid;
  grid-template-columns: 1fr;
  gap: 12px;
  padding: 12px 16px 20px;
}

/* カード本体（画像の見た目に近いスタイル） */
.ky-card[b-s02clj13bb] {
  background-color: #ffffff;
  border: 1px solid #dfe4ea;           /* 薄いグレー枠 */
  border-radius: 10px;                  /* 少し丸める */
  box-shadow: 0 1px 0 rgba(0,0,0,0.05), /* 控えめな影 */
              0 2px 6px rgba(0,0,0,0.04);
  cursor: pointer;
  transition: box-shadow 120ms ease, border-color 120ms ease;
  outline: none;
  font-size: .85rem;                    /* kya1020 の選択項目と統一 */
  line-height: 1.2;                     /* kya1020 のチェック項目に合わせる */
}

.ky-card:hover[b-s02clj13bb] {
  border-color: #d7dbe2;
  box-shadow: 0 1px 0 rgba(0,0,0,0.06),
              0 3px 10px rgba(0,0,0,0.06);
}

.ky-card:focus-visible[b-s02clj13bb] {
  border-color: #3b82f6;
  box-shadow: 0 0 0 2px rgba(59,130,246,0.18);
}

/* カード内部レイアウト（左テキスト・右サムネイル）
   サムネイル列を固定幅にして、テキスト列は折り返しで縮むように調整 */
.ky-card-main[b-s02clj13bb] {
  display: grid;
  grid-template-columns: 1fr 140px; /* 固定幅を指定して余裕を与える */
  align-items: center;
  gap: 10px;
  padding: 5px 10px;
}

/* 左側：テキストブロック */
.ky-card-text[b-s02clj13bb] {
  display: flex;
  flex-direction: column;
  gap: 8px;
  min-width: 0;
  overflow-wrap: anywhere; /* 長い文字列でテキストが押し出すのを防止 */
}

/* タイトル（太字のみ、サイズは .85rem に統一） */
.ky-title[b-s02clj13bb] {
  font-size: 1em;                       /* 親の .85rem を継承（1em） */
  font-weight: 700;
  color: #111827;
  line-height: 1.5;
  word-break: break-word;
}

/* メタ行（同じフォントサイズ） */
.ky-meta[b-s02clj13bb] {
  display: inline-flex;
  gap: 8px;
  align-items: center;
  color: #6b7280;
  font-size: 1em;                       /* .85rem と同一 */
}

/* 番号（左端の小バッジ風） */
.kya1020-no[b-s02clj13bb] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 2.2em;
  padding: 2px 8px;
  border-radius: 9999px;
  background-color: #eef2ff;
  color: #3730a3;
  font-weight: 600;
  border: 1px solid #e0e7ff;
}

/* カテゴリ（グレーのピル） */
.kya1020-category[b-s02clj13bb] {
  display: inline-block;
  padding: 2px 8px;
  border-radius: 9999px;
  background-color: #f3f4f6;
  color: #374151;
  border: 1px solid #e5e7eb;
}

/* 右側：サムネイル（余白を含めて固定サイズ）
   overflow:hidden は残すが、画像は枠内に完全に収まるように設定 */
.kya1020-thumb[b-s02clj13bb] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 140px;
  height: 90px;
  border-radius: 6px;
  overflow: hidden;
  border: 1px solid #e5e7eb;
  background-color: #ffffff;
  transition: box-shadow 120ms ease, border-color 120ms ease;
  cursor: zoom-in;
  box-sizing: border-box;
  padding: 2px; /* 任意の内側余白。必要なら小さくする */
}

.kya1020-thumb:hover[b-s02clj13bb] {
  box-shadow: 0 4px 10px rgba(0,0,0,0.10);
  border-color: #d1d5db;
}

/* サムネイル画像：必ず枠内に収める（縦横比を維持して全体を表示） */
.kya1020-thumb img[b-s02clj13bb] {
  width: 100%;
  height: 100%;
  object-fit: contain; /* 切り抜かずに収まる */
  display: block;
}

/* 小さめ画面での調整（1カラム） */
@media (max-width: 640px) {
  .ky-list[b-s02clj13bb] {
    grid-template-columns: 1fr;
    gap: 10px;
    padding: 10px 12px 16px;
  }

  .ky-card-main[b-s02clj13bb] {
    grid-template-columns: 1fr 120px; /* 小画面はやや小さめの固定幅 */
    gap: 10px;
  }

  .kya1020-thumb[b-s02clj13bb] {
    width: 120px;
    height: 76px;
    padding: 4px;
  }
}

/* 上部アラートの統一スタイル */
.kya1020-alert[b-s02clj13bb] {
    margin: 0 auto 16px auto;
    max-width: 520px;
    text-align: center;
    padding: 10px 14px;
    border-radius: 8px;
    border: 1px solid #dc3545;
    background-color: #f8d7da;
    color: #842029;
}

/* 警告が何も無いときは非表示 */
.kya1020-alert:empty[b-s02clj13bb] {
    display: none;
}

/* 共通メッセージ 1 行ごとの行間 */
.kya1020-alert-line[b-s02clj13bb] {
    margin-bottom: 6px;
}

/* ValidationSummary のリストをアラート内に馴染ませる */
.kya1020-alert .validation-errors[b-s02clj13bb] {
    list-style: none;
    padding-left: 0;
    margin: 6px 0 0 0;
}

/* Blazor の ValidationSummary の ul に付与される既定クラスに合わせる（存在しない場合も保険） */
.kya1020-alert ul[b-s02clj13bb] {
    list-style: none;
    padding-left: 0;
    margin: 6px 0 0 0;
}

/* 動き少なめ設定 */
@media (prefers-reduced-motion: reduce) {
  .ky-card[b-s02clj13bb],
  .kya1020-thumb[b-s02clj13bb] {
    transition: none;
  }
}
/* _content/KYApplication.User/Components/Pages/KYA1030.razor.rz.scp.css */
/*-------------------------------------------------------------------------------
名称　　　：KYA1030
処理概要　：過去災・ルール出力画面
作成日　　：2026/06/30 (株)ミウラ
修正日　　：
-------------------------------------------------------------------------------*/

.kya1030-body[b-nn29qj5ja4] {
    display: flex;
    flex-direction: column;
    max-width: 860px;
    margin: 0 auto;
    padding: .6rem .7rem 1rem;
    font-size: .8rem;
    line-height: 1.35;
    box-sizing: border-box;
}

.kya1030-accTitle[b-nn29qj5ja4] {
    margin-bottom: .55rem;
}

.kya1030-accContent[b-nn29qj5ja4] {
    margin-bottom: .55rem;
}

.kya1030-image[b-nn29qj5ja4] {
    margin-bottom: .7rem;
    padding: .35rem;
    text-align: center;
    background: #fafafa;
    border: 1px solid #d0d7de;
    border-radius: .35rem;
    cursor: zoom-in;
}
.kya1030-image img[b-nn29qj5ja4] {
    display: inline-block;
    max-width: 100%;
    height: auto;
    border-radius: .25rem;
}

/* ルール一覧・強調など */
.kya1030-item-header[b-nn29qj5ja4] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .6rem;
    margin-bottom: .45rem;
    flex-shrink: 0;
}

.kya1030-item-left[b-nn29qj5ja4] {
    display: flex;
    align-items: center;
    column-gap: .4rem;
    flex-shrink: 0;
}

.kya1030-item-no[b-nn29qj5ja4] {
    min-width: 2.1rem;
    padding: .2rem .45rem;
    font-size: .7rem;
    font-weight: 700;
    line-height: 1;
    text-align: center;
    color: #333;
    background: #f1f5f9;
    border-radius: .4rem;
    flex-shrink: 0;
}

.kya1030-badge[b-nn29qj5ja4] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin: 0;
    padding: .15rem .4rem;
    font-size: .6rem;
    line-height: 1;
    color: #fff;
    background: #198754;
    border-radius: .4rem;
    flex-shrink: 0;
}

.kya1030-header-actions[b-nn29qj5ja4] {
    display: flex;
    align-items: center;
    column-gap: .5rem;
    row-gap: .25rem;
    flex: 0 0 auto;
    flex-wrap: nowrap;
}

.kya1030-items-header[b-nn29qj5ja4] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .6rem;
    margin-bottom: .45rem;
    flex-shrink: 0;
    flex-wrap: nowrap;
}
.kya1030-items-header > span[b-nn29qj5ja4] {
    font-weight: 600;
    white-space: nowrap;
}

.kya1030-send-btn[b-nn29qj5ja4] {
    height: 36px;
    padding: .25rem .9rem;
    font-weight: 700;
    white-space: nowrap;
    border-radius: .45rem;
}

/* モバイル最適化 */
@media (max-width: 576px) {
    .kya1030-items-header[b-nn29qj5ja4] {
        flex-wrap: wrap;
    }
    .kya1030-header-actions[b-nn29qj5ja4] {
        flex-wrap: wrap;
    }
    .kya1030-item-main.scrollable[b-nn29qj5ja4] {
        padding-right: 2px;
    }
    .kya1030-rules-box.expanded-mode .kya1030-item-card.expanded .kya1030-item-text[b-nn29qj5ja4] {
        font-size: .88rem;
    }
    .kya1030-inline-confirm-btn[b-nn29qj5ja4] {
        font-size: .9rem;
        padding: .3rem .7rem;
    }
    .kya1030-send-btn[b-nn29qj5ja4] {
        height: 40px;
        padding: .35rem 1rem;
    }
}

@media (min-width: 577px) {
    .kya1030-rules-box.expanded-mode .kya1030-item-card.expanded .kya1030-item-text[b-nn29qj5ja4] {
        font-size: .82rem;
    }
}

/* ルール枠/カード強調 */
.kya1030-body .kya1030-rules-box[b-nn29qj5ja4] {
    padding: .6rem .65rem;
    background: #fff;
    border: 1px solid #d0d7de !important;
    border-radius: .45rem;
    box-shadow: 0 1px 3px rgba(0,0,0,.08);
}

.kya1030-body .kya1030-items-header[b-nn29qj5ja4] {
    margin-bottom: .6rem;
}

.kya1030-body .kya1030-item-card[b-nn29qj5ja4] {
    background: #fff;
    border: 1px solid #d0d7de;
    border-radius: .35rem;
}

.kya1030-rules-box.expanded-mode[b-nn29qj5ja4] {
    padding: .6rem .65rem;
}
.kya1030-rules-box.expanded-mode .kya1030-item-card.expanded[b-nn29qj5ja4] {
    display: flex;
    flex-direction: column;
    min-height: 320px;
    margin: 0;
    padding: .8rem .9rem;
    background: #fff;
    border: 2px solid #0d6efd;
    border-radius: .45rem;
    box-shadow: 0 2px 6px rgba(0,0,0,.08);
}
.kya1030-rules-box.expanded-mode .kya1030-item-card.expanded .kya1030-item-main[b-nn29qj5ja4] {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    min-height: 0;
}
.kya1030-rules-box.expanded-mode .kya1030-item-card.expanded .kya1030-item-main.scrollable[b-nn29qj5ja4] {
    height: 100%;
    overflow-y: auto;
    padding-right: .25rem;
    scrollbar-width: thin;
}

.kya1010-header-text[b-nn29qj5ja4] {
    text-align: center;
}
/* 1030: 事例画像・ルール項目・保護具の縦余白を統一 */
.kya1030-body[b-nn29qj5ja4] {
    --kr-gap: .7rem;
} /* 変数名はそのままでも可。必要なら --kya1030-gap に変更してください。 */
.kya1030-image[b-nn29qj5ja4] { margin-bottom: var(--kr-gap); }
.kya1030-body .kya1030-items-header[b-nn29qj5ja4] { margin-bottom: var(--kr-gap); }
.kya1030-body .kya1030-rules-box[b-nn29qj5ja4] { margin-bottom: var(--kr-gap); }

/* 上部アラートの統一スタイル */
.kya1030-alert[b-nn29qj5ja4] {
    margin: 0 auto 16px auto;
    max-width: 520px;
    text-align: center;
    padding: 10px 14px;
    border-radius: 8px;
    border: 1px solid #dc3545;
    background-color: #f8d7da;
    color: #842029;
}

    /* 警告が何も無いときは非表示 */
    .kya1030-alert:empty[b-nn29qj5ja4] {
        display: none;
    }

/* 共通メッセージ 1 行ごとの行間 */
.kya1030-alert-line[b-nn29qj5ja4] {
    margin-bottom: 6px;
}

/* ValidationSummary のリストをアラート内に馴染ませる */
.kya1030-alert .validation-errors[b-nn29qj5ja4] {
    list-style: none;
    padding-left: 0;
    margin: 6px 0 0 0;
}

/* Blazor の ValidationSummary の ul に付与される既定クラスに合わせる（存在しない場合も保険） */
.kya1030-alert ul[b-nn29qj5ja4] {
    list-style: none;
    padding-left: 0;
    margin: 6px 0 0 0;
}

/* 取込中オーバーレイ（インラインスタイルをここに移動） */
.kya1030-import-backdrop[b-nn29qj5ja4] {
    position: fixed;
    inset: 0;
    background-color: rgba(0, 0, 0, 0.45);
    z-index: 1200;
    pointer-events: auto; /* 背景で操作をブロック */
}

/* コンテナをビューポート中央に固定配置（確実に中央揃え） */
.kya1030-import-container[b-nn29qj5ja4] {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 1201;
    pointer-events: none; /* 背景はブロック、内部だけ有効にする */
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    padding: 1rem;
    box-sizing: border-box;
}

/* ダイアログ本体：デフォルトは縦方向で中央揃え */
.kya1030-import-dialog[b-nn29qj5ja4] {
    pointer-events: auto; /* ダイアログ内の操作を受け付ける（ボタン等将来の拡張用） */
    background-color: #e9f5ff;
    border: 1px solid #cfe9ff;
    padding: 1rem 1.25rem;
    border-radius: 8px;
    box-shadow: 0 6px 18px rgba(0, 0, 0, 0.18);
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: 0.5rem;
    min-width: 220px;
    max-width: 520px;
    width: min(90%, 420px);
}

/* スピナーをやや大きくして中央に */
.kya1030-import-spinner[b-nn29qj5ja4] {
    width: 2rem;
    height: 2rem;
    flex: 0 0 auto;
}

/* メッセージ中央寄せ */
.kya1030-import-message[b-nn29qj5ja4] {
    font-weight: 600;
    color: #0b3a66;
    margin: 0;
    line-height: 1.2;
}