/* --- 共通スタイル --- */
body {
  font-family: 'Noto Sans JP', sans-serif;
  background-color: #FAEDCA;
  color: #333;
  line-height: 1.6;
}

/* --- ヘッダー --- */
.navbar {
  background-color: #FAEDCA;
  padding: 1rem 1.5rem;
  border-bottom: 1px solid #e0e0e0;
  box-shadow: 0 2px 10px rgba(0, 0, 0, .05);
}

.navbar-brand {
  font-weight: 700;
  color: #FE5D26;
  font-size: 1.5rem;
  display: flex;
  align-items: center;
}

.navbar-brand img {
  height: 40px;
  width: auto;
  margin-right: 10px;
}

/* --- サイドバー --- */
.sidebar {
  background-color: #FAEDCA;
  border-right: 1px solid #e0e0e0;
  padding-top: 1rem;
  position: fixed;
  top: 70px;
  bottom: 0;
  left: 0;
  z-index: 100;
  width: 240px;
}

.sidebar .nav-link {
  color: #555;
  padding: 0.8rem 1.5rem;
  display: flex;
  align-items: center;
  transition: background-color 0.2s, color 0.2s;
}

.sidebar .nav-link.active {
  color: #FE5D26;
  background-color: rgba(254, 93, 38, 0.1);
  border-left: 4px solid #FE5D26;
  font-weight: 600;
}

.sidebar .nav-link:hover {
  background-color: rgba(254, 93, 38, 0.05);
  color: #D94C21;
}

.sidebar .nav-link svg {
  width: 24px;
  height: 24px;
  margin-right: 0.5rem;
  flex-shrink: 0;
  vertical-align: middle;
  color: #FE5D26;
  transition: transform 0.2s ease, color 0.2s ease;
}

.sidebar .nav-link:hover svg {
  color: #D94C21;
  transform: scale(1.1);
}

/* --- メインコンテンツ --- */
main {
  padding: 20px;
  margin-left: 240px;
  background-color: #FAEDCA;
}

h1.h2 {
  color: #343a40;
  margin-bottom: 1.5rem;
  padding-bottom: 0.5rem;
  border-bottom: 1px solid #dee2e6;
  font-size: 1.225rem;
}

/* --- 検索フォーム --- */
.search-form-table {
  background-color: #fff;
  border-radius: 8px;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05);
  margin-bottom: 20px;
  padding: 20px;
  width: 100%;
  overflow-x: auto;
}

.search-form-table td {
  padding: 10px;
  vertical-align: middle;
}

.search-form-table input,
.search-form-table select {
  width: 100%;
  padding: 8px 12px;
  border-radius: 4px;
  border: 1px solid #ddd;
}

.search-form-table input[type="button"] {
  background-color: #FE5D26;
  color: #fff;
  border: 1px solid #FE5D26;
  padding: 6px 10px;
  border-radius: 4px;
  transition: background-color 0.2s;
}

.search-form-table input[type="button"]:hover {
  background-color: #D94C21;
}

/* --- ボタン --- */
button,
input[type="submit"],
.btn,
.btn-primary {
  background-color: #FE5D26 !important;
  border-color: #FE5D26 !important;
  color: #fff !important;
  padding: 0.6rem 1.2rem;
  border-radius: 6px;
  transition: background-color 0.2s ease, border-color 0.2s ease;
}

button:hover,
input[type="submit"]:hover,
.btn:hover,
.btn-primary:hover {
  background-color: #D94C21 !important;
  border-color: #D94C21 !important;
}

/* --- テーブル --- */
.table {
  background-color: #fff;
  border-radius: 8px;
  overflow: hidden;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05);
  width: 100%;
}

.table th, .table td {
  padding: 12px 15px;
  border-top: 1px dashed #e9ecef;
  color: #495057;
}

.table thead th {
  background-color: #f8f9fa;
  font-weight: 600;
  color: #343a40;
  border-bottom: 2px solid #dee2e6;
}

.table tbody tr:hover {
  background-color: #f5f5f5;
}

/* --- ページネーション --- */
.pagination .page-link {
  color: #FE5D26;
  border-radius: 6px;
  border: 1px solid #dee2e6;
}

.pagination .page-item.active .page-link {
  background-color: #FE5D26;
  color: #fff;
}

