/* 청구서 만들기 POC */
.iv-req{color:var(--color-ds-danger,#e53e3e)}
.iv-select{position:relative;display:block}
.iv-select select{width:100%;height:48px;padding:0 34px 0 14px;border:1px solid var(--color-ds-line-default,#cdd2da);border-radius:8px;background:#fff;font-size:14px;color:var(--color-ds-ink,#111);appearance:none;cursor:pointer;outline:0;text-overflow:ellipsis}
.iv-select::after{content:"";position:absolute;right:13px;top:50%;width:7px;height:7px;border-right:1.6px solid #555;border-bottom:1.6px solid #555;transform:translateY(-70%) rotate(45deg);pointer-events:none}
.iv-select select:focus{border-color:var(--color-ds-primary,#735df1)}
.iv-select.is-empty select{border-color:var(--color-ds-danger,#e53e3e);color:var(--color-ds-ink-tertiary,#919191)}

.iv-tb-btn{border-color:#00998a40!important;background:var(--color-ds-success-surface,#e7f4f2)!important;color:var(--color-ds-success,#009a88)!important}
.iv-tb-btn:hover{border-color:var(--color-ds-success,#009a88)!important}
.iv-tb-btn svg{margin-right:4px}

.iv-books{margin-top:4px;padding:14px 16px;border-radius:12px;border:1px solid var(--color-ds-line-subtle,#e2e5ea);background:var(--color-ds-surface-muted,#f7f8fa)}
.iv-books[hidden]{display:none}
.iv-books-head{display:flex;align-items:center;gap:10px;margin-bottom:12px}
.iv-books-head b{font-size:14px}
.iv-books-head span{font-size:12px;color:var(--color-ds-ink-secondary,#555)}
.iv-books-head em{font-style:normal;font-weight:700;color:var(--color-ds-success,#009a88)}
.iv-edit{margin-left:auto;height:30px;padding:0 12px;border-radius:8px;border:1px solid var(--color-ds-line-default,#cdd2da);background:#fff;font-size:12px;font-weight:600;color:var(--color-ds-ink,#111);cursor:pointer}
.iv-edit:hover{border-color:var(--color-ds-primary,#735df1);color:var(--color-ds-primary,#735df1)}
.iv-books-grid{display:flex;flex-wrap:wrap;gap:14px 12px;padding-top:6px}
.iv-book{width:76px}
.iv-books-grid .tp-add{width:76px;height:101px;aspect-ratio:auto}
.iv-book-title{margin-top:6px;font-size:12px;font-weight:600;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.iv-book-price{margin-top:2px;font-size:12px;font-weight:700;color:var(--color-ds-ink,#111)}
.iv-book-price s{display:block;font-weight:500;font-size:11px;color:var(--color-ds-ink-tertiary,#919191)}
/* 필수값 미입력: 제목과 같은 빨간 테두리 */
.iv-invalid{border-color:var(--color-ds-danger,#e53e3e)!important}
.iv-select select{font-weight:500}

/* 표 추가항목: 교재별 개별 항목 */
.iv-cell{flex-direction:column!important;gap:6px}
.iv-items{display:flex;flex-direction:column;align-items:center;gap:4px;width:100%}
.iv-item{display:flex;flex-direction:column;align-items:center;gap:2px;max-width:100%;padding:5px 10px;border-radius:6px;background:var(--color-ds-primary-surface,#eef)}
.iv-item small{max-width:120px;font-size:11px;color:var(--color-ds-ink-secondary,#555);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.iv-item b{font-size:13px;font-weight:600;color:var(--color-ds-primary,#735df1)}
/* 청구서 정보 2줄 공통 4열: 제목·수강료 칸을 넓게, 나머지 3칸은 위아래 세로선 일치 */
.iv-row{grid-template-columns:1.7fr 1fr 1fr 1fr!important}
.iv-row>*{grid-column:auto!important}
.iv-row>.iv-btns{grid-column:span 3!important}
.iv-item{position:relative}
.iv-item-x{position:absolute;top:-6px;right:-6px;display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:999px;border:1px solid var(--color-ds-line-default,#cdd2da);background:#fff;color:var(--color-ds-ink-secondary,#555);font-size:12px;line-height:1;cursor:pointer}
.iv-item-x:hover{color:var(--color-ds-danger,#e53e3e);border-color:var(--color-ds-danger,#e53e3e)}