/*
 * This is a manifest file that'll be compiled into application.css, which will include all the files
 * listed below.
 *
 * Any CSS (and SCSS, if configured) file within this directory, lib/assets/stylesheets, or any plugin's
 * vendor/assets/stylesheets directory can be referenced here using a relative path.
 *
 * You're free to add application-wide styles to this file and they'll appear at the bottom of the
 * compiled file so the styles you add here take precedence over styles defined in any other CSS
 * files in this directory. Styles in this file should be added after the last require_* statement.
 * It is generally better to create a new file per style scope.
 *


 */

  .action-card {
    padding: 1.25rem;
    border: 3px solid #e5e7eb;
    border-radius: 12px;
    text-align: center;
    transition: all 0.2s;
    background: white;
  }
  
  .action-card svg {
    color: #6b7280;
    transition: all 0.2s;
  }
  
  .action-radio:hover .action-card {
    border-color: #3b82f6;
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(59, 130, 246, 0.2);
  }
  
  .action-radio:hover .action-card svg {
    color: #3b82f6;
  }
  
  .action-radio input:checked + .action-card {
    border-color: #3b82f6;
    background: linear-gradient(135deg, #eff6ff, #dbeafe);
  }
  
  .action-radio input:checked + .action-card svg {
    color: #3b82f6;
  }

   @keyframes spin {
      to { transform: rotate(360deg); }
    }