/* 高度小於 768px */
@media (max-height: 768px) {
   .extraBox {
      flex: 1 1;
      min-height: 0;
      overflow-y: auto;   
      padding-top: 10px; 
   }

   .newChatContainer {
      padding-top: 20px;  
      gap: 0.5rem;       
   }

   .newChatButton {
      height: 38px;     
      font-size: 14px !important;
   }

   .menuButton {
      font-size: 14px !important;
      padding: 2px 8px !important;
   }
}

/* 再加一層 → 更矮的螢幕 */
@media (max-height: 600px) {
   .extraBox {
      padding-top: 5px;   
   }

   .newChatContainer {
      padding-top: 10px;
   }
}

.mainContent {
   flex: 1 1;
   padding-top: 118px;
}

.drawer {
   height: 100vh;
   padding: 20px;
   box-sizing: border-box;
   background-color: #e0e1eb !important;
   border: 0px !important;
   box-shadow: none !important;
   overflow: hidden !important;
}

/* Drawer Header */
.drawerHeader {
   display: flex;
   align-items: center;
   justify-content: space-between;
   padding-bottom: 0px;
}

.versionText {
   font-size: 12px;
   color: #808080;
}

/* 新對話 */
.newChatContainer.open {
   padding-top: 60px;
   margin-left: 10px;
   height: 100vh;
   overflow: hidden;
   display: flex;
   flex-direction: column;
   align-items: flex-start;
}

.newChatContainer.collapsed {
   margin-left: 0 !important;
   padding-top: 20px;
   display: flex;
   justify-content: center;
}

.newChatButton {
   background-color: transparent !important;
   transition: background-color 0.2s ease;
   border-radius: 32px !important;
   color: #1a1a1a !important;
   display: flex !important;
   justify-content: flex-start !important;
   align-items: center !important;
   width: 146px;
   height: 45px;
   padding: 8px 0px !important;
   font-size: 18px !important;
   margin-left: 0 !important;
}

.newChatButton .MuiButton-startIcon {
   margin-left: 0px !important;
   margin-right: 4px !important;
}

.newChatButton:hover {
   background-color: #D1D2E0 !important;
   width: 140px;
}

.extraBox {
   flex-shrink: 0;
   width: 270px;
   height: 100%;
   min-height: 0; 
   padding: 30px 0px 20px 0px;
   overflow-y: auto;
}

.extraBox::-webkit-scrollbar {
  width: 5px;                /* 滾動條寬度 */
}

.extraBox::-webkit-scrollbar-thumb {
   background-color: #b5b5b5;  /* 拖曳的顏色 */
   border-radius: 10px;
   min-height: 20px !important;
}

/* Divider */
.divider {
   margin: 16px 0 !important;
   border: 0.5px solid #808080;
   flex-grow: 1;
}

/* Menu */
.generalSettings {
   display: flex;
   flex-direction: column;
   gap: 10px;
   padding-top: 30px !important;
   width: 100% !important; 
}

.menuButton {
   justify-content: flex-start !important;
   color: #1a1a1a !important;
   font-size: 16px !important;
   white-space: nowrap;
   padding: 4px 12px !important;
   text-transform: none !important;
   font-family: "Noto Sans Display", sans-serif !important;
   width: 100% !important;
}

.menuButton .MuiButton-startIcon {
   margin-right: 10px;
}

.menuButton:hover {
   background-color: transparent !important;
}

/* 收合狀態的 IconButton */
.menuButton.collapsed {
   justify-content: center !important; 
   min-width: 48px !important;         
   padding: 8px 0 !important;          
}

/* 收合時 icon 要歸零 margin */
.menuButton.collapsed .MuiButton-startIcon {
   margin: 0 !important; 
}


/* Header */
:root {
  --sidebar-width: 332px; /* 展開寬度 */
  /* 如果有收合，也可以加一個變數 */
  /* --sidebar-width-collapsed: 60px; */
}

