/*
 * カスタムスタイル — AdminLTE 3.x 補完用
 * AdminLTEに含まれないコンポーネントやユーティリティクラスを定義
 */

/* フォントファミリー */
body {
    font-family: 'Public Sans', 'Noto Sans JP', 'Hiragino Sans', 'Yu Gothic', 'Meiryo', sans-serif;
}

/* アバターコンポーネント */
.avatar-xs { height: 1.5rem; width: 1.5rem; }
.avatar-sm { height: 2.25rem; width: 2.25rem; }
.avatar { height: 3rem; width: 3rem; }
.avatar-md { height: 3.5rem; width: 3.5rem; }
.avatar-lg { height: 4.5rem; width: 4.5rem; }

.avatar-title {
    align-items: center;
    display: flex;
    height: 100%;
    width: 100%;
    justify-content: center;
}

/* 柔らかい背景色（Bootstrap 5 の bg-*-subtle 相当） */
.bg-primary-light { background-color: rgba(0, 123, 255, 0.15) !important; }
.bg-success-light { background-color: rgba(40, 167, 69, 0.15) !important; }
.bg-warning-light { background-color: rgba(255, 193, 7, 0.15) !important; }
.bg-info-light { background-color: rgba(23, 162, 184, 0.15) !important; }
.bg-danger-light { background-color: rgba(220, 53, 69, 0.15) !important; }

/* Grid.js 表示調整 */
.gridjs-container { padding: 0; }
.gridjs-wrapper { box-shadow: none; border: 1px solid #dee2e6; border-radius: 0.25rem; }

/* Bootstrap 4 に form-label クラスが無いため追加 */
.form-label {
    display: inline-block;
    margin-bottom: 0.5rem;
    font-weight: 500;
}

/* Bootstrap 4 に form-text クラスの調整 */
.form-text {
    display: block;
    margin-top: 0.25rem;
    font-size: 80%;
    color: #6c757d;
}

/* パスワード再設定 成功メッセージ（OPEログイン画面専用） */
.alert-password-reset-success {
    background: rgba(59,130,246,0.08);
    border: 1px solid rgba(59,130,246,0.18);
    color: #3b4a6b;
}