.th-cell[data-v-8d6b98f8] { padding: 10px; font-size: 11px; font-weight: 600; color: rgb(144, 147, 153); text-align: center; cursor: pointer; white-space: nowrap; text-transform: uppercase; letter-spacing: 0.3px; transition: color 0.2s; }
.th-cell[data-v-8d6b98f8]:hover { color: rgb(64, 158, 255); }
.th-active[data-v-8d6b98f8] { color: rgb(64, 158, 255) !important; }
.inv-row[data-v-8d6b98f8] { border-bottom: 1px solid rgb(240, 240, 240); }
.inv-row[data-v-8d6b98f8]:hover { background: rgb(245, 247, 250) !important; }
.inv-row-alt[data-v-8d6b98f8] { background: rgb(250, 250, 250); }
.inv-row-selected[data-v-8d6b98f8] { border-left: 3px solid rgb(64, 158, 255); background: rgb(236, 245, 255) !important; }
.status-badge[data-v-8d6b98f8] { display: inline-block; padding: 2px 10px; border-radius: 10px; font-size: 11px; font-weight: 500; }
.status-paid[data-v-8d6b98f8] { background: rgb(240, 249, 235); color: rgb(103, 194, 58); }
.status-pending[data-v-8d6b98f8] { background: rgb(253, 246, 236); color: rgb(230, 162, 60); }
.status-overdue[data-v-8d6b98f8] { background: rgb(254, 240, 240); color: rgb(245, 108, 108); }
.status-cancelled[data-v-8d6b98f8] { background: rgb(244, 244, 245); color: rgb(144, 147, 153); text-decoration: line-through; }
.link-btn[data-v-8d6b98f8] { display: inline-block; padding: 3px 10px; border-radius: 4px; font-size: 11px; font-weight: 500; cursor: pointer; transition: opacity 0.2s; }
.link-btn[data-v-8d6b98f8]:hover { opacity: 0.8; }
.link-btn-pay[data-v-8d6b98f8] { background: rgb(64, 158, 255); color: rgb(255, 255, 255); }
.link-btn-paid[data-v-8d6b98f8] { background: rgb(240, 249, 235); color: rgb(103, 194, 58); border: 1px solid rgb(225, 243, 216); }
.filter-pill[data-v-8d6b98f8] { display: inline-flex; align-items: center; gap: 4px; padding: 3px 10px; border-radius: 12px; font-size: 11px; font-weight: 500; cursor: pointer; border: 1px solid rgb(220, 223, 230); color: rgb(144, 147, 153); background: rgb(255, 255, 255); transition: 0.2s; user-select: none; }
.filter-pill[data-v-8d6b98f8]:hover { border-color: rgb(192, 196, 204); color: rgb(96, 98, 102); }
.filter-pill-active[data-v-8d6b98f8] { color: rgb(255, 255, 255) !important; border-color: transparent !important; }
.filter-pill.filter-pill-active[data-v-8d6b98f8] { background: rgb(96, 98, 102); }
.filter-pill-pending.filter-pill-active[data-v-8d6b98f8] { background: rgb(230, 162, 60); }
.filter-pill-overdue.filter-pill-active[data-v-8d6b98f8] { background: rgb(245, 108, 108); }
.filter-pill-paid.filter-pill-active[data-v-8d6b98f8] { background: rgb(103, 194, 58); }
.filter-pill-cash.filter-pill-active[data-v-8d6b98f8] { background: rgb(64, 158, 255); }
.filter-pill-cancelled.filter-pill-active[data-v-8d6b98f8] { background: rgb(144, 147, 153); }
.filter-count[data-v-8d6b98f8] { font-size: 10px; opacity: 0.8; }
.el-dialog__headerbtn[data-v-8d6b98f8] { display: none !important; }
.el-dialog__body, .el-dialog__footer, .el-dialog__header { padding: 0px !important; }
.el-dialog__footer { margin-top: 0px; }
.el-dialog__headerbtn { display: none !important; }