/* --- レスポンシブ対応 --- */
@media (max-width: 768px) {
  .sidebar {
    display: inline;
  }
  main {
    margin-left: 0;
    padding: 10px;
  }
  .search-form-table td,
  .search-form-table tr {
    display: block;
    width: 100%;
    margin-bottom: 1rem;
  }
  .table {
    font-size: 0.875rem;
  }
  .navbar-brand img.title-banner {
    display: inline;
  }
}


/* ===== Below are auto-appended CSS extracted from HTML <style> blocks on 2025-08-19 22:48:05 ===== */


/* ===== Extracted from 2_ダッシュボード.html ===== */
.sidebar {
      position: fixed;
      top   : 70;
      bottom: 0;
      left: 0;
      z-index: 100;
      padding: 0px 0 0;
      box-shadow: inset -1px 0 0 rgba(0, 0, 0, .1);
      z-index: 99;
    }

    @media (max-width: 767.98px) {
      .sidebar {
        top: 11.5rem;
        padding: 0;
      }
    }
     
    .navbar {
      box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .1);
    }
     
    @media (min-width: 767.98px) {
      .navbar {
        top: 0;
        position: sticky;
        z-index: 999;
      }
    }

    /*
    .sidebar .nav-link {
      color: #333;
    }
     
    .sidebar .nav-link.active {
      color: #0d6efd;
    }
    */
    .nav-link {
      color: #333;
    }
     
    .nav-link.active {
      color: #0d6efd;
    }


/* ===== Extracted from 3_コンテナ情報一覧検索.html ===== */
.sidebar {
      position: fixed;
      top   : 70;
      bottom: 0;
      left: 0;
      z-index: 100;
      padding: 0px 0 0;
      box-shadow: inset -1px 0 0 rgba(0, 0, 0, .1);
      z-index: 99;
    }

    @media (max-width: 767.98px) {
      .sidebar {
        top: 11.5rem;
        padding: 0;
      }
    }
     
    .navbar {
      box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .1);
    }
     
    @media (min-width: 767.98px) {
      .navbar {
        top: 0;
        position: sticky;
        z-index: 999;
      }
    }

    /*
    .sidebar .nav-link {
      color: #333;
    }
     
    .sidebar .nav-link.active {
      color: #0d6efd;
    }
    */
    .nav-link {
      color: #333;
    }
     
    .nav-link.active {
      color: #0d6efd;
    }


/* ===== Extracted from 4_コンテナ編集入力画面.html ===== */
.sidebar {
      position: fixed;
      top   : 70;
      bottom: 0;
      left: 0;
      z-index: 100;
      padding: 0px 0 0;
      box-shadow: inset -1px 0 0 rgba(0, 0, 0, .1);
      z-index: 99;
    }

    @media (max-width: 767.98px) {
      .sidebar {
        top: 11.5rem;
        padding: 0;
      }
    }
     
    .navbar {
      box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .1);
    }
     
    @media (min-width: 767.98px) {
      .navbar {
        top: 0;
        position: sticky;
        z-index: 999;
      }
    }

    /*
    .sidebar .nav-link {
      color: #333;
    }
     
    .sidebar .nav-link.active {
      color: #0d6efd;
    }
    */
    .nav-link {
      color: #333;
    }
     
    .nav-link.active {
      color: #0d6efd;
    }


/* ===== Extracted from 5_コンテナ編集入力後の確認画面.html ===== */
.sidebar {
      position: fixed;
      top   : 70;
      bottom: 0;
      left: 0;
      z-index: 100;
      padding: 0px 0 0;
      box-shadow: inset -1px 0 0 rgba(0, 0, 0, .1);
      z-index: 99;
    }

    @media (max-width: 767.98px) {
      .sidebar {
        top: 11.5rem;
        padding: 0;
      }
    }
     
    .navbar {
      box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .1);
    }
     
    @media (min-width: 767.98px) {
      .navbar {
        top: 0;
        position: sticky;
        z-index: 999;
      }
    }

    /*
    .sidebar .nav-link {
      color: #333;
    }
     
    .sidebar .nav-link.active {
      color: #0d6efd;
    }
    */
    .nav-link {
      color: #333;
    }
     
    .nav-link.active {
      color: #0d6efd;
    }


