/* Cancellation lookup, agreement card and history. */
.cancellation-columns {display:grid;grid-template-columns:minmax(0,3fr) minmax(0,2fr);gap:40px;align-items:start}
.cancellation-columns>* {min-width:0}
.cancellation-lookup {width:100%;margin:0}
.cancellation-lookup>label {margin:0 0 14px;font-size:14px}
.cancellation-case-boxes {display:grid;grid-template-columns:repeat(6,minmax(0,48px));gap:10px}
.cancellation-case-boxes input {min-width:0;min-height:56px;height:56px;padding:8px 2px;font-size:24px;font-weight:700;text-align:center;font-variant-numeric:tabular-nums;border-radius:10px}
.cancellation-agreement {padding:24px;border:1px solid #287b68;border-radius:18px;background:#003e37}
.cancellation-agreement h2 {margin:0 0 18px;font-size:19px;line-height:1.4}
.cancellation-agreement p {margin:12px 0;font-size:14px}
.cancellation-agreement p:last-child {margin-bottom:0}
.cancellation-history {margin-top:24px;overflow-x:auto}
.cancellation-history table {width:100%;border-collapse:collapse;text-align:left}
.cancellation-history th {padding:0 18px 14px;color:#9ec6bb;font-size:13px;font-weight:500}
.cancellation-history td {padding:20px 18px;border-top:1px solid #287b68;font-size:14px;line-height:1.5}
.cancellation-history td:first-child {font-weight:700}
.cancellation-status {display:inline-block;padding:6px 12px;border:1px solid #287b68;border-radius:20px;color:#bffbe6}
.cancellation-example {display:block;margin-top:4px;font-size:12px;font-weight:400;color:#9ec6bb}
@media(max-width:900px) {
  .cancellation-columns {grid-template-columns:minmax(0,1fr);gap:28px}
}
@media(max-width:600px) {
  .cancellation-case-boxes {gap:8px}
  .cancellation-case-boxes input {min-height:50px;height:50px;font-size:22px}
  .cancellation-agreement {padding:20px}
  .cancellation-history table,.cancellation-history tbody {display:block}
  .cancellation-history thead {position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
  .cancellation-history tr {display:block;padding:16px 0;border-top:1px solid #287b68}
  .cancellation-history td {display:block;padding:6px 0;border:0;font-size:13px;overflow-wrap:anywhere}
  .cancellation-history td::before {content:attr(data-label);display:block;margin-bottom:4px;color:#9ec6bb;font-size:12px;font-weight:500}
  .cancellation-status {padding:5px 8px}
}