/* ops-boarding.css — A1-6（§八十八、§八十八補充一）：後台隨身碼分頁整理（新檔）
 * 🔴 只放本頁需要的規則：收合區塊的「展開／收合」字樣切換，與清單每列兩顆鈕的外觀。
 * 🔴 不含任何列印頁版面規則；不使用 !important。 */
#bcIssuePrint > summary { cursor: pointer; list-style: none; display: flex; align-items: center; gap: 8px; font-size: 1.1rem; font-weight: 700; }
#bcIssuePrint > summary::-webkit-details-marker { display: none; }
#bcIssuePrint > summary .bc-sum-state { font-size: 0.85rem; font-weight: 500; color: #3f51b5; border: 1px solid #c5cae9; border-radius: 6px; padding: 2px 10px; }
#bcIssuePrint > summary .bc-sum-close { display: none; }
#bcIssuePrint[open] > summary .bc-sum-open { display: none; }
#bcIssuePrint[open] > summary .bc-sum-close { display: inline; }
#bcTable .sq-act { display: inline-flex; gap: 4px; margin-left: 4px; vertical-align: middle; }
#bcTable .sq-btn { font-family: inherit; font-size: 0.8rem; line-height: 1.2; min-height: 30px; padding: 2px 8px;
  border: 1px solid #90a4ae; border-radius: 6px; background: #eef2f6; color: #111; cursor: pointer; }
#bcTable .sq-url { display: block; margin: 4px 0 0; font-size: 0.75rem; color: #444; word-break: break-all; }
/* A1-6b（§八十八補充四）：窄螢幕上卡片清單要能橫向捲到「操作」欄，鈕要按得到。
 * 🔴 根因是 A1-6 少收一行 </div> 讓 #bcTable 被吞進 flex 容器（已在 admin.html 修好）；這裡再把捲動與釘住做確實。 */
#bcTable .table-wrap { overflow-x: auto; -webkit-overflow-scrolling: touch; }
@media (max-width: 600px) {
  #bcTable table thead tr > th:last-child { position: sticky; right: 0; top: 0; z-index: 4; background: #f1f5f9; }
  #bcTable table tbody tr > td:last-child { position: sticky; right: 0; z-index: 3; background: #fff; box-shadow: -6px 0 6px -6px rgba(15, 23, 42, 0.25); }
}