/* ===== Extracted from 7_得意先マスタ一覧検索.html ===== */
.sidebar {
      position: fixed;
      top   : 70;
      bottom: 0;
      left: 0;
      z-index: 100;
      padding: 0px 0 0;
      box-shadow: inset -1px 0 0 rgba(0, 0, 0, .1);
      z-index: 99;
    }

    @media (max-width: 767.98px) {
      .sidebar {
        top: 11.5rem;
        padding: 0;
      }
    }
     
    .navbar {
      box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .1);
    }
     
    @media (min-width: 767.98px) {
      .navbar {
        top: 0;
        position: sticky;
        z-index: 999;
      }
    }

    /*
    .sidebar .nav-link {
      color: #333;
    }
     
    .sidebar .nav-link.active {
      color: #0d6efd;
    }
    */
    .nav-link {
      color: #333;
    }
     
    .nav-link.active {
      color: #0d6efd;
    }


/* ===== Extracted from 8_マスタ編集入力画面.html ===== */
.sidebar {
      position: fixed;
      top   : 70;
      bottom: 0;
      left: 0;
      z-index: 100;
      padding: 0px 0 0;
      box-shadow: inset -1px 0 0 rgba(0, 0, 0, .1);
      z-index: 99;
    }

    @media (max-width: 767.98px) {
      .sidebar {
        top: 11.5rem;
        padding: 0;
      }
    }
     
    .navbar {
      box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .1);
    }
     
    @media (min-width: 767.98px) {
      .navbar {
        top: 0;
        position: sticky;
        z-index: 999;
      }
    }

    /*
    .sidebar .nav-link {
      color: #333;
    }
     
    .sidebar .nav-link.active {
      color: #0d6efd;
    }
    */
    .nav-link {
      color: #333;
    }
     
    .nav-link.active {
      color: #0d6efd;
    }


/* ===== Extracted from 9_マスタ編集入力後の確認画面.html ===== */
.sidebar {
      position: fixed;
      top   : 70;
      bottom: 0;
      left: 0;
      z-index: 100;
      padding: 0px 0 0;
      box-shadow: inset -1px 0 0 rgba(0, 0, 0, .1);
      z-index: 99;
    }

    @media (max-width: 767.98px) {
      .sidebar {
        top: 11.5rem;
        padding: 0;
      }
    }
     
    .navbar {
      box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .1);
    }
     
    @media (min-width: 767.98px) {
      .navbar {
        top: 0;
        position: sticky;
        z-index: 999;
      }
    }

    /*
    .sidebar .nav-link {
      color: #333;
    }
     
    .sidebar .nav-link.active {
      color: #0d6efd;
    }
    */
    .nav-link {
      color: #333;
    }
     
    .nav-link.active {
      color: #0d6efd;
    }

/* === logout button tweaks === */
.sidebar .logout-item { 
  margin-top: auto; 
  text-align: center; 
  padding: 0.75rem 0;
}
.sidebar .logout-link {
  display: inline-block;
  font-size: 0.85rem;
  padding: 6px 10px;
  border-radius: 6px;
}
.sidebar .logout-link svg {
  width: 16px; 
  height: 16px; 
  margin-right: 4px;
}


/* === Logout button centering fix === */
.sidebar .logout-item {
  margin-top: auto;
  text-align: center;
  padding: 0.75rem 0;
}

.sidebar .logout-link {
  display: inline-block;
  font-size: 0.8rem;
  padding: 6px 12px;
  border-radius: 6px;
  margin: 0 auto;
  text-align: center;
}


/* Ensure anchor-based logout is centered and compact */
.sidebar .logout-item {
  margin-top: auto;
  text-align: center;
  padding: 0.75rem 0;
}
.sidebar .logout-link {
  display: inline-block;
  font-size: 0.8rem;
  padding: 6px 12px;
  border-radius: 6px;
  margin: 0 auto;
  text-align: center;
}

/* Static map fallback */
.map-fallback{display:block;max-width:100%;height:auto;border-radius:6px;}


