.lio-pending-cancellation__order {
    box-sizing: border-box;
    min-width: 0;
    margin: 16px 0;
    padding: 20px;
    border: 1px solid #eadcdd;
    border-right: 4px solid #991b1b;
    border-radius: 14px;
    background: #fff;
    box-shadow: 0 5px 18px rgb(49 24 27 / 5%);
}

.lio-pending-cancellation__order > * { min-width: 0; }
.lio-pending-cancellation__order h3 { margin: 0 0 12px; color: #321b20; }
.lio-pending-cancellation__card-form { margin-top: 14px; }
.lio-pending-cancellation__card-form > summary {
    display: flex;
    min-height: 48px;
    box-sizing: border-box;
    align-items: center;
    justify-content: center;
    padding: 10px 16px;
    border-radius: 10px;
    background: #991b1b;
    color: #fff;
    cursor: pointer;
    font-weight: 700;
    list-style-position: inside;
}
.lio-pending-cancellation__card-form[open] > summary { margin-bottom: 18px; }
.lio-pending-cancellation__card-form form { display: grid; min-width: 0; gap: 10px; }
.lio-pending-cancellation__card-form label { color: #321b20; font-weight: 600; }
.lio-pending-cancellation__card-form input[type="text"] {
    box-sizing: border-box;
    width: 100%;
    min-width: 0;
    min-height: 48px;
    padding: 10px 12px;
    border: 1px solid #c8babc;
    border-radius: 9px;
    background: #fff;
    color: #21191a;
}
.lio-pending-cancellation__card-form input[name="pending_card_number"] { direction: ltr; text-align: left; font-variant-numeric: tabular-nums; }
.lio-pending-cancellation__card-form input:focus-visible,
.lio-pending-cancellation__card-form summary:focus-visible,
.lio-pending-cancellation__button:focus-visible { outline: 3px solid #a16207; outline-offset: 3px; }
.lio-pending-cancellation__card-form p { margin: 0 0 8px; color: #62585a; font-size: .92em; }
.lio-pending-cancellation__card-form .lio-pending-cancellation__consent { display: flex; min-height: 44px; align-items: center; gap: 10px; font-weight: 400; line-height: 1.7; }
.lio-pending-cancellation__consent input { flex: 0 0 20px; width: 20px; height: 20px; accent-color: #991b1b; }
.lio-pending-cancellation__button {
    box-sizing: border-box;
    width: 100%;
    min-width: 0;
    min-height: 48px;
    padding: 10px 16px;
    border: 0;
    border-radius: 10px;
    background: #991b1b;
    color: #fff;
    cursor: pointer;
    font: inherit;
    font-weight: 700;
}
.lio-pending-cancellation__button:hover { background: #7f1d1d; }
.lio-pending-cancellation__card-summary { direction: rtl; color: #62585a; }
.lio-pending-cancellation__result { padding: 12px 14px; border-radius: 10px; background: #f8f3f3; }

@media (max-width: 600px) {
    .lio-pending-cancellation__order { width: 100%; margin: 12px 0; padding: 16px; }
    .lio-pending-cancellation__card-form form { grid-template-columns: minmax(0, 1fr); }
    .lio-pending-cancellation__card-form input[type="text"] { max-width: 100%; }
}