/* Bottone per espandere o chiudure qualsiasi cosa in app */

.action-button.matcher-toggle-btn {
      background-color: transparent;
      color: #1c2e4a;
      border: none;
      font-size: 14px;
      font-weight: bold;
      display: flex;
      align-items: center;
      gap: 6px;
      cursor: pointer;
}
        
.action-button.matcher-toggle-btn:hover {
      color: #0d47a1;
      background-color: rgba(28, 46, 74, 0.1);
      transform: translateY(-1px);
      text-decoration: none;
      border-bottom: 2px solid #0d47a1;
}

.matcher-accept-btn, .matcher-reject-btn, .matcher-lock-btn {
      padding: 4px 10px;
      border: none;
      border-radius: 4px;
      display: flex;
      align-items: center;
      gap: 4px;
      font-size: 12px;
      cursor: pointer;
      transition: background-color 0.2s, transform 0.1s;
}
      
.matcher-accept-btn {
  background-color: #4caf50;
  color: white;
}

.matcher-accept-btn:hover {
  background-color: #3d8b40;
  transform: translateY(-1px);
}

.matcher-reject-btn {
  background-color: #f44336;
  color: white;
}

.matcher-reject-btn:hover {
  background-color: #d32f2f;
  transform: translateY(-1px);
}

.matcher-lock-btn {
  background-color: #3f51b5; /* Indigo */
  color: white;
}

.matcher-lock-btn:hover {
  background-color: #303f9f;
  transform: translateY(-1px);
}

.output-div{
      background-color: #1c2e4a;
      padding: 6px 9px;
      display: flex;
      flex-direction: column;
      gap: 10px;
}


.matcher-container {
    font-family: 'Segoe UI', Roboto, sans-serif;
    max-width: 100%;
    margin: 0 auto;
    background: #ffffff;
    border-radius: 8px;
    box-shadow: 0 2px 10px rgba(0,0,0,0.05);
}