/* Refund builds on the installed Checklist + Combine + Locker design system. */
.garam-refund-page #refundSelectionSummary {
    margin:0;color:var(--check-accent);font-size:14px;font-weight:850;
}
.garam-refund-page .refund-card-tile.is-selected .combine-selected-overlay{opacity:1;visibility:visible}
.garam-refund-page .refund-card-tile.is-selected{border-color:var(--check-accent);box-shadow:0 0 0 2px var(--check-accent)}
/* Photocard caption bottom row: instance ID left, refund value right.
   No colored pill or backdrop; keep the same Garamies image. */
.garam-refund-page .refund-card-tile .refund-card-footer {
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:7px;
    width:100%;
    min-width:0;
    margin-top:auto;
    overflow:visible;
    white-space:normal;
    text-overflow:clip;
}
.garam-refund-page .refund-card-footer .combine-card-code {
    flex:1 1 auto;
    min-width:0;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    font-size:11px;
}
.garam-refund-page .refund-card-footer .refund-price-badge {
    position:static;
    display:inline-flex;
    align-items:center;
    flex:0 0 auto;
    margin-left:auto;
    padding:0;
    background:none;
    border:0;
    box-shadow:none;
    border-radius:0;
    color:var(--check-ink);
    font-size:11px;
    font-weight:850;
    line-height:1.2;
    font-variant-numeric:tabular-nums;
}
body .refund-fab .combine-fab-icon{font-size:23px}
body .refund-fab .refund-fab-caption{font-size:13px;font-weight:850}
body .refund-drawer .refund-drawer-price,
body .refund-modal .refund-entry-payout{
    color:var(--garam-dark-text,var(--check-accent));
    font-weight:850;font-size:12px;
    font-variant-numeric:tabular-nums;
}
body .refund-drawer .refund-drawer-price {display:block;margin-top:3px}
body .refund-modal .refund-entry-payout{display:inline-block;width:fit-content;
    border-radius:8px;padding:5px 8px;background:var(--garam-dark-panel,var(--check-soft));
    border:1px solid var(--garam-dark-border,var(--check-border));}
body .refund-modal .refund-total-panel{
    display:flex;justify-content:space-between;align-items:center;gap:15px;
    border-radius:15px;padding:13px 16px;margin:15px 0 4px;
    background:var(--garam-dark-raised,var(--check-soft));
    border:1px solid var(--garam-dark-border,var(--check-border));
}
body .refund-modal .refund-total-panel span{font-size:13px;font-weight:750;color:var(--garam-dark-muted,var(--check-muted))}
body .refund-modal .refund-total-panel strong{color:var(--garam-dark-text,var(--check-accent));font-size:clamp(15px,3vw,19px);
    font-variant-numeric:tabular-nums;text-align:right;}
body .refund-modal #refundSuccessAmount{font-weight:850;font-size:16px;color:var(--check-accent);margin:0 0 18px}
body .refund-modal .locker-modal-done{text-align:center;padding:10px 0}
body .refund-modal .locker-modal-done[hidden],
body .refund-modal .locker-modal-list[hidden],
body .refund-modal .refund-total-panel[hidden],
body .refund-modal .locker-modal-pagination[hidden],
body .refund-modal #refundModalIntro[hidden] {display:none!important}
body .refund-modal .combine-modal-actions[hidden]{display:none!important}
body .refund-modal .locker-modal-pagination{display:flex;justify-content:center;align-items:center;gap:10px;margin-top:19px}
.garam-refund-page #refundPageDisplay,
body .refund-modal #refundModalPageDisplay {
    min-width:90px;text-align:center;font-weight:750;font-variant-numeric:tabular-nums;
    color:var(--garam-dark-text,var(--garam-c-155a8d,#155a8d));
}
body .refund-modal .combine-modal-panel{width:min(760px,100%);max-height:min(92dvh,950px)}
body .refund-modal .combine-modal-heading{width:auto;box-sizing:border-box}
body .refund-modal .locker-modal-entry{min-width:0}
body #refundResultDone.checklist-button.checklist-button-primary {
    display:inline-flex;align-items:center;justify-content:center;gap:7px;
    min-height:42px;padding:9px 15px;border-radius:13px;
    font:inherit;font-size:13px;font-weight:700;cursor:pointer;
    border:1px solid var(--garam-c-0764a6,#0764a6);
    background:var(--garam-c-087cce,#087cce);color:#fff;
    box-shadow:0 4px 0 var(--garam-c-075a91,#075a91);
}
body #refundResultDone:hover:not(:disabled){filter:brightness(.95)}
body #refundResultDone:active{transform:translateY(1px)}
@media(max-width:700px){
  .garam-refund-page #refundClearSelected{grid-column:1/-1}
  body .refund-modal .refund-total-panel{padding:11px 12px}
  body .refund-modal .locker-modal-list{grid-template-columns:1fr}
  body .refund-modal .combine-modal-heading h2{text-align:left}
}
@media(max-width:540px){
  body .refund-modal .locker-modal-pagination{gap:5px}
  .garam-refund-page #refundPageDisplay,
  body .refund-modal #refundModalPageDisplay{min-width:61px}
  body .refund-modal .locker-modal-pagination .garam-button{padding:9px 11px}
}

/* Centered refund error reuses Combine's nonblocking red warning component.
   The transparent full-screen host has pointer-events:none, so the page is
   never dimmed or blocked; only the alert panel itself is interactive. */
body .refund-error-alert { background:transparent !important;pointer-events:none; }
body .refund-error-alert .combine-idol-alert-panel { pointer-events:auto; }


/* Consistent Garamies currency: number first, actual Garamies image second. */
.refund-coin-value {
    display:inline-flex;
    align-items:center;
    justify-content:inherit;
    gap:4px;
    white-space:nowrap;
    vertical-align:middle;
    color:inherit;
    font-size:inherit;
    font-weight:inherit;
    font-variant-numeric:tabular-nums;
}
.refund-coin-value .refund-coin-image {
    display:inline-block;
    width:1.2em;
    height:1.2em;
    max-width:none;
    object-fit:contain;
    flex:none;
    vertical-align:middle;
}
/* Refund total's generic span rule is for the label, not its currency value. */
body .refund-modal .refund-total-panel strong .refund-coin-value {
    color:inherit;
    font-size:inherit;
    font-weight:inherit;
}