.header {
   position: fixed;
   top: 0;
   height: 118px;
   background-color: #E0E1EB;
   display: flex;
   justify-content: space-between;
   align-items: center;
   z-index: 2;
}

.headerLeft {
   display: flex;
   flex-direction: column;
   align-items: left;
   justify-content: center;
   padding-left: 30px;
}

.backHomeBox {
   cursor: pointer;
}

.headerModelSelectBox {
   display: flex;
   flex-direction: row;
   justify-content: left;
   align-items: center;
   margin: 0;
   width: 111px;
   gap: 10px;
}

/* 模型選擇select的外框 */
.headerModelSelect .MuiOutlinedInput-notchedOutline {
   border: none;
   box-shadow: none;
   background-color: transparent;
}

/* header模型選擇的input */
.headerModelSelect .MuiSelect-select.MuiOutlinedInput-input {
   padding: 0px 0px 0px 5px;
   font-size: 18px;
}

/* 下拉選單的外框 */
div.headerModelSelectMenuItems.MuiPaper-root.MuiPopover-paper.MuiMenu-paper {
   border-radius: 20px;
   margin-left: 12vh;
}

/* 下拉選單的項目 */
.headerModelSelectMenuItems ul.MuiList-root.MuiMenu-list {
   padding: 20px;
   display: flex;
   flex-direction: column;
   gap: 20px;
}

/* 下拉選單的每一個項目 */
.headerModelSelectMenuItem.MuiButtonBase-root.MuiMenuItem-root {
   font-size: 18px;
   padding: 10px 0px 10px 20px;
   width: 180px;
   height: 45px;
   background-color: transparent;
   transition: background-color 0.4s ease;   /* 平滑過渡 */
   border-radius: 32px;
}

/* 下拉選單的每一個項目-滑鼠移過去 */
.headerModelSelectMenuItem.MuiButtonBase-root.MuiMenuItem-root:hover {
   background-color: rgb(224, 225, 235);
}

/* 下拉選單的每一個項目-被選取 */
.headerModelSelectMenuItem.Mui-selected {
   background-color: transparent;
}

/* 下拉選單的每一個項目-被選取後，滑鼠懸停時的樣式 */
.headerModelSelectMenuItem.Mui-selected:hover {
   background-color: transparent;
}

.headerRight {
   display: flex;
   flex-direction: row;
   justify-content: right;
   align-items: center;
   padding-right: 30px;
   gap: 5px;
}

.headerUserName {
   font-size: 18px;
}

.headerUserBox {
   display: flex;
   justify-content: center;
   align-items: center;
   height: 44px;
   width: 44px;
   border-radius: 30%;
   background-color: #868FF9;
}

.headerUserSticker {
   height: 24px;
   width: 24px;
   margin: 10px;
}

/* Search Button */
.searchButton {
   width: 95px !important;
   height: 42px !important;
   border: 0.5px solid #3645ec !important;
   color: #3645ec !important;
   background: #fff !important;
   border-radius: 8px !important;
   padding: 10px 20px !important;
   font-size: 16px !important;
   font-weight: 700 !important;
}

.searchButton .MuiButton-startIcon {
   margin-right: 5px !important;
}

.searchButton .MuiButton-startIcon svg {
   width: 18px !important;
   height: 18px !important;
}

/* Reset Button */
.resetButton {
   width: 95px !important;
   height: 42px !important;
   border: 0.5px solid #3645ec !important;
   color: #3645ec !important;
   background: #fff !important;
   border-radius: 8px !important;
   padding: 10px 20px !important;
   font-size: 16px !important;
   font-weight: 700 !important;
}

.resetButton .MuiButton-startIcon {
   margin-right: 5px !important;
}

.resetButton .MuiButton-startIcon svg {
   width: 18px !important;
   height: 18px !important;
}

