/* =========================================================
   InvoiceChaser — custom CSS supplement to Tailwind CDN
   ========================================================= */

/* Custom scrollbar — thin, gray */
::-webkit-scrollbar {
    width: 5px;
    height: 5px;
}
::-webkit-scrollbar-track {
    background: transparent;
}
::-webkit-scrollbar-thumb {
    background-color: #d1d5db; /* gray-300 */
    border-radius: 9999px;
}
::-webkit-scrollbar-thumb:hover {
    background-color: #9ca3af; /* gray-400 */
}

/* Sidebar nav active indicator — green left border */
.nav-link-active {
    position: relative;
}
.nav-link-active::before {
    content: '';
    position: absolute;
    left: 0;
    top: 20%;
    bottom: 20%;
    width: 3px;
    border-radius: 0 3px 3px 0;
    background-color: #10b981; /* emerald-500 */
}

/* Sidebar transition when resizing */
aside {
    transition: width 200ms ease;
}

/* Status badge base */
.badge {
    display: inline-flex;
    align-items: center;
    border-radius: 9999px;
    padding: 2px 8px;
    font-size: 0.7rem;
    font-weight: 500;
    line-height: 1.4;
    white-space: nowrap;
}

.badge-draft      { background-color: #f3f4f6; color: #4b5563; }  /* gray-100 / gray-600 */
.badge-sent       { background-color: #dbeafe; color: #1d4ed8; }  /* blue-100 / blue-700 */
.badge-overdue    { background-color: #fef3c7; color: #b45309; }  /* amber-100 / amber-700 */
.badge-chasing    { background-color: #dbeafe; color: #1d4ed8; }  /* blue-100 / blue-700 */
.badge-paid       { background-color: #d1fae5; color: #047857; }  /* emerald-100 / emerald-700 */
.badge-cancelled  { background-color: #fee2e2; color: #dc2626; }  /* red-100 / red-600 */