/* --- from base design --- */
/* -------------------------------------------------------------------------- */

    /* グローバルスタイル                                                        */

    /* -------------------------------------------------------------------------- */

    body {

      font-family: 'Noto Sans JP', sans-serif; /* 日本語フォントの指定 */

      background-color: #FAEDCA; /* ごく薄い黄褐色を背景に */

      color: #333; /* デフォルトのテキストカラー */

      line-height: 1.6; /* 行の高さを調整し、読みやすさを向上 */

    }



    /* -------------------------------------------------------------------------- */

    /* ナビゲーションバー (ヘッダー)                                             */

    /* -------------------------------------------------------------------------- */

    .navbar {

      box-shadow: 0 2px 10px rgba(0, 0, 0, .05); /* より明確な影 */

      background-color: #FAEDCA !important; /* 背景色をベージュ系に統一 */

      padding: 1rem 1.5rem !important; /* パディングを増やす */

      border-bottom: 1px solid #e0e0e0; /* 下線を追加 */

    }



    .navbar-brand {

      font-weight: 700; /* 太字 */

      color: #FE5D26 !important; /* ブランドカラーを鮮やかなオレンジに強制 */

      font-size: 1.5rem; /* フォントサイズ */

      display: flex; /* ロゴ画像を中央揃えにするためにflexboxを使用 */

      align-items: center; /* 垂直方向の中央揃え */

    }



    .navbar-brand img {

        height: 40px; /* ロゴ画像の高さを大きく */

        width: auto; /* 幅を自動調整してアスペクト比を維持 */

        margin-right: 10px; /* ロゴとテキストの間にスペース */

        /* 画像が読み込めなかった場合の代替表示 */

    }



    /* -------------------------------------------------------------------------- */

    /* サイドバー                                                                */

    /* -------------------------------------------------------------------------- */

    .sidebar {

      position: fixed;

      top   : 70px; /* ナビバーの下から配置 */

      bottom: 0;

      left: 0;

      z-index: 100;

      padding: 0; /* Bootstrapのデフォルトパディングを使用 */

      box-shadow: inset -1px 0 0 rgba(0, 0, 0, .05); /* より控えめな影 */

      background-color: #FAEDCA; /* 背景色をベージュ系に統一 */

      border-right: 1px solid #e0e0e0; /* 右側に境界線 */

    }



    @media (max-width: 767.98px) {

      .sidebar {

        top: 11.5rem; /* モバイル表示時の上部オフセット */

        padding: 0;

      }

    }

     

    /* ナビリンクの基本スタイル */

    .nav-link {

      color: #555; /* 通常のリンクカラー */

      padding: 0.8rem 1.5rem; /* パディングを増やす */

      display: flex;

      align-items: center;

      transition: background-color 0.2s, color 0.2s; /* ホバー時のアニメーション */

    }

     

    /* ナビリンクのアクティブ状態 */

    .nav-link.active {

      color: #FE5D26; /* アクティブなリンクカラーを鮮やかなオレンジに */

      background-color: rgba(254, 93, 38, 0.1); /* アクティブなリンクの背景色をメインカラーの薄い透明色に */

      border-left: 4px solid #FE5D26; /* 左側に強調線を鮮やかなオレンジに */

      font-weight: 600; /* 太字 */

    }



    /* ナビリンクのホバー状態 */

    .nav-link:hover {

      background-color: rgba(254, 93, 38, 0.05); /* ホバー時の背景色をメインカラーのさらに薄い透明色に */

      color: #D94C21; /* ホバー時のテキストカラーを少し暗いオレンジに */

    }



    /* ナビリンク内のSVGアイコンの共通スタイル */

    .nav-item .nav-link svg,

    .nav-item .nav-link img.icon { /* img.icon も含める */

      width: 24px; /* アイコンの幅 */

      height: 24px; /* アイコンの高さ */

      margin-right: 0.5rem; /* テキストとの間隔 */

      flex-shrink: 0; /* 縮小させない */

      vertical-align: middle; /* 垂直方向の中央揃え */

    }



    /* ウェルカムメッセージのスタイル */

    .sidebar .nav-item.mb-2 span {

      padding: 1rem 1.5rem;

      display: block;

      color: #666;

    }

    .sidebar .nav-item.mb-2 b {

        color: #333;

    }



    /* -------------------------------------------------------------------------- */

    /* ボタン                                                                    */

    /* -------------------------------------------------------------------------- */

    .btn-primary {

      background-color: #FE5D26; /* ボタンの背景色を鮮やかなオレンジに */

      border-color: #FE5D26;

      border-radius: 6px; /* 少し丸みを帯びた角 */

      padding: 0.6rem 1.2rem; /* パディング */

      transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; /* 滑らかなトランジション */

      box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); /* ボタンにドロップシャドウを追加 */

      color: #ffffff; /* ボタンのテキスト色を白に */

    }



    .btn-primary:hover {

      background-color: #D94C21; /* ホバー時の背景色を少し暗いオレンジに */

      border-color: #D94C21;

      box-shadow: 0 4px 10px rgba(254, 93, 38, 0.3); /* ホバー時の影を強調 (メインカラーの透明色) */

    }



    /* 編集ボタンの個別スタイル */

    .btn-small-edit {

      padding: 0.3rem 0.6rem; /* 小さなパディング */

      font-size: 0.875rem; /* フォントサイズも小さく */

      box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); /* 強めのドロップシャドウ */

    }



    .btn-small-edit:hover {

      box-shadow: 0 6px 12px rgba(0, 0, 0, 0.3); /* ホバー時にさらに強調 */

    }



    /* 検索フォーム内の選択ボタン */

    .search-form-table input[type="button"] {

        margin-left: 5px;

        padding: 6px 10px;

        font-size: 0.875rem;

        border-radius: 4px;

        background-color: #FE5D26; /* 選択ボタンの背景色を鮮やかなオレンジに統一 */

        border: 1px solid #FE5D26;

        color: #ffffff; /* テキスト色を白に */

        transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;

        box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);

    }



    .search-form-table input[type="button"]:hover {

        background-color: #D94C21; /* ホバー時の背景色を少し暗いオレンジに */

        border-color: #D94C21;

        box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);

    }





    /* -------------------------------------------------------------------------- */

    /* メインコンテンツエリア                                                    */

    /* -------------------------------------------------------------------------- */

    main.col-md-9 {

      background-color: #FAEDCA; /* メインコンテンツの背景色をごく薄い黄褐色に */

      padding-top: 20px; /* 上部のパディング */

    }

    

    h1.h2 {

      color: #343a40; /* 見出しの色 */

      margin-bottom: 1.5rem; /* 下の余白 */

      padding-bottom: 0.5rem;

      border-bottom: 1px solid #dee2e6; /* 下線 */

      font-size: 1.225rem; /* フォントサイズを30%小さく */

    }



    /* 検索フォームのテーブルスタイル */

    .search-form-table {

        background-color: #ffffff; /* 白い背景 */

        border-radius: 8px; /* 角を丸く */

        box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05); /* 影 */

        margin-bottom: 20px; /* 下の余白 */

        padding: 20px; /* 内部パディング */

    }



    .search-form-table td {

        padding: 10px 15px; /* セルのパディング */

        vertical-align: middle;

    }



    .search-form-table label {

        font-weight: 600; /* ラベルを太字に */

        color: #555;

    }



    .search-form-table input[type="text"],

    .search-form-table input[type="date"],

    .search-form-table select {

        width: 100%; /* 幅を親要素に合わせる */

        padding: 8px 12px;

        border: 1px solid #ddd;

        border-radius: 4px;

        box-sizing: border-box; /* パディングとボーダーを幅に含める */

    }



    .search-form-table input[type="date"] {

        width: calc(50% - 5px); /* 半分の幅に調整 */

        display: inline-block;

    }

    .search-form-table input[type="date"]:first-of-type {

        margin-right: 10px;

    }



    .search-form-table input[type="text"]::placeholder,

    .search-form-table select option[value=""] {

        color: #999; /* プレースホルダーの色 */

    }



    .search-form-table .helptext {

        font-size: 0.875rem;

        color: #777;

        margin-left: 5px;

    }



    /* テーブルのフッターボタン */

    .table-buttons-row th {

        padding-top: 20px !important;

        padding-bottom: 20px !important;

        text-align: center;

    }

    .table-buttons-row .btn-primary {

        margin: 0 5px; /* ボタン間のスペース */

    }





    /* カードのスタイル */

    .my_card {

      border: none; /* デフォルトの境界線を削除 */

      border-radius: 10px; /* 角を丸く */

      box-shadow: 0 4px 15px rgba(0, 0, 0, 0.08); /* 柔らかな影 */

      margin-bottom: 25px; /* 下の余白 */

      background-color: #ffffff; /* 白い背景 */

    }



    .my_card .card-header {

      background-color: #f8f9fa; /* ヘッダーの背景色 */

      border-bottom: 1px solid #e9ecef; /* ヘッダーの下線 */

      font-weight: 600; /* ヘッダーテキストを太字に */

      color: #343a40; /* ヘッダーテキストの色 */

      padding: 1rem 1.5rem;

      border-top-left-radius: 10px;

      border-top-right-radius: 10px;

    }



    .my_card .card-body {

      padding: 1.5rem; /* ボディのパディング */

    }



    /* マップのコンテナ (このページでは使用しないが、スタイルは維持) */

    #map {

      height: 400px; /* マップの高さ */

      border-radius: 8px; /* 角を丸く */

      overflow: hidden; /* 角丸を適用するために必要 */

      box-shadow: 0 2px 10px rgba(0,0,0,0.05); /* マップにも影 */

      background-color: #FAEDCA; /* マップが読み込まれるまでの背景色をごく薄い黄褐色に */

      display: flex;

      justify-content: center;

      align-items: center;

      color: #6c757d;

    }



    /* -------------------------------------------------------------------------- */

    /* テーブル (データ表示用)                                                   */

    /* -------------------------------------------------------------------------- */

    .table {

      margin-top: 20px;

      background-color: #ffffff; /* 白い背景 */

      border-radius: 8px; /* 角を丸く */

      overflow: hidden; /* 角丸を適用するために必要 */

      box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05); /* テーブルにも影 */

    }



    .table th, .table td {

      padding: 12px 15px; /* セルのパディング */

      border-top: 1px dashed #e9ecef; /* セルの上線を破線に */

      vertical-align: middle; /* 垂直方向中央揃え */

      color: #495057; /* テキストカラー */

    }



    .table thead th {

      background-color: #f8f9fa; /* ヘッダーの背景色 */

      font-weight: 600; /* ヘッダーを太字に */

      color: #343a40; /* ヘッダーテキストの色 */

      border-bottom: 2px solid #dee2e6; /* ヘッダーの下線を強調 */

    }



    .table tbody tr:hover {

      background-color: #f5f5f5; /* ホバー時の背景色 */

      cursor: pointer; /* クリック可能であることを示すカーソル */

    }



    /* -------------------------------------------------------------------------- */

    /* ページネーション                                                          */

    /* -------------------------------------------------------------------------- */

    .pagination .page-item .page-link {

      border-radius: 6px; /* 丸みを帯びた角 */

      margin: 0 3px; /* 項目間のスペース */

      color: #FE5D26; /* リンクの色を鮮やかなオレンジに */

      border: 1px solid #dee2e6;

      transition: background-color 0.2s, color 0.2s;

    }



    .pagination .page-item.active .page-link {

      background-color: #FE5D26; /* アクティブな背景色を鮮やかなオレンジに */

      border-color: #FE5D26;

      color: #ffffff;

    }



    .pagination .page-item .page-link:hover:not(.active) {

      background-color: rgba(254, 93, 38, 0.05); /* ホバー時の背景色をメインカラーのさらに薄い透明色に */

      color: #D94C21; /* ホバー時のテキストカラーを少し暗いオレンジに */

    }



    .pagination .page-item.disabled .page-link {

      color: #6c757d;

      pointer-events: none; /* クリック不可に */

      background-color: #FAEDCA; /* 無効状態の背景色をごく薄い黄褐色に */

      border-color: #dee2e6;

    }

