/* UIV2 error — 이 파일은 해당 화면 카드(W) 한 명만 고친다. 모든 규칙은 .ui-v2 아래에만 */
/* UIV2 W5 (진영 D-1023-24): AI 영상 만들기(generate.js)의 멈춤·실패 카드 — E1~E6 · 15 만들기 실패 · 21 오늘 한도 다 씀.
   KRDS 오류 규칙: 무엇이 잘못됐는지 → 고치는 방법 → 남아 있는 것·쓴 돈 → 버튼(주 버튼은 15 의 '다시 만들기' 하나).
   색은 §7: 빨강·노랑은 상태 표시(카드 왼쪽 띠)에만, 면은 흰 카드. */
/* 시안 v2 는 밝은 화면만 있다(ui-v2.css color-scheme:light). 기기가 어두운 모드면 바깥 토큰이 어두운 값으로 바뀌어 카드 글자가 묻힌다 → 카드 안에서 v2 밝은 토큰을 다시 묶는다 */
html.ui-v2 .v2-err{--surface:#FFFFFF;--surface-2:#F7F8F9;--text-1:#1E2124;--text-2:#464C53;--text-3:#58616A;--border:#E6E8EA;--accent:#4F46E5;--accent-hover:#4338CA;--accent-soft:#EEF0FF;--on-accent:#FFFFFF;--danger:#C0362C;--warning:#9A5B00;color-scheme:light;background:var(--surface) !important}
html.ui-v2 .v2-err{position:relative;max-width:640px;margin:16px 0;padding:24px 24px 24px 28px;border-radius:var(--r-lg) !important;color:var(--text-1);overflow-wrap:anywhere;overflow:hidden}
html.ui-v2 .v2-err::before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--danger)}
html.ui-v2 .v2-err[data-e="E1"]::before,html.ui-v2 .v2-err[data-e="E2"]::before,html.ui-v2 .v2-err[data-e="E3"]::before,html.ui-v2 .v2-err[data-e="21"]::before{background:var(--warning)}
html.ui-v2 .v2-err-title{display:flex;align-items:center;gap:8px;margin:0 0 8px;font-size:22px;line-height:31px;font-weight:700;color:var(--text-1)}
html.ui-v2 .v2-err-what{margin:0 0 16px;font-size:17px;line-height:25.5px;font-weight:400;color:var(--text-2)}
html.ui-v2 .v2-err-label{margin:0 0 4px;font-size:13px;line-height:19.5px;font-weight:700;color:var(--text-3)}
html.ui-v2 .v2-err-fixes{margin:0 0 16px;padding:12px 16px 12px 36px;border-radius:var(--r-md);background:var(--surface-2);font-size:15px;line-height:22.5px;font-weight:400;color:var(--text-1)}
html.ui-v2 .v2-err-fixes li+li{margin-top:4px}
html.ui-v2 .v2-err-fact{display:flex;gap:12px;margin:0;padding:8px 0;border-top:1px solid var(--border);font-size:15px;line-height:22.5px}
html.ui-v2 .v2-err-fact span{flex:none;width:88px;font-size:13px;line-height:22.5px;color:var(--text-3)}
html.ui-v2 .v2-err-fact b{min-width:0;font-weight:500;color:var(--text-1)}
html.ui-v2 .v2-err-act{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}
html.ui-v2 .v2-err-act:empty{display:none}
html.ui-v2 .v2-err-act .btn{height:48px;margin:0 !important;padding:0 20px;display:inline-flex;align-items:center;font-size:15px;line-height:22.5px}
/* E5 보내기 실패 줄 · 진행 목록의 실패 줄 — 상자 대신 빨간 글자 한 줄(노란 상자를 겹쳐 띄우지 않는다 §8-4) */
html.ui-v2 [data-testid="progress"] .warn,html.ui-v2 p.warn[data-e="E5"]{background:var(--danger-soft);color:var(--danger);border-radius:var(--r-sm);font-size:13px;line-height:19.5px;font-weight:700}
html.ui-v2 [data-testid="progress"] .warn{background:transparent;padding:0}
@media (max-width:767px){
  html.ui-v2 .v2-err{padding:20px 16px 20px 20px}
  html.ui-v2 .v2-err-fact{flex-direction:column;gap:0}
  html.ui-v2 .v2-err-act .btn{flex:1 1 100%;justify-content:center}
}
