/*!*********************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./templates/routes/main/trasparenza/trasparenza.css ***!
  \*********************************************************************************************************************************/
.tr-title { color: #0f2456; font-size: 0.92rem; }

.tr-card-icon {
    width: 38px;
    height: 38px;
    border-radius: 10px;
    background: rgba(108,117,125,0.12);
    color: var(--tr-color);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1rem;
    flex-shrink: 0;
}

.tr-status-badge {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    padding: 3px 10px;
    border-radius: 20px;
    font-size: 0.72rem;
    font-weight: 700;
    white-space: nowrap;
}

.tr-status-done    { background: rgba(25,135,84,0.1);   color: #198754; border: 1px solid rgba(25,135,84,0.25); }
.tr-status-wip     { background: rgba(217,119,6,0.1);   color: #d97706; border: 1px solid rgba(217,119,6,0.28); }
.tr-status-planned { background: rgba(108,117,125,0.1); color: #495057; border: 1px solid rgba(108,117,125,0.2); }

@media (max-width: 575.98px) {
    .tr-status-badge { font-size: 0.62rem; padding: 2px 6px; }
}