@import "../css/style.css";


   .access-form {
       display: flex;
       flex-direction: column;
       gap: 1rem;
       font-family: 'Inter', sans-serif;
   }

   .form-header h2 {
       margin: 0;
       font-size: 1.5rem;
   }

   .form-header p {
       margin: 0;
       font-size: 0.9rem;
       color: #666;
   }

   .form-group {
       display: flex;
       flex-direction: column;
   }

   .form-group label {
       margin-bottom: 0.3rem;
       font-weight: 600;
   }

   .form-group input[type="text"],
   .form-group select {
       padding: 0.6rem 0.8rem;
       border-radius: 0.4rem;
       border: 1px solid #ccc;
       font-size: 0.95rem;
       outline: none;
       transition: 0.2s;
       background-color:transparent;
   }

   .form-group input[type="text"]:focus,
   .form-group select:focus {
       border-color: #3b82f6;
       box-shadow: 0 0 0 2px rgba(59, 130, 246, 0.2);
   }

   .form-help {
       font-size: 0.75rem;
       color: #888;
   }

   .switch-group {
       display: flex;
       align-items: center;
       justify-content: space-between;
   }

   .user-switch {
       position: relative;
       display: inline-block;
       width: 50px;
       height: 28px;
   }

   .user-switch input {
       opacity: 0;
       width: 0;
       height: 0;
   }

   .user-switch .slider {
       position: absolute;
       cursor: pointer;
       top: 0;
       left: 0;
       right: 0;
       bottom: 0;
       background-color: #ccc;
       transition: .4s;
       border-radius: 28px;
   }

   .user-switch .slider:before {
       position: absolute;
       content: "";
       height: 22px;
       width: 22px;
       left: 3px;
       bottom: 3px;
       background-color: white;
       transition: .4s;
       border-radius: 50%;
   }

   .user-switch input:checked+.slider {
       background-color: #3b82f6;
   }

   .user-switch input:checked+.slider:before {
       transform: translateX(22px);
   }

   .form-buttons {
       display: flex;
       justify-content: flex-end;
       gap: 0.5rem;
   }

   .btn {
       padding: 0.6rem 1rem;
       border: none;
       border-radius: 0.4rem;
       cursor: pointer;
       font-weight: 600;
       transition: 0.2s;
   }

   .btn-primary {
       background-color: #3b82f6;
       color: white;
   }

   .btn-primary:hover {
       background-color: #2563eb;
   }

   .btn-secondary {
       background-color: #e5e7eb;
       color: #111827;
   }

   .btn-secondary:hover {
       background-color: #d1d5db;
   }



   .actions-wrapper {
    position: relative;
}

.actions-btn {
    background: none;
    border: none;
    cursor: pointer;
    font-size: 18px;
}

.actions-dropdown {
    position: absolute;
    right: 0;
    top: 30px;
    background: #fff;
    border-radius: 8px;
    box-shadow: 0 10px 25px rgba(0,0,0,.15);
    display: none;
    z-index: 50;
    min-width: 160px;
}

.actions-dropdown.show {
    display: block;
}

.dropdown-item {
    padding: 10px 14px;
    cursor: pointer;
    display: flex;
    gap: 8px;
    align-items: center;
}

.dropdown-item:hover {
    background: #f2f2f2;
}

.dropdown-item.danger {
    color: #e53935;
}