/* Gumroad Publishing Tracker - Dark Theme */
* { box-sizing: border-box; }

.card { background: rgb(31, 41, 55); }
.published { background: rgb(34, 197, 94); }
.unpublished { background: rgb(239, 68, 68); }

/* Active nav link */
.nav-link.active {
    color: #fff;
    border-bottom: 2px solid #3b82f6;
    padding-bottom: 2px;
}

/* Scrollbar styling for dark theme */
::-webkit-scrollbar { width: 8px; height: 8px; }
::-webkit-scrollbar-track { background: rgb(17, 24, 39); }
::-webkit-scrollbar-thumb { background: rgb(75, 85, 99); border-radius: 4px; }
::-webkit-scrollbar-thumb:hover { background: rgb(107, 114, 128); }

/* Preview panel */
.preview-panel {
    height: 600px;
    overflow: auto;
}

/* Truncate text */
.line-clamp-2 {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

/* Copy flash animation */
.copy-flash {
    animation: flash 0.3s ease-out;
}
@keyframes flash {
    0% { background-color: rgba(34, 197, 94, 0.3); }
    100% { background-color: transparent; }
}

/* Smooth transitions */
.book-grid-card {
    transition: transform 0.15s ease, box-shadow 0.15s ease;
}
.book-grid-card:hover {
    transform: translateY(-2px);
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.3);
}

/* Modal backdrop */
.modal-backdrop {
    background: rgba(0, 0, 0, 0.6);
    backdrop-filter: blur(4px);
}