/*
 * This is a manifest file that'll be compiled into application.css.
 *
 * With Propshaft, assets are served efficiently without preprocessing steps. You can still include
 * application-wide styles in this file, but keep in mind that CSS precedence will follow the standard
 * cascading order, meaning styles declared later in the document or manifest will override earlier ones,
 * depending on specificity.
 *
 * Consider organizing styles into separate files for maintainability.
 */

.tab-active {
    border-color: #3b82f6;
    color: #3b82f6;
}
.hidden {
    display: none;
}

th {
    cursor: pointer;
}

th.asc::after {
    content: " ↑";
}

th.desc::after {
    content: " ↓";
}

.grid {
    display: grid;
    gap: 1.5rem;
}

.grid-cols-1 {
    grid-template-columns: repeat(1, 1fr);
}

@media (min-width: 640px) {
    .sm\\:grid-cols-2 {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (min-width: 1024px) {
    .lg\\:grid-cols-3 {
        grid-template-columns: repeat(3, 1fr);
    }
}

.rounded-lg {
    border-radius: 0.5rem;
}

.hover\\:bg-gray-200:hover {
    background-color: #f1f1f1;
}

.transition-all {
    transition: all 0.3s ease;
}

.calc-elem {
    background-color: white;
}