/* KurTech ezPay 電子發票 — 客戶端
   沿用主題會員中心的深色語彙；欄位標籤不縮到 min-content（中文只有一個字寬） */

.kt-inv-block {
  margin: 22px 0 0;
  padding: 20px 22px;
  border: 1px solid var(--acc-line, rgba(255,255,255,.1));
  border-radius: 16px;
  background: rgba(255,255,255,.03);
}

.kt-inv-block__title {
  margin: 0 0 14px;
  font-size: 16px;
  font-weight: 800;
  line-height: 1.5;
  color: var(--acc-text, #f6f1ff);
  text-wrap: normal;
}

.kt-inv-block__list {
  margin: 0;
  padding: 0;
  list-style: none;
  font-size: 13.5px;
}

.kt-inv-block__list li {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 4px 14px;
  padding: 9px 0;
  border-bottom: 1px solid rgba(255,255,255,.06);
}

.kt-inv-block__list li:last-child { border-bottom: 0; }

.kt-inv-block__list span {
  flex: 0 0 auto;
  min-width: 88px;
  white-space: nowrap;
  color: rgba(246,241,255,.62);
}

.kt-inv-block__list b {
  flex: 1 1 auto;
  min-width: 0;
  font-weight: 700;
  color: var(--acc-text, #f6f1ff);
  word-break: break-all;
}

.kt-inv-block__note {
  margin: 14px 0 0;
  font-size: 12.5px;
  line-height: 1.85;
  color: rgba(246,241,255,.6);
  text-wrap: normal;
}


/* ---- 「付款與發票」分頁的歷史發票 ---- */

.kt-inv-history { margin: 34px 0 0; }

.kt-inv-history__title {
  margin: 0 0 6px;
  font-size: 18px;
  font-weight: 800;
  line-height: 1.5;
  color: var(--acc-text, #f6f1ff);
  text-wrap: normal;
}

.kt-inv-history__empty,
.kt-inv-history__note {
  margin: 14px 0 0;
  max-width: 860px;
  font-size: 12.5px;
  line-height: 1.9;
  color: rgba(246,241,255,.6);
  text-wrap: normal;
}

.kt-inv-history__list {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
  gap: 14px;
  margin: 16px 0 0;
  padding: 0;
  list-style: none;
}

.kt-inv-card {
  display: flex;
  flex-direction: column;
  gap: 12px;
  padding: 18px 20px;
  border: 1px solid var(--acc-line, rgba(255,255,255,.1));
  border-radius: 16px;
  background: rgba(255,255,255,.03);
}

.kt-inv-card.is-voided { opacity: .8; }

.kt-inv-card__head {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px 10px;
}

.kt-inv-card__no {
  flex: 0 0 auto;
  white-space: nowrap;
  font-size: 17px;
  font-weight: 800;
  letter-spacing: .04em;
  color: var(--acc-text, #f6f1ff);
}

.kt-inv-card__tag {
  flex: 0 0 auto;
  white-space: nowrap;
  padding: 3px 10px;
  border-radius: 999px;
  border: 1px solid rgba(255,138,165,.4);
  background: rgba(255,138,165,.12);
  font-size: 11.5px;
  font-weight: 700;
  color: #ffb0d0;
}

.kt-inv-card__meta {
  display: flex;
  flex-direction: column;
  gap: 7px;
  margin: 0;
  font-size: 13px;
}

.kt-inv-card__meta > div {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 3px 12px;
}

.kt-inv-card__meta dt {
  flex: 0 0 auto;
  min-width: 72px;
  margin: 0;
  white-space: nowrap;
  font-weight: 400;
  color: rgba(246,241,255,.58);
}

.kt-inv-card__meta dd {
  flex: 1 1 auto;
  min-width: 0;
  margin: 0;
  font-weight: 600;
  color: var(--acc-text, #f6f1ff);
  word-break: break-all;
}

.kt-inv-card__links {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px 14px;
}

/* 主題把會員中心裡的 a 都做成按鈕（padding／邊框／底色），
   所以這裡要先拆回純文字連結，再只換顏色。 */
.kt-inv-card__links a,
.kt-inv-block__link a {
  display: inline !important;
  width: auto !important;
  min-height: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: none !important;
  box-shadow: none !important;
  font-size: 12.5px !important;
  font-weight: 700 !important;
  line-height: 1.7 !important;
  white-space: nowrap;
  text-decoration: none;
}

/* 兩個連結只用顏色區分：發票明細是主要動作（會離開本站），檢視訂單是次要 */
.kt-inv-link--invoice { color: #b89cff !important; }
.kt-inv-link--order { color: rgba(246,241,255,.6) !important; }

.kt-inv-card__links a:hover,
.kt-inv-block__link a:hover {
  text-decoration: underline;
  text-underline-offset: 3px;
}
.kt-inv-link--order:hover { color: var(--acc-text, #f6f1ff) !important; }

.kt-inv-nb { white-space: nowrap; }

.kt-inv-block__link { margin: 12px 0 0; }