/*ImportAccountButton */
.importAccountButton{
   width: 127px !important;
   height: 42px !important;
   border: 0.5px solid #3645ec !important;
   color: #3645ec !important;
   background: #fff !important;
   border-radius: 8px !important;
   padding: 12px 20px !important;
   font-size: 16px !important;
   font-weight: 700 !important;
}

.importAccountButton .MuiButton-startIcon {
   margin-right: 5px !important;
}

.importAccountButton .MuiButton-startIcon svg {
   width: 18px !important;
   height: 18px !important;
}

/* Search Button */
.searchButton {
   width: 95px !important;
   height: 42px !important;
   border: 0.5px solid #3645ec !important;
   color: #3645ec !important;
   background: #fff !important;
   border-radius: 8px !important;
   padding: 10px 20px !important;
   font-size: 16px !important;
   font-weight: 700 !important;
}

.searchButton .MuiButton-startIcon {
   margin-right: 5px !important;
}

.searchButton .MuiButton-startIcon svg {
   width: 18px !important;
   height: 18px !important;
}

/* Reset Button */
.resetButton {
   width: 95px !important;
   height: 42px !important;
   border: 0.5px solid #3645ec !important;
   color: #3645ec !important;
   background: #fff !important;
   border-radius: 8px !important;
   padding: 10px 20px !important;
   font-size: 16px !important;
   font-weight: 700 !important;
}

.resetButton .MuiButton-startIcon {
   margin-right: 5px !important;
}

.resetButton .MuiButton-startIcon svg {
   width: 18px !important;
   height: 18px !important;
}

/*ImportAccountButton */
.importAccountButton{
   width: 127px !important;
   height: 42px !important;
   border: 0.5px solid #3645ec !important;
   color: #3645ec !important;
   background: #fff !important;
   border-radius: 8px !important;
   padding: 12px 20px !important;
   font-size: 16px !important;
   font-weight: 700 !important;
}

.importAccountButton .MuiButton-startIcon {
   margin-right: 5px !important;
}

.importAccountButton .MuiButton-startIcon svg {
   width: 18px !important;
   height: 18px !important;
}

/* Search Button */
.searchButton {
   width: 95px !important;
   height: 42px !important;
   border: 0.5px solid #3645ec !important;
   color: #3645ec !important;
   background: #fff !important;
   border-radius: 8px !important;
   padding: 10px 20px !important;
   font-size: 16px !important;
   font-weight: 700 !important;
}

.searchButton .MuiButton-startIcon {
   margin-right: 5px !important;
}

.searchButton .MuiButton-startIcon svg {
   width: 18px !important;
   height: 18px !important;
}

/* Reset Button */
.resetButton {
   width: 95px !important;
   height: 42px !important;
   border: 0.5px solid #3645ec !important;
   color: #3645ec !important;
   background: #fff !important;
   border-radius: 8px !important;
   padding: 10px 20px !important;
   font-size: 16px !important;
   font-weight: 700 !important;
}

.resetButton .MuiButton-startIcon {
   margin-right: 5px !important;
}

.resetButton .MuiButton-startIcon svg {
   width: 18px !important;
   height: 18px !important;
}

/*ImportAccountButton */
.importAccountButton{
   width: 127px !important;
   height: 42px !important;
   border: 0.5px solid #3645ec !important;
   color: #3645ec !important;
   background: #fff !important;
   border-radius: 8px !important;
   padding: 12px 20px !important;
   font-size: 16px !important;
   font-weight: 700 !important;
}

.importAccountButton .MuiButton-startIcon {
   margin-right: 5px !important;
}

.importAccountButton .MuiButton-startIcon svg {
   width: 18px !important;
   height: 18px !important;
}

/* 登出選單的外框 */
.headerUserMenu div.MuiPaper-root {
   border-radius: 20px;
   width: 200px;
   height: 85px;
}

/* 登出選單的項目 */
.headerUserMenu div ul.MuiList-root {
   padding: 20px;
   display: flex;
   flex-direction: column;
}

