.directory-filter.expanded{grid-template-columns:160px 230px 170px 1fr auto}
.service-list article>div:last-child{display:flex;flex-direction:column;align-items:flex-end;gap:12px}
.success{background:#eaf6ef;border:1px solid #aad5ba;color:#174a2b;border-radius:8px;padding:14px}
.button{display:inline-block;text-decoration:none;margin-top:10px}.payment-summary{background:#fff;border:1px solid #d7e0e8;border-radius:10px;padding:18px;margin:16px 0}.payment-summary p{margin:6px 0}.payment-amount{font-size:2rem;font-weight:800;color:#142b4a}.status.paid{background:#dff2e6;color:#17643c;padding:6px 12px;border-radius:999px;font-weight:700}.receipt{max-width:760px}.receipt .payment-summary{border-top:5px solid #2e6fb5}
.hero-primary-actions{display:flex;gap:12px;flex-wrap:wrap;margin:24px 0 10px}.hero-primary-actions .button{margin:0}.hero-secondary{border:1px solid #ffffffaa;color:#fff;padding:12px 18px;border-radius:6px;font-weight:700}.payment-portal{max-width:1180px}.payment-entry-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin:30px 0}.payment-entry-card{position:relative;background:#fff;border:1px solid #d7e0e8;border-radius:14px;padding:28px;box-shadow:0 6px 22px #0b29480d}.payment-entry-card.featured{border-top:5px solid var(--blue)}.payment-entry-card h2{color:var(--navy);margin:8px 0}.entry-number{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#e8f2fb;color:var(--blue);font-weight:800}.reference-lookup input{margin-bottom:12px}.payment-entry-card select{display:block;width:100%;margin-top:6px;padding:12px;border:1px solid #bac6d1;border-radius:6px;background:#fff;font:inherit}.payment-entry-card button{width:100%;margin-top:10px}.payment-entry-card small{display:block;color:var(--muted);margin-top:12px}.payment-security-note{background:#eef6fb;border-left:4px solid var(--blue);padding:16px;border-radius:6px}
@media print{.topbar,.public-nav,.main-nav,.no-print{display:none!important}.shell,.new-shell,main,.public-page{display:block!important;margin:0!important;padding:0!important;max-width:none!important}.receipt .payment-summary{box-shadow:none}}
@media(max-width:1000px){.directory-filter.expanded{grid-template-columns:1fr 1fr}.directory-filter.expanded button{grid-column:1/-1}.service-list article{align-items:flex-start;gap:12px}.payment-entry-grid{grid-template-columns:1fr}}