/* ================= BASE ================= */
.billing-table {
  width: 100%;
  font-family: Arial;
  color: #0a0a0a;
  background: #ffffff;
}

/* ================= CONTAINER ================= */
.billing-container {
  max-width: 828px;
  margin: 0 auto;
}

/* ================= SECTION SPACING ================= */
.billing-section {
  margin-bottom: 40px;
}

/* ================= TITLE ================= */
.billing-title {
  background: #6b2c91;
  color: #ffffff;

  font-size: 16px;
  font-weight: 700; /* ? correct */
  line-height: 24px;

  display: flex;
  align-items: center;

  padding: 8.5px 13px;
  border: 1px solid #5e2273;
  border-bottom: none;
}

/* ================= TABLE ================= */
.billing-table table {
  width: 100%;
  border-collapse: collapse;
  border: 1px solid #5e2273;
}

/* ================= HEADER ================= */
.billing-head th {
  background: #f4e8f7;

  padding: 13px 13px;

  font-size: 16px;
  font-weight: 700; /* ? correct */
  line-height: 24px;

  border: 1px solid #5e2273;
  text-align: left;
}

/* Center Code header */
.billing-head th:first-child {
  text-align: center;
}

/* ================= CELLS ================= */
.billing-table td {
  padding: 8px 13px;

  font-size: 16px;
  font-weight: 400; /* ? correct */
  line-height: 24px;

  border: 1px solid #5e2273;
  vertical-align: middle;
}

/* ================= CODE COLUMN ================= */
.billing-code {
  background: #fff1c7;

  width: 143px;
  text-align: center;

  font-weight: 400; /* ? correct */
}

/* ================= STACK ================= */
.stack {
  display: flex;
  flex-direction: column;
}

/* ================= FULL-WIDTH DIVIDER ================= */
.stack-divider > div {
  padding: 0;
  position: relative;
}

/* Divider spans full cell width (matches Figma) */
.stack-divider > div + div::before {
  content: "";
  position: absolute;
  top: 0;
  left: -13px;
  right: -13px;
  height: 0.5px;
  background: #5e2273;
}

/* ================= MOBILE ================= */
@media (max-width: 768px) {
  .billing-container {
    padding: 0;
  }

  .billing-title {
    height: auto;
    padding: 9px 13px;
  }

  .billing-code {
    width: 143px;
  }
  .last-table .billing-title.last-table-title .sub-title {
    font-size: 14px !important;
  }
}
/* ================= FOR LAST Table ================= */
.last-table .billing-title.last-table-title {
  display: table-cell;
}
.last-table th:nth-child(1),
.last-table td:nth-child(1) {
  width: 120px;
}
.last-table .billing-title.last-table-title .sub-title {
  color: #ffffff;
  font-size: 16px;
  line-height: 24px;
  font-weight: 700;
}
.last-table .billing-title.last-table-title.first-cell {
  border-right-color: rgb(255, 255, 255);
}