/* 登出選單的每一個項目 */
.headerUserMenuItem.MuiButtonBase-root.MuiMenuItem-root {
   font-size: 18px;
   padding: 10px 0px 10px 20px;
   border-radius: 32px;
   transition: background-color 0.4s ease;
   width: 160px;
   height: 45px;
   background-color: transparent;
}

.headerUserMenuItem.MuiButtonBase-root.MuiMenuItem-root:hover {
   background-color: rgb(224, 225, 235);
}


/* 單筆聊天紀錄 */
.chatListItem {
   display: flex;
   align-items: center;
   justify-content: space-between; /* 左右分開 */
   padding: 6px 8px;
   cursor: pointer;
   border-radius: 6px;
   transition: background-color 0.2s ease;
}

.chatListItem:hover {
   background-color: #F0F0F5;
   border-radius: 32px;
}

/* 左邊 (Icon + Text) */
.chatLeft {
   display: flex;
   align-items: center;
   flex: 1 1; /* 撐開，避免文字被壓縮 */
   min-width: 0; /* 搭配 ellipsis */
}

/* 左邊的 Message Icon */
.chatIcon {
   display: flex;
   align-items: center;
   margin-right: 8px;
   color: #666;
}

.chatListItem:hover .chatIcon {
   color: #000;
}

/* 文字樣式 */
.chatText .MuiTypography-root {
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
   font-size: 18px;
   color: #1A1A1A;
}


/* 右邊的 ChatSetting 按鈕 */
.chatSettingBtn {
   padding: 4px;
}

/* Menu 外框 */
.customMenuPaper {
   border-radius: 24px !important;
   width: 200px;
   height: 150px !important;            
   box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15) !important;
   padding: 8px 0 !important;       
   display: flex;
   flex-direction: column;
   justify-content: center;          
   align-items: center;
}

/* MenuItem 樣式 */
.customMenuItem {
   width: 200px !important;
   height: 38px !important;
   font-size: 18px !important;
   font-weight: 500 !important;
   padding: 0 8px 0 30px !important; 
   border-radius: 12px !important;
   transition: background-color 0.2s ease;
   justify-content: flex-start !important; 
}

/* hover 效果 */
.customMenuItem:hover {
   background-color: #f5f5f5 !important;
}

/* 第一個項目與第二個項目間距 */
.customMenuItem + .customMenuItem {
   margin-top: 30px;
}


/* Dialog 外框 */
.customDialogPaper {
   width: 360px !important;
   height: 267px !important;
   max-width: none !important; /* 避免被 MUI 限制 */
   border-radius: 16px !important;
   display: flex;
   flex-direction: column;
   justify-content: space-between; /* 保證內容和按鈕分佈 */
   padding: 0; /* 移除額外 padding */
}

/* 內容區塊 */
.renameDialogContent {
   padding: 12px 24px;
   display: flex;
   flex-direction: column;
   flex: 1 1; /* 讓內容填滿高度 */
}

/* Label 標題 */
.renameLabel {
   font-size: 14px;
   font-weight: 500;
   margin-bottom: 6px;
   color: #333;
}

/* 輸入框 */
.renameInput .MuiOutlinedInput-root {
   border-radius: 12px;
   width: 300px;
   height: 65px;
   font-size: 15px;
}

/* 底部按鈕 */
.MuiDialogActions-root {
   padding: 12px 24px;
   justify-content: flex-end;
   border-top: 1px solid #eee; /* 分隔線，更像系統視窗 */
}

.dialogConfirmBtn {
   font-weight: bold;
   color: #1A1A1A !important;
   font-size: 16px;
}

.dialogCancelBtn {
   color: #808080 !important;
   font-size: 16px;
}

/* 主畫面側邊子按鈕*/
.submenuPopper {
   z-index: 1300 !important;
}

/* 子選單的外框 (Paper) */
.submenuPaper {
   border-radius: 24px !important;
   padding: 20px !important;
   background: #ffffff !important;
}

