/* Invoices (#/invoices) */
.inv-page{--tw-hover:color-mix(in srgb,var(--text) 6%,transparent);min-width:0}
.inv-loading{padding:28px;color:var(--muted);font-size:13px}
.inv-offline{padding:24px;display:grid;gap:8px;justify-items:start}
.inv-offline p{margin:0;color:var(--muted);font-size:13.5px;line-height:1.5}
.inv-offline code,.inv-lines code{font-size:12.5px;padding:1px 6px;border-radius:6px;background:var(--surface2)}
.inv-main{padding:0!important;min-width:0}
.inv-tools{display:flex;align-items:center;flex-wrap:wrap;gap:10px 14px;padding:14px 16px 10px}
.inv-tools .stage-tabs{flex:1 1 auto;min-width:0;padding-bottom:2px}
.inv-search{flex:0 1 240px;min-width:160px}.inv-search .input{height:40px;min-height:40px;font-size:13px;width:100%;box-sizing:border-box}
.inv-body{padding:0 8px 12px;min-width:0}
.inv-table{display:grid;min-width:0}
.inv-row{display:grid;grid-template-columns:minmax(0,1.6fr) 110px 150px 110px 168px;align-items:center;gap:12px;padding:10px 12px;border-radius:12px;font-size:13px;transition:background-color .16s ease}
.inv-row:not(.head){cursor:pointer}.inv-row:not(.head):hover{background:var(--tw-hover)}
.inv-row:not(.head):focus-visible{outline:2px solid var(--accent);outline-offset:-2px}
.inv-row.head{padding-top:4px;padding-bottom:6px;font-size:12px;color:var(--muted);letter-spacing:.02em}
.inv-who{display:grid;gap:2px;min-width:0}.inv-who strong{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.inv-who small{color:var(--muted);font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.inv-amt{font-weight:600;font-variant-numeric:tabular-nums}
.inv-date{color:var(--muted);font-size:12.5px}
.inv-act{display:flex;align-items:center;justify-content:flex-end;gap:6px}
.inv-muted{color:var(--muted);font-size:12.5px}
.inv-act .btn.sm{white-space:nowrap}
.inv-st{display:inline-flex;align-items:center;gap:7px;padding:3px 10px 3px 9px;border-radius:999px;font-size:12px;font-style:normal;white-space:nowrap;background:var(--surface2);color:var(--text)}
.inv-st::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--muted)}
.inv-st.paid{background:color-mix(in srgb,var(--accent) 22%,transparent)}.inv-st.paid::before{background:var(--accent)}
.inv-st.unpaid{background:color-mix(in srgb,#d4a24a 22%,transparent)}.inv-st.unpaid::before{background:#c8922f}
.inv-st.expired,.inv-st.failed{background:color-mix(in srgb,#c0503f 18%,transparent)}.inv-st.expired::before,.inv-st.failed::before{background:#c0503f}
.inv-empty{display:grid;justify-items:center;gap:10px;padding:34px 16px}
.inv-two{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.inv-form{display:grid;gap:14px}
.inv-lines{display:grid;gap:0;margin:0}
.inv-lines>div{display:flex;justify-content:space-between;gap:16px;padding:9px 0;border-bottom:1px solid var(--border);font-size:13.5px}
.inv-lines dt{color:var(--muted)}.inv-lines dd{margin:0;text-align:right;min-width:0;overflow-wrap:anywhere}
.inv-linkbox{margin-top:16px}
.inv-linkrow{display:flex;gap:8px}.inv-linkrow .input{flex:1;min-width:0;font-size:12.5px}
.inv-detail{min-width:0}
.inv-page .tc-stat-strip{margin-bottom:16px}
@media(max-width:800px){
  .inv-row.head{display:none}
  .inv-row{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"who amt" "state act";gap:8px 12px;padding:12px}
  .inv-who{grid-area:who}.inv-amt{grid-area:amt;text-align:right}.inv-state{grid-area:state}.inv-date{display:none}.inv-act{grid-area:act}
  .inv-two{grid-template-columns:1fr}
  .inv-search{flex:1 1 100%}
  .inv-tools{padding:12px 12px 8px}
}
@media(prefers-reduced-motion:no-preference){
  .inv-body .inv-row:not(.head){animation:inv-in .38s cubic-bezier(.22,1,.36,1) both}
  .inv-body .inv-row:nth-child(2){animation-delay:.03s}.inv-body .inv-row:nth-child(3){animation-delay:.06s}.inv-body .inv-row:nth-child(4){animation-delay:.09s}.inv-body .inv-row:nth-child(n+5){animation-delay:.12s}
  @keyframes inv-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
}