/* Ensure sidebar icons consistent to base */
.sidebar .nav-link svg {
  width: 24px;
  height: 24px;
  margin-right: .5rem;
  flex-shrink: 0;
  vertical-align: middle;
}



/* === Colorful Buttons override (2025-09-03) === */
:root{
  --btn-primary:#FE5D26;
  --btn-primary-hover:#D94C21;
  --btn-success:#2ecc71;
  --btn-success-hover:#27ae60;
  --btn-info:#1abc9c;
  --btn-info-hover:#16a085;
  --btn-warning:#f39c12;
  --btn-warning-hover:#d35400;
  --btn-danger:#e74c3c;
  --btn-danger-hover:#c0392b;
  --btn-secondary:#6c757d;
  --btn-secondary-hover:#5a6268;
  --btn-outline-secondary:#6c757d;
}

/* base */
.btn{
  border-radius: 6px !important;
  font-weight: 600;
  letter-spacing: .02em;
  transition: transform .06s ease, filter .2s ease, background-color .2s ease, border-color .2s ease, color .2s ease;
}
.btn:active{
  transform: translateY(1px) scale(0.99);
}

/* primary */
.btn-primary{
  background-color: var(--btn-primary) !important;
  border-color: var(--btn-primary) !important;
  color:#fff !important;
  box-shadow: 0 4px 10px rgba(254,93,38,.25);
}
.btn-primary:hover,
.btn-primary:focus{
  background-color: var(--btn-primary-hover) !important;
  border-color: var(--btn-primary-hover) !important;
  color:#fff !important;
  filter: brightness(1.02);
}

