.traba_dashboard {
      display: flex;
      flex-wrap: wrap;
      gap: 10px;
      padding: 20px;
      justify-content: center;
    }

    .traba_columna {
      flex: 1 1 32%;
      display: flex;
      flex-direction: column;
      gap: 10px;
      min-width: 320px;
      max-width: 500px;
    }

    .traba_card {
      background: white;
      border-radius: 15px;
      box-shadow: 0 6px 20px rgba(0, 0, 0, 0.08);
      padding: 20px;
      transition: all 0.3s ease;
    }

    .traba_card:hover {
      transform: translateY(-5px);
    }

    .traba_titulo h2 {
      text-align: center;
      color: #779254;
      font-size: 1.6em;
    }

    .traba_stats h3 {
      display: none;
    }

    .traba_stats_content {
      display: flex;
      flex-direction: column;
      align-items: center;
      gap: 20px;
    }

    .traba_circle {
      width: 155px;
      height: 120px;
      border-radius: 10%;
      border: 4px solid #63676b;
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      font-weight: bold;
      font-size: 1.6em;
      color: #779254;
      background-color: #f5faf78f;
    }

    .traba_circle_text {
      font-size: 0.8em;
      color: #555;
    }

    .traba_status_box {
      display: flex;
      justify-content: center;
      gap: 10px;
      flex-wrap: wrap;
    }

    .traba_status {
      flex: 1 1 80px;
      min-width: 80px;
      background-color: #e8f0fe;
      padding: 10px;
      border-radius: 10px;
      text-align: center;
      font-weight: bold;
      color: #000;
      font-size: 0.9em;
    }

    .traba_todo { background-color: #FFE0BD; }
    .traba_late { background-color: #FF6090; }
    .traba_done { background-color: #A8DDBD; }
    .traba_aten { background-color: #FFC300; }

    .traba_other { background-color: #DDE8F3; }



    .traba_status span {
      display: block;
      font-size: 0.8em;
      color: #000;
    }

    .traba_chart_large {
      min-height: 320px;
    }

    .traba_legend_table {
      display: flex;
      justify-content: space-around;
      flex-wrap: wrap;
      padding-top: 10px;
    }

    .traba_legend_item {
      display: flex;
      align-items: center;
      gap: 6px;
      cursor: pointer;
      font-size: 0.9em;
    }

    .traba_legend_color {
      width: 16px;
      height: 16px;
      border-radius: 4px;
    }

    @media (max-width: 1024px) {
      .traba_columna {
        max-width: 100%;
      }
    }