/* 기타 매체 입력(ETC) 페이지 전용 스타일 */
/* 미디어별 탭(실적 데이터) */
.etc-mtabs{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-bottom:10px}
.etc-mtabs button{display:inline-flex;align-items:center;gap:6px;height:32px;padding:0 12px;border-radius:9px;border:1px solid var(--cv-btn-border);background:#fff;font-size:12.5px;font-weight:600;color:#4b5563;cursor:pointer;transition:background .12s,border-color .12s}
.etc-mtabs button:hover{background:#f6f8fb}
.etc-mtabs button.on{background:#ffe6e2;border-color:#ffbcb4;color:#1f2937}
.etc-mtabs .cnt{font-size:10.5px;font-weight:700;color:#94a3b8;background:#f1f3f6;border-radius:999px;padding:1px 6px}
.etc-mtabs button.on .cnt{color:#475569;background:#fff}

/* 선택 매체 한 줄 요약 스트립 */
.etc-tabsum{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-bottom:10px;padding:9px 14px;border-radius:10px;background:#f8fafc;border:1px solid #eef1f5;font-size:12.5px;color:#64748b}
.etc-tabsum b{color:#1f2937;font-weight:700}
.ts-label{font-weight:800;color:#334155;font-size:13px}
.ts-dot{width:3px;height:3px;border-radius:50%;background:#cbd5e1}
.ts-cost{color:#1f2937 !important}
.ts-burn{color:#1e9155;font-weight:600;margin-left:2px}

.etc-drop{border:1.5px dashed #cfd9ec;background:#fbfcfe;transition:.15s}
.etc-drop.is-drag{border-color:var(--brand);background:#eef5ff}
.etc-drop-icon{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:11px;background:#fff2f1;color:var(--brand);flex:none}
.etc-plat{display:inline-flex;align-items:center;height:20px;padding:0 8px;border-radius:6px;background:#fff2f1;color:var(--brand);font-size:11px;font-weight:700;white-space:nowrap}
.etc-warn{color:#b45309;background:#fef3c7;border-radius:4px;padding:0 4px}
/* 왼쪽 행번호 거터 — 호버 시 삭제 ×(엑셀 행 헤더 느낌) */
.etc-gutter{background:#fafbfc}
.etc-rownum{color:#c1c7d0;font-size:11px}
.etc-gdel{display:none;color:#dc2626;cursor:pointer;font-size:15px;font-weight:700;line-height:1}
.tabulator-row:hover .etc-rownum{display:none}
.tabulator-row:hover .etc-gdel{display:inline}
.etc-setup-tbl{width:100%;border-collapse:collapse;font-size:12.5px}
.etc-setup-tbl th{text-align:left;color:#8a94a5;font-weight:600;font-size:11px;padding:5px 10px;border-bottom:1px solid #eef0f3;white-space:nowrap}
.etc-setup-tbl th.r,.etc-setup-tbl td.r{text-align:right}
.etc-setup-tbl td{padding:6px 10px;border-bottom:1px solid #f4f5f7;color:#374151;white-space:nowrap}
.etc-badge{display:inline-flex;height:18px;align-items:center;padding:0 7px;border-radius:999px;font-size:10.5px;font-weight:600;background:#f4f5f7;color:#818a99}
.etc-badge.on{background:#e6f5ec;color:#1e9155}
.etc-modal-bg{position:fixed;inset:0;background:rgba(16,24,40,.45);display:flex;align-items:center;justify-content:center;z-index:70;padding:20px}
.etc-modal{background:#fff;border-radius:16px;width:100%;max-width:980px;box-shadow:0 24px 60px rgba(16,24,40,.28);display:flex;flex-direction:column;max-height:88vh}
.etc-step{font-size:12.5px;font-weight:700;color:#334155;margin-bottom:8px}
.etc-prev-tbl{width:100%;border-collapse:collapse;font-size:12px}
.etc-prev-tbl th{text-align:left;background:#f8fafc;color:#64748b;font-weight:600;padding:6px 10px;white-space:nowrap;border-bottom:1px solid #eef0f3}
.etc-prev-tbl th.r,.etc-prev-tbl td.r{text-align:right}
.etc-prev-tbl td{padding:6px 10px;border-bottom:1px solid #f4f5f7;color:#374151;white-space:nowrap}
.etc-prev-warn td{background:#fffbeb}
.etc-prev-warn td:nth-child(2),.etc-prev-warn td:nth-child(3){color:#b45309;font-weight:600}
.etc-toast{position:fixed;left:50%;bottom:28px;transform:translateX(-50%) translateY(12px);background:#1e293b;color:#fff;font-size:13px;font-weight:500;padding:10px 18px;border-radius:10px;box-shadow:0 12px 34px rgba(16,24,40,.28);opacity:0;pointer-events:none;transition:.18s;z-index:80}
.etc-toast.show{opacity:1;transform:translateX(-50%) translateY(0)}