/* 瑞安門診時間表 — 樣式（scope 於 #clinicSched / .clinic-sched，不影響其他元素） */
#clinicSched{
  --line:#8a7fb0; --head:#3a2a5e; --period:#cdbfe6; --off:#cdbfe6; --merge:#cdbfe6;
  max-width:1000px;margin:0 auto;color:#222;
  font-family:"Microsoft JhengHei","PingFang TC","Heiti TC",sans-serif;
  -webkit-text-size-adjust:100%;
}
#clinicSched *{box-sizing:border-box;}

/* 醫師篩選列(置中) */
#clinicSched .cs-bar{margin:0 0 12px;text-align:center;}
#clinicSched .cs-filter{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;}
#clinicSched .cs-chip{
  border:2px solid currentColor;background:#fff;border-radius:22px;
  padding:6px 16px;font-weight:700;cursor:pointer;line-height:1.25;transition:.15s;text-align:center;
}
#clinicSched .cs-chip.active{color:#fff;}
#clinicSched .cs-chip-name{display:block;font-size:16px;}

/* 標題(獨立於表格之外、置中) */
#clinicSched .cs-caption{
  background:#fff;color:#111;font-size:28px;font-weight:800;
  text-align:center;padding:14px 16px;border:2px solid var(--line);
  border-radius:6px;letter-spacing:2px;margin:0 auto 14px;
}
#clinicSched .cs-caption .cs-cap-spec{font-size:18px;font-weight:700;letter-spacing:1px;color:#3a2a5e;}

/* 表格 */
/* 橫向捲動容器須是 <table> 的直接父層(#csTable),否則 iOS Safari 滑不動。
   .cs-tablewrap 保留作為手機版「左右滑動」提示(::after)的外框。 */
#clinicSched .cs-tablewrap{overflow:visible;}
#clinicSched #csTable{overflow-x:auto;-webkit-overflow-scrolling:touch;max-width:100%;}
#clinicSched table{width:100%;min-width:680px;border-collapse:collapse;background:#fff;table-layout:fixed;}
#clinicSched th,#clinicSched td{
  border:2px solid var(--line);text-align:center;vertical-align:middle;
  padding:10px 5px;font-size:18px;line-height:1.55;word-break:break-all;
}
#clinicSched thead th{background:var(--head);color:#fff;font-weight:700;font-size:19px;}
#clinicSched .period{background:var(--period);font-weight:800;color:#2a1f48;width:12%;font-size:18px;}
#clinicSched .period small{display:block;font-weight:500;font-size:13px;color:#3a2f58;}
#clinicSched .date-row td{background:#b9a9da;color:#2a1f48;font-weight:800;font-size:18px;}
#clinicSched .off{background:var(--off);font-weight:800;color:#2a1f48;}
#clinicSched .merge{background:var(--merge);font-weight:800;color:#2a1f48;font-size:23px;letter-spacing:4px;}
#clinicSched .doc{display:block;font-weight:800;font-size:20px;}
#clinicSched .note{display:block;font-size:13px;color:#1f7a1f;font-weight:700;line-height:1.3;margin:1px 0;}
#clinicSched .time{display:block;font-size:13px;color:#1f7a1f;font-weight:700;}
#clinicSched .cs-spacer{background:#f3eefb;border-color:var(--line);}

@media (max-width:600px){
  #clinicSched .cs-caption{font-size:18px;padding:8px 10px;margin:0 auto 8px;letter-spacing:1px;}
  #clinicSched .cs-caption .cs-cap-spec{font-size:13px;}
  #clinicSched th,#clinicSched td{font-size:12px;padding:3px 2px;line-height:1.35;}
  #clinicSched thead th{font-size:13px;}
  #clinicSched .period{font-size:12px;}
  #clinicSched .period small{font-size:10px;}
  #clinicSched .date-row td{font-size:12px;}
  #clinicSched .doc{font-size:13px;}
  #clinicSched .note,#clinicSched .time{font-size:10px;}
  #clinicSched .merge{font-size:14px;letter-spacing:2px;}
  #clinicSched .cs-tablewrap::after{content:"← 左右滑動可看完整表格 →";display:block;text-align:center;font-size:11px;color:#7a6fa0;padding:5px 0;}
}