/* =====================================================================
   Muajee 版面修正 2026-10-10（第二批）
   只放「修正」用的樣式，放在每頁最後載入，不改原本的 CSS 檔。
   要拿掉這批修正，只要把各頁最後一行 fix-20261010.css 的 <link> 刪掉即可。
   ===================================================================== */

/* ---------- 1. 賣家中心左側選單：一行一個項目，文字不會被截斷換行 ---------- */
.sidebar-nav .nav-group{
  display:flex; flex-direction:column; gap:2px;
  padding:6px 0; border:1px solid var(--border, #eee4da); border-radius:12px; background:#fff;
}
.sidebar-nav .nav-group .nav-group-title{ padding:8px 14px 4px; }
.sidebar-nav .nav-group .nav-item{
  display:block; padding:9px 14px; margin:0 6px; border-radius:8px;
  white-space:nowrap; overflow:hidden; text-overflow:ellipsis; line-height:1.4;
}
@media (max-width:900px){
  /* 手機：每組改成可左右滑的一排按鈕 */
  .sidebar-nav{ padding:12px; gap:10px; }
  .sidebar-nav .nav-group{ flex-direction:row; flex-wrap:nowrap; align-items:center; overflow-x:auto; -webkit-overflow-scrolling:touch; padding:6px; }
  .sidebar-nav .nav-group .nav-group-title{ flex:0 0 auto; padding:0 6px 0 4px; }
  .sidebar-nav .nav-group .nav-item{ flex:0 0 auto; margin:0; }
}

/* ---------- 2. 賣家中心搜尋框：放大鏡圖示變成黑點的問題 ---------- */
.searchbar .sicon svg{
  width:16px; height:16px; fill:none; stroke:currentColor; stroke-width:2;
  stroke-linecap:round; stroke-linejoin:round; display:block;
}
.searchbar .sicon{ color:#888; }

/* ---------- 3. 開放預約時間月曆：狀態標籤被壓扁、被截成「營…」 ---------- */
.cal-grid .cal-day{ aspect-ratio:auto; min-height:64px; justify-content:flex-start; gap:6px; padding:6px 4px; }
.cal-grid .cal-day .d-status{
  flex-shrink:0; line-height:1.5; font-size:11px; padding:1px 5px; letter-spacing:0;
  overflow:visible; text-overflow:clip; max-width:none;
}
@media (max-width:600px){
  /* 手機格子太窄：狀態改成彩色圓點（顏色對照上方圖例） */
  .cal-grid .cal-day{ min-height:50px; padding:5px 3px; align-items:center; }
  .cal-grid .cal-day .d-status{ font-size:0; width:9px; height:9px; padding:0; border-radius:50%; align-self:center; }
  .cal-grid .cal-day.st-off .d-status{ background:#d9d2ca; }
}

/* ---------- 4. 會員中心：頭像網址欄位跟其他欄位一樣大 ---------- */
.account-panels input[type="url"],
.account-panels input[type="text"],
.account-panels input[type="tel"]{ box-sizing:border-box; }
#profile-avatar_url{
  width:100%; max-width:400px; padding:10px 12px; border:1px solid #ddd; border-radius:10px; font-size:14px;
}

/* ---------- 5. 管理後台：手機版不再左右超出畫面 ---------- */
@media (max-width:900px){
  .stats-grid{ grid-template-columns:repeat(2, minmax(0,1fr)) !important; gap:12px !important; }
  .stat-card{ min-width:0; padding:16px !important; }
  .stat-card *{ min-width:0; overflow-wrap:anywhere; }
  .admin-grid{ grid-template-columns:minmax(0,1fr) !important; }
  .admin-section{ min-width:0; }
  .pf-settle-controls{ grid-template-columns:minmax(0,1fr) !important; }
  .pf-settle-controls > *{ min-width:0; }
  .admin-header{ flex-wrap:wrap; gap:12px; }
  .filter-tabs{ max-width:100%; overflow-x:auto; -webkit-overflow-scrolling:touch; flex-wrap:nowrap; }
  .filter-tabs .filter-btn{ flex:0 0 auto; }
  .filters-bar{ flex-wrap:wrap; }
  .filters-bar select, .filters-bar input, .filter-select{ max-width:100%; min-width:0; }
  /* 表格：在白色框裡左右滑動，整頁不會被撐開 */
  .table-container{ overflow-x:auto !important; -webkit-overflow-scrolling:touch; }
  .table-container > table, .admin-table{ min-width:640px; }
  .wrap > table.admin-table{ display:block; overflow-x:auto; min-width:0; }
  /* 舊版儀表板（dashboard.html）的上方選單 */
  .topbar-content{ flex-wrap:wrap; gap:10px; }
  .admin-nav{ order:3; flex-basis:100%; overflow-x:auto; -webkit-overflow-scrolling:touch; flex-wrap:nowrap; }
  .admin-nav .nav-link{ flex:0 0 auto; }
  .admin-user{ min-width:0; }
}
@media (max-width:420px){
  .stats-grid{ grid-template-columns:minmax(0,1fr) !important; }
}

/* 商家結算：四個設定框內容改成由上往下排（原本擠成一排，字被壓成直的） */
.pf-settle-controls .stat-card{ display:flex; flex-direction:column; align-items:flex-start; gap:10px; }
.pf-settle-controls .stat-card h3{ margin:0; font-size:16px; }
.pf-settle-controls .stat-card p{ margin:0; color:#666; font-size:13px; line-height:1.6; }
.pf-settle-controls .stat-card label{ display:flex; align-items:center; gap:8px; flex-wrap:wrap; font-size:14px; }
.pf-settle-controls .stat-card input:not([type="checkbox"]){
  width:100%; max-width:320px; box-sizing:border-box; padding:8px 10px; border:1px solid #ddd; border-radius:8px; font-size:14px;
}
.pf-settle-controls .stat-card label input:not([type="checkbox"]){ width:140px; }

/* ---------- 6. 賣家中心商品管理：手機版表格在框內左右滑 ---------- */
@media (max-width:900px){
  .dashboard-main{ min-width:0; max-width:100%; }
  .products-table-container{ overflow-x:auto; -webkit-overflow-scrolling:touch; max-width:100%; }
  .section-header{ flex-wrap:wrap; gap:10px; }
  .section-header .btn-primary{ white-space:nowrap; }
}