/* success */
.btn-success{
  background-color: var(--btn-success) !important;
  border-color: var(--btn-success) !important;
  color:#fff !important;
  box-shadow: 0 4px 10px rgba(46,204,113,.25);
}
.btn-success:hover,
.btn-success:focus{
  background-color: var(--btn-success-hover) !important;
  border-color: var(--btn-success-hover) !important;
  color:#fff !important;
}

/* info */
.btn-info{
  background-color: var(--btn-info) !important;
  border-color: var(--btn-info) !important;
  color:#fff !important;
  box-shadow: 0 4px 10px rgba(26,188,156,.25);
}
.btn-info:hover,
.btn-info:focus{
  background-color: var(--btn-info-hover) !important;
  border-color: var(--btn-info-hover) !important;
  color:#fff !important;
}

/* warning */
.btn-warning{
  background-color: var(--btn-warning) !important;
  border-color: var(--btn-warning) !important;
  color:#111 !important;
  box-shadow: 0 4px 10px rgba(243,156,18,.25);
}
.btn-warning:hover,
.btn-warning:focus{
  background-color: var(--btn-warning-hover) !important;
  border-color: var(--btn-warning-hover) !important;
  color:#fff !important;
}

/* danger */
.btn-danger{
  background-color: var(--btn-danger) !important;
  border-color: var(--btn-danger) !important;
  color:#fff !important;
  box-shadow: 0 4px 10px rgba(231,76,60,.25);
}
.btn-danger:hover,
.btn-danger:focus{
  background-color: var(--btn-danger-hover) !important;
  border-color: var(--btn-danger-hover) !important;
  color:#fff !important;
}

