.charge-tip{position:relative;padding:16px 40px 12px 18px;margin:12px 0 20px;border:1px solid var(--primary);border-radius:10px;background:var(--surface);box-shadow:0 4px 16px #0000000a}.charge-tip:before{content:'';position:absolute;right:120px;top:-7px;width:12px;height:12px;background:var(--surface);border-top:1px solid var(--primary);border-left:1px solid var(--primary);transform:rotate(45deg)}.charge-tip>button{position:absolute;right:10px;top:8px;background:transparent;color:inherit;font-size:20px}.charge-line{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 0;border-top:1px solid var(--border);font-size:.88rem}.charge-line small,.charge-register small{display:block;color:var(--muted)}.charge-paid{color:#27654d}.charge-line .actions{flex-wrap:wrap;justify-content:flex-end}.charge-link{display:flex;gap:8px}.charge-link input{min-width:0;flex:1}.charge-register article+article{margin-top:18px}.section-top{flex-wrap:wrap;gap:12px}@media(max-width:700px){.charge-line{align-items:stretch;flex-direction:column}.charge-line .actions{justify-content:flex-start}.charge-link{flex-wrap:wrap}}

.charge-register{padding:18px 22px}.charge-register .charge-line{border-top:0}.charge-register article+article{margin-top:8px;border-top:1px solid var(--border)}.charge-description{flex:1;min-width:0}.charge-audit,.charge-line small{display:block;font-size:.75rem;color:var(--muted);line-height:1.6;margin-top:8px;overflow-wrap:anywhere}.charge-line .charge-actions{display:flex;flex-wrap:nowrap;align-items:center;gap:18px;margin-left:auto;flex-shrink:0}.charge-links{display:flex;flex-direction:column;align-items:center;gap:6px;white-space:nowrap}.charge-links .text-button{margin:0;padding:0;font-size:.8rem}.charge-actions>[data-charge-hide],.charge-actions>[data-charge-receive]{margin:0;flex-shrink:0}.charge-register .charge-line{align-items:center}@media(max-width:700px){.charge-register{padding:14px}.charge-line{flex-direction:row;flex-wrap:wrap}.charge-description{flex-basis:calc(100% - 60px)}.charge-line .charge-actions{margin-left:auto;justify-content:flex-end}.charge-audit{font-size:.7rem}}