/* Bootstrap 5 기반 — 보강 */

/* 순번 10×10 그리드 (가로 10 × 10줄 = 1~100) */
.seq10{display:grid;grid-template-columns:repeat(10,1fr);gap:3px;user-select:none}
.seq10 .cell{height:28px;border:1px solid #dee2e6;background:#fff;color:#6c757d;border-radius:4px;cursor:pointer;font-size:11px;display:flex;align-items:center;justify-content:center;padding:0}
.seq10 .cell:hover{background:#e7f1ff}
.seq10 .cell.on{background:#0d6efd;border-color:#0d6efd;color:#fff;font-weight:600}

/* 토글 버튼 그룹(시간/요일/OS/기기/브라우저) */
.tg{padding:5px 10px;border:1px solid #ced4da;background:#fff;color:#495057;border-radius:6px;cursor:pointer;font-size:12px}
.tg:hover{border-color:#86b7fe}
.tg.on{background:#0d6efd;border-color:#0d6efd;color:#fff}

/* 마스터 목록 */
.list-scroll{max-height:78vh;overflow:auto}
.list-scroll thead th{position:sticky;top:0;background:#f8f9fa;z-index:2;white-space:nowrap}
.tagid{font-family:ui-monospace,monospace;font-size:13px;color:#6c757d}
.seqsum{font-family:ui-monospace,monospace;font-size:13px}

/* 편집 드로어 */
#editDrawer{width:480px}
@media(max-width:520px){#editDrawer{width:100%}}
.fld-label{font-size:12px;color:#6c757d;width:64px;flex:none}

/* 표 가독성: 글자·여백 키움 */
.list-scroll table{font-size:15px}
.list-scroll th,.list-scroll td{padding:10px 12px}
.list-scroll thead th{font-size:14px}
.list-scroll .badge{font-size:12px}

/* 기본/평일·주말 설정 표시 dot (가운데·원형·클릭) */
.set-cell{text-align:center}
.set-dot{display:inline-block;width:18px;height:18px;border-radius:50%;border:1px solid #ced4da;background:#e9ecef;vertical-align:middle;transition:.15s}
.set-dot.on{background:#198754;border-color:#157347}
.set-cell:hover .set-dot{border-color:#0d6efd;box-shadow:0 0 0 3px rgba(13,110,253,.15)}
.r-state{font-size:11px}
.r-state.ok{color:#198754}.r-state.err{color:#dc3545}.r-state.pending{color:#6c757d}

/* 비활성(inactive) 영역 행: 흐리게 표기 */
.plc-inactive td{opacity:.55}
.plc-inactive td:nth-child(5){opacity:1}