body {
         font-family: 'Sarabun', sans-serif;
         background-color: #ffffff;
         /* พื้นหลังสีขาวตามต้องการ */
     }

     .navbar {
         padding: 0.5rem 1rem;
         border-bottom: 1px solid #333;
     }

     .navbar-brand {
         font-size: 1.1rem;
     }

     /* ปรับแต่ง Container ให้เข้ากับพื้นหลังขาว */
     .calendar-container,
     .detail-container {
         background: white;
         padding: 20px;
         border-radius: 15px;
         /* ปรับเงาให้ชัดขึ้นเล็กน้อยและเพิ่มเส้นขอบจางๆ เพื่อแยกพื้นที่จากพื้นหลังขาว */
         box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
         border: 1px solid #eee;
         height: 800px;
         /* ปรับความสูงเป็น 800px ตามความต้องการก่อนหน้า */
         display: flex;
         flex-direction: column;
     }

     .detail-container {
         position: sticky;
         top: 10px;
     }

     #detail-content {
         overflow-y: auto;
         padding-right: 5px;
     }

     /* ปรับแต่ง FullCalendar */
     .fc .fc-toolbar-title {
         font-size: 1.2rem !important;
         font-weight: bold;
     }

     .fc .fc-button {
         padding: 0.3rem 0.6rem !important;
         font-size: 0.85rem !important;
     }

     .fc .fc-daygrid-day-frame {
         min-height: 100px !important;
         /* เพิ่มความสูงช่องวันที่ให้สมดุลกับความสูง 800px */
     }

     .fc .fc-col-header-cell-cushion,
     .fc .fc-daygrid-day-number {
         font-size: 0.9rem;
         text-decoration: none !important;
         color: #333;
     }

     .fc-day-active {
         background-color: #e6e6e6 !important;
         /* สีเทาอ่อน (Light Gray) */
         transition: background-color 0.2s ease;
     }

     /* ปรับแต่งตัวเลขวันที่ในช่องที่ถูกเลือกให้เด่นขึ้น */
     .fc-day-active .fc-daygrid-day-number {
         color: #0d6efd !important;
         font-weight: bold;
     }

     /* รายการการประชุม */
     .meeting-list .card {
         border-radius: 10px;
         margin-bottom: 12px !important;
         border: 1px solid #f0f0f0;
         transition: transform 0.2s;
     }

     .meeting-list .card:hover {
         transform: translateY(-2px);
     }

     .meeting-list .card-body {
         padding: 15px !important;
     }

     .meeting-list h6 {
         font-size: 1rem;
         color: #212529;
     }

     .meeting-list p {
         font-size: 0.85rem;
         margin-bottom: 4px !important;
     }

     /* Legend */
     .legend-item {
         font-size: 0.8rem;
         display: flex;
         align-items: center;
     }

     .dot {
         width: 12px;
         height: 12px;
         border-radius: 50%;
         display: inline-block;
         margin-right: 8px;
     }

     /* Custom Scrollbar */
     #detail-content::-webkit-scrollbar {
         width: 5px;
     }

     #detail-content::-webkit-scrollbar-thumb {
         background: #e0e0e0;
         border-radius: 10px;
     }