:root{
  --admin-side:#15314f; --admin-active:#356096;
  --tenant-side:#1e4d7b; --tenant-active:#3a6aa5;
  --primary:#2c70aa;
  --col-time:#1e4d7b; --col-channel:#de7d6b; --col-keyword:#ff9900; --col-link:#ea4335;
  --kw-text:#b25e00; --link-text:#1a73c2; --time-cell:#f4f7fc;
  --del-bg:#fbe9e7; --del-text:#c0392b; --del-border:#f0b7b0;
  --tg-off:#cfd8e6; --tg-on:#2c70aa; --tg-lock:#7ea3c8;
}
*{box-sizing:border-box;}
body{margin:0;font-family:"Segoe UI","Malgun Gothic",sans-serif;color:#39414d;background:#f4f7fb;font-size:14px;}
a{text-decoration:none;color:inherit;}
.shell{display:flex;min-height:100vh;}
.side{width:170px;color:#fff;padding:16px 12px;flex-shrink:0;}
body.admin .side{background:var(--admin-side);}
body.tenant .side{background:var(--tenant-side);}
.side .biz{font-weight:700;font-size:14px;margin-bottom:16px;border-bottom:1px solid rgba(255,255,255,.2);padding-bottom:12px;}
.side .mi{display:block;padding:9px 11px;border-radius:6px;margin-bottom:6px;opacity:.85;cursor:pointer;}
.side .mi:hover{opacity:1;}
body.admin .side .mi.on{background:var(--admin-active);opacity:1;font-weight:600;}
body.tenant .side .mi.on{background:var(--tenant-active);opacity:1;font-weight:600;}
.side .sep{height:1px;background:rgba(255,255,255,.22);margin:10px 6px;}
.side form.logout{margin-top:24px;}
.side form.logout button{all:unset;display:block;padding:9px 11px;border-radius:6px;opacity:.6;cursor:pointer;width:100%;}
.main{flex:1;padding:18px 22px;}
.head{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px;}
.head h2{margin:0;font-size:18px;color:var(--admin-side);}
.btn{background:var(--primary);color:#fff;border:none;border-radius:6px;padding:8px 14px;font-weight:600;cursor:pointer;}
.btn.sec{background:#e6ebf2;color:#34527a;}
.btn.del{background:var(--del-bg);color:var(--del-text);border:1px solid var(--del-border);}
.err{color:#c0392b;font-size:12px;margin:4px 0;}
.field{margin-bottom:10px;display:flex;flex-direction:column;gap:4px;}
.field label{font-size:12px;color:#5a6675;font-weight:600;}
.field input,.field select,.field textarea{padding:7px 9px;border:1px solid #cdd9ea;border-radius:6px;font-size:13px;}
/* 표 */
table{width:100%;border-collapse:collapse;background:#fff;border-radius:8px;overflow:hidden;}
th{background:#eef3fb;color:#34527a;padding:9px 8px;text-align:center;font-weight:600;border-bottom:2px solid #d6e0ef;font-size:12px;}
td{padding:9px 8px;border-bottom:1px solid #eef1f6;text-align:center;}
td.l,th.l{text-align:left;}
tr:nth-child(even) td{background:#fafbfe;}
.pw{letter-spacing:2px;color:#9aa6b6;}
/* 권한 토글 */
.tg{display:inline-block;width:38px;height:21px;border-radius:11px;background:var(--tg-off);position:relative;border:none;cursor:pointer;vertical-align:middle;}
.tg.on{background:var(--tg-on);}
.tg.lock{background:var(--tg-lock);cursor:not-allowed;}
.tg::after{content:"";position:absolute;top:2px;left:2px;width:17px;height:17px;border-radius:50%;background:#fff;transition:left .12s;}
.tg.on::after{left:19px;}
.lockmark{font-size:10px;color:var(--tg-lock);margin-left:3px;}
/* 요일 그리드 */
.daybar{display:flex;align-items:center;justify-content:space-between;padding:10px 4px;}
.days{display:flex;gap:5px;flex-wrap:wrap;}
.day{padding:6px 13px;border-radius:6px;background:#dde6f2;color:#34527a;font-weight:600;cursor:pointer;}
.day.on{background:var(--primary);color:#fff;}
.sheet-toggle{display:flex;gap:6px;margin:6px 0;}
.sheet-toggle .day.on{background:var(--tenant-side);}
.grid th.c-time{background:var(--col-time);color:#fff;}
.grid th.c-channel{background:var(--col-channel);color:#fff;}
.grid th.c-keyword{background:var(--col-keyword);color:#fff;}
.grid th.c-link{background:var(--col-link);color:#fff;}
.grid th.c-url,.grid td.c-url{text-align:center;width:46px;}
.grid th.c-url{background:#6b7a90;color:#fff;}
.grid td.c-url input{width:auto;cursor:pointer;}          /* 체크박스: 셀 전체폭 input 규칙 무효화 */
.grid th.c-sub,.grid td.c-sub{text-align:center;width:46px;}
.grid th.c-sub{background:#6b7a90;color:#fff;}
.grid td.c-sub input{width:auto;cursor:pointer;}          /* 자막 체크박스도 동일(그동안 규칙 누락으로 셀 전체폭이었음) */
.grid input.url-dim{opacity:.4;}                          /* URL 체크 행: 키워드 칸 흐림(미사용 안내) */
.grid td input{width:100%;border:1px solid transparent;background:transparent;padding:5px;border-radius:4px;}
.grid td input:focus{border-color:#cdd9ea;background:#fff;}
.grid td.t{background:var(--time-cell);}
.grid td.t input{font-weight:700;color:var(--col-time);text-align:center;}
.row-del{all:unset;cursor:pointer;color:#aab3c0;}
/* 토스트 */
.toast{position:fixed;right:18px;bottom:18px;background:#1e4d7b;color:#fff;padding:11px 16px;border-radius:8px;box-shadow:0 4px 14px rgba(0,0,0,.18);}
.card{background:#fff;border:1px solid #e3e9f1;border-radius:8px;padding:16px;max-width:520px;}
.login-wrap{display:flex;align-items:center;justify-content:center;min-height:100vh;}
.login-card{background:#fff;border-radius:10px;padding:28px;width:320px;box-shadow:0 6px 22px rgba(20,40,70,.12);}
.login-card h2{margin:0 0 16px;color:var(--tenant-side);text-align:center;}
/* 오늘 날짜 라벨(KST) */
.head .today{font-size:13px;color:var(--tenant-side);font-weight:600;background:#eaf2fb;border:1px solid #cfe0f3;padding:5px 11px;border-radius:14px;white-space:nowrap;}
/* 오늘 요일 탭 강조 */
.day.today{box-shadow:inset 0 0 0 2px var(--tenant-active);}
.day.on.today{box-shadow:inset 0 0 0 2px #fff;}
/* 읽기전용 시간 셀 */
.grid td.t{background:var(--time-cell);font-weight:700;color:var(--col-time);white-space:nowrap;}
/* 빠른 추가 패널 */
.quick-add{display:flex;align-items:center;gap:8px;flex-wrap:wrap;background:#eef3fb;border:1px solid #d6e0ef;border-radius:8px;padding:10px 12px;margin:4px 0 12px;}
.quick-add .qa-label{font-weight:700;color:var(--tenant-side);font-size:13px;}
.quick-add select,.quick-add input{padding:7px 9px;border:1px solid #cdd9ea;border-radius:6px;font-size:13px;background:#fff;}
.quick-add input{flex:1;min-width:120px;}
.quick-add select{min-width:92px;font-weight:600;color:var(--col-time);}
/* 그리드 안내 */
.grid-hint{font-size:11px;color:#8893a3;margin:8px 2px 0;}
/* 실시간 동기화: 편집 중 타인 변경 감지 배너(app.js가 hidden 토글) */
.grid-stale{background:#fff6e5;border:1px solid #ffe0a3;color:#8a6d3b;border-radius:6px;
  padding:8px 10px;margin:4px 0 8px;font-size:13px;font-weight:600;}
.grid-stale[hidden]{display:none;}   /* author 규칙이 hidden을 덮지 않게 명시 */
/* 채널 관리 */
.ch-add{display:flex;align-items:center;gap:10px;flex-wrap:wrap;}
.ch-add input[name=name]{padding:7px 9px;border:1px solid #cdd9ea;border-radius:6px;font-size:13px;min-width:150px;}
.palette{display:inline-flex;gap:6px;flex-wrap:wrap;}
.swatch{width:26px;height:26px;border-radius:6px;border:1px solid rgba(0,0,0,.12);cursor:pointer;position:relative;}
.swatch input{position:absolute;inset:0;opacity:0;margin:0;cursor:pointer;}
.swatch:has(input:checked){outline:3px solid var(--tenant-active);outline-offset:1px;}
.ch-list{margin-top:0;}
.ch-list td{text-align:left;}
.ch-list form{display:inline;}
.ch-dot{display:inline-block;width:18px;height:18px;border-radius:5px;border:1px solid rgba(0,0,0,.12);vertical-align:middle;}
.ch-name{font-weight:600;color:#34527a;}
/* 주의사항 리치텍스트 편집기 */
.rte-toolbar{display:flex;gap:6px;align-items:center;flex-wrap:wrap;padding:6px;background:#f4f7fb;border:1px solid #cdd9ea;border-bottom:none;border-radius:6px 6px 0 0;}
.rte-toolbar .btn{padding:4px 9px;}
.rte-toolbar select{padding:5px 7px;border:1px solid #cdd9ea;border-radius:5px;font-size:13px;background:#fff;}
.rte-colorwrap{display:inline-flex;align-items:center;gap:3px;font-size:14px;cursor:pointer;}
.rte-color{width:30px;height:24px;border:1px solid #cdd9ea;border-radius:4px;padding:0;background:none;cursor:pointer;}
.rte-editor{min-height:180px;max-height:420px;overflow:auto;border:1px solid #cdd9ea;border-radius:0 0 6px 6px;padding:10px 12px;font-size:14px;line-height:1.6;background:#fff;}
.rte-editor:focus{outline:2px solid var(--tenant-active);outline-offset:-2px;}
.notice-body{line-height:1.7;}
/* 드래그 다중선택 */
.grid td.sel{box-shadow:inset 0 0 0 2px var(--tenant-active);background:rgba(58,106,165,.08);}
.grid td[data-col]{cursor:cell;}                 /* 스프레드시트식 셀 커서 */
.grid td[data-col]:focus{outline:none;}          /* tabindex 포커스 링 숨김(.sel이 선택 표시) */
.grid td.sel input{cursor:cell;}                 /* 선택(비편집) 상태 input은 텍스트 커서 아님 */
.grid td.sel input:focus{cursor:text;}           /* 편집 진입 시 텍스트 커서 */
/* 채널 커스텀 드롭다운(콤보: 등록 채널 선택 + 자유입력) */
.grid td[data-col=channel]{position:relative;}
.grid td[data-col=channel] input{padding-right:26px;}
.ch-combo{position:relative;display:inline-flex;align-items:center;flex:1;min-width:120px;}
.ch-combo input{padding-right:26px;}
.ch-caret{position:absolute;right:2px;top:50%;transform:translateY(-50%);font-size:13px;color:#8893a3;cursor:pointer;padding:2px 5px;border-radius:4px;line-height:1;z-index:2;background:transparent;}
.ch-caret:hover{color:#fff;background:var(--tenant-active);}
/* 칩 배경은 셀 hover/선택 시에만(144행 상시 표시 노이즈 방지, 구글시트식). 글리프(▾)는 상시 보임. */
.grid td[data-col=channel]:hover .ch-caret,.grid td[data-col=channel].sel .ch-caret{color:var(--tenant-side);background:#eaf1fb;}
.grid td[data-col=channel] .ch-caret:hover{color:#fff;background:var(--tenant-active);}
.ch-dd{position:absolute;z-index:60;background:#fff;border:1px solid #cdd9ea;border-radius:7px;box-shadow:0 6px 20px rgba(20,40,70,.16);max-height:300px;max-width:380px;overflow:auto;padding:5px;}
.ch-dd-item{display:flex;align-items:center;gap:9px;padding:9px 13px;border-radius:6px;cursor:pointer;font-size:13.5px;white-space:nowrap;}
.ch-dd-item:hover,.ch-dd-item.hl{background:#eef3fb;}
.ch-dd-item.cur{font-weight:700;}
.ch-dd-sw{width:18px;height:18px;border-radius:5px;border:1px solid rgba(0,0,0,.12);flex-shrink:0;}
.ch-dd-lbl{color:#34527a;min-width:0;overflow:hidden;text-overflow:ellipsis;}
.ch-dd-empty{padding:11px 13px;color:#8893a3;font-size:12px;}
body.grid-selecting{user-select:none;-webkit-user-select:none;cursor:cell;}
body.grid-selecting .grid td input{pointer-events:none;}