/* 子選單內部的容器 */
.submenuList {
   display: flex !important;
   flex-direction: column !important;
   gap: 20px !important;
}

/* 子選單裡的按鈕 */
.subMenuButton {
  border-radius: 9999px !important;  /* 做成膠囊狀 */
   justify-content: flex-start !important;
   padding-left: 20px !important;
   padding-right: 25px !important;
}

/* Fold 外層容器 */
.foldContainer {
   width: 100%;              
   border: 0.5px solid rgba(128, 128, 128, 0.5) ;
   border-radius: 16px !important;
   background-color: #fff;
   margin: 16px auto;          
   overflow: hidden;
}

/* === Header 區塊 === */
.foldHeader {
   display: inline-flex;
   align-items: center;
   height: 65px;                
   cursor: pointer;
   padding: 0 30px;
}

/* 左邊 icon (FoldIcon) */
.foldHeader .foldLeftIcon {
   width: 16px;
   height: 16px;
   margin-right: 20px !important;
}

/* === 標題文字 === */
.foldTitle {
  font-size: 18px !important;
  font-family: 'Noto Sans', sans-serif !important;
  font-weight: 400 !important;
  color: #000000 !important;
}

/* 右邊 icon (Arrow) */
.foldHeader .foldArrowIcon {
   width: 18px;
   height: 18px;
   transition: transform 0.3s ease;
   margin-left: 5.94px !important;
   overflow-y: auto; 
   scrollbar-width: none
}

/* === 內容區塊 === */
.foldContent {
   background-color: #ffffff;
   border-top: 0.5px solid rgba(128, 128, 128, 0.5) ;
   overflow-y: auto;       /* 內容超出時顯示捲軸 */
   /* scrollbar-width: none;
   -ms-overflow-style: none; */
}

.listboxHeader {
   display: flex;
   align-items: center;         /* 垂直置中 */
   justify-content: space-between; /* 左右拉開整個 header */
   cursor: pointer;
   height: 65px; 
}
/* 左側 icon + title 容器 */
.listboxHeader .listboxLeftContent {
   display: flex;
   align-items: center;
   gap: 20px;
   padding-left: 30px;
}

/* 右側按鈕容器 */
.listboxRightContent {
   display: flex;
   align-items: center;
   padding-right: 30px;
}

/* 共用表單 */
.formTable {
  table-layout: fixed !important;  /* 強制固定排版 */
  width: 1276px !important;        /* 四欄總和 */
  border-collapse: collapse !important;
}

.formHeaderFile {
  width: 800px !important;
  text-align: center !important;
}

.formHeaderDate {
  width: 135px !important;
  text-align: center !important;
}

.formHeaderDelete {
  width: 76px !important;
  text-align: center !important;
}

.formHeaderSpace {
  width: 265px !important;
}

/* addButton */
.addButton{
   width: 127px ;
   height: 42px ;
   border: 0.5px solid #3645ec ;
   color: #3645ec !important;
   background: #fff !important;
   border-radius: 8px !important;
   padding: 12px 20px !important;
   font-size: 16px !important;
   font-weight: 700 !important;
}

.addButton .MuiButton-startIcon {
   margin-right: 5px !important;
}

.addButton .MuiButton-startIcon svg {
   width: 18px !important;
   height: 18px !important;
}

/* 輸入框 */
.inputBox .MuiInputBase-root {
   border-radius: 1rem ;
   background-color: #fff;
   /* border: 0.5px solid rgba(128, 128, 128, 0.5); */
   width: 300px !important;
   height: 65px;
}

.inputBox .MuiInputBase-input{
   padding: 20px;
   font-weight: 400;
   font-size: 18px;
}

/* 取消 hover 時變色 */
.inputBox .MuiOutlinedInput-root:hover fieldset {
   border-color: rgba(128, 128, 128, 0.5) !important;
}

.inputBox_label{
   color: #808080;
   padding-bottom: 5px;
}

