.invoiceIdentity{flex-direction:column;gap:.125rem;display:flex}.invoiceNumber{color:var(--cdBlue);margin:0;font-size:.8125rem;font-weight:600}.invoiceClientName{color:var(--textSecondary);margin:0;font-size:.75rem}.invoiceAmount{font-variant-numeric:tabular-nums;color:var(--textPrimary);font-weight:600}.invoiceDueDate{color:var(--textSecondary);font-size:.8125rem}.invoiceMenuWrap{display:inline-flex;position:relative}.invoiceDropdownMenu{background-color:var(--cardBg);border:1px solid var(--cardBorder);border-radius:var(--radiusMd);min-width:180px;box-shadow:var(--shadowLg);z-index:50;margin-bottom:.25rem;padding:.25rem 0;position:absolute;bottom:100%;right:0;overflow:hidden}.invoiceDropdownItem{width:100%;color:var(--textPrimary);cursor:pointer;transition:background-color var(--animFast)ease;text-align:left;background:0 0;border:none;align-items:center;gap:.5rem;padding:.5rem .75rem;font-size:.8125rem;font-weight:500;display:flex}.invoiceDropdownItem:hover{background-color:var(--bgMuted)}.invoiceDropdownItem.danger{color:var(--cdRed)}.invoiceDropdownItem.danger:hover{background-color:var(--errorBg)}.invoiceDropdownIcon{flex-shrink:0;width:.875rem;height:.875rem}.invoiceStatusSelectorWrap{display:inline-flex;position:relative}.invoiceStatusBadge{letter-spacing:.025em;text-transform:uppercase;transition:all var(--animFast)ease;background:0 0;border:1.5px solid #0000;border-radius:9999px;align-items:center;gap:.25rem;padding:.25rem .625rem;font-size:.75rem;font-weight:600;line-height:1.4;display:inline-flex}.invoiceStatusBadge.neutral{color:var(--textMuted);background-color:var(--bgMuted);border-color:var(--bgMuted)}.invoiceStatusBadge.info{color:var(--cdBlue);background-color:#6366f11f;border-color:#6366f11f}.invoiceStatusBadge.success{color:var(--cdGreen);background-color:#10b9811f;border-color:#10b9811f}.invoiceStatusBadge.danger{color:var(--cdRed);background-color:#ef44441f;border-color:#ef44441f}.invoiceStatusBadge.muted{color:var(--textMuted);background-color:var(--bgMuted);border-color:var(--bgMuted)}.invoiceStatusBadge.interactive:hover{border-color:var(--cardBorder);box-shadow:var(--shadowSm)}.invoiceStatusChevron{opacity:.7;flex-shrink:0;width:.75rem;height:.75rem}.invoiceStatusDropdown{background-color:var(--cardBg);border:1px solid var(--cardBorder);border-radius:var(--radiusMd);min-width:170px;box-shadow:var(--shadowLg);z-index:60;padding:.25rem 0;position:absolute;bottom:calc(100% + .25rem);left:0;overflow:hidden}.invoiceStatusDropdownLabel{text-transform:uppercase;letter-spacing:.05em;color:var(--textMuted);border-bottom:1px solid var(--cardBorder);margin-bottom:.125rem;padding:.375rem .75rem;font-size:.6875rem;font-weight:600}.invoiceStatusOption{width:100%;color:var(--textPrimary);cursor:pointer;transition:background-color var(--animFast)ease;text-align:left;background:0 0;border:none;align-items:center;gap:.5rem;padding:.5rem .75rem;font-size:.8125rem;font-weight:500;display:flex}.invoiceStatusOption:hover{background-color:var(--bgMuted)}.invoiceStatusOption.success{color:var(--cdGreen)}.invoiceStatusOption.danger,.invoiceStatusOption.muted{color:var(--cdRed)}.invoiceStatusOptionIcon{flex-shrink:0;width:.875rem;height:.875rem}