/* Family Payments only. No display rules target checkout, staff views or navigation. */
.ik9-family-shell[data-ik9-family-shell] .ik9-family-payments {--ik9-pay-red:#bc1326;--ik9-pay-ink:#1b1e22;--ik9-pay-muted:#52606d;--ik9-pay-line:#d8dee5;max-width:100%;min-width:0;color:var(--ik9-pay-ink);}
.ik9-family-shell[data-ik9-family-shell] .ik9-family-payments * {box-sizing:border-box;}
.ik9-family-shell[data-ik9-family-shell] .ik9-family-payments .ik9-payments-heading {display:flex;gap:16px;align-items:flex-start;justify-content:space-between;margin:0 0 22px;}
.ik9-family-shell[data-ik9-family-shell] .ik9-family-payments .ik9-payments-heading h1 {font-size:30px;line-height:1.2;margin:0 0 8px;}
.ik9-family-shell[data-ik9-family-shell] .ik9-family-payments .ik9-payments-heading p {font-size:15px;color:var(--ik9-pay-muted);margin:0;line-height:1.5;}
.ik9-family-shell[data-ik9-family-shell] .ik9-family-payments .ik9-payments-refresh {display:inline-flex;align-items:center;justify-content:center;min-height:44px;flex:0 0 auto;font-size:14px;font-weight:650;line-height:1.4;color:#971022;padding:9px 12px;background:#fff;border:1px solid var(--ik9-pay-line);border-radius:8px;text-decoration:none;}
.ik9-family-shell[data-ik9-family-shell] .ik9-family-payments .ik9-payments-section {margin:0 0 24px;padding:0;min-width:0;}
.ik9-family-shell[data-ik9-family-shell] .ik9-family-payments .ik9-payments-section-heading {display:flex;flex-wrap:wrap;gap:8px 12px;align-items:center;justify-content:space-between;margin:0 0 10px;}
.ik9-family-shell[data-ik9-family-shell] .ik9-family-payments .ik9-payments-section-heading h2 {font-size:18px;line-height:1.4;margin:0;}
.ik9-family-shell[data-ik9-family-shell] .ik9-family-payments .ik9-payments-section-heading>span {font-size:13px;color:var(--ik9-pay-muted);background:#f2f4f7;border:1px solid var(--ik9-pay-line);border-radius:20px;padding:3px 9px;}
.ik9-family-shell[data-ik9-family-shell] .ik9-family-payments .ik9-payments-current-list {display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,380px),1fr));gap:14px;align-items:start;}
.ik9-family-shell[data-ik9-family-shell] .ik9-family-payments .ik9-payment-card {min-width:0;margin:0;padding:20px;border:1px solid var(--ik9-pay-line);border-radius:12px;background:#fff;box-shadow:0 3px 12px rgb(20 29 40 / 3%);}
.ik9-family-shell[data-ik9-family-shell] .ik9-family-payments .ik9-payment-card.is-due {border-top:3px solid var(--ik9-pay-red);}
.ik9-family-shell[data-ik9-family-shell] .ik9-family-payments .ik9-payment-card-heading {display:flex;align-items:flex-start;flex-wrap:wrap;gap:8px 12px;justify-content:space-between;}
.ik9-family-shell[data-ik9-family-shell] .ik9-family-payments .ik9-payment-card h3 {font-size:18px;line-height:1.4;margin:0;min-width:0;max-width:100%;font-weight:750;overflow-wrap:anywhere;}
.ik9-family-shell[data-ik9-family-shell] .ik9-family-payments .ik9-payment-badge {display:inline-flex;align-items:center;min-width:0;max-width:100%;font-size:12px;line-height:1.5;font-weight:700;border:1px solid #e9c0c8;border-radius:20px;background:#fff1f3;color:#9b1326;padding:3px 9px;white-space:normal;overflow-wrap:anywhere;}
.ik9-family-shell[data-ik9-family-shell] .ik9-family-payments .ik9-payment-badge.is-canceled {background:#edf0f4;color:#52606d;border-color:#d8dee5;}
.ik9-family-shell[data-ik9-family-shell] .ik9-family-payments .ik9-payment-badge.is-settled {background:#edf8f2;color:#205e44;border-color:#c6dfd0;}
.ik9-family-shell[data-ik9-family-shell] .ik9-family-payments .ik9-payment-badge:is(.is-paused,.is-pending,.is-authorized,.is-review) {background:#fff7e6;border-color:#ebd49d;color:#75520a;}
.ik9-family-shell[data-ik9-family-shell] .ik9-family-payments .ik9-payment-date {font-size:13px;line-height:1.5;color:var(--ik9-pay-muted);margin:7px 0 0;}
.ik9-family-shell[data-ik9-family-shell] .ik9-family-payments .ik9-payment-primary {display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px;margin:18px 0 12px;}
.ik9-family-shell[data-ik9-family-shell] .ik9-family-payments .ik9-payment-amount {min-width:0;max-width:100%;}
.ik9-family-shell[data-ik9-family-shell] .ik9-family-payments .ik9-payment-amount>span {display:block;font-size:14px;color:var(--ik9-pay-muted);font-weight:600;line-height:1.5;}
.ik9-family-shell[data-ik9-family-shell] .ik9-family-payments .ik9-payment-amount>strong {display:block;font-size:34px;line-height:1.2;font-weight:780;letter-spacing:-.02em;margin-top:4px;font-variant-numeric:tabular-nums;overflow-wrap:anywhere;}
.ik9-family-shell[data-ik9-family-shell] .ik9-family-payments a.ik9-payment-pay,
.ik9-family-shell[data-ik9-family-shell] .ik9-family-payments a.ik9-payment-pay:visited {display:inline-flex;align-items:center;justify-content:center;min-height:48px;max-width:100%;background:var(--ik9-pay-red);color:#fff;border:1px solid var(--ik9-pay-red);border-radius:9px;padding:12px 18px;font-size:16px;line-height:1.4;font-weight:750;text-decoration:none;}
.ik9-family-shell[data-ik9-family-shell] .ik9-family-payments a.ik9-payment-pay:hover {background:#9f1022;}
.ik9-family-shell[data-ik9-family-shell] .ik9-family-payments .ik9-payment-brief {font-size:13px;line-height:1.6;color:var(--ik9-pay-muted);margin:0 0 14px;}
.ik9-family-shell[data-ik9-family-shell] .ik9-family-payments .ik9-payment-details {margin:0;padding:0;border:0;border-top:1px solid var(--ik9-pay-line);background:transparent;}
.ik9-family-shell[data-ik9-family-shell] .ik9-family-payments .ik9-payment-details>summary {display:flex;justify-content:space-between;gap:12px;align-items:center;min-height:46px;padding:12px 0 0;font-weight:650;font-size:14px;line-height:1.4;color:#9b1326;cursor:pointer;list-style:none;}
.ik9-family-shell[data-ik9-family-shell] .ik9-family-payments summary::-webkit-details-marker {display:none;}
.ik9-family-shell[data-ik9-family-shell] .ik9-family-payments .ik9-payment-chevron {display:inline-block;width:8px;height:8px;flex:0 0 8px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg);margin:0 4px 4px;}
.ik9-family-shell[data-ik9-family-shell] .ik9-family-payments details[open]>summary .ik9-payment-chevron {transform:rotate(225deg);margin-top:5px;}
.ik9-family-shell[data-ik9-family-shell] .ik9-family-payments .ik9-payment-details-body {padding:10px 0 0;}
.ik9-family-shell[data-ik9-family-shell] .ik9-family-payments .ik9-payment-breakdown {display:block;margin:0;}
.ik9-family-shell[data-ik9-family-shell] .ik9-family-payments .ik9-payment-breakdown>div {display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:10px;padding:8px 0;border:0;border-bottom:1px solid #edf0f4;border-radius:0;background:transparent;min-width:0;}
.ik9-family-shell[data-ik9-family-shell] .ik9-family-payments .ik9-payment-breakdown dt {font-size:14px;line-height:1.5;font-weight:450;color:var(--ik9-pay-muted);margin:0;}
.ik9-family-shell[data-ik9-family-shell] .ik9-family-payments .ik9-payment-breakdown dd {font-size:14px;line-height:1.5;font-weight:650;color:var(--ik9-pay-ink);margin:0;text-align:right;font-variant-numeric:tabular-nums;overflow-wrap:anywhere;}
.ik9-family-shell[data-ik9-family-shell] .ik9-family-payments .ik9-payment-links {display:flex;flex-wrap:wrap;gap:4px 18px;margin:8px 0 0;}
.ik9-family-shell[data-ik9-family-shell] .ik9-family-payments .ik9-payment-links a {display:inline-flex;align-items:center;min-height:44px;color:#9b1326;text-decoration:underline;font-size:14px;font-weight:650;line-height:1.4;}
.ik9-family-shell[data-ik9-family-shell] .ik9-family-payments .ik9-payments-history-list {display:grid;gap:10px;}
.ik9-family-shell[data-ik9-family-shell] .ik9-family-payments .ik9-payment-history-item {border:1px solid var(--ik9-pay-line);border-radius:10px;background:#f9fafb;margin:0;padding:0;min-width:0;}
.ik9-family-shell[data-ik9-family-shell] .ik9-family-payments .ik9-payment-history-item>summary {display:flex;align-items:center;gap:14px;padding:16px;min-height:64px;cursor:pointer;list-style:none;}
.ik9-family-shell[data-ik9-family-shell] .ik9-family-payments .ik9-payment-history-copy {flex:1;min-width:0;}
.ik9-family-shell[data-ik9-family-shell] .ik9-family-payments .ik9-payment-history-copy>strong {display:block;font-size:15px;line-height:1.5;font-weight:700;overflow-wrap:anywhere;}
.ik9-family-shell[data-ik9-family-shell] .ik9-family-payments .ik9-payment-history-copy>span {display:block;color:var(--ik9-pay-muted);font-size:13px;line-height:1.5;margin-top:3px;}
.ik9-family-shell[data-ik9-family-shell] .ik9-family-payments .ik9-payment-history-end {display:flex;flex-direction:column;align-items:flex-end;gap:5px;min-width:0;max-width:45%;}
.ik9-family-shell[data-ik9-family-shell] .ik9-family-payments .ik9-payment-history-end small {font-size:12px;line-height:1.5;color:var(--ik9-pay-muted);text-align:right;}
.ik9-family-shell[data-ik9-family-shell] .ik9-family-payments .ik9-payment-history-content {padding:4px 16px 16px;}
.ik9-family-shell[data-ik9-family-shell] .ik9-family-payments .ik9-payments-notice {padding:12px 14px;border:1px solid #ead7aa;border-left:3px solid #9c6b0d;border-radius:8px;background:#fff9ec;color:#654915;font-size:14px;line-height:1.6;margin:12px 0;}
.ik9-family-shell[data-ik9-family-shell] .ik9-family-payments .ik9-payments-empty {padding:20px;border:1px solid var(--ik9-pay-line);border-radius:12px;background:#f7f8fa;margin:0 0 20px;}
.ik9-family-shell[data-ik9-family-shell] .ik9-family-payments .ik9-payments-empty h2 {font-size:20px;margin:0 0 8px;}
.ik9-family-shell[data-ik9-family-shell] .ik9-family-payments .ik9-payments-empty p {margin:0;font-size:15px;color:var(--ik9-pay-muted);}
.ik9-family-shell[data-ik9-family-shell] .ik9-family-payments .ik9-payments-footnote {border-top:1px solid var(--ik9-pay-line);padding:14px 0 0;margin:20px 0 0;background:transparent;}
.ik9-family-shell[data-ik9-family-shell] .ik9-family-payments .ik9-payments-footnote p {font-size:13px;color:var(--ik9-pay-muted);line-height:1.6;margin:0 0 4px;}
.ik9-family-shell[data-ik9-family-shell] .ik9-family-payments .ik9-payments-footnote details {border:0;padding:0;margin:0;}
.ik9-family-shell[data-ik9-family-shell] .ik9-family-payments .ik9-payments-footnote summary {font-size:13px;line-height:1.5;min-height:44px;padding:10px 0;cursor:pointer;color:#9b1326;}
.ik9-family-shell[data-ik9-family-shell] .ik9-family-payments :is(a,summary):focus-visible {outline:3px solid #bc1326;outline-offset:3px;border-radius:6px;}
@media(max-width:600px) {
 .ik9-family-shell[data-ik9-family-shell] .ik9-family-payments .ik9-payments-heading {gap:10px;margin-bottom:18px;}
 .ik9-family-shell[data-ik9-family-shell] .ik9-family-payments .ik9-payments-heading h1 {font-size:26px;}
 .ik9-family-shell[data-ik9-family-shell] .ik9-family-payments .ik9-payments-refresh {padding:9px 10px;}
 .ik9-family-shell[data-ik9-family-shell] .ik9-family-payments .ik9-payment-card {padding:16px;}
 .ik9-family-shell[data-ik9-family-shell] .ik9-family-payments .ik9-payment-primary {display:block;margin:14px 0 10px;}
 .ik9-family-shell[data-ik9-family-shell] .ik9-family-payments .ik9-payment-amount>strong {font-size:32px;}
 .ik9-family-shell[data-ik9-family-shell] .ik9-family-payments a.ik9-payment-pay {width:100%;margin-top:14px;}
 .ik9-family-shell[data-ik9-family-shell] .ik9-family-payments .ik9-payment-history-item>summary {flex-wrap:wrap;gap:8px;padding:14px;position:relative;padding-right:34px;}
 .ik9-family-shell[data-ik9-family-shell] .ik9-family-payments .ik9-payment-history-copy {flex-basis:100%;}
 .ik9-family-shell[data-ik9-family-shell] .ik9-family-payments .ik9-payment-history-end {flex-direction:row;align-items:center;justify-content:space-between;max-width:none;width:100%;gap:10px;}
 .ik9-family-shell[data-ik9-family-shell] .ik9-family-payments .ik9-payment-history-item>summary>.ik9-payment-chevron {position:absolute;right:12px;top:22px;}
}