/* manageContent*/
.manageContainer {
   padding: 148px 30px 30px 30px;
   background-color: #F0F0F5;
   min-height: 100vh;
   box-sizing: border-box;
}


.manageTitle{
   font-size: 24px !important;
   font-weight: 400;
   color: #1A1A1A;
}

.manageSubtitle{
   font-size: 16px !important;
   font-weight: 400;
   color: #808080;
}

/* 日期輸入框 */
.date_range {
   display: flex;
   align-items: center;
   gap: 10px;
}
.date_input .MuiPickersInputBase-root {
      border-radius: 1rem;
      background-color: #fff;
      width: 165px;
      height: 65px;
}
.date_input .MuiInputLabel-root {
   color: #808080 !important;
   font-weight: 400;
   font-size: 18px;  
   line-height: 33px;
}
 /* 滑過不出現邊框 */
.date_input .MuiPickersOutlinedInput-root:hover fieldset {
   border: 0.5px solid rgba(128, 128, 128, 0.5) !important;
}
/* 點擊後不出現藍色邊框 */
.date_input .MuiPickersOutlinedInput-root.Mui-focused .MuiPickersOutlinedInput-notchedOutline {
   border: 0.5px solid rgba(128, 128, 128, 0.5) !important;
   box-shadow: none !important;
}
/* === DataFrame === */
.tableWrapper {
   max-width: 100%;
   margin: 0 auto;
   border: 0.5px solid #808080 !important; /* 灰線外框 */
   background-color: #FFFFFF !important;
   box-shadow: none !important;
   border-radius: 0 !important; 
   max-height: 435px;
   overflow-y: auto;
}

.tableWrapper::-webkit-scrollbar {
  width: 8px;                /* 滾動條寬度 */
}

.tableWrapper::-webkit-scrollbar-thumb {
   background-color: #b5b5b5;  /* 拖曳的顏色 */
   border-radius: 10px;
}

.tableHeader {
   background-color: #868ff9 !important;
   height: 78px !important;
}

.tableHeader .MuiTableCell-root {
   background-color: #868ff9 !important;
   border-bottom: none !important;
   border-right: 0.5px solid #ffffff !important; /* 白色分隔線 */
   color: #ffffff !important;
   font-weight: normal !important;
   font-size: 18px !important;
   font-family: 'Noto Sans', sans-serif !important;
   padding: 12px 16px !important;
   text-align: center !important;
}

.tableHeader .MuiTableCell-root:last-of-type {
   border-right: none !important;
}

/* === 內容列 === */
.tableRow .MuiTableCell-root {
   vertical-align: middle !important;
   font-size: 18px !important;
   font-family: 'Noto Sans', sans-serif !important;
   border-bottom: 0.5px solid #808080 !important; /* 每列底線 */
   border-left: 0.5px solid #808080 !important;   /* 左邊框 */
   border-right: 0.5px solid #808080 !important;  /* 右邊框 */
}


.tableRow .MuiTableCell-root:first-of-type{
   border-left: none !important;
}


.tableRow .MuiTableCell-root:last-of-type {
   border-right: none !important;
}


.tableRow:last-of-type .MuiTableCell-root {
   border-bottom: 0.5px solid #ddd !important;
}

/* === 刪除按鈕 === */
.deleteBtn {
   text-transform: none !important;
   font-size: 14px !important;
   border-radius: 8px !important;
   font-weight: 500 !important;
   padding: 4px 16px !important;
}

.deleteBtn:hover {
   background-color: transparent !important; 
}

/* === 分頁區整體 === */
.paginationWrapper {
   display: flex;
   align-items: center;
   justify-content: center;
   position: relative;
   max-width: 1080px;
   margin: 0 auto;
   padding: 16px 0 24px;
}

/* === 中間的分頁控制 === */
.paginationControl {
   display: flex !important;
   justify-content: center !important;
   align-items: center !important;
}

