/* Please see documentation at https://docs.microsoft.com/aspnet/core/client-side/bundling-and-minification 
for details on configuring this project to bundle and minify static web assets. */

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* ナビゲーションバーのブランドロゴ調整 */
.app-header .navbar-brand {
    width: 250px !important; /* 幅を適度に調整 */
    justify-content: flex-start !important; /* 左寄せにする */
    padding-left: 15px !important; /* 左側に少しパディングを追加 */
}

.app-header .navbar-brand .navbar-brand-full {
    max-width: 200px; /* 画像の最大幅を制限 */
    height: auto;
    max-height: 45px; /* 高さを調整 */
    object-fit: contain; /* アスペクト比を保持しながらコンテナに収める */
}

/* レスポンシブ対応：991px以下でのナビゲーション調整 */
@media (max-width: 991px) {
    /* ロゴ画像を非表示にする */
    .app-header .navbar-brand {
        display: none !important;
    }
}

/* ログインページのロゴ調整 */
.card .navbar-brand-full {
    max-width: 100%;
    height: auto;
    object-fit: contain;
}

/* モバイル表示でのログインページロゴ調整 */
@media (max-width: 768px) {
    .card .navbar-brand-full {
        max-width: 280px;
    }
}