/* secondary */
.btn-secondary{
  background-color: var(--btn-secondary) !important;
  border-color: var(--btn-secondary) !important;
  color:#fff !important;
  box-shadow: 0 4px 10px rgba(108,117,125,.25);
}
.btn-secondary:hover,
.btn-secondary:focus{
  background-color: var(--btn-secondary-hover) !important;
  border-color: var(--btn-secondary-hover) !important;
  color:#fff !important;
}

/* outline-secondary */
.btn-outline-secondary{
  background-color: transparent !important;
  border-color: var(--btn-outline-secondary) !important;
  color: var(--btn-outline-secondary) !important;
}
.btn-outline-secondary:hover,
.btn-outline-secondary:focus{
  background-color: var(--btn-outline-secondary) !important;
  border-color: var(--btn-outline-secondary) !important;
  color:#fff !important;
}

/* pagination */
.page-link{
  color: var(--btn-primary) !important;
  border-radius: 6px !important;
  border: 1px solid #dee2e6 !important;
}
.page-item.active .page-link{
  background-color: var(--btn-primary) !important;
  border-color: var(--btn-primary) !important;
  color:#fff !important;
}

/* inputs used as buttons inside search table */
.search-form-table input[type="button"],
.search-form-table input[type="submit"]{
  background-color: var(--btn-primary) !important;
  border: 1px solid var(--btn-primary) !important;
  color:#fff !important;
  border-radius: 6px !important;
}
.search-form-table input[type="button"]:hover,
.search-form-table input[type="submit"]:hover{
  background-color: var(--btn-primary-hover) !important;
  border-color: var(--btn-primary-hover) !important;
}

/* --- main領域をサイドバーを除き全幅にする --- */
main.col-md-9.ms-sm-auto.col-lg-10.px-md-4 {
  width: calc(100% - 240px) !important; /* サイドバー分を除外 */
  max-width: none !important;
  flex: none !important;
  padding-left: 20px !important;
  padding-right: 20px !important;
}

/* --- 日付入力欄の幅を広げる --- */
#delivery-search-form input[type="date"] {
  min-width: 220px !important;
  width: 220px !important;
  display: inline-block !important;
  margin-right: 8px !important;
}

.overdue-text {
    color: red;
    font-weight: bold;
}