/* === 移除灰色底 === */
.paginationControl .MuiPaginationItem-root {
   background-color: transparent !important; /* 移除底色 */
   box-shadow: none !important;
}

.MuiPaginationItem-root {
   border-radius: 50% !important;
   background-color: #f3f3f8 !important;
   margin: 0 4px !important;
   color: #555 !important;
   width: 36px !important;
   height: 36px !important;
   font-weight: 500 !important;
}

.MuiPaginationItem-root.Mui-selected {
   background-color: #868ff9 !important;
   color: #fff !important;
}

/* === 右側控制區 === */
.rowsPerPageBox {
   position: absolute;
   right: 0;
   top: 50%;
   transform: translateY(-50%);
   display: flex;
   align-items: center;
   gap: 6px;
   margin-right: 40px;
}

/* 「每頁列數」 */
.rowsPerPageLabel {
   font-size: 14px;
   color: #666;
}

/* 下拉框樣式 */
.rowsPerPageSelect {
   min-width: 68px;
}


.rowsSelect .MuiSelect-select {
   font-weight: 700 !important;
   font-size: 14px !important;
   color: #000 !important;
   padding: 6px 8px !important;
   padding-right: 24px !important; 
}

.rowsSelect .MuiOutlinedInput-notchedOutline {
   border: none !important;
}
.rowsSelect:hover .MuiOutlinedInput-notchedOutline,
.rowsSelect.Mui-focused .MuiOutlinedInput-notchedOutline {
   border: none !important;
   box-shadow: none !important;
}

/* 下拉箭頭*/
.rowsSelect .MuiSelect-icon {
   right: 4px !important;
   top: 50% !important;
   transform: translateY(-50%) !important;
   color: #000 !important;
}

/* 「共 X 頁」*/
.totalPagesText {
   font-size: 14px;
   color: #666;
   margin-left: 2px;
}


.rowsSelect .MuiMenu-paper {
   transform-origin: bottom left !important;   
   top: auto !important;                      
   bottom: 100% !important;                    
   margin-top: -8px !important;                
}

/* 下拉選單外觀（圓角 + 陰影） */
.rowsSelect .MuiPaper-root.MuiMenu-paper {
   border-radius: 12px !important;
   box-shadow: 0 4px 16px rgba(0, 0, 0, 0.12) !important;
   background-color: #ffffff !important;
}

/* 下拉項目字型 */
.rowsSelect .MuiMenuItem-root {
   font-size: 14px !important;
   padding: 6px 14px !important;
}

/* hover 效果 */
.rowsSelect .MuiMenuItem-root:hover {
   background-color: #f0f0f5 !important;
}

/* 選中項目 */
.rowsSelect .MuiMenuItem-root.Mui-selected {
   background-color: #868ff9 !important;
   color: #fff !important;
}

.customDialogPaper {
   width: 360px !important;
   height: 267px !important;
   max-width: none !important;
   border-radius: 16px !important;
   display: flex;
   flex-direction: column;
   justify-content: space-between;
   padding: 0;
}

/* 確認彈跳視窗 */
.customDialogPaper{
   height: 200px !important;
}
/* 標題區 */
.confirmDialogTitle {
   font-size: 24px !important;
   color: #1a1a1a !important;
   gap: 20px !important;
   padding-top: 30px !important;
}

/* 訊息文字 */
.confirmDialogMessage {
   font-size: 14px !important;
   color: #808080 !important;
   margin-top: 10px;
}

/* 確定/取消按鈕樣式沿用 PopupDialog */
.dialogConfirmBtn {
   font-weight: bold;
   color: #1A1A1A !important;
   font-size: 16px !important;
}

.dialogCancelBtn {
   color: #808080 !important;
   font-size: 16px !important;
}

/* 固定表頭 */
.headerCell {
   position: -webkit-sticky;
   position: sticky;  
   top: 0;
   z-index: 2;
   background-clip: padding-box;
   border-top: none !important;            
}