.live-sync{display:inline-flex;align-items:center;gap:8px;margin-top:8px;padding:6px 10px;border-radius:999px;background:#e8f1ed;color:#49635a;font-size:13px;font-weight:800}
.live-sync:before{content:"";width:8px;height:8px;border-radius:50%;background:#9aadA5}
.live-sync.online{background:#e6f7ee;color:#08714d}.live-sync.online:before{background:#11a36a;box-shadow:0 0 0 4px #11a36a22}
.purchase-breakdown{margin:20px 0;padding:18px;border:1px solid #d5e4dd;border-radius:15px;background:#f8fbf9}
.purchase-breakdown-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}
.purchase-breakdown-head h3{margin:0;font-size:18px}.purchase-breakdown-head p{margin:4px 0 0}
.purchase-method-box{padding:15px;margin-top:12px;border:1px solid #d5e4dd;border-radius:13px;background:#fff}.purchase-method-box.card-box{border-color:#c7d7eb;background:#f8fbff}
.method-box-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.method-box-head b{display:block;font-size:17px}.method-box-head small{display:block;margin-top:4px;color:#64746e}
.purchase-item-row{display:grid;grid-template-columns:minmax(180px,2fr) minmax(120px,1fr) 46px;gap:10px;align-items:end;margin-top:10px}
.purchase-item-row .remove-purchase{height:44px;padding:0;border:0;border-radius:11px;background:#fce8eb;color:#9d2132;font-size:22px;font-weight:900;cursor:pointer}
.purchase-empty{padding:15px;border:1px dashed #b9cdc4;border-radius:12px;color:#64746e;text-align:center}
.purchase-toggle{white-space:nowrap;padding:7px 10px;margin-top:5px;border:1px solid #b9cdc4;border-radius:9px;background:#f8fbf9;color:#075e47;font-weight:800;cursor:pointer}
.purchase-detail-row td{padding:0!important;background:#f7faf8}.purchase-detail-box{padding:15px 18px;text-align:left}
.purchase-detail-box table{width:100%;max-width:650px;margin:0;border-collapse:collapse}.purchase-detail-box th,.purchase-detail-box td{padding:8px!important;border-bottom:1px solid #dce8e2;text-align:left!important;background:transparent}
.purchase-method{display:inline-block;padding:3px 8px;border-radius:999px;background:#e8f1ed;text-transform:capitalize;font-size:12px;font-weight:800}
.compact-subfield{display:grid;gap:4px;margin-top:7px}.compact-subfield span,.notes-help{font-size:12px;line-height:1.3;color:#64746e}.compact-subfield input{min-height:36px!important;padding:7px 10px!important;font-size:14px!important;background:#fbfdfc!important}.notes-help{display:block;margin-top:5px}.expense-mini-details{display:grid;gap:3px;margin-top:6px;padding-top:5px;border-top:1px dashed #b9cdc4;font-size:12px;line-height:1.25;color:#536a62;text-align:left}.expense-mini-details span{display:block}
@media(max-width:650px){.purchase-item-row{grid-template-columns:1fr 1fr}.purchase-item-row .purchase-name{grid-column:1/-1}.purchase-item-row .remove-purchase{width:46px}.purchase-breakdown{padding:14px}.purchase-breakdown-head,.method-box-head{align-items:flex-start;flex-direction:column}.method-box-head .btn{width:100%}}
@media print{.purchase-toggle,.live-sync{display:none!important}.purchase-detail-row.hidden{display:none!important}}