.projection-clickable{cursor:pointer;border-radius:7px;padding:4px 3px 0;transition:background .15s,transform .15s}.projection-clickable:hover,.projection-clickable:focus-visible{background:#f0f6df;outline:0;transform:translateY(-2px)}.projection-clickable:focus-visible{box-shadow:0 0 0 2px #bada65}.recurring{border-left:3px solid transparent;padding-left:10px}.recurring.is-receive{border-left-color:#91cfc5;background:linear-gradient(90deg,#eaf7f4 0,transparent 38%)}.recurring.is-pay{border-left-color:#e6afa4;background:linear-gradient(90deg,#fff0ed 0,transparent 38%)}.projection-detail-totals{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:16px 0}.projection-detail-totals article{border:1px solid var(--line);border-radius:8px;padding:11px;display:grid;gap:5px}.projection-detail-totals span{font-size:9px;color:var(--muted)}.projection-detail-totals strong{font-size:14px}.projection-detail-totals .is-receive{border-left:3px solid #59b9aa}.projection-detail-totals .is-pay{border-left:3px solid #e68c7d}.projection-detail-list{border-top:1px solid var(--line)}.projection-detail-row{display:grid;grid-template-columns:1fr auto auto;gap:10px;align-items:center;border-bottom:1px solid var(--line);padding:11px 2px 11px 10px;border-left:3px solid transparent}.projection-detail-row.is-receive{border-left-color:#63bcae}.projection-detail-row.is-pay{border-left-color:#e69284}.projection-detail-row b,.projection-detail-row small{display:block}.projection-detail-row b{font-size:11px}.projection-detail-row small{font-size:9px;color:var(--muted);margin-top:3px}.projection-detail-row strong{font-size:11px;white-space:nowrap}.projection-detail-row.is-receive strong{color:#278e80}.projection-detail-row.is-pay strong{color:#bd5e50}@media(max-width:520px){.projection-detail-totals{grid-template-columns:1fr}.projection-detail-row{grid-template-columns:1fr auto}.projection-detail-row